| | |
| | | * menu-name 题库查询 |
| | | */ |
| | | <template> |
| | | <div> |
| | | <el-row class="morpheus-box"> |
| | | <el-col :span="24"> |
| | | <el-card> |
| | |
| | | @row-del="questionBankHandleDel"> |
| | | |
| | | <template slot="menuLeft"> |
| | | <el-button type="primary" |
| | | size="small" |
| | | icon="el-icon-plus" |
| | | @click="questionBankHandleAdd">新 增 |
| | | </el-button> |
| | | <el-button |
| | | type="success" |
| | | size="small" |
| | | plain |
| | | icon="el-icon-upload2" |
| | | @click="handleImport" |
| | | >题库导入 |
| | | </el-button> |
| | | <el-button type="danger" |
| | | size="small" |
| | | icon="el-icon-delete" |
| | |
| | | </el-button> |
| | | </template> |
| | | |
| | | <template slot-scope="{row}" slot="menu"> |
| | | <el-button type="text" |
| | | size="mini" |
| | | icon="el-icon-edit" |
| | | @click="questionBankHandleAdd(row)">编辑 |
| | | </el-button> |
| | | <el-button type="text" |
| | | size="mini" |
| | | icon="el-icon-delete" |
| | | @click="questionBankHandleDel(row)">删除 |
| | | </el-button> |
| | | </template> |
| | | |
| | | </avue-crud> |
| | | |
| | | <el-dialog |
| | | title="题库导入" |
| | | append-to-body |
| | | :visible.sync="excelBox" |
| | | width="555px" |
| | | > |
| | | <avue-form |
| | | :option="excelOption" |
| | | v-model="excelForm" |
| | | :upload-after="uploadAfter" |
| | | > |
| | | <template slot="excelTemplate"> |
| | | <el-button type="primary" @click="handleTemplate"> |
| | | 点击下载<i class="el-icon-download el-icon--right"></i> |
| | | </el-button> |
| | | </template> |
| | | </avue-form> |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | |
| | | </el-card> |
| | | </el-col> |
| | | </el-row> |
| | | <addsubject ref="addsubject"></addsubject> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | remove, |
| | | } from "@/api/examapi/subject"; |
| | | |
| | | import addsubject from "./addsubject.vue"; |
| | | |
| | | export default { |
| | | components:{ |
| | | addsubject |
| | | }, |
| | | data () { |
| | | return { |
| | | excelBox:false, |
| | | excelForm: {}, |
| | | excelOption: { |
| | | submitBtn: false, |
| | | emptyBtn: false, |
| | | column: [ |
| | | { |
| | | label: "模板上传", |
| | | prop: "excelFile", |
| | | type: "upload", |
| | | drag: true, |
| | | loadText: "模板上传中,请稍等", |
| | | span: 24, |
| | | propsHttp: { |
| | | res: "data", |
| | | }, |
| | | tip: "请上传 .xls,.xlsx 标准格式文件", |
| | | action: "/api/examSubjectChoices/import-examSubject", |
| | | }, |
| | | { |
| | | label: "模板下载", |
| | | prop: "excelTemplate", |
| | | formslot: true, |
| | | span: 24, |
| | | }, |
| | | ], |
| | | }, |
| | | questionBankOption: { |
| | | // 操作栏多余按钮去除 |
| | | delBtn: true, |
| | | |
| | | delBtn: false, |
| | | editBtn: false, |
| | | |
| | | addBtn: false, |
| | | |
| | | selection: true, |
| | | menu: true, |
| | | // 导出按钮 |
| | | excelBtn: true, |
| | | excelBtnText: '题库导出', |
| | | // title: '题库', |
| | | |
| | | align: 'center', |
| | | height: 'auto', |
| | | calcHeight: 80, |
| | |
| | | dialogClickModal: false, |
| | | // 操作栏宽度 |
| | | menuWidth: 226, |
| | | |
| | | column: [ |
| | | { |
| | | label: "题目名称", |
| | | prop: "subjectName", |
| | | |
| | | search: true, |
| | | slot: true, |
| | | }, |
| | |
| | | }, { |
| | | label: '判断题', |
| | | value: 2, |
| | | }, { |
| | | label: '实操题', |
| | | value: 3, |
| | | }], |
| | | slot: true, |
| | | width: 96, |
| | |
| | | }, |
| | | }, |
| | | methods: { |
| | | questionBankHandleAdd(row){ |
| | | this.$refs.addsubject.inits(row.id); |
| | | }, |
| | | questionBankOnLoad (page, params = {}) { |
| | | this.questionBankLoading = false; |
| | | getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
| | |
| | | }); |
| | | }, |
| | | |
| | | |
| | | //导出数据 |
| | | handleExport() { |
| | | this.$confirm("是否导出清册数据?", "提示", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }).then(() => { |
| | | window.open(`/api/apply/export-apply?examId=${this.$route.query.id}`); |
| | | }); |
| | | }, |
| | | handleImport() { |
| | | this.excelBox = true; |
| | | }, |
| | | handleTemplate() { |
| | | window.open( |
| | | `/api/examSubjectChoices/export-template` |
| | | ); |
| | | }, |
| | | uploadAfter(res, done, loading, column) { |
| | | window.console.log(column); |
| | | this.excelBox = false; |
| | | this.refreshChange(); |
| | | done(); |
| | | }, |
| | | refreshChange() { |
| | | this.questionBankOnLoad(this.page, this.query); |
| | | }, |
| | | } |
| | | } |
| | | </script> |