<template>
  <div>
    <el-dialog v-if="visible" v-dialogDrag :visible="visible" :modal-append-to-body="false" :close-on-click-modal="false"
      title="新增" destroy-on-close width="50%" @close="visible = false">
      <div>
        <el-table
          :data="detailsInfo"
          style="width: 100%;margin-top: 10px;"
          size="small"
          :border="true"
          :highlight-current-row="true"
        >
          <el-table-column v-for="(item, key) in columns" :key="key" :label="item.label" :prop="item.prop"
            :min-width="item.width">
          </el-table-column>
        </el-table>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="handleCancel()">取 消</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>

import Api from "~/service/Api"

export default {
  mixins: [],
  props: ['detailsInfo'],
  computed: {

  },
  data() {
    return {
      visible: false,
      columns: [
        {
          label: "操作日期",
          prop: "opdate",
          width: "150"
        },
        {
          label: "处理交易",
          prop: "frmnam",
          width: "150"
        },
        {
          label: "操作用户",
          prop: "usr",
          width: "150"
        },
        {
          label: "备注",
          prop: "bak",
          width: "150"
        },
      ],
    };
  },
  watch: {

  },
  methods: {
    handleCancel() {
      this.visible = false
    }
  }
};
</script>

<style scoped lang="less"></style>