<template>
  <div class='container'>
    <pageMainBody :everyColLabel="everyColLabel" :everyColProp="everyColProp" :tableData="tableData">
      <template v-slot:form>
<el-form :model="formData" :inline="true">
  <el-form-item label="关键字:" label-width="100px" style="width: 320px;">
    <el-input v-model="formData.keyWord"></el-input>
  </el-form-item>
  <el-button>清除</el-button>
  <el-button type="primary" @click="search">搜索</el-button>
</el-form>
      </template>
      <template v-slot:operationBtn = {row}>
        <el-button circle type="danger" icon="el-icon-delete" @click="delQuestion(row.id)"></el-button>
      </template>
    </pageMainBody>
  </div>
</template>

<script>
import { getRandomQuestionsList, delRandom } from '@/api/hmmm/questions'
export default {
  data () {
    return {
      formData: {
        keyWord: null
      },
      page: {
        page: 1,
        pagesize: 10
      },
      everyColLabel: ['试题编号', '题型', '题目编号', '录入时间', '答题时间', '正确率', '录入人'],
      everyColProp: ['id', 'questionType', 'questionIDs', 'addTime', 'totalSeconds', 'accuracyRate', 'userName'],
      tableData: []
    }
  },
  created () {
    this.getRandomQuestionsList()
  },
  methods: {
    async getRandomQuestionsList () {
      const res = await getRandomQuestionsList()
      this.tableData = res.data.items
    },
    search () {

    },
    async btnDel (id) {
      console.log(id)
      await this.$confirm('确定删除吗，此操作不可逆')
      await tableData({ id })
      this.getRandomQuestionsList()
      this.$message.success('删除成功')
    }

  }
}
    async btnDel (id) {
      try {
        await this.$confirm('确认删除该角色吗')
        this.tableData = this.tableData.filter((item) => item.id !== id)
        this.$message.success('删除记录成功')
        if (this.tableData.length === 1) {
          this.paginationInfo.page = 1
        }
        this.loadList()
      } catch (error) {
        console.log(error)
      }
    },