<template>
<div>
    <!-- <dv-loading v-if="lodingshow">Loading...</dv-loading>
    <vxe-table
            v-else
            border
            resizable
            highlight-hover-row
            export-config
            height="500"
            size="medium"
            show-overflow="tooltip"
            align="center"
            header-align="center"
            :sort-config="{trigger: 'cell'}"
            :data="tableData">
        <vxe-table-column type="seq" title="#" width="60"></vxe-table-column>
        <vxe-table-column field="db_name" title="库名"  ></vxe-table-column>
        <vxe-table-column field="db_num" title="库位置" ></vxe-table-column>
        <vxe-table-column field="db_sst" title="未同步数据" sortable ></vxe-table-column>
        <vxe-table-column field="mst_num" title="主库数量" sortable ></vxe-table-column>
        <vxe-table-column field="action" title="操作" fixed="right" width="130">
        <template v-slot="{row}">
            <ButtonGroup>
                <Button type="success" size="small" class="action-btn"
                        @click="del(row.db_num)">删除数据
                </Button>
            </ButtonGroup>
        </template>
        </vxe-table-column>
    </vxe-table> -->
</div>
</template>

<script>
// import { getDataMonitoring } from '@/api/system' // updateDataMonitoring
export default {
  name: 'index'
  // data () {
  //   return {
  //     tableData: [],
  //     lodingshow: true
  //   }
  // },
  // methods: {
  //   del (id) {
  //     this.$Modal.confirm({
  //       title: '确认删除么？',
  //       content: '请仔细核对后再操作',
  //       loading: true,
  //       onOk: () => {
  //         updateDataMonitoring({ db_num: id }).then(ret => {
  //           let data = ret.data
  //           if (data.errcode === 0) {
  //             this.$Modal.remove()
  //             this.init()
  //             this.$Message.success('删除成功' + data.data + '条数据')
  //           } else {
  //             this.$Modal.remove()
  //             this.$Message.error(data)
  //           }
  //         })
  //       }
  //     })
  //   },
  //   init () {
  //     getDataMonitoring().then(ret => {
  //       let date = ret.data.data
  //       this.tableData = date
  //       this.lodingshow = false
  //     })
  //   }
  // },
  // mounted () {
  //   this.init()
  // }
}
</script>

<style scoped>

</style>
