<template>
    <div>
        <vxe-table
                ref="xTable"
                border
                resizable
                highlight-hover-row
                height="500"
                size="medium"
                show-overflow="tooltip"
                :loading="loading"
                align="center"
                header-align="center"
                :sort-config="{trigger: 'cell'}"
                :data="tableData">
            <vxe-table-column field="create_time" title="创建时间"  :formatter="formatDate"></vxe-table-column>
            <vxe-table-column field="params" title="参数" min-width="150"  ></vxe-table-column>
            <vxe-table-column field="resutlt" title="返回值" min-width="150"></vxe-table-column>
<!--            <vxe-table-column field="action" title="操作" width="100">-->
<!--                <template v-slot="{row}">-->
<!--                        <Button type="success" size="small" class="action-btn"-->
<!--                                @click="details(row)">参数详情-->
<!--                        </Button>-->
<!--                </template>-->
<!--            </vxe-table-column>-->
        </vxe-table>
        <Row type="flex" justify="end" >
            <Page show-sizer show-total :current="pageObj.pageNo" :page-size="pageObj.pageSize"
                  :total="pageObj.totalRecord"
                  @on-change="getPageNo" :page-size-opts="[10,20,50,100]" @on-page-size-change="pageSizeChange"/>
        </Row>
        <Modal v-model="modelshow" title="详情" width="80">
            <json-viewer :value="showdata" ></json-viewer>
        </Modal>
    </div>
</template>

<script>
// import { findInfoList } from '@/api/system'
export default {
  name: 'index'
  // data () {
  //   return {
  //     showdata: '',
  //     modelshow: false,
  //     pageObj: {
  //       pageNo: 1,
  //       pageSize: 10,
  //       totalRecord: 0
  //     },
  //     tableData: [],
  //     loading: false
  //   }
  // },
  // methods: {
  //   details (row) {
  //     this.modelshow = true
  //     let a = row.params
  //     this.showdata = JSON.parse(a)
  //     console.log(this.$common.xeUtils.getType(this.showdata), this.showdata)
  //   },
  //   formatDate ({ cellValue }) {
  //     return this.$common.xeUtils.toDateString(cellValue, 'yyyy-MM-dd HH:mm:ss')
  //   },
  //   getPageNo (pageNo) {
  //     this.pageObj.pageNo = pageNo
  //     this.init()
  //   },
  //   pageSizeChange (pageSize) {
  //     this.pageObj.pageSize = pageSize
  //     this.init()
  //   },
  //   success (val) {
  //     val = this.$common.xeUtils.isEmpty(val) ? '添加成功' : val
  //     this.$Message.success(val)
  //   },
  //   error (data) {
  //     this.$Message.error({
  //       content: '操作失败,\n' + data.errmsg
  //     })
  //   },
  //   searchAction () {
  //     this.init()
  //   },
  //   init () {
  //     let param = {
  //       pageNo: this.pageObj.pageNo,
  //       pageSize: this.pageObj.pageSize
  //     }
  //     findInfoList(param).then(ret => {
  //       const data = ret.data
  //       if (data.errcode === 0) {
  //         this.loading = false
  //         this.tableData = data.data.results
  //         this.pageObj.totalRecord = data.data.totalRecord
  //       } else {
  //         this.error(data)
  //         this.loading = false
  //       }
  //     })
  //   }
  // },
  // mounted () {
  //   this.init()
  // }

}
</script>

<style scoped>

</style>
