<template>
  <div class="error-container">
    <el-dialog
      title="错误信息"
      :visible.sync="dialogVisible"
      @open="dialogOpenEvent"
      @close="dialogCloseEvent"
    >
      <el-table :data="errorMessageData">
        <el-table-column
          type="index"
          width="50"
          align="center"
        ></el-table-column>
        <el-table-column label="错误信息" prop="errorMessage" width="200">
          <template slot-scope="scope">
            <div v-for="(m, key) in scope.row.errorMessage" :key="key">
              {{ m }}
            </div>
          </template>
        </el-table-column>
      </el-table>
    </el-dialog>
  </div>
</template>

  <script>
export default {
  data() {
    return {
      dialogVisible: false,
      errorMessageData: [],
    };
  },
  computed: {},
  created() {},
  mounted() {},
  methods: {
    dialogOpenEvent(data) {
      if (data && data.length) {
        this.errorMessageData = data;
        console.log(data);
      }
      this.dialogVisible = true;
      this.$emit("open");
    },
    dialogCloseEvent() {
      this.dialogVisible = false;
      this.$emit("close");
    },
  },
};
</script>
  <style lang='scss' scoped>

  </style>