forked from qiushanhe/dm-manage-web
dev-qsh
parent
ca533e85e3
commit
15622a2e5a
@ -0,0 +1,26 @@ |
|||||||
|
/* |
||||||
|
* @Author: riverQiu |
||||||
|
* @Date: 2023-08-17 20:30:56 |
||||||
|
* @LastEditors: riverQiu |
||||||
|
* @LastEditTime: 2023-08-19 00:26:04 |
||||||
|
* @Description: |
||||||
|
*/ |
||||||
|
import request from '@/utils/request'; |
||||||
|
|
||||||
|
// 获取首页统计信息
|
||||||
|
export function searchQuestion(param) { |
||||||
|
return request({ |
||||||
|
url: '/driver-api/tdQuestion/duima/list', |
||||||
|
method: 'get', |
||||||
|
params: param |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
export function updateQuestion(data) { |
||||||
|
return request({ |
||||||
|
url: '/driver-api/tdQuestion/duima/update', |
||||||
|
method: 'put', |
||||||
|
data: data |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
@ -0,0 +1,174 @@ |
|||||||
|
<template> |
||||||
|
<el-dialog title="试题" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="800px" @close="closeDialog"> |
||||||
|
<div> |
||||||
|
<el-form ref="dialogForm" :model="dialogForm" :rules="dataRule" label-position="left" @keyup.enter.native="dialogFormSubmit()"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="24"> |
||||||
|
<el-form-item label="题库" prop="question"> |
||||||
|
<span>{{ dialogForm.question }}</span> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="24"> |
||||||
|
<el-form-item label="选项" prop="question"> |
||||||
|
<span v-if="dialogForm.chooseA">a:{{ dialogForm.chooseA }}<span> |
||||||
|
<span v-if="dialogForm.chooseB">b:{{ dialogForm.chooseB }} </span> |
||||||
|
<span v-if="dialogForm.chooseC">c:{{ dialogForm.chooseC }} </span> |
||||||
|
<span v-if="dialogForm.chooseD">d:{{ dialogForm.chooseD }}</span> |
||||||
|
<span v-if="dialogForm.chooseE">e:{{ dialogForm.chooseE }}</span> |
||||||
|
<span v-if="dialogForm.chooseF">f:{{ dialogForm.chooseF }}</span> |
||||||
|
<span v-if="dialogForm.chooseG">g:{{ dialogForm.chooseG }}</span> |
||||||
|
</span></span></el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="24"> |
||||||
|
<el-form-item label="答案" prop="trueAnswer"> |
||||||
|
<span>{{ dialogForm.trueAnswer }}</span> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="24"> |
||||||
|
<el-form-item label="科目" prop="subject"> |
||||||
|
<span v-if="dialogForm.subject == 1">科一</span> |
||||||
|
<span v-if="dialogForm.subject == 4">科四</span> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="8"> |
||||||
|
<el-form-item label="精选500题" prop="isVip"> |
||||||
|
<el-radio-group v-model="dialogForm.isVip" size="small"> |
||||||
|
<el-radio :label="1">是</el-radio> |
||||||
|
<el-radio :label="0">否</el-radio> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="8"> |
||||||
|
<el-form-item label="精选600题" prop="isVip2"> |
||||||
|
<el-radio-group v-model="dialogForm.isVip2" size="small"> |
||||||
|
<el-radio :label="1">是</el-radio> |
||||||
|
<el-radio :label="0">否</el-radio> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="8"> |
||||||
|
<el-form-item label="是否易错题" prop="isError"> |
||||||
|
<el-radio-group v-model="dialogForm.isError" size="small"> |
||||||
|
<el-radio :label="1">是</el-radio> |
||||||
|
<el-radio :label="0">否</el-radio> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="8"> |
||||||
|
<el-form-item label="是否新规" prop="isNew"> |
||||||
|
<el-radio-group v-model="dialogForm.isNew" size="small"> |
||||||
|
<el-radio :label="1">是</el-radio> |
||||||
|
<el-radio :label="0">否</el-radio> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="8"> |
||||||
|
<el-form-item label="是否密卷1" prop="isExam1"> |
||||||
|
<el-radio-group v-model="dialogForm.isExam1" size="small"> |
||||||
|
<el-radio :label="1">是</el-radio> |
||||||
|
<el-radio :label="0">否</el-radio> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="8"> |
||||||
|
<el-form-item label="是否密卷2" prop="isExam2"> |
||||||
|
<el-radio-group v-model="dialogForm.isExam2" size="small"> |
||||||
|
<el-radio :label="1">是</el-radio> |
||||||
|
<el-radio :label="0">否</el-radio> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="24"> |
||||||
|
<el-form-item label="考点" prop="examKeys"> |
||||||
|
<el-input v-model="dialogForm.examKeys" maxlength="200" placeholder="请输入考点" clearable /> |
||||||
|
<span style="color:red;">包含多个考点,以英文";"分割！</span> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</el-form> |
||||||
|
|
||||||
|
</div> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button plain @click="(visible=false)">取消</el-button> |
||||||
|
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { updateQuestion } from '@/api/question'; |
||||||
|
|
||||||
|
export default { |
||||||
|
data () { |
||||||
|
return { |
||||||
|
visible: false, |
||||||
|
canSubmit: true, |
||||||
|
dialogForm: { |
||||||
|
questionId: undefined, |
||||||
|
isVip: 0, |
||||||
|
isVip2: 0, |
||||||
|
isError: 0, |
||||||
|
isNew: 0, |
||||||
|
isExam1: 0, |
||||||
|
isExam2: 0, |
||||||
|
examKeys: undefined |
||||||
|
}, |
||||||
|
dataRule: { |
||||||
|
schoolName: [{ required: true, message: '驾校名称不能为空', trigger: 'blur' }], |
||||||
|
status: [{ required: true, message: '状态不能为空', trigger: 'blur' }] |
||||||
|
} |
||||||
|
}; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
init (info = undefined) { |
||||||
|
// debugger |
||||||
|
this.visible = true; |
||||||
|
this.$nextTick(() => { |
||||||
|
this.resetDialogForm(); |
||||||
|
// this.$refs['dialogForm'].resetFields(); |
||||||
|
if (info) { |
||||||
|
this.dialogForm = this.deepClone(info); |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
resetDialogForm () { |
||||||
|
this.dialogForm = { |
||||||
|
questionId: undefined, |
||||||
|
isVip: 0, |
||||||
|
isVip2: 0, |
||||||
|
isError: 0, |
||||||
|
isNew: 0, |
||||||
|
isExam1: 0, |
||||||
|
isExam2: 0, |
||||||
|
examKeys: undefined |
||||||
|
}; |
||||||
|
}, |
||||||
|
closeDialog () { |
||||||
|
this.$emit('update:dialogVisible', false); |
||||||
|
}, |
||||||
|
// 表单提交 |
||||||
|
dialogFormSubmit () { |
||||||
|
this.$refs.dialogForm.validate((valid) => { |
||||||
|
if (valid) { |
||||||
|
updateQuestion(this.dialogForm).then(response => { |
||||||
|
if (response.code == 200) { |
||||||
|
this.$modal.msgSuccess('修改成功'); |
||||||
|
// this.visible = true; |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
@ -0,0 +1,101 @@ |
|||||||
|
<template> |
||||||
|
<div class="app-container" style="text-align:center"> |
||||||
|
<el-form size="small" :inline="true" label-width="68px"> |
||||||
|
<el-form-item label="题目"> |
||||||
|
<el-input v-model="queryParams.question" placeholder="请输入题目" clearable style="width:400px" @keyup.enter.native="handleQuery" /> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
|
||||||
|
<el-table v-loading="loading" :data="tableList" style="width:80%;margin:auto" @row-click="handleEdit"> |
||||||
|
<el-table-column type="index" width="55" align="center" /> |
||||||
|
<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> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="答案" align="center" prop="trueAnswer" min-width="100" /> |
||||||
|
<el-table-column label="科目" align="center" prop="subject" min-width="100"> |
||||||
|
<template slot-scope="{row}"> |
||||||
|
<p v-if="row.subject == 1">科一</p> |
||||||
|
<p v-if="row.subject == 4">科四</p> |
||||||
|
</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> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
|
||||||
|
<!-- <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> --> |
||||||
|
<QuestionForm v-if="dialogVisible" ref="dialogForm" :dialog-visible="dialogVisible" @refreshDataList="getList" /> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { searchQuestion } from '@/api/question'; |
||||||
|
import QuestionForm from './components/QuestionForm.vue'; |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'Question', |
||||||
|
components: { |
||||||
|
QuestionForm |
||||||
|
}, |
||||||
|
data () { |
||||||
|
return { |
||||||
|
// 遮罩层 |
||||||
|
loading: false, |
||||||
|
// 总条数 |
||||||
|
total: 0, |
||||||
|
tableList: [], |
||||||
|
// 查询参数 |
||||||
|
queryParams: { |
||||||
|
question: '' |
||||||
|
}, |
||||||
|
dialogVisible: false |
||||||
|
}; |
||||||
|
}, |
||||||
|
created () { |
||||||
|
// this.getList(); |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
/** 查询文件列表 */ |
||||||
|
getList () { |
||||||
|
this.loading = true; |
||||||
|
searchQuestion(this.queryParams).then(response => { |
||||||
|
this.tableList = response.data; |
||||||
|
// this.total = response.total; |
||||||
|
this.loading = false; |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
/** 搜索按钮操作 */ |
||||||
|
handleQuery () { |
||||||
|
this.getList(); |
||||||
|
}, |
||||||
|
/** 重置按钮操作 */ |
||||||
|
resetQuery () { |
||||||
|
this.queryParams.question = ''; |
||||||
|
this.handleQuery(); |
||||||
|
}, |
||||||
|
handleEdit (item) { |
||||||
|
this.dialogVisible = true; |
||||||
|
this.$nextTick(() => { |
||||||
|
this.$refs.dialogForm.init(item); |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
Loading…
Reference in new issue