personal.vue 3.49 KB
Newer Older
786817560's avatar
786817560 committed
1
<!--
786817560's avatar
786817560 committed
2
 * @Descrip:个人信息
786817560's avatar
786817560 committed
3 4
 * @Author: your name
 * @Date: 2019-09-26 15:47:45
5
 * @LastEditTime: 2019-11-29 12:49:10
786817560's avatar
786817560 committed
6 7 8 9
 * @LastEditors: Please set LastEditors
   -->
<template>
  <div>
786817560's avatar
786817560 committed
10 11 12
    <list-item :item-height="44" class="second-part">
      <item>
        <div slot="name" class="font-color">业务经办</div>
786817560's avatar
786817560 committed
13
        <input slot="content" v-model="baseInfo.bp_user_id_n" readonly>
786817560's avatar
786817560 committed
14 15
      </item>
      <item>
16 17
        <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>
786817560's avatar
786817560 committed
18 19 20
      </item>
    </list-item>
    <div class="equipment-list">承租人信息</div>
786817560's avatar
786817560 committed
21 22 23
    <list-item :item-height="44" class="second-part">
      <item>
        <div slot="name" class="font-color">姓名</div>
24
        <input slot="content" v-model="baseInfo.bp_name" readonly>
786817560's avatar
786817560 committed
25 26 27
      </item>
      <item>
        <div slot="name" class="font-color">证件号</div>
28
        <input slot="content" v-model="baseInfo.id_card_no" readonly>
786817560's avatar
786817560 committed
29 30 31
      </item>
      <item>
        <div slot="name" class="font-color">电话号码</div>
32
        <input slot="content" v-model="baseInfo.cell_phone" readonly>
786817560's avatar
786817560 committed
33 34
      </item>
      <item>
786817560's avatar
786817560 committed
35
        <div slot="name" class="font-color">联系地址</div>
36
        <input slot="content" v-model="baseInfo.living_address" readonly>
786817560's avatar
786817560 committed
37 38 39
      </item>
      <item>
        <div slot="name" class="font-color">户籍地址</div>
40
        <span slot="content">{{ baseInfo.address_on_resident_booklit }}</span>
786817560's avatar
786817560 committed
41 42 43
      </item>
      <item>
        <div slot="name" class="font-color">学历</div>
44
        <input slot="content" v-model="baseInfo.academic_background_n" readonly>
786817560's avatar
786817560 committed
45 46 47
      </item>
      <item>
        <div slot="name" class="font-color">婚姻状况</div>
48
        <input slot="content" v-model="baseInfo.marital_status_n" readonly>
786817560's avatar
786817560 committed
49 50
      </item>
    </list-item>
786817560's avatar
786817560 committed
51
    <div v-if="baseInfo.marital_status == 'MARRIED'" class="equipment-list">配偶信息</div>
52
    <list-item v-if="baseInfo.marital_status == 'MARRIED'" :item-height="44" class="second-part">
786817560's avatar
786817560 committed
53 54
      <item>
        <div slot="name" class="font-color">姓名</div>
55
        <input slot="content" v-model="baseInfo.bp_name_sp" readonly>
786817560's avatar
786817560 committed
56 57 58
      </item>
      <item>
        <div slot="name" class="font-color">电话号码</div>
59
        <input slot="content" v-model="baseInfo.spouse_phone" readonly>
786817560's avatar
786817560 committed
60 61 62
      </item>
      <item>
        <div slot="name" class="font-color">工作单位</div>
63
        <input slot="content" v-model="baseInfo.working_place_sp" readonly>
786817560's avatar
786817560 committed
64 65
      </item>
      <item>
786817560's avatar
786817560 committed
66
        <div slot="name" class="font-color">联系地址</div>
67
        <input slot="content" v-model="baseInfo.address_sp" readonly>
786817560's avatar
786817560 committed
68 69 70 71 72 73 74
      </item>
    </list-item>
  </div>
</template>
<script>
export default {
  name: '',
786817560's avatar
786817560 committed
75 76 77 78 79 80
  props: {
    'baseInfo': {
      type: Object,
      default: {},
    },
  },
786817560's avatar
786817560 committed
81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108
  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;
786817560's avatar
786817560 committed
109
      margin-top: -10px;
786817560's avatar
786817560 committed
110 111 112 113 114 115 116 117 118 119 120 121
}
.equipment-list::before {
      content: "";
      display: block;
      width: 4px;
      height: 20px;
      background-color: #00469c;
      position: absolute;
      left: -15px;
      top: 10px;
}
</style>