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