<template>
  <Modal :footer-hide="true" :mask-closable="false" @on-visible-change="visibleChange" title="详情" v-model="my_show" width="1200">
    <div class="page-detail-wrap">
      <ui-loading :show="page_loading.show"></ui-loading>

      <div class="page-handle-wrap">
        <ul class="handle-wraper bd-b">
          <li class="f-l">
            <div class="text-exp">
              <b>全部信息</b>
            </div>
          </li>
          <li class="f-r">
            <div class="handle-item">
              <Button @click="index(1)" icon="md-refresh">刷新</Button>
            </div>

            <div class="handle-item">
              <Button @click="exportExcel" icon="md-download">导出</Button>
            </div>
          </li>
        </ul>

        <div class="page-list-wrap">
          <Table :columns="columns" :data="list_data ? list_data.data : []" stripe width="1150"></Table>
        </div>

        <div class="page-turn-wrap" v-if="list_data">
          <Page :current="Number(list_data.current_page)" :page-size="Number(list_data.per_page)" :total="Number(list_data.total)" @on-change="index" show-elevator show-total></Page>
        </div>
      </div>
    </div>
  </Modal>
</template>

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