<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.company.name}}</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.remark}}</div>
            </li>

            <li class="ui-list">
              <div class="ui-list-title">创建时间:</div>
              <div class="ui-list-content">{{moment(data.created_at).format("YYYY-MM-DD")}}</div>
            </li>

            <li class="ui-list">
              <div class="ui-list-title">更新时间:</div>
              <div class="ui-list-content">{{moment(data.updated_at).format("YYYY-MM-DD")}}</div>
            </li>
          </ul>
        </Col>
      </Row>
    </div>
  </Modal>
</template>

<script src="./js/detail.js"></script>

