personal.vue 3.57 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>
Jennie Shi's avatar
Jennie Shi committed
36 37 38
        <!-- <input slot="content" v-model="baseInfo.living_address" readonly> -->
        <span slot="content">{{ baseInfo.living_address }}</span>

786817560's avatar
786817560 committed
39 40 41
      </item>
      <item>
        <div slot="name" class="font-color">户籍地址</div>
42
        <span slot="content">{{ baseInfo.address_on_resident_booklit }}</span>
786817560's avatar
786817560 committed
43 44 45
      </item>
      <item>
        <div slot="name" class="font-color">学历</div>
46
        <input slot="content" v-model="baseInfo.academic_background_n" readonly>
786817560's avatar
786817560 committed
47 48 49
      </item>
      <item>
        <div slot="name" class="font-color">婚姻状况</div>
50
        <input slot="content" v-model="baseInfo.marital_status_n" readonly>
786817560's avatar
786817560 committed
51 52
      </item>
    </list-item>
786817560's avatar
786817560 committed
53
    <div v-if="baseInfo.marital_status == 'MARRIED'" class="equipment-list">配偶信息</div>
54
    <list-item v-if="baseInfo.marital_status == 'MARRIED'" :item-height="44" class="second-part">
786817560's avatar
786817560 committed
55 56
      <item>
        <div slot="name" class="font-color">姓名</div>
57
        <input slot="content" v-model="baseInfo.bp_name_sp" readonly>
786817560's avatar
786817560 committed
58 59 60
      </item>
      <item>
        <div slot="name" class="font-color">电话号码</div>
61
        <input slot="content" v-model="baseInfo.spouse_phone" readonly>
786817560's avatar
786817560 committed
62 63 64
      </item>
      <item>
        <div slot="name" class="font-color">工作单位</div>
65
        <input slot="content" v-model="baseInfo.working_place_sp" readonly>
786817560's avatar
786817560 committed
66 67
      </item>
      <item>
786817560's avatar
786817560 committed
68
        <div slot="name" class="font-color">联系地址</div>
69
        <input slot="content" v-model="baseInfo.address_sp" readonly>
786817560's avatar
786817560 committed
70 71 72 73 74 75 76
      </item>
    </list-item>
  </div>
</template>
<script>
export default {
  name: '',
786817560's avatar
786817560 committed
77 78 79 80 81 82
  props: {
    'baseInfo': {
      type: Object,
      default: {},
    },
  },
786817560's avatar
786817560 committed
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 109 110
  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
111
      margin-top: -10px;
786817560's avatar
786817560 committed
112 113 114 115 116 117 118 119 120 121 122 123
}
.equipment-list::before {
      content: "";
      display: block;
      width: 4px;
      height: 20px;
      background-color: #00469c;
      position: absolute;
      left: -15px;
      top: 10px;
}
</style>