<!-- * @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>