<!--
 * @Description: 法人信息
 * @Author: your name
 * @Date: 2019-09-26 15:09:24
 * @LastEditTime: 2019-11-29 12:48:35
 * @LastEditors: Please set LastEditors
 -->
<template>
  <div>
    <list-item :item-height="44" class="second-part">
      <item>
        <div slot="name" class="font-color">业务经办</div>
        <input slot="content" v-model="baseInfo.bp_user_id_n" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">{{ baseInfo.bp_id_agent? '经销商': '办事处' }}</div>
        <span slot="content">{{ baseInfo.bp_id_agent?baseInfo.bp_id_agent_n:baseInfo.office_name }}</span>
      </item>
    </list-item>
    <div class="equipment-list">承租人信息</div>
    <list-item :item-height="44" class="second-part">
      <item>
        <div slot="name" class="font-color">公司名称</div>
        <input slot="content" v-model="baseInfo.bp_name" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">营业执照号</div>
        <input slot="content" v-model="baseInfo.organization_code" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">注册资本</div>
        <input slot="content" v-model="baseInfo.registered_capital" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">注册地址</div>
        <span slot="content">{{ baseInfo.registered_place }}</span>
      </item>
      <item>
        <div slot="name" class="font-color">经营地址</div>
        <input slot="content" v-model="baseInfo.business_address" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">固定电话</div>
        <input slot="content" v-model="baseInfo.phone" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">是否授权</div>
        <input slot="content" v-model="baseInfo.auth_flag" readonly>
      </item>
    </list-item>
    <div v-if="baseInfo.auth_flag === '是'" class="equipment-list">{{ '法定授权人' }}</div>

    <!-- 授权人 -->
    <list-item v-show="baseInfo.auth_flag === '是'" :item-height="44" class="second-part">
      <item>
        <div slot="name" class="font-color">姓名</div>
        <input slot="content" v-model="baseInfo.auth_person_name" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">手机号</div>
        <input slot="content" v-model="baseInfo.auth_cell_phone" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">证件号</div>
        <input slot="content" v-model="baseInfo.auth_person_id_card" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">公司职务</div>
        <input slot="content" v-model="baseInfo.auth_person_position" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">授权事项</div>
        <input slot="content" v-model="baseInfo.auth_person_matter" readonly>
      </item>
    </list-item>

    <!-- 法定代表人 -->
    <div class="equipment-list">法定代表人</div>
    <list-item :item-height="44" class="second-part">
      <item>
        <div slot="name" class="font-color">姓名</div>
        <input slot="content" v-model="baseInfo.legal_person" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">证件号</div>
        <input slot="content" v-model="baseInfo.id_card_no" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">手机号码</div>
        <input slot="content" v-model="baseInfo.cell_phone" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">联系地址</div>
        <input slot="content" v-model="baseInfo.living_address" readonly>
      </item>
    </list-item>
  </div>
</template>

<script>
export default {
  name: '',
  props: {
    'baseInfo': {
      type: Object,
      default: {},
    },
  },
  data () {
    return {
      auth_flag: false,
      text: '法定代表人信息',
    }
  },
  computed: {},
  watch: {
  },
  methods: {

  },
}
</script>
<style lang='less' scoped>
.font-color {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #656464;
    letter-spacing: 0;
}
.equipment-list {
      height: 40px;
      line-height: 40px;
      background-color: #fafafa;
      color: #00469c;
      font-size: 15px;
      margin-left: 16px;
      position: relative;
      margin-top: -10px;
}
.equipment-list::before {
      content: "";
      display: block;
      width: 4px;
      height: 20px;
      background-color: #00469c;
      position: absolute;
      left: -15px;
      top: 10px;
}
.auth {
    height: 44px;
    line-height: 44px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(56,63,69,0.60);
    letter-spacing: 0;
}
</style>