|
|
|
|
@ -1,6 +1,20 @@ |
|
|
|
|
<template> |
|
|
|
|
<div class="app-container" style="text-align:center"> |
|
|
|
|
<el-form size="small" :inline="true" label-width="68px"> |
|
|
|
|
<el-form size="small" :inline="true" label-width="68px" @submit.native.prevent> |
|
|
|
|
<el-row :gutter="20"> |
|
|
|
|
<el-form-item label="车型"> |
|
|
|
|
<el-radio-group v-model="queryParams.carTypeId"> |
|
|
|
|
<el-radio :label="1001">小车</el-radio> |
|
|
|
|
<el-radio :label="1002">摩托车</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="科目"> |
|
|
|
|
<el-radio-group v-model="queryParams.subject"> |
|
|
|
|
<el-radio :label="1">科一</el-radio> |
|
|
|
|
<el-radio :label="4">科四</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
<el-form-item label="题目"> |
|
|
|
|
<el-input v-model="queryParams.question" placeholder="请输入题目" clearable style="width:400px" @keyup.enter.native="handleQuery" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
@ -15,13 +29,13 @@ |
|
|
|
|
<el-table-column label="题目" align="center" prop="question" min-width="140" /> |
|
|
|
|
<el-table-column label="选项" align="center" min-width="140"> |
|
|
|
|
<template slot-scope="{row}"> |
|
|
|
|
<p v-if="row.chooseA">a:{{ row.chooseA }}</p> |
|
|
|
|
<p v-if="row.chooseB">b:{{ row.chooseB }}</p> |
|
|
|
|
<p v-if="row.chooseC">c:{{ row.chooseC }}</p> |
|
|
|
|
<p v-if="row.chooseD">d:{{ row.chooseD }}</p> |
|
|
|
|
<p v-if="row.chooseE">e:{{ row.chooseE }}</p> |
|
|
|
|
<p v-if="row.chooseF">f:{{ row.chooseF }}</p> |
|
|
|
|
<p v-if="row.chooseG">g:{{ row.chooseG }}</p> |
|
|
|
|
<p v-if="row.chooseA">A:{{ row.chooseA }}</p> |
|
|
|
|
<p v-if="row.chooseB">B:{{ row.chooseB }}</p> |
|
|
|
|
<p v-if="row.chooseC">C:{{ row.chooseC }}</p> |
|
|
|
|
<p v-if="row.chooseD">D:{{ row.chooseD }}</p> |
|
|
|
|
<p v-if="row.chooseE">E:{{ row.chooseE }}</p> |
|
|
|
|
<p v-if="row.chooseF">F:{{ row.chooseF }}</p> |
|
|
|
|
<p v-if="row.chooseG">G:{{ row.chooseG }}</p> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column label="答案" align="center" prop="trueAnswer" min-width="100" /> |
|
|
|
|
@ -31,7 +45,16 @@ |
|
|
|
|
<p v-if="row.subject == 4">科四</p> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
<el-table-column label="是否新规" align="center" min-width="100"> |
|
|
|
|
<template slot-scope="{row}"> |
|
|
|
|
{{ row.isNew ? '是' : '' }} |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column label="车型" align="center" min-width="100"> |
|
|
|
|
<template slot-scope="{row}"> |
|
|
|
|
{{ row.carTypeId == 1001 ? '小车' : '摩托车' }} |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<el-button size="mini" type="text" icon="el-icon-download" @click="handleEdit(scope.row)">编辑</el-button> |
|
|
|
|
@ -54,9 +77,9 @@ import QuestionAddForm from './components/QuestionAddForm.vue'; |
|
|
|
|
export default { |
|
|
|
|
name: 'Question', |
|
|
|
|
components: { |
|
|
|
|
QuestionForm,QuestionAddForm |
|
|
|
|
QuestionForm, QuestionAddForm |
|
|
|
|
}, |
|
|
|
|
data () { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
// 遮罩层 |
|
|
|
|
loading: false, |
|
|
|
|
@ -65,18 +88,20 @@ export default { |
|
|
|
|
tableList: [], |
|
|
|
|
// 查询参数 |
|
|
|
|
queryParams: { |
|
|
|
|
question: '' |
|
|
|
|
question: '', |
|
|
|
|
carTypeId: 1001, |
|
|
|
|
subject: 1 |
|
|
|
|
}, |
|
|
|
|
dialogVisible: false, |
|
|
|
|
dialogAddVisible: false |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
created () { |
|
|
|
|
created() { |
|
|
|
|
// this.getList(); |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
/** 查询文件列表 */ |
|
|
|
|
getList () { |
|
|
|
|
getList() { |
|
|
|
|
this.loading = true; |
|
|
|
|
searchQuestion(this.queryParams).then(response => { |
|
|
|
|
this.tableList = response.data; |
|
|
|
|
@ -86,21 +111,25 @@ export default { |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
/** 搜索按钮操作 */ |
|
|
|
|
handleQuery () { |
|
|
|
|
handleQuery() { |
|
|
|
|
if (this.queryParams.question) { |
|
|
|
|
this.getList(); |
|
|
|
|
} else { |
|
|
|
|
this.$modal.msgWarning('请输入题目'); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
/** 重置按钮操作 */ |
|
|
|
|
resetQuery () { |
|
|
|
|
resetQuery() { |
|
|
|
|
this.queryParams.question = ''; |
|
|
|
|
this.handleQuery(); |
|
|
|
|
}, |
|
|
|
|
handleEdit (item) { |
|
|
|
|
handleEdit(item) { |
|
|
|
|
this.dialogVisible = true; |
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
this.$refs.dialogForm.init(item); |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
handleAdd (item) { |
|
|
|
|
handleAdd(item) { |
|
|
|
|
this.dialogAddVisible = true; |
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
this.$refs.dialogAddForm.init(item); |
|
|
|
|
|
