93 lines
3.0 KiB
Vue
93 lines
3.0 KiB
Vue
<template>
|
|
<Modal :footer-hide="true" :mask-closable="false" @on-visible-change="visibleChange" title="企业详情" v-model="my_show" width="900">
|
|
<div class="page-detail-wrap" v-if="data">
|
|
<Row :gutter="16">
|
|
<Col span="12">
|
|
<Divider>基础信息</Divider>
|
|
<ul>
|
|
<li class="ui-list">
|
|
<div class="ui-list-title">企业编号:</div>
|
|
<div class="ui-list-content">{{data.id}}</div>
|
|
</li>
|
|
|
|
<li class="ui-list">
|
|
<div class="ui-list-title">企业名称:</div>
|
|
<div class="ui-list-content">{{data.name}}</div>
|
|
</li>
|
|
|
|
<li class="ui-list">
|
|
<div class="ui-list-title">联系人:</div>
|
|
<div class="ui-list-content">{{data.contacts}}</div>
|
|
</li>
|
|
|
|
<li class="ui-list">
|
|
<div class="ui-list-title">手机号:</div>
|
|
<div class="ui-list-content">{{data.mobile}}</div>
|
|
</li>
|
|
|
|
<li class="ui-list">
|
|
<div class="ui-list-title">企业地址:</div>
|
|
<div class="ui-list-content">{{data.address}}</div>
|
|
</li>
|
|
</ul>
|
|
</Col>
|
|
<Col span="12">
|
|
<Divider>账号信息</Divider>
|
|
<ul>
|
|
<li class="ui-list">
|
|
<div class="ui-list-title">银行账号:</div>
|
|
<div class="ui-list-content">{{data.extends.bank_account}}</div>
|
|
</li>
|
|
|
|
<li class="ui-list">
|
|
<div class="ui-list-title">微信账号:</div>
|
|
<div class="ui-list-content">{{data.extends.wechat_account}}</div>
|
|
</li>
|
|
|
|
<li class="ui-list">
|
|
<div class="ui-list-title">支付宝账号:</div>
|
|
<div class="ui-list-content">{{data.extends.alipay_account}}</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<Divider>其他信息</Divider>
|
|
<ul>
|
|
<li class="ui-list">
|
|
<div class="ui-list-title">备注:</div>
|
|
<div class="ui-list-content">{{data.remark}}</div>
|
|
</li>
|
|
|
|
<li class="ui-list">
|
|
<div class="ui-list-title">创建时间:</div>
|
|
<div class="ui-list-content">{{data.created_at}}</div>
|
|
</li>
|
|
|
|
<li class="ui-list">
|
|
<div class="ui-list-title">更新时间:</div>
|
|
<div class="ui-list-content">{{data.updated_at}}</div>
|
|
</li>
|
|
</ul>
|
|
</Col>
|
|
</Row>
|
|
<Divider>物流信息</Divider>
|
|
<Row>
|
|
<div v-for="item in data.addresses">
|
|
<Col class="umar-b10" offset="1" span="11">
|
|
<Card>
|
|
<p slot="title">
|
|
{{item.contacts}}
|
|
<Tag class="f-r" color="error" v-if="item.default">默认</Tag>
|
|
</p>
|
|
<p>地址: {{item.area + '' +item.address}}</p>
|
|
<p>电话: {{item.mobile}}</p>
|
|
</Card>
|
|
</Col>
|
|
</div>
|
|
</Row>
|
|
</div>
|
|
</Modal>
|
|
</template>
|
|
|
|
<script src="./js/detail.js"></script>
|
|
|