<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>
        <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 offset="1" span="11">
          <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>

