<template>
  <!-- 业务数据 -->
  <el-dialog
    v-dialogDrag
    ref="diaFrom"
    title="业务数据"
    :close-on-click-modal="false"
    :visible.sync="visible"
    width="50%"
    top="10px"
    :before-close="cancel"
  >
    <div class="dia-box">
      <el-table
        border
        size="mini"
        :data="tableList"
        tooltip-effect="dark"
        max-height="500px"
      >
        <el-table-column type="index" width="55" label="序号" align="center">
        </el-table-column>
        <el-table-column label="业务名称" align="center" prop="description">
        </el-table-column>
        <el-table-column label="业务内容" align="center" prop="args">
        </el-table-column>
        <el-table-column label="业务操作人" align="center" prop="operatorChn">
        </el-table-column>
        <el-table-column label="业务操作时间" align="center" prop="operateDate">
        </el-table-column>
      </el-table>
      <div style="text-align: right; margin: 15px 0 20px">
        <el-button size="mini" @click="cancel">关闭</el-button>
      </div>
    </div>
  </el-dialog>
</template>

<script>
export default {
  name: "BusinessDataModal",
  props: {
    visible: {
      type: Boolean,
      default: () => false,
    },
    tableList: {
      // 业务数据
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {};
  },
  methods: {
    cancel() {
      this.$emit("cancel");
    },
  },
};
</script>

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