<template>
  <div style="width: 100%;height: 100%;">
    <div style="margin-top: 10px;position: absolute; right: 50px;">
      <el-button size="small" type="primary">导出试题</el-button>
      <el-button size="small" type="primary" @click="goBack">返回</el-button>
    </div>
    <el-card style="width: 45%;margin-left: 50px;margin-top: 60px;display: inline-block;">
      <div slot="header">
        <span>理论试题列表</span>
        <el-button style="float: right; padding: 3px 0" type="text">添加试题</el-button>
        <el-button style="float: right; padding: 3px 0;margin-right: 5px" type="text">预览</el-button>
      </div>
      <el-table
        :data="tableData"
        style="width: 100%"
      >
        <el-table-column
          prop="type"
          label="类型"
        >
          <template slot-scope="scope">
            <el-tag
              type="primary"
              disable-transitions
            >{{ QuestionTypeMap[scope.row.type] }}</el-tag>
          </template>
        </el-table-column>
        <el-table-column
          prop="topic"
          label="题目"
        />
        <el-table-column
          prop="score"
          label="分值"
        />
        <el-table-column prop="operate" label="操作">
          <template slot-scope="scope">
            <el-button type="warning" size="mini" @click="removeQuestion(index, scope)">移出</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-card>
    <el-card style="width: 45%;margin-left: calc(10% - 100px);margin-top: 60px;display: inline-block;">
      <div slot="header">
        <span>实操试题列表</span>
        <el-button style="float: right; padding: 3px 0" type="text">添加试题</el-button>
        <el-button style="float: right; padding: 3px 0;margin-right: 5px" type="text">预览</el-button>
      </div>
      <el-table
        :data="tableData"
        style="width: 100%"
      >
        <el-table-column
          prop="type"
          label="类型"
        >
          <template slot-scope="scope">
            <el-tag
              type="primary"
              disable-transitions
            >{{ QuestionTypeMap[scope.row.type] }}</el-tag>
          </template>
        </el-table-column>
        <el-table-column
          prop="topic"
          label="题目"
        />
        <el-table-column
          prop="score"
          label="分值"
        />
        <el-table-column prop="operate" label="操作">
          <template slot-scope="scope">
            <el-button type="warning" size="mini" @click="removeQuestion(index, scope)">移出</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>
export default {
    name: 'GeneratPaper',
    data() {
        return {
            tableData: [],
            QuestionTypeMap: {
                select: '选择题',
                judge: '判断题'
            }
        };
    },
    method: {
        removeQuestion(index, row) {},
        goBack() {
            this.$router.go(-1);
        }
    }
};
</script>

<style scoped>

</style>
