rt-sim-training-client/src/views/competitionManage/generatePaper.vue
2020-05-26 17:35:55 +08:00

106 lines
3.1 KiB
Vue

<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: '判断题'
}
};
},
methods: {
removeQuestion(index, row) {},
goBack() {
this.$router.go(-1);
}
}
};
</script>
<style scoped>
</style>