<!--
 * @Descrip：个人信息
 * @Author: your name
 * @Date: 2019-09-26 15:47:45
 * @LastEditTime: 2019-11-29 12:49:10
 * @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.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>
      <item>
        <div slot="name" class="font-color">户籍地址</div>
        <span slot="content">{{ baseInfo.address_on_resident_booklit }}</span>
      </item>
      <item>
        <div slot="name" class="font-color">学历</div>
        <input slot="content" v-model="baseInfo.academic_background_n" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">婚姻状况</div>
        <input slot="content" v-model="baseInfo.marital_status_n" readonly>
      </item>
    </list-item>
    <div v-if="baseInfo.marital_status == 'MARRIED'" class="equipment-list">配偶信息</div>
    <list-item v-if="baseInfo.marital_status == 'MARRIED'" :item-height="44" class="second-part">
      <item>
        <div slot="name" class="font-color">姓名</div>
        <input slot="content" v-model="baseInfo.bp_name_sp" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">电话号码</div>
        <input slot="content" v-model="baseInfo.spouse_phone" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">工作单位</div>
        <input slot="content" v-model="baseInfo.working_place_sp" readonly>
      </item>
      <item>
        <div slot="name" class="font-color">联系地址</div>
        <input slot="content" v-model="baseInfo.address_sp" readonly>
      </item>
    </list-item>
  </div>
</template>
<script>
export default {
  name: '',
  props: {
    'baseInfo': {
      type: Object,
      default: {},
    },
  },
  data () {
    return {

    }
  },
  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;
}
</style>
