Commit aed43d3a67738842d5099f531f857ac72ef2b055
1 parent
45504a95
即时测修改答案
Showing
8 changed files
with
677 additions
and
106 deletions
src/views/analysis/index.vue
| ... | ... | @@ -59,7 +59,7 @@ |
| 59 | 59 | </div> |
| 60 | 60 | </div> |
| 61 | 61 | <div class="table-box"> |
| 62 | - <div class="radio-box" v-if="this.$store.getters.info.showRoleName == '集团管理员'"> | |
| 62 | + <div class="radio-box" v-if="role == 'ROLE_JITUAN'"> | |
| 63 | 63 | <el-radio-group v-model="type" @change="changeType"> |
| 64 | 64 | <el-radio-button :label="1">学校使用对比</el-radio-button> |
| 65 | 65 | <el-radio-button :label="2">学段使用对比</el-radio-button> |
| ... | ... | @@ -95,7 +95,7 @@ |
| 95 | 95 | </el-table> |
| 96 | 96 | <p |
| 97 | 97 | class="down" |
| 98 | - v-if="this.$store.getters.info.showRoleName != '集团管理员'" | |
| 98 | + v-if="role != 'ROLE_JITUAN'" | |
| 99 | 99 | > |
| 100 | 100 | <el-button plain round icon="fa fa-cloud-download" |
| 101 | 101 | >导出报表</el-button |
| ... | ... | @@ -111,6 +111,7 @@ import { formatDate } from "@/utils"; |
| 111 | 111 | export default { |
| 112 | 112 | data() { |
| 113 | 113 | return { |
| 114 | + role:"", | |
| 114 | 115 | date: "", //今天-本周-本月-本季度 |
| 115 | 116 | type:1, //集团管理员 表格切换 |
| 116 | 117 | query: { |
| ... | ... | @@ -153,6 +154,9 @@ export default { |
| 153 | 154 | }; |
| 154 | 155 | }, |
| 155 | 156 | created() { |
| 157 | + this.role = this.$store.getters.info.permissions.find( | |
| 158 | + (item) => item.roleName == this.$store.getters.info.showRoleName | |
| 159 | + )?.role; | |
| 156 | 160 | this._QueryDataGrade(); |
| 157 | 161 | // this.setDate(1); |
| 158 | 162 | let startDay = this.query?.startDay; | ... | ... |
src/views/down/client.vue
| ... | ... | @@ -48,7 +48,7 @@ |
| 48 | 48 | </li> |
| 49 | 49 | </ul> |
| 50 | 50 | </div> |
| 51 | - <div class="edit-dia" v-show="dialogVis" width="1000px" height="100%"> | |
| 51 | + <div class="edit-dia" v-show="dialogVis" height="100%"> | |
| 52 | 52 | <div class="back"> |
| 53 | 53 | <div class="back-l" @click="dialogVis = false"> |
| 54 | 54 | <i class="fa fa-mail-reply-all"></i> | ... | ... |
src/views/duoji/erji.vue deleted
src/views/duoji/sanji.vue deleted
src/views/duoji/siji.vue deleted
src/views/examinationPaper/edit.vue
| ... | ... | @@ -71,26 +71,38 @@ |
| 71 | 71 | > |
| 72 | 72 | </p> |
| 73 | 73 | <p v-if="subQuestions.questionType == 3" class="answer-box"> |
| 74 | - <span | |
| 75 | - class="answer-s" | |
| 74 | + <template | |
| 76 | 75 | v-for="option in subQuestions.answerOptions.split(',')" |
| 77 | - :class=" | |
| 78 | - subQuestions.correctAnswer.includes(option) ? 'active' : '' | |
| 79 | - " | |
| 80 | - :key="option" | |
| 81 | - @click="changAnswer(subQuestions, option)" | |
| 82 | - >{{ option }}</span | |
| 83 | 76 | > |
| 77 | + <span | |
| 78 | + v-if="option" | |
| 79 | + class="answer-s" | |
| 80 | + :class=" | |
| 81 | + subQuestions.correctAnswer.includes(option) | |
| 82 | + ? 'active' | |
| 83 | + : '' | |
| 84 | + " | |
| 85 | + :key="option" | |
| 86 | + @click="changAnswer(subQuestions, option)" | |
| 87 | + >{{ option }}</span | |
| 88 | + > | |
| 89 | + </template> | |
| 84 | 90 | </p> |
| 85 | 91 | <p v-if="subQuestions.questionType == 2" class="answer-box"> |
| 86 | - <span | |
| 87 | - class="answer-s" | |
| 92 | + <template | |
| 88 | 93 | v-for="option in subQuestions.answerOptions.split(',')" |
| 89 | - :class="subQuestions.correctAnswer == option ? 'active' : ''" | |
| 90 | - :key="option" | |
| 91 | - @click="subQuestions.correctAnswer = option" | |
| 92 | - >{{ option }}</span | |
| 93 | 94 | > |
| 95 | + <span | |
| 96 | + class="answer-s" | |
| 97 | + v-if="option" | |
| 98 | + :class=" | |
| 99 | + subQuestions.correctAnswer == option ? 'active' : '' | |
| 100 | + " | |
| 101 | + :key="option" | |
| 102 | + @click="subQuestions.correctAnswer = option" | |
| 103 | + >{{ option }}</span | |
| 104 | + > | |
| 105 | + </template> | |
| 94 | 106 | </p> |
| 95 | 107 | </div> |
| 96 | 108 | </li> | ... | ... |
src/views/setUp/conglomerate.vue
| 1 | 1 | <template> |
| 2 | - <div>集团管理</div> | |
| 2 | + <div> | |
| 3 | + <back-box> | |
| 4 | + <template slot="title"> | |
| 5 | + <span>学校管理</span> | |
| 6 | + </template> | |
| 7 | + </back-box> | |
| 8 | + </div> | |
| 3 | 9 | </template> |
| 4 | 10 | |
| 5 | 11 | <script> |
| 6 | -export default { | |
| 7 | - | |
| 8 | -} | |
| 12 | +export default {}; | |
| 9 | 13 | </script> |
| 10 | 14 | |
| 11 | 15 | <style> |
| 12 | - | |
| 13 | 16 | </style> |
| 14 | 17 | \ No newline at end of file | ... | ... |
src/views/test/index.vue
| 1 | 1 | <template> |
| 2 | - <div> | |
| 2 | + <div class="page-container"> | |
| 3 | 3 | <back-box> |
| 4 | 4 | <template slot="title"> |
| 5 | 5 | <span>即时测-数据报表</span> |
| ... | ... | @@ -253,13 +253,201 @@ |
| 253 | 253 | > |
| 254 | 254 | </p> |
| 255 | 255 | </div> |
| 256 | - <set-answer | |
| 257 | - :diaVisible="dialogVisible" | |
| 258 | - :questionList="form.questionList" | |
| 259 | - :paperId="form.id" | |
| 260 | - @saveSuccess="handleSuccess" | |
| 261 | - @cancel="cancel" | |
| 262 | - /> | |
| 256 | + <div class="edit-dia" v-show="dialogVisible" height="100%"> | |
| 257 | + <div class="back"> | |
| 258 | + <div class="back-l" @click="dialogVisible = false"> | |
| 259 | + <i class="fa fa-mail-reply-all"></i> | |
| 260 | + <p>修改答案</p> | |
| 261 | + </div> | |
| 262 | + </div> | |
| 263 | + <div class="form-box"> | |
| 264 | + <div class="answer-title"> | |
| 265 | + <p class="name">{{ form.title }}</p> | |
| 266 | + <p class="totals">卷面总分：{{ form.score }}分</p> | |
| 267 | + </div> | |
| 268 | + <div v-if="questionList && questionList.length"> | |
| 269 | + <div v-for="(question, index) in questionList" :key="index"> | |
| 270 | + <p class="question-title"> | |
| 271 | + <span>{{ setBigNum(index) }}、</span> | |
| 272 | + <span class="title-txt">{{ question.questionTitle }}</span> | |
| 273 | + <span>共 {{ question.score }} 分</span> | |
| 274 | + </p> | |
| 275 | + <ul class="questions-ul"> | |
| 276 | + <li class="sub-questions"> | |
| 277 | + <div class="qs-num">题号</div> | |
| 278 | + <div class="qs-type">题型</div> | |
| 279 | + <div class="qs-score">分数</div> | |
| 280 | + <div class="qs-partScore">漏选得分</div> | |
| 281 | + <div class="qs-options qs-options2">选项设置</div> | |
| 282 | + </li> | |
| 283 | + <li | |
| 284 | + v-for="(subQuestions, indexs) in question.subQuestions" | |
| 285 | + :key="indexs" | |
| 286 | + > | |
| 287 | + <p | |
| 288 | + class="set-ans-btn" | |
| 289 | + v-if=" | |
| 290 | + subQuestions.qusType && | |
| 291 | + subQuestions.subNum && | |
| 292 | + subQuestions.subNum > 4 | |
| 293 | + " | |
| 294 | + > | |
| 295 | + <el-button type="primary" @click="setFormAns(index, indexs)" | |
| 296 | + >批量设置答案</el-button | |
| 297 | + > | |
| 298 | + </p> | |
| 299 | + <div v-else class="sub-questions"> | |
| 300 | + <div class="qs-num">{{ subQuestions.questionIndex }}</div> | |
| 301 | + <div class="qs-type"> | |
| 302 | + {{ setSubPro(subQuestions.questionType) }} | |
| 303 | + </div> | |
| 304 | + <div class="qs-score"> | |
| 305 | + {{ subQuestions.score }} | |
| 306 | + </div> | |
| 307 | + <div class="qs-partScore"> | |
| 308 | + <p v-if="subQuestions.questionType != 3">--</p> | |
| 309 | + <p v-else>{{ subQuestions.partScore }}</p> | |
| 310 | + </div> | |
| 311 | + <div class="qs-options qs-options2"> | |
| 312 | + <p v-if="subQuestions.questionType == 5">--</p> | |
| 313 | + <p v-if="subQuestions.questionType == 4" class="answer-box"> | |
| 314 | + <span | |
| 315 | + class="answer-s" | |
| 316 | + :class="subQuestions.correctAnswer == 1 ? 'active' : ''" | |
| 317 | + @click="subQuestions.correctAnswer = 1" | |
| 318 | + >✓</span | |
| 319 | + > | |
| 320 | + <span | |
| 321 | + class="answer-s" | |
| 322 | + :class="subQuestions.correctAnswer == 2 ? 'active' : ''" | |
| 323 | + @click="subQuestions.correctAnswer = 2" | |
| 324 | + >✗</span | |
| 325 | + > | |
| 326 | + </p> | |
| 327 | + <p v-if="subQuestions.questionType == 3" class="answer-box"> | |
| 328 | + <template | |
| 329 | + v-for="option in subQuestions.answerOptions.split(',')" | |
| 330 | + > | |
| 331 | + <span | |
| 332 | + v-if="option" | |
| 333 | + class="answer-s" | |
| 334 | + :class=" | |
| 335 | + subQuestions.correctAnswer.includes(option) | |
| 336 | + ? 'active' | |
| 337 | + : '' | |
| 338 | + " | |
| 339 | + :key="option" | |
| 340 | + @click="changAnswer(subQuestions, option)" | |
| 341 | + >{{ option }}</span | |
| 342 | + > | |
| 343 | + </template> | |
| 344 | + </p> | |
| 345 | + <p v-if="subQuestions.questionType == 2" class="answer-box"> | |
| 346 | + <template | |
| 347 | + v-for="option in subQuestions.answerOptions.split(',')" | |
| 348 | + > | |
| 349 | + <span | |
| 350 | + class="answer-s" | |
| 351 | + v-if="option" | |
| 352 | + :class=" | |
| 353 | + subQuestions.correctAnswer == option ? 'active' : '' | |
| 354 | + " | |
| 355 | + :key="option" | |
| 356 | + @click="subQuestions.correctAnswer = option" | |
| 357 | + >{{ option }}</span | |
| 358 | + > | |
| 359 | + </template> | |
| 360 | + </p> | |
| 361 | + </div> | |
| 362 | + </div> | |
| 363 | + </li> | |
| 364 | + </ul> | |
| 365 | + </div> | |
| 366 | + </div> | |
| 367 | + <div class="btn-box"> | |
| 368 | + <el-button type="danger" plain round @click="dialogVisible = false" | |
| 369 | + >取消</el-button | |
| 370 | + > | |
| 371 | + <el-button type="primary" round @click="saveAnswer">保存</el-button> | |
| 372 | + </div> | |
| 373 | + </div> | |
| 374 | + </div> | |
| 375 | + <el-dialog title="批量设置答案" :visible.sync="diaSetAns" width="400"> | |
| 376 | + <div class="qs-options"> | |
| 377 | + <p class="dia-tips"> | |
| 378 | + 请点击选项按钮设置答案,多选题题目之间用“,”隔开，若添加5道题：“AC,AD,BD,AC,CD” | |
| 379 | + </p> | |
| 380 | + <p>{{ setSubPro(formAns.qusType) }}：</p> | |
| 381 | + <p class="ipt"> | |
| 382 | + <el-input | |
| 383 | + v-model="formAns.answerList" | |
| 384 | + @keydown.native="keydownAnswer($event)" | |
| 385 | + ></el-input> | |
| 386 | + </p> | |
| 387 | + <p class="answer-box"> | |
| 388 | + <template v-if="formAns.qusType == 4"> | |
| 389 | + <span | |
| 390 | + class="answer-s active" | |
| 391 | + @click=" | |
| 392 | + formAns.answerList.length < formAns.subNum | |
| 393 | + ? (formAns.answerList += '✓') | |
| 394 | + : '' | |
| 395 | + " | |
| 396 | + >✓</span | |
| 397 | + > | |
| 398 | + <span | |
| 399 | + class="answer-s active" | |
| 400 | + @click=" | |
| 401 | + formAns.answerList.length < formAns.subNum | |
| 402 | + ? (formAns.answerList += '✗') | |
| 403 | + : '' | |
| 404 | + " | |
| 405 | + >✗</span | |
| 406 | + > | |
| 407 | + </template> | |
| 408 | + <template v-if="formAns.qusType == 3"> | |
| 409 | + <span | |
| 410 | + class="answer-s active" | |
| 411 | + v-for="option in formAns.answerOptions" | |
| 412 | + :key="option" | |
| 413 | + @click="setMultiple(formAns, option)" | |
| 414 | + >{{ option }}</span | |
| 415 | + > | |
| 416 | + <span | |
| 417 | + class="answer-s active" | |
| 418 | + @click=" | |
| 419 | + formAns.answerList.split(',').length < formAns.subNum | |
| 420 | + ? (formAns.answerList += ',') | |
| 421 | + : '' | |
| 422 | + " | |
| 423 | + >,</span | |
| 424 | + > | |
| 425 | + </template> | |
| 426 | + <template v-if="formAns.qusType == 2" class="answer-box"> | |
| 427 | + <span | |
| 428 | + class="answer-s active" | |
| 429 | + v-for="option in formAns.answerOptions" | |
| 430 | + :key="option" | |
| 431 | + @click=" | |
| 432 | + formAns.answerList.length < formAns.subNum | |
| 433 | + ? (formAns.answerList += option) | |
| 434 | + : '' | |
| 435 | + " | |
| 436 | + >{{ option }}</span | |
| 437 | + > | |
| 438 | + </template> | |
| 439 | + <span | |
| 440 | + class="answer-s delButton" | |
| 441 | + @click="formAns.answerList = formAns.answerList.slice(0, -1)" | |
| 442 | + >x</span | |
| 443 | + > | |
| 444 | + </p> | |
| 445 | + </div> | |
| 446 | + <div class="dialog-footer" slot="footer"> | |
| 447 | + <el-button @click="saveFormAns">确 定</el-button> | |
| 448 | + <el-button @click="diaSetAns = false">取 消</el-button> | |
| 449 | + </div> | |
| 450 | + </el-dialog> | |
| 263 | 451 | </div> |
| 264 | 452 | </template> |
| 265 | 453 | |
| ... | ... | @@ -271,7 +459,17 @@ export default { |
| 271 | 459 | role: "", |
| 272 | 460 | loading: false, |
| 273 | 461 | dialogVisible: false, |
| 274 | - form: { questionList: [] }, | |
| 462 | + diaSetAns: false, | |
| 463 | + form: {}, | |
| 464 | + questionList: [], | |
| 465 | + formAns: { | |
| 466 | + listIndex: 0, //大题位置 | |
| 467 | + endIndex: 0, //相同题目最后一位题目的questionIndex | |
| 468 | + qusType: "", //题目类型 | |
| 469 | + subNum: 0, //数量 | |
| 470 | + answerOptions: [], //答案选项 | |
| 471 | + answerList: "", //答案列表-字符串 | |
| 472 | + }, | |
| 275 | 473 | date: "", //今天-昨天-本周 |
| 276 | 474 | query: { |
| 277 | 475 | //搜索条件 |
| ... | ... | @@ -308,7 +506,7 @@ export default { |
| 308 | 506 | score: 1, |
| 309 | 507 | partScore: 0, |
| 310 | 508 | selectNum: 4, |
| 311 | - answerOptions: ["A", "B", "C", "D"], | |
| 509 | + answerOptions: "A, B, C, D", | |
| 312 | 510 | correctAnswer: "B", |
| 313 | 511 | }, |
| 314 | 512 | { |
| ... | ... | @@ -317,29 +515,101 @@ export default { |
| 317 | 515 | score: 1, |
| 318 | 516 | partScore: 0, |
| 319 | 517 | selectNum: 4, |
| 320 | - answerOptions: ["A", "B", "C", "D", "E", "F"], | |
| 518 | + answerOptions: "A, B, C, D,E,F", | |
| 321 | 519 | correctAnswer: "A", |
| 322 | 520 | }, |
| 323 | 521 | { |
| 324 | - questionIndex: 2, | |
| 522 | + questionIndex: 3, | |
| 523 | + questionType: 2, | |
| 524 | + score: 1, | |
| 525 | + partScore: 0, | |
| 526 | + selectNum: 4, | |
| 527 | + answerOptions: "A, B, C, D,E,F", | |
| 528 | + correctAnswer: "A", | |
| 529 | + }, | |
| 530 | + { | |
| 531 | + questionIndex: 4, | |
| 532 | + questionType: 2, | |
| 533 | + score: 1, | |
| 534 | + partScore: 0, | |
| 535 | + selectNum: 4, | |
| 536 | + answerOptions: "A, B, C, D,E,F", | |
| 537 | + correctAnswer: "A", | |
| 538 | + }, | |
| 539 | + { | |
| 540 | + questionIndex: 5, | |
| 541 | + questionType: 2, | |
| 542 | + score: 1, | |
| 543 | + partScore: 0, | |
| 544 | + selectNum: 4, | |
| 545 | + answerOptions: "A, B, C, D,E,F", | |
| 546 | + correctAnswer: "A", | |
| 547 | + }, | |
| 548 | + { | |
| 549 | + questionIndex: 6, | |
| 325 | 550 | questionType: 3, |
| 326 | 551 | score: 1, |
| 327 | 552 | partScore: 0, |
| 328 | 553 | selectNum: 4, |
| 329 | - answerOptions: ["A", "B", "C", "D", "E", "F"], | |
| 554 | + answerOptions: "A, B, C, D,E,F", | |
| 330 | 555 | correctAnswer: "AB", |
| 331 | 556 | }, |
| 332 | 557 | { |
| 333 | - questionIndex: 2, | |
| 558 | + questionIndex: 7, | |
| 559 | + questionType: 4, | |
| 560 | + score: 1, | |
| 561 | + partScore: 0, | |
| 562 | + selectNum: 0, | |
| 563 | + answerOptions: [], | |
| 564 | + correctAnswer: "1", | |
| 565 | + }, | |
| 566 | + { | |
| 567 | + questionIndex: 8, | |
| 334 | 568 | questionType: 3, |
| 335 | 569 | score: 1, |
| 336 | 570 | partScore: 0, |
| 337 | 571 | selectNum: 4, |
| 338 | - answerOptions: ["A", "B", "C", "D", "E", "F"], | |
| 572 | + answerOptions: "A, B, C, D,E,F", | |
| 339 | 573 | correctAnswer: "AB", |
| 340 | 574 | }, |
| 341 | 575 | { |
| 342 | - questionIndex: 3, | |
| 576 | + questionIndex: 9, | |
| 577 | + questionType: 3, | |
| 578 | + score: 1, | |
| 579 | + partScore: 0, | |
| 580 | + selectNum: 4, | |
| 581 | + answerOptions: "A, B, C, D,E,F", | |
| 582 | + correctAnswer: "AB", | |
| 583 | + }, | |
| 584 | + { | |
| 585 | + questionIndex: 10, | |
| 586 | + questionType: 3, | |
| 587 | + score: 1, | |
| 588 | + partScore: 0, | |
| 589 | + selectNum: 4, | |
| 590 | + answerOptions: "A, B, C, D,E,F", | |
| 591 | + correctAnswer: "AB", | |
| 592 | + }, | |
| 593 | + { | |
| 594 | + questionIndex: 11, | |
| 595 | + questionType: 3, | |
| 596 | + score: 1, | |
| 597 | + partScore: 0, | |
| 598 | + selectNum: 4, | |
| 599 | + answerOptions: "A, B, C, D,E,F", | |
| 600 | + correctAnswer: "AB", | |
| 601 | + }, | |
| 602 | + { | |
| 603 | + questionIndex: 12, | |
| 604 | + questionType: 3, | |
| 605 | + score: 1, | |
| 606 | + partScore: 0, | |
| 607 | + selectNum: 4, | |
| 608 | + answerOptions: "A, B, C, D,E,F", | |
| 609 | + correctAnswer: "AB", | |
| 610 | + }, | |
| 611 | + { | |
| 612 | + questionIndex: 13, | |
| 343 | 613 | questionType: 4, |
| 344 | 614 | score: 1, |
| 345 | 615 | partScore: 0, |
| ... | ... | @@ -396,7 +666,7 @@ export default { |
| 396 | 666 | }, |
| 397 | 667 | ], |
| 398 | 668 | answerList: [ |
| 399 | - //设置多卷内容供tabel表格数据用 | |
| 669 | + //设置多卷内容供tableStage表格数据用 | |
| 400 | 670 | { |
| 401 | 671 | title: "周测卷20221130", |
| 402 | 672 | totalScore: 6, |
| ... | ... | @@ -438,7 +708,52 @@ export default { |
| 438 | 708 | }, |
| 439 | 709 | }); |
| 440 | 710 | }, |
| 711 | + setSubPro(type) { | |
| 712 | + let tit; | |
| 713 | + switch (type) { | |
| 714 | + case 2: | |
| 715 | + tit = "单选题"; | |
| 716 | + break; | |
| 717 | + case 3: | |
| 718 | + tit = "多选题"; | |
| 719 | + break; | |
| 720 | + case 4: | |
| 721 | + tit = "判断题"; | |
| 722 | + break; | |
| 723 | + case 5: | |
| 724 | + tit = "主观题"; | |
| 725 | + break; | |
| 726 | + } | |
| 727 | + return tit; | |
| 728 | + }, | |
| 729 | + setBigNum(num) { | |
| 730 | + let txt = ""; | |
| 731 | + let bigNum = [ | |
| 732 | + "一", | |
| 733 | + "二", | |
| 734 | + "三", | |
| 735 | + "四", | |
| 736 | + "五", | |
| 737 | + "六", | |
| 738 | + "七", | |
| 739 | + "八", | |
| 740 | + "九", | |
| 741 | + "十", | |
| 742 | + "十一", | |
| 743 | + "十二", | |
| 744 | + "十三", | |
| 745 | + "十四", | |
| 746 | + "十五", | |
| 747 | + "十六", | |
| 748 | + "十七", | |
| 749 | + "十八", | |
| 750 | + "十九", | |
| 751 | + "二十", | |
| 752 | + ]; | |
| 753 | + txt = bigNum[num]; | |
| 441 | 754 | |
| 755 | + return txt; | |
| 756 | + }, | |
| 442 | 757 | setDate(index) { |
| 443 | 758 | const that = this; |
| 444 | 759 | this.date = index == this.date ? "" : index; |
| ... | ... | @@ -507,17 +822,169 @@ export default { |
| 507 | 822 | } |
| 508 | 823 | } |
| 509 | 824 | }, |
| 825 | + keydownAnswer(event) { | |
| 826 | + //快速答案设置禁止输入 | |
| 827 | + if ( | |
| 828 | + event.key == "Meta" || | |
| 829 | + event.key == "CapsLock" || | |
| 830 | + event.key == "Shift" || | |
| 831 | + event.key == "Enter" || | |
| 832 | + event.key == "Alt" || | |
| 833 | + event.key == "Backspace" || | |
| 834 | + event.key == "Delete" || | |
| 835 | + event.key == "ArrowUp" || | |
| 836 | + event.key == "ArrowDown" || | |
| 837 | + event.key == "ArrowLeft" || | |
| 838 | + event.key == "v" || | |
| 839 | + event.key == "V" || | |
| 840 | + event.key == "ArrowRight" | |
| 841 | + ) { | |
| 842 | + return; | |
| 843 | + } else { | |
| 844 | + event.returnValue = ""; | |
| 845 | + } | |
| 846 | + }, | |
| 847 | + setAnswer(type, ans) { | |
| 848 | + let txt = ""; | |
| 849 | + if (type == 2) { | |
| 850 | + txt = ans; | |
| 851 | + } else if (type == 3) { | |
| 852 | + txt = ans + ","; | |
| 853 | + } else if (type == 4) { | |
| 854 | + txt = ans == 1 ? "✓" : "✗"; | |
| 855 | + } | |
| 856 | + return txt; | |
| 857 | + }, | |
| 858 | + setMultiple(obj, answer) { | |
| 859 | + //多选答案设置 | |
| 860 | + obj.answerList += answer; | |
| 861 | + let str = obj.answerList; | |
| 862 | + let str2 = checkAnswer( | |
| 863 | + str, | |
| 864 | + 3, | |
| 865 | + obj.answerOptions.split(",").length, | |
| 866 | + obj.answerList.length | |
| 867 | + ); | |
| 868 | + obj.answerList = str2; | |
| 869 | + }, | |
| 510 | 870 | edit(item) { |
| 871 | + //修改答案 | |
| 511 | 872 | this.form = deepClone(item); |
| 873 | + this.questionList = deepClone(item?.questionList || []); | |
| 874 | + this.questionList?.map((item) => { | |
| 875 | + let types = [{}]; | |
| 876 | + let addndex = 0; | |
| 877 | + item.subQuestions.map((sub, index) => { | |
| 878 | + if (!!sub.questionType) { | |
| 879 | + if (sub.questionType == types[addndex].qusType) { | |
| 880 | + //同类型批量答案+1 | |
| 881 | + types[addndex].subNum += 1; | |
| 882 | + if ( | |
| 883 | + types[addndex].answerOptions.length < sub.answerOptions.length | |
| 884 | + ) { | |
| 885 | + types[addndex].answerOptions = sub.answerOptions; | |
| 886 | + } | |
| 887 | + types[addndex].answerList += this.setAnswer( | |
| 888 | + sub.questionType, | |
| 889 | + sub.correctAnswer | |
| 890 | + ); | |
| 891 | + if (index == item.subQuestions.length - 1) { | |
| 892 | + //循环最后类型数量大于等于5，保存批量答案 | |
| 893 | + if (types[addndex].subNum && types[addndex].subNum >= 5) { | |
| 894 | + types[addndex].endIndex = sub.questionIndex; | |
| 895 | + types[addndex].index = index; | |
| 896 | + } | |
| 897 | + } | |
| 898 | + } else { | |
| 899 | + if (types[addndex].subNum && types[addndex].subNum >= 5) { | |
| 900 | + //不同类型时如果原有类型数量大于等于5，保存批量答案 | |
| 901 | + types[addndex].endIndex = | |
| 902 | + item.subQuestions[index - 1].questionIndex; | |
| 903 | + types[addndex].index = index; | |
| 904 | + addndex += 1; | |
| 905 | + types[addndex] = {}; | |
| 906 | + } | |
| 907 | + //不同类型初始化批量答案 | |
| 908 | + types[addndex].qusType = sub.questionType; | |
| 909 | + types[addndex].subNum = 1; | |
| 910 | + types[addndex].answerOptions = sub.answerOptions; | |
| 911 | + types[addndex].answerList = this.setAnswer( | |
| 912 | + sub.questionType, | |
| 913 | + sub.correctAnswer | |
| 914 | + ); | |
| 915 | + } | |
| 916 | + } | |
| 917 | + }); | |
| 918 | + for (let i = 0; i < types.length; i++) { | |
| 919 | + if (types[i].qusType == 3) { | |
| 920 | + types[i].answerList = types[i].answerList.slice(0, -1); | |
| 921 | + } | |
| 922 | + if (types[i].subNum >= 5) { | |
| 923 | + item.subQuestions.splice( | |
| 924 | + types[i].index + i, | |
| 925 | + 0, | |
| 926 | + deepClone(types[i]) | |
| 927 | + ); | |
| 928 | + } | |
| 929 | + } | |
| 930 | + }); | |
| 512 | 931 | this.dialogVisible = true; |
| 513 | 932 | }, |
| 514 | - cancel() { | |
| 515 | - this.dialogVisible = false; | |
| 933 | + setFormAns(index, indexs) { | |
| 934 | + //初始化要修改的答案 | |
| 935 | + this.formAns = { ...this.questionList[index].subQuestions[indexs] }; | |
| 936 | + this.formAns.listIndex = index; | |
| 937 | + this.diaSetAns = true; | |
| 516 | 938 | }, |
| 517 | - handleSuccess() { | |
| 518 | - this.dialogVisible = false; | |
| 519 | - this._QueryData(); | |
| 939 | + saveFormAns() { | |
| 940 | + //批量修改答案 | |
| 941 | + let EndIndex; | |
| 942 | + let subNum = this.formAns.subNum - 1; | |
| 943 | + this.questionList[this.formAns.listIndex].subQuestions.some( | |
| 944 | + (item, index) => { | |
| 945 | + if (this.formAns.endIndex == item.questionIndex) { | |
| 946 | + EndIndex = index; | |
| 947 | + return; | |
| 948 | + } | |
| 949 | + } | |
| 950 | + ); | |
| 951 | + for (let i = 0; i <= subNum; i++) { | |
| 952 | + let correctAnswer = ""; | |
| 953 | + if (this.formAns.qusType == 2) { | |
| 954 | + correctAnswer = this.formAns.answerList[subNum - i]; | |
| 955 | + } else if (this.formAns.qusType == 3) { | |
| 956 | + correctAnswer = this.formAns.answerList.split(",")[subNum - i]; | |
| 957 | + | |
| 958 | + console.log(this.formAns.answerList.split(",")[subNum - i]); | |
| 959 | + } else if (this.formAns.qusType == 4) { | |
| 960 | + correctAnswer = this.formAns.answerList[subNum - i] == "✓" ? 1 : 2; | |
| 961 | + } | |
| 962 | + this.questionList[this.formAns.listIndex].subQuestions[ | |
| 963 | + EndIndex - i | |
| 964 | + ].correctAnswer = correctAnswer; | |
| 965 | + } | |
| 966 | + this.diaSetAns = false; | |
| 520 | 967 | }, |
| 968 | + async saveAnswer() { | |
| 969 | + //保存答案 | |
| 970 | + for (let i = 0; i < this.questionList.length; i++) { | |
| 971 | + for (let j = 0; j < this.questionList[i].subQuestions.length; j++) { | |
| 972 | + if (this.questionList[i].subQuestions[j].qusType) { | |
| 973 | + this.questionList[i].subQuestions.splice(j, 1); | |
| 974 | + } | |
| 975 | + } | |
| 976 | + } | |
| 977 | + const { data, status, message } = await this.$request.modifyPaper({ | |
| 978 | + paperId: this.form.id, | |
| 979 | + questionList: [...this.questionList], | |
| 980 | + }); | |
| 981 | + if (status == 0) { | |
| 982 | + this._QueryData(); | |
| 983 | + } else { | |
| 984 | + this.$message.error(message); | |
| 985 | + } | |
| 986 | + }, | |
| 987 | + | |
| 521 | 988 | async changClazz() { |
| 522 | 989 | await this._QuerySubjectList(); |
| 523 | 990 | await this.setDate(1); |
| ... | ... | @@ -548,13 +1015,13 @@ export default { |
| 548 | 1015 | label: item, |
| 549 | 1016 | }; |
| 550 | 1017 | }) || []; |
| 551 | - if (this.role == "ROLE_BANZHUREN") { | |
| 1018 | + if (this.role == "ROLE_BANZHUREN") { | |
| 552 | 1019 | this.subjectList.unshift({ |
| 553 | 1020 | value: "", |
| 554 | 1021 | label: "全部", |
| 555 | 1022 | }); |
| 556 | 1023 | this.query.subjectId = [this.subjectList[0]?.value]; |
| 557 | - }else{ | |
| 1024 | + } else { | |
| 558 | 1025 | this.query.subjectId = this.subjectList[0]?.value; |
| 559 | 1026 | } |
| 560 | 1027 | } else { |
| ... | ... | @@ -611,16 +1078,11 @@ export default { |
| 611 | 1078 | .dia-tips { |
| 612 | 1079 | padding-bottom: 10px; |
| 613 | 1080 | } |
| 614 | -.dia-question-box { | |
| 615 | - padding: 16px 16px 1px; | |
| 616 | - background: #f8f8f8; | |
| 617 | - border-radius: 10px; | |
| 618 | - | |
| 619 | - .answer-s { | |
| 620 | - width: 36px; | |
| 621 | - height: 28px; | |
| 622 | - cursor: pointer; | |
| 623 | - } | |
| 1081 | +.answer-s { | |
| 1082 | + width: 32px; | |
| 1083 | + height: 28px; | |
| 1084 | + cursor: pointer; | |
| 1085 | + user-select: none; | |
| 624 | 1086 | } |
| 625 | 1087 | .set-questions { |
| 626 | 1088 | display: flex; |
| ... | ... | @@ -630,16 +1092,17 @@ export default { |
| 630 | 1092 | flex-shrink: 0; |
| 631 | 1093 | margin-right: 10px; |
| 632 | 1094 | } |
| 633 | - .qs-options { | |
| 634 | - flex: 1; | |
| 635 | - .ipt { | |
| 636 | - margin-bottom: 5px; | |
| 637 | - } | |
| 1095 | +} | |
| 1096 | +.qs-options { | |
| 1097 | + flex: 1; | |
| 1098 | + .ipt { | |
| 1099 | + margin-bottom: 5px; | |
| 638 | 1100 | } |
| 639 | 1101 | .delButton { |
| 640 | 1102 | border-color: #ff6868; |
| 641 | 1103 | background: #ff6868 url("../../assets/images/arrow.png") no-repeat center; |
| 642 | 1104 | background-size: 19px; |
| 1105 | + cursor: pointer; | |
| 643 | 1106 | color: transparent; |
| 644 | 1107 | } |
| 645 | 1108 | .ac { |
| ... | ... | @@ -651,4 +1114,138 @@ export default { |
| 651 | 1114 | .down { |
| 652 | 1115 | padding-top: 16px; |
| 653 | 1116 | } |
| 1117 | +.page-container { | |
| 1118 | + position: relative; | |
| 1119 | +} | |
| 1120 | +.edit-dia { | |
| 1121 | + position: absolute; | |
| 1122 | + left: 0; | |
| 1123 | + top: 0; | |
| 1124 | + right: 0; | |
| 1125 | + bottom: 0; | |
| 1126 | + width: 100%; | |
| 1127 | + height: calc(100vh - 80px); | |
| 1128 | + background: #fff; | |
| 1129 | + overflow-y: auto; | |
| 1130 | + z-index: 10; | |
| 1131 | + .back { | |
| 1132 | + width: 100%; | |
| 1133 | + height: 56px; | |
| 1134 | + border-bottom: 1px solid #e2e2e2; | |
| 1135 | + display: flex; | |
| 1136 | + align-items: center; | |
| 1137 | + padding: 0 20px; | |
| 1138 | + box-sizing: border-box; | |
| 1139 | + .back-l { | |
| 1140 | + display: flex; | |
| 1141 | + align-items: center; | |
| 1142 | + cursor: pointer; | |
| 1143 | + flex-shrink: 0; | |
| 1144 | + font-size: 18px; | |
| 1145 | + font-weight: 500; | |
| 1146 | + } | |
| 1147 | + .fa-mail-reply-all { | |
| 1148 | + font-size: 28px; | |
| 1149 | + color: #b3b3b3; | |
| 1150 | + margin-right: 12px; | |
| 1151 | + } | |
| 1152 | + } | |
| 1153 | + .form-box { | |
| 1154 | + padding: 20px; | |
| 1155 | + } | |
| 1156 | + .answer-title { | |
| 1157 | + text-align: center; | |
| 1158 | + font-size: 20px; | |
| 1159 | + color: #333; | |
| 1160 | + font-weight: 700; | |
| 1161 | + padding-bottom: 20px; | |
| 1162 | + .totals { | |
| 1163 | + font-size: 16px; | |
| 1164 | + color: #888; | |
| 1165 | + font-weight: normal; | |
| 1166 | + } | |
| 1167 | + } | |
| 1168 | + .question-title { | |
| 1169 | + line-height: 40px; | |
| 1170 | + .ipt { | |
| 1171 | + width: 300px; | |
| 1172 | + margin: 0 16px 0 10px; | |
| 1173 | + :deep(.el-input__inner) { | |
| 1174 | + border-radius: 20px; | |
| 1175 | + border-color: #667ffd; | |
| 1176 | + background: rgba($color: #667ffd, $alpha: 0.05); | |
| 1177 | + } | |
| 1178 | + } | |
| 1179 | + .delete { | |
| 1180 | + margin-right: 8px; | |
| 1181 | + } | |
| 1182 | + .title-txt { | |
| 1183 | + margin-right: 20px; | |
| 1184 | + font-size: 16px; | |
| 1185 | + font-weight: 700; | |
| 1186 | + } | |
| 1187 | + } | |
| 1188 | + .questions-ul { | |
| 1189 | + border-left: 1px solid #e2e2e2; | |
| 1190 | + border-top: 1px solid #e2e2e2; | |
| 1191 | + margin: 12px 0; | |
| 1192 | + } | |
| 1193 | + .sub-questions { | |
| 1194 | + width: 100%; | |
| 1195 | + display: flex; | |
| 1196 | + border-bottom: 1px solid #e2e2e2; | |
| 1197 | + & > div { | |
| 1198 | + min-height: 40px; | |
| 1199 | + padding: 5px; | |
| 1200 | + flex-shrink: 0; | |
| 1201 | + border-right: 1px solid #e2e2e2; | |
| 1202 | + display: flex; | |
| 1203 | + justify-content: center; | |
| 1204 | + align-items: center; | |
| 1205 | + } | |
| 1206 | + .qs-num { | |
| 1207 | + width: 80px; | |
| 1208 | + } | |
| 1209 | + .qs-type { | |
| 1210 | + width: 160px; | |
| 1211 | + } | |
| 1212 | + .qs-score, | |
| 1213 | + .qs-partScore { | |
| 1214 | + width: 160px; | |
| 1215 | + } | |
| 1216 | + .qs-options { | |
| 1217 | + flex: 1; | |
| 1218 | + } | |
| 1219 | + .qs-set { | |
| 1220 | + width: 80px; | |
| 1221 | + } | |
| 1222 | + .qs-options2 { | |
| 1223 | + text-align: left; | |
| 1224 | + justify-content: flex-start; | |
| 1225 | + padding-left: 20px; | |
| 1226 | + .answer-s { | |
| 1227 | + cursor: pointer; | |
| 1228 | + } | |
| 1229 | + } | |
| 1230 | + :deep(.el-select) { | |
| 1231 | + .el-input__inner { | |
| 1232 | + border-radius: 20px; | |
| 1233 | + border-color: #667ffd; | |
| 1234 | + width: 150px; | |
| 1235 | + height: 32px; | |
| 1236 | + line-height: 32px; | |
| 1237 | + background: rgba($color: #667ffd, $alpha: 0.05); | |
| 1238 | + } | |
| 1239 | + .el-input__icon { | |
| 1240 | + line-height: 32px; | |
| 1241 | + } | |
| 1242 | + } | |
| 1243 | + } | |
| 1244 | + .set-ans-btn { | |
| 1245 | + width: 100%; | |
| 1246 | + padding: 10px 0 10px 630px; | |
| 1247 | + box-sizing: border-box; | |
| 1248 | + border-bottom: 1px solid #e2e2e2; | |
| 1249 | + } | |
| 1250 | +} | |
| 654 | 1251 | </style> |
| 655 | 1252 | \ No newline at end of file | ... | ... |