<template>
  <div class="drawer-company">
    <div class="drawer-company-top">
      <div class="company-top-title">
        <div class="company-name">{{ data.name }}</div>
        <div class="company-img">
          <img src="@/assets/imgs/jdt/GSlogo.png" alt="" />
        </div>
      </div>
      <div class="company-top-msg">
        <p><img src="@/assets/imgs/jdt/website.png" />{{ data.tel_info }}</p>
        <p><i class="el-icon-search"></i>{{ data.businessAddress }}</p>
      </div>
    </div>
    <div class="drawer-company-main"></div>
  </div>
</template>

<script>
export default {
  //   props: ["data"],
  data() {
    return {
      data: {
        name: "广州市玮誉贸易有限公司",
        legalRepresentative: "侯丰羽",
        managementState: "存续",
        registeredCapital: "110.000万人民币",
        foundedTime: "2003-12-2",
        creditCode: "91440106755589300G",
        registrID: "440106000073627",
        organizationCode: "755589300",
        companyType: "0",
        registerOffice: "广州市天河区工商行政管理局",
        businessAddress: "广州市天河区先烈东路296号8517-8519室",
        scope:
          "商品批发贸易(许可审批类商品除外);商品零售贸易(许可审批类商品除外);(依法须经批准的项目,经相关部门批准后方可开展经营活动)〓",
        dateIssue: "2016-3-17",
        businessTerm: "2003-12-2至null",
        tel_info: "020-87259789"
      }
    };
  }
};
</script>

<style lang="scss">
.drawer-company {
  width: 100%;
  padding: 0 30px;
  .drawer-company-top {
    width: 100%;
  }
}
.company-top-title {
  width: 100%;
  height: 122px;
  .company-name {
    float: left;
    font-size: 20px;
  }
  .company-img {
    float: right;
  }
}
.company-top-msg{
    width: 100%;
    p{
        width: 100%;
        line-height: 30px;
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #606266;
        img{
            width: 14px !important;
            height: 14px !important;
            margin-right: 10px;
        }
        i{
            font-size: 14px;
            margin-right: 10px;
        }
    }
}
</style>
