<template>
  <a-modal width="70%" :label-col="16" :wrapper-col="4" :visible="visible1" @cancel="onClose">
    <a-divider orientation="left">
      <b>{{ formTitle }}</b>
    </a-divider>
    <a-table :columns="columns" :data-source="data">
      <!-- <a slot="name" slot-scope="text">{{ text }}</a> -->
    </a-table>
    <div slot="footer">
      <!-- <a-button type="primary" @click="handleEdit">确定</a-button> -->
      <a-button @click="onClose">取消</a-button>
    </div>
  </a-modal>
</template>

<script>
import { listKeyCaseOperLog } from '@/api/clw/keyCaseOperLog'
export default {
  data() {
    return {
      submitLoading: false,
      valueNum: '',
      formTitle: '柜子操作记录',
      label: '请输入用车归还提前提醒时间:',
      visible1: false,
      showType: '',
      columns: [
    //   { title: '序号', scopedSlots: { customRender: 'num' },width:'50px',   align: 'center', },
        {
          title: '车牌号',
          dataIndex: 'plateNumber',
          width:'120px',
          align: 'center',
        },
        {
          title: '申请时间',
          dataIndex: 'operTime',
          width:'180px',
          align: 'center',
        },
        {
          title: '操作人',
          dataIndex: 'operUserName',
          width:'150px',
          align: 'center',
        },
        {
          title: '操作柜子',
          dataIndex: 'boxName',
          width:'120px',
          align: 'center',
        },
        {
          title: '备注',
          dataIndex: 'remark',
          align: 'center',
        },
      ],
      data: [],
      id: '',
    }
  },
  filters: {},
  created() {
    
  },
  computed: {},
  watch: {},
  mounted() {},
  methods: {
    onClose() {
      this.visible1 = false
    },
    /** 记录 */
    funLogList() {
        const params={
            boxId:this.id
        }
        listKeyCaseOperLog(params).then((res) => {
        console.log(res.rows)
        this.data=res.rows
      })
    },
    onChange(val) {
      this.valueNum = val
    },
    showOpen(title, node) {
      this.id = node.id
      this.funLogList()
      this.visible1 = true
    },
  },
}
</script>
<style lang="less" scoped>
/deep/.ant-modal-content {
  margin-top: 120px;
  margin-left: 100px;
}
</style>
