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