Commit 627f3fff60919eba80372a7b18a69bc537c6d65b
1 parent
ef16e57e
fix:前端知识点组件代码
Showing
5 changed files
with
721 additions
and
0 deletions
src/assets/images/example-backup.jpg
0 → 100644
519 KB
src/assets/images/example.png
0 → 100644
36.6 KB
src/components/knowledgePoints.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <el-container class="default-knowledge-body" v-loading="loading"> | |
| 3 | + <el-main class="knowledge-main"> | |
| 4 | + <div> | |
| 5 | + <el-row :gutter="20" class="knowledge-row" v-if="false"> | |
| 6 | + <el-col :span="8" style="float: right;"> | |
| 7 | + <div class="grid-content bg-purple"> | |
| 8 | + <el-input placeholder="搜索知识点" v-model="knowledgKeyword"> | |
| 9 | + <el-button slot="append" @click="_knowledgSerach" icon="el-icon-search" /> | |
| 10 | + </el-input> | |
| 11 | + </div> | |
| 12 | + </el-col> | |
| 13 | + </el-row> | |
| 14 | + <el-row :gutter="20" class="knowledge-row"> | |
| 15 | + <el-col> | |
| 16 | + <label class="input-tags-label">已设置知识点：</label> | |
| 17 | + <div class="input-tags"> | |
| 18 | + <el-tag class="knowledgTag" v-for="(knowledg, knowledgIndex) in knowledgValues" | |
| 19 | + :key="knowledgIndex" closable @close="_knowledgRemove(knowledgIndex)"> | |
| 20 | + {{ knowledg[knowledg.length - 1] }} | |
| 21 | + </el-tag> | |
| 22 | + </div> | |
| 23 | + </el-col> | |
| 24 | + </el-row> | |
| 25 | + <el-row :gutter="20" class="knowledge-row" style="margin:0px !important;"> | |
| 26 | + <el-cascader-panel :value="knowledgValues" ref="knowledgeCascader" @change="_knowledgeChange" | |
| 27 | + @expand-change="_knowledgeExpandChange" :props="knowledgeOptions" :options="knowledgeList" | |
| 28 | + :default-expanded-keys="[]" placeholder="请选择知识点" :filterable="true" /> | |
| 29 | + </el-row> | |
| 30 | + </div> | |
| 31 | + </el-main> | |
| 32 | + <el-footer class="knowledge-footer"> | |
| 33 | + <el-button @click="_opration('cancel')">取 消</el-button> | |
| 34 | + <el-button type="primary" @click="_opration('confirm')">确 定</el-button> | |
| 35 | + </el-footer> | |
| 36 | + </el-container> | |
| 37 | +</template> | |
| 38 | +<script> | |
| 39 | +export default { | |
| 40 | + props: { | |
| 41 | + knowledges: "", | |
| 42 | + ///学段 | |
| 43 | + sectionName: "", | |
| 44 | + ///学科 | |
| 45 | + subjectName: "", | |
| 46 | + }, | |
| 47 | + data() { | |
| 48 | + return { | |
| 49 | + loading: false, | |
| 50 | + ///级联选择框参数 | |
| 51 | + knowledgeOptions: { | |
| 52 | + //多选 | |
| 53 | + multiple: true, | |
| 54 | + //父子节点不关联 | |
| 55 | + checkStrictly: true | |
| 56 | + }, | |
| 57 | + knowledgMaxLength: 5, | |
| 58 | + knowledgeData: [], | |
| 59 | + knowledgeList: [], | |
| 60 | + knowledgKeyword: "", | |
| 61 | + knowledgValues: [], | |
| 62 | + } | |
| 63 | + }, | |
| 64 | + methods: { | |
| 65 | + _opration(opration) { | |
| 66 | + var outKnowledges = this.knowledgValues.map(mo => { | |
| 67 | + return '#' + mo.join('#'); | |
| 68 | + }); | |
| 69 | + this.$emit('opration', { | |
| 70 | + opration: opration, | |
| 71 | + knowledges: outKnowledges | |
| 72 | + }); | |
| 73 | + }, | |
| 74 | + _knowledgeChange(values) { | |
| 75 | + | |
| 76 | + if (values.length > this.knowledgMaxLength) { | |
| 77 | + this.$message.error(`最多只能选择 ${this.knowledgMaxLength} 项`); | |
| 78 | + this.$nextTick(() => { | |
| 79 | + this.$refs.knowledgeCascader.checkedValue = this.knowledgValues; | |
| 80 | + this.$refs.knowledgeCascader.checkedNodePaths = this.$refs.knowledgeCascader.checkedNodePaths.splice(5, 1) | |
| 81 | + this.$refs.knowledgeCascader.syncMultiCheckState(); | |
| 82 | + this.$refs.knowledgeCascader.syncActivePath(); | |
| 83 | + | |
| 84 | + }) | |
| 85 | + this._clearNotChecked(); | |
| 86 | + return; | |
| 87 | + } | |
| 88 | + this._clearNotChecked(); | |
| 89 | + this.knowledgValues = values; | |
| 90 | + }, | |
| 91 | + _knowledgeExpandChange(values) { | |
| 92 | + this._clearNotChecked(); | |
| 93 | + }, | |
| 94 | + _knowledgRemove(knowledgIndex) { | |
| 95 | + this.knowledgValues.splice(knowledgIndex, 1); | |
| 96 | + this.$refs.knowledgeCascader.checkedValue = this.knowledgValues; | |
| 97 | + this.$refs.knowledgeCascader.syncMultiCheckState(); | |
| 98 | + }, | |
| 99 | + _knowledgSerach() { | |
| 100 | + | |
| 101 | + }, | |
| 102 | + _knowledgFilter(data, query) { | |
| 103 | + return data | |
| 104 | + .map((item) => { | |
| 105 | + const children = item.children ? this._knowledgFilter(item.children, query) : []; | |
| 106 | + if (children.length || item.value.toLowerCase().indexOf(query) >= 0) { | |
| 107 | + return { | |
| 108 | + ...item, | |
| 109 | + children: children.length ? children : undefined, | |
| 110 | + }; | |
| 111 | + } | |
| 112 | + return null; | |
| 113 | + }) | |
| 114 | + .filter((item) => item); | |
| 115 | + }, | |
| 116 | + async _knowledgInit() { | |
| 117 | + | |
| 118 | + var { data, info, status } = await this.$request.gKnowledge(this.$props.sectionName, this.$props.subjectName); | |
| 119 | + | |
| 120 | + if (status != 0) { | |
| 121 | + | |
| 122 | + this.$message.error(info); | |
| 123 | + | |
| 124 | + return; | |
| 125 | + } | |
| 126 | + | |
| 127 | + this.knowledgeData = [...data]; | |
| 128 | + | |
| 129 | + this.knowledgeList = [...this.knowledgeData] | |
| 130 | + | |
| 131 | + if (this.$props.knowledges && this.$props.knowledges.length >= 1) { | |
| 132 | + | |
| 133 | + var propsKnowledges = this.$props.knowledges?.split(',').map(item => item?.split('#').filter(fdl => fdl?.length >= 1)); | |
| 134 | + | |
| 135 | + this.knowledgValues = propsKnowledges; | |
| 136 | + } | |
| 137 | + }, | |
| 138 | + _clearNotChecked() { | |
| 139 | + this.$nextTick(() => { | |
| 140 | + if (!this.$refs.knowledgeCascader.$el) return; | |
| 141 | + var checkedPath = this.$refs.knowledgeCascader.$el.querySelectorAll('.in-checked-path'); | |
| 142 | + | |
| 143 | + for (var ofi = 0; ofi < checkedPath.length; ofi++) { | |
| 144 | + var checkPath = checkedPath[ofi]; | |
| 145 | + var checkPathIsChecked = checkPath.querySelectorAll('.is-checked'); | |
| 146 | + if (checkPathIsChecked.length < 1) { | |
| 147 | + checkPath.classList.remove('in-checked-path'); | |
| 148 | + } | |
| 149 | + } | |
| 150 | + | |
| 151 | + }); | |
| 152 | + } | |
| 153 | + }, | |
| 154 | + mounted() { | |
| 155 | + | |
| 156 | + }, | |
| 157 | + async created() { | |
| 158 | + | |
| 159 | + this.loading = true; | |
| 160 | + | |
| 161 | + await this._knowledgInit(); | |
| 162 | + | |
| 163 | + this.loading = false; | |
| 164 | + | |
| 165 | + this.$nextTick(() => { | |
| 166 | + if (!this.$refs.knowledgeCascader.menus) return; | |
| 167 | + this.$refs.knowledgeCascader.menus = [this.$refs.knowledgeCascader.menus[0]] | |
| 168 | + }) | |
| 169 | + | |
| 170 | + this._clearNotChecked(); | |
| 171 | + } | |
| 172 | +} | |
| 173 | +</script> | |
| 174 | +<style lang="scss"> | |
| 175 | +.default-knowledge-body { | |
| 176 | + | |
| 177 | + | |
| 178 | + padding: 0px !important; | |
| 179 | + | |
| 180 | + .knowledge-footer { | |
| 181 | + text-align: right; | |
| 182 | + padding: 10px; | |
| 183 | + } | |
| 184 | + | |
| 185 | + .el-main { | |
| 186 | + padding: 0px !important; | |
| 187 | + } | |
| 188 | + | |
| 189 | + .knowledge-main { | |
| 190 | + width: 100%; | |
| 191 | + padding: 0px 10px !important; | |
| 192 | + | |
| 193 | + .el-cascader-node.in-active-path { | |
| 194 | + background: #cddbe8 !important; | |
| 195 | + } | |
| 196 | + | |
| 197 | + .el-cascader-node.in-active-path:not(.in-checked-path) { | |
| 198 | + color: #606266 !important; | |
| 199 | + } | |
| 200 | + | |
| 201 | + .el-cascader-node.is-selectable.in-active-path { | |
| 202 | + background: #ecf5ff; | |
| 203 | + } | |
| 204 | + | |
| 205 | + .el-cascader-panel { | |
| 206 | + width: 100% !important; | |
| 207 | + } | |
| 208 | + | |
| 209 | + .input-tags-label { | |
| 210 | + float: left; | |
| 211 | + line-height: 40px; | |
| 212 | + margin-right: 12px; | |
| 213 | + } | |
| 214 | + | |
| 215 | + .input-tags { | |
| 216 | + border: 1px solid #DCDFE6; | |
| 217 | + min-height: 40px; | |
| 218 | + margin-left: 130px; | |
| 219 | + border-radius: 5px; | |
| 220 | + padding: 5px 5px 0px 5px; | |
| 221 | + } | |
| 222 | + | |
| 223 | + .knowledge-row { | |
| 224 | + .knowledgTag { | |
| 225 | + margin-right: 5px; | |
| 226 | + margin-bottom: 5px; | |
| 227 | + } | |
| 228 | + | |
| 229 | + margin-bottom: 10px; | |
| 230 | + | |
| 231 | + .el-input-group__append { | |
| 232 | + background-color: transparent !important; | |
| 233 | + border-left: none !important; | |
| 234 | + padding-right: 10px !important; | |
| 235 | + | |
| 236 | + .el-icon-search { | |
| 237 | + font-size: 20px; | |
| 238 | + } | |
| 239 | + } | |
| 240 | + | |
| 241 | + .el-input__inner { | |
| 242 | + border-right: none !important; | |
| 243 | + } | |
| 244 | + } | |
| 245 | + } | |
| 246 | +} | |
| 247 | +</style> | |
| 0 | 248 | \ No newline at end of file | ... | ... |
src/components/preview.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <div class="preview"> | |
| 3 | + <iframe v-if="type == 'html'" ref="iframe" :src="$props.src" style="width: 100%; height: 500px;" /> | |
| 4 | + <el-image v-if="type == 'image'" ref="iframe" :src="$props.src" style="width: 100%; height: 500px;" /> | |
| 5 | + </div> | |
| 6 | +</template> | |
| 7 | +<script> | |
| 8 | +export default { | |
| 9 | + name: "PreView", | |
| 10 | + props: { | |
| 11 | + src: "", | |
| 12 | + }, | |
| 13 | + watch: { | |
| 14 | + $props: { | |
| 15 | + handler: function (val) { | |
| 16 | + console.log('change', val) | |
| 17 | + }, | |
| 18 | + deep: false, | |
| 19 | + } | |
| 20 | + }, | |
| 21 | + data() { | |
| 22 | + return { | |
| 23 | + type: "" | |
| 24 | + } | |
| 25 | + }, | |
| 26 | + watch: { | |
| 27 | + '$props.src'() { | |
| 28 | + this._isCheckType(); | |
| 29 | + } | |
| 30 | + }, | |
| 31 | + methods: { | |
| 32 | + _isImagePath(path) { | |
| 33 | + return /\.(jpg|jpeg|png|gif|bmp|svg|webp)$/i.test(path); | |
| 34 | + }, | |
| 35 | + _isCheckType() { | |
| 36 | + if (this._isImagePath(this.$props.src)) { | |
| 37 | + this.type = 'image' | |
| 38 | + } else { | |
| 39 | + this.type = 'html' | |
| 40 | + } | |
| 41 | + } | |
| 42 | + }, | |
| 43 | + created() { | |
| 44 | + this._isCheckType(); | |
| 45 | + } | |
| 46 | +} | |
| 47 | +</script> | |
| 48 | +<style scoped lang="scss"> | |
| 49 | +.preview { | |
| 50 | + | |
| 51 | + iframe, | |
| 52 | + .el-image__inner { | |
| 53 | + height: calc(100%-10px) !important; | |
| 54 | + width: calc(100%-10px) !important; | |
| 55 | + z-index: -1; | |
| 56 | + } | |
| 57 | +} | |
| 58 | +</style> | |
| 0 | 59 | \ No newline at end of file | ... | ... |
src/views/basic/askTestQuestion/components/testScoreSet.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <div class="set-container" ref="scoreSet" v-loading="loading"> | |
| 3 | + <div class="back"> | |
| 4 | + <div class="back-l" @click="closeScoreSet"> | |
| 5 | + <i class="fa fa-mail-reply-all"></i> | |
| 6 | + <span>答卷录分</span> | |
| 7 | + </div> | |
| 8 | + </div> | |
| 9 | + <div class="set-content"> | |
| 10 | + <div class="test-title"> | |
| 11 | + <el-button class="import-btn" round @click="diaUp = true" | |
| 12 | + >从excel文件导入</el-button | |
| 13 | + > | |
| 14 | + <el-button | |
| 15 | + class="save-btn" | |
| 16 | + type="primary" | |
| 17 | + round | |
| 18 | + :loading="loadingSave" | |
| 19 | + @click="_SubmitScore" | |
| 20 | + >保存</el-button | |
| 21 | + > | |
| 22 | + <p class="p1">{{ title }}</p> | |
| 23 | + <p class="p2">卷面总分：{{ examScore }}分</p> | |
| 24 | + </div> | |
| 25 | + <el-table | |
| 26 | + :data="tableData" | |
| 27 | + border | |
| 28 | + style="width: 100%" | |
| 29 | + :max-height="tableMaxHeight" | |
| 30 | + > | |
| 31 | + <el-table-column | |
| 32 | + prop="studentCode" | |
| 33 | + label="学号" | |
| 34 | + align="center" | |
| 35 | + fixed | |
| 36 | + ></el-table-column> | |
| 37 | + <el-table-column | |
| 38 | + prop="studentName" | |
| 39 | + label="学号" | |
| 40 | + align="center" | |
| 41 | + fixed | |
| 42 | + ></el-table-column> | |
| 43 | + <el-table-column prop="score" label="总得分" align="center" fixed | |
| 44 | + ><template slot-scope="scoped"> | |
| 45 | + <el-input | |
| 46 | + v-if="showAllSetScore" | |
| 47 | + type="number" | |
| 48 | + :min="0" | |
| 49 | + v-model="scoped.row.all" | |
| 50 | + ></el-input> | |
| 51 | + <template v-else>{{ scoped.row.all }}</template> | |
| 52 | + </template></el-table-column | |
| 53 | + > | |
| 54 | + <el-table-column prop="objectiveScore" label="客观题分" align="center" | |
| 55 | + ><template slot-scope="scoped"> | |
| 56 | + <!-- <el-input | |
| 57 | + v-if="scoped.row.showSetScore" | |
| 58 | + type="number" | |
| 59 | + :min="0" | |
| 60 | + v-model="scoped.row.object" | |
| 61 | + @input="setOtherScore($event, scoped.row)" | |
| 62 | + ></el-input> --> | |
| 63 | + <template>{{ scoped.row.object }}</template> | |
| 64 | + </template></el-table-column | |
| 65 | + > | |
| 66 | + <el-table-column prop="subjectiveScore" label="主观题分" align="center"> | |
| 67 | + <template slot-scope="scoped"> | |
| 68 | + <!-- <el-input | |
| 69 | + v-if="scoped.row.showSetScore" | |
| 70 | + type="number" | |
| 71 | + :min="0" | |
| 72 | + v-model="scoped.row.subject" | |
| 73 | + @input="setOtherScore($event, scoped.row)" | |
| 74 | + ></el-input> --> | |
| 75 | + <template>{{ scoped.row.subject }}</template> | |
| 76 | + </template> | |
| 77 | + </el-table-column> | |
| 78 | + <!-- <el-table-column v-for="(item, index) in questionList" :key="index" :label="'第' + cNum[index] + '大题'" --> | |
| 79 | + <el-table-column | |
| 80 | + v-for="(question, index) in questionList" | |
| 81 | + :key="index" | |
| 82 | + :label="'Q' + question.questionId" | |
| 83 | + align="center" | |
| 84 | + > | |
| 85 | + <template slot-scope="scoped"> | |
| 86 | + <el-input | |
| 87 | + v-if="showSetScore" | |
| 88 | + type="number" | |
| 89 | + :min="0" | |
| 90 | + :max="question.questionScore" | |
| 91 | + @input=" | |
| 92 | + setScore( | |
| 93 | + $event, | |
| 94 | + question.questionScore, | |
| 95 | + scoped.row.scoreMap, | |
| 96 | + question.questionId, | |
| 97 | + scoped.row | |
| 98 | + ) | |
| 99 | + " | |
| 100 | + v-model="scoped.row.scoreMap[question.questionId]" | |
| 101 | + ></el-input> | |
| 102 | + <template v-else>{{ | |
| 103 | + scoped.row.scoreMap[question.questionId] | |
| 104 | + }}</template> | |
| 105 | + </template> | |
| 106 | + </el-table-column> | |
| 107 | + </el-table> | |
| 108 | + </div> | |
| 109 | + | |
| 110 | + <el-dialog | |
| 111 | + :close-on-click-modal="false" | |
| 112 | + :append-to-body="true" | |
| 113 | + title="答卷录分" | |
| 114 | + :visible.sync="diaUp" | |
| 115 | + width="600px" | |
| 116 | + top="120px" | |
| 117 | + > | |
| 118 | + <upload | |
| 119 | + :url="url" | |
| 120 | + :examId="id" | |
| 121 | + @upSuccess="upSuccess" | |
| 122 | + fileName="主观题分数" | |
| 123 | + v-loading="loadingDown" | |
| 124 | + > | |
| 125 | + <template slot="down"> | |
| 126 | + <p class="down-txt"> | |
| 127 | + 第一步：<el-link type="danger" @click="downExcel">下载模板</el-link | |
| 128 | + >，并编辑完成学生分数。 | |
| 129 | + </p> | |
| 130 | + <p class="down-txt">第二步：上传完成编辑的模板文件并导入。</p> | |
| 131 | + </template> | |
| 132 | + </upload> | |
| 133 | + <div class="dialog-footer" slot="footer"> | |
| 134 | + <el-button @click="diaUp = false">取 消</el-button> | |
| 135 | + </div> | |
| 136 | + </el-dialog> | |
| 137 | + </div> | |
| 138 | + </template> | |
| 139 | + <script> | |
| 140 | + import { downloadFile, cNum } from "utils"; | |
| 141 | + export default { | |
| 142 | + name: "testScoreSet", | |
| 143 | + props: { | |
| 144 | + title: String, | |
| 145 | + id: String, | |
| 146 | + role: String, | |
| 147 | + examScore: { | |
| 148 | + type: Number, | |
| 149 | + default: 0, | |
| 150 | + }, | |
| 151 | + diaScoreSet: false, | |
| 152 | + showAllSetScore: false, | |
| 153 | + showSetScore: false, | |
| 154 | + }, | |
| 155 | + data() { | |
| 156 | + return { | |
| 157 | + diaUp: false, | |
| 158 | + loading: false, | |
| 159 | + loadingDown: false, | |
| 160 | + loadingSave: false, | |
| 161 | + url: "/api_html/teaching/importScore", | |
| 162 | + tableData: [], | |
| 163 | + questionList: [], | |
| 164 | + cNum: cNum, | |
| 165 | + tableMaxHeight: 300, | |
| 166 | + }; | |
| 167 | + }, | |
| 168 | + watch: { | |
| 169 | + diaScoreSet: { | |
| 170 | + handler: function (nVal) { | |
| 171 | + if (nVal) { | |
| 172 | + this._QueryData(); | |
| 173 | + } | |
| 174 | + }, | |
| 175 | + }, | |
| 176 | + }, | |
| 177 | + methods: { | |
| 178 | + //设置小题分 | |
| 179 | + setScore(val, max, obj, questionId, rowData) { | |
| 180 | + if (max && Number(val) > Number(max)) { | |
| 181 | + obj[questionId] = max; | |
| 182 | + } | |
| 183 | + let { score, object, subject } = this.getScore(rowData); | |
| 184 | + rowData.all = score; | |
| 185 | + rowData.object = object; | |
| 186 | + rowData.subject = subject; | |
| 187 | + }, | |
| 188 | + //计算总分 | |
| 189 | + setAllScore(obj) { | |
| 190 | + let { score } = this.getScore(obj); | |
| 191 | + return score; | |
| 192 | + }, | |
| 193 | + //计算客观总分 | |
| 194 | + setObjectScore(obj) { | |
| 195 | + let { object } = this.getScore(obj); | |
| 196 | + return object; | |
| 197 | + }, | |
| 198 | + //计算主观总分 | |
| 199 | + setSubjectScore(obj) { | |
| 200 | + let { subject } = this.getScore(obj); | |
| 201 | + return subject; | |
| 202 | + }, | |
| 203 | + getScore(obj) { | |
| 204 | + let score = 0; | |
| 205 | + let subject = 0; | |
| 206 | + let object = 0; | |
| 207 | + this.questionList.map((question) => { | |
| 208 | + let keys = question.questionId; | |
| 209 | + if (!obj.scoreMap[keys]) { | |
| 210 | + if (obj.scoreMap[keys] == 0) { | |
| 211 | + obj.scoreMap[keys] = 0; | |
| 212 | + } else { | |
| 213 | + obj.scoreMap[keys] = ""; | |
| 214 | + } | |
| 215 | + } else { | |
| 216 | + let num = Number(obj.scoreMap[keys]); | |
| 217 | + obj.scoreMap[keys] = num; | |
| 218 | + score += num; | |
| 219 | + if (question.questionType == 5) { | |
| 220 | + subject += num; | |
| 221 | + } else { | |
| 222 | + object += num; | |
| 223 | + } | |
| 224 | + } | |
| 225 | + }); | |
| 226 | + return { score, subject, object }; | |
| 227 | + }, | |
| 228 | + closeScoreSet() { | |
| 229 | + this.$emit("closeScoreSet"); | |
| 230 | + }, | |
| 231 | + setTableHeight() { | |
| 232 | + this.tableMaxHeight = this.$refs.scoreSet.offsetHeight - 135; | |
| 233 | + }, | |
| 234 | + async _QueryData() { | |
| 235 | + this.loading = true; | |
| 236 | + const { data, status, info } = | |
| 237 | + await this.$request.listStudentsAndQuestions({ | |
| 238 | + examId: this.id, | |
| 239 | + }); | |
| 240 | + this.loading = false; | |
| 241 | + if (status === 0) { | |
| 242 | + let studentList = data.students || []; | |
| 243 | + this.questionList = data?.questionList || []; | |
| 244 | + if (this.questionList.length == 0) { | |
| 245 | + this.questionList = Object.keys(studentList[0].scoreMap).map( | |
| 246 | + (item) => { | |
| 247 | + return { | |
| 248 | + questionId: item.split('=')[0], | |
| 249 | + questionIndex: item.split('=')[1], | |
| 250 | + questionScore: 20, | |
| 251 | + }; | |
| 252 | + } | |
| 253 | + ); | |
| 254 | + } | |
| 255 | + this.tableData = | |
| 256 | + studentList.map((item) => { | |
| 257 | + item.all = item.all || 0; //总分 | |
| 258 | + item.object = item.object || 0; //客观题分数 | |
| 259 | + item.subject = item.subject || 0; //主观题分数 | |
| 260 | + if (!item.scoreMap) item.scoreMap = {}; | |
| 261 | + this.questionList.map((question) => { | |
| 262 | + let keys = question.questionId; | |
| 263 | + if (!item.scoreMap[keys]) { | |
| 264 | + if (item.scoreMap[keys] == 0) { | |
| 265 | + item.scoreMap[keys] = 0; | |
| 266 | + } else { | |
| 267 | + item.scoreMap[keys] = ""; | |
| 268 | + } | |
| 269 | + } else { | |
| 270 | + let num = Number(item.scoreMap[keys]); | |
| 271 | + item.scoreMap[keys] = num; | |
| 272 | + } | |
| 273 | + }); | |
| 274 | + | |
| 275 | + return item; | |
| 276 | + }) || []; | |
| 277 | + this.setTableHeight(); | |
| 278 | + } else { | |
| 279 | + this.$message.error(info); | |
| 280 | + } | |
| 281 | + }, | |
| 282 | + async _SubmitScore() { | |
| 283 | + this.loadingSave = true; | |
| 284 | + let list = this.tableData.map((item) => { | |
| 285 | + let scoreMap = {}; | |
| 286 | + for (let keys in item.scoreMap) { | |
| 287 | + if (item.scoreMap[keys] !== "") { | |
| 288 | + scoreMap[keys] = item.scoreMap[keys] + ""; | |
| 289 | + } | |
| 290 | + } | |
| 291 | + scoreMap.all = item.all + ""; | |
| 292 | + scoreMap.object = item.object + ""; | |
| 293 | + scoreMap.subject = item.subject + ""; | |
| 294 | + return { | |
| 295 | + studentCode: item.studentCode, | |
| 296 | + scores: scoreMap, | |
| 297 | + }; | |
| 298 | + }); | |
| 299 | + const { data, status, info } = await this.$request.submitScore({ | |
| 300 | + examId: this.id, | |
| 301 | + list, | |
| 302 | + }); | |
| 303 | + this.loadingSave = false; | |
| 304 | + if (status === 0) { | |
| 305 | + this.$message.success(info); | |
| 306 | + this.closeScoreSet(); | |
| 307 | + this.$emit("SuccessScoreSet"); | |
| 308 | + } else { | |
| 309 | + this.$message.error(info); | |
| 310 | + } | |
| 311 | + }, | |
| 312 | + | |
| 313 | + //导入成功 | |
| 314 | + upSuccess(res) { | |
| 315 | + this.$message.success("导入成功"); | |
| 316 | + this.diaUp = false; | |
| 317 | + // this.closeScoreSet(); | |
| 318 | + this.$emit("SuccessScoreSet"); | |
| 319 | + }, | |
| 320 | + async downExcel() { | |
| 321 | + //模板下载 | |
| 322 | + this.loadingDown = true; | |
| 323 | + let data = await this.$request.scoreTemplate({ | |
| 324 | + examId: this.id, | |
| 325 | + }); | |
| 326 | + this.loadingDown = false; | |
| 327 | + if (data && !data.code) { | |
| 328 | + let blob = new Blob([data], { | |
| 329 | + type: "application/vnd.ms-excel;charset=utf-8", | |
| 330 | + }); | |
| 331 | + downloadFile(`答卷录分模版.xlsx`, blob); | |
| 332 | + } else { | |
| 333 | + this.$message.error(data.info); | |
| 334 | + } | |
| 335 | + }, | |
| 336 | + }, | |
| 337 | + }; | |
| 338 | + </script> | |
| 339 | + | |
| 340 | + <style lang="scss" scoped> | |
| 341 | + .set-container { | |
| 342 | + position: fixed; | |
| 343 | + left: 200px; | |
| 344 | + top: 50px; | |
| 345 | + width: calc(100% - 200px); | |
| 346 | + height: calc(100% - 70px); | |
| 347 | + background: #fff; | |
| 348 | + z-index: 2000; | |
| 349 | + overflow-y: auto; | |
| 350 | + } | |
| 351 | + | |
| 352 | + .back { | |
| 353 | + width: 100%; | |
| 354 | + height: 56px; | |
| 355 | + border-bottom: 1px solid #e2e2e2; | |
| 356 | + display: flex; | |
| 357 | + justify-content: space-between; | |
| 358 | + align-items: center; | |
| 359 | + padding: 0 20px; | |
| 360 | + box-sizing: border-box; | |
| 361 | + | |
| 362 | + .back-l { | |
| 363 | + display: flex; | |
| 364 | + align-items: center; | |
| 365 | + cursor: pointer; | |
| 366 | + flex-shrink: 0; | |
| 367 | + font-size: 18px; | |
| 368 | + font-weight: 500; | |
| 369 | + } | |
| 370 | + | |
| 371 | + .back-r { | |
| 372 | + flex: 1; | |
| 373 | + display: flex; | |
| 374 | + justify-content: flex-end; | |
| 375 | + } | |
| 376 | + | |
| 377 | + .fa-mail-reply-all { | |
| 378 | + font-size: 28px; | |
| 379 | + color: #b3b3b3; | |
| 380 | + margin-right: 12px; | |
| 381 | + } | |
| 382 | + } | |
| 383 | + | |
| 384 | + .set-content { | |
| 385 | + padding: 0 20px; | |
| 386 | + | |
| 387 | + .test-title { | |
| 388 | + width: 100%; | |
| 389 | + text-align: center; | |
| 390 | + position: relative; | |
| 391 | + padding: 10px 0; | |
| 392 | + | |
| 393 | + .import-btn { | |
| 394 | + position: absolute; | |
| 395 | + right: 100px; | |
| 396 | + top: 15px; | |
| 397 | + } | |
| 398 | + | |
| 399 | + .save-btn { | |
| 400 | + position: absolute; | |
| 401 | + right: 0; | |
| 402 | + top: 15px; | |
| 403 | + } | |
| 404 | + | |
| 405 | + .p1 { | |
| 406 | + font-size: 18px; | |
| 407 | + font-weight: 700; | |
| 408 | + } | |
| 409 | + } | |
| 410 | + } | |
| 411 | + | |
| 412 | + .btn-box { | |
| 413 | + padding-top: 12px; | |
| 414 | + text-align: right; | |
| 415 | + } | |
| 416 | + </style> | |
| 0 | 417 | \ No newline at end of file | ... | ... |