From e33672cf85da88d515d5fe6ccc0a139c3cfaa5db Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期四, 28 八月 2025 22:53:54 +0800 Subject: [PATCH] 8.28更新 --- src/components/dialogExaminations/index.vue | 116 ++++++++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 105 insertions(+), 11 deletions(-) diff --git a/src/components/dialogExaminations/index.vue b/src/components/dialogExaminations/index.vue index b001916..59bce20 100644 --- a/src/components/dialogExaminations/index.vue +++ b/src/components/dialogExaminations/index.vue @@ -298,20 +298,15 @@ import { MathfieldElement } from "mathlive"; import { Message } from "element-ui"; import TEditorVue from "../teditor/index.vue"; +import config from "@/assets/js/config"; export default { name: "examination-option", components: { TEditorVue }, props: { - isClear: { - type: Boolean, - default: false, - }, cardList: { type: Array, - }, - primaryColor: { - type: String, - default: "#00aeef", + required: true, + default: () => [], }, chapter: { type: Number, @@ -334,12 +329,18 @@ questionTitle: { type: String, }, + questionIDList: { + type: Array, + required: true, + default: () => [], + } }, data() { return { type: "option", cardData: [], loading: true, + primaryColor: config.activeBook.bookThemeColor, heart: require("@/assets/images/heart.png"), isHeart: require("@/assets/images/heart-check.png"), collectList: [], @@ -369,8 +370,9 @@ }, watch: { cardList: { - handler(newVal) { - this.cardData = this.cardList; + handler(newVal, ol) { + console.log("棰樼洰缁勪欢newVal", newVal); + // this.cardData = this.cardList; if (newVal && newVal.length) { this.loading = false; } @@ -718,6 +720,14 @@ }, openDialogQuestion() { this.localDialogVisible = true; + console.log(this.cardList, "this.cardList缁勪欢"); + console.log(this.page, "this.page缁勪欢"); + console.log(this.questionIDList, "this.questionIDList缁勪欢"); + console.log(this.config.activeBook,"this.config.activeBook缁勪欢"); + + + + }, }, }; @@ -1106,7 +1116,7 @@ } /deep/ .el-collapse-item__content { - width: 93%; + width: 100%; padding: 0 20px; background-color: #f4f4f4; font-size: 16px; @@ -1392,4 +1402,88 @@ align-items: center; flex-wrap: wrap; } + +.pdfModal { + width: 100%; + height: 90vh; + + .pdfBox-component { + width: 100%; + height: 100%; + overflow-y: auto; + position: relative; + + .preview { + width: 100%; + height: 100%; + + .imageBox { + height: calc(100% - 30px); + overflow-x: hidden; + overflow-y: auto; + background: #ccc; + box-sizing: border-box; + } + + .imageBox:hover { + cursor: zoom-in !important; + } + + ::v-deep .el-dialog__header { + background-color: rgba(0, 0, 0, 0.8); + + .header_title { + display: flex; + justify-content: space-between; + align-items: center; + color: #fff; + font-weight: 900; + font-size: 16px; + font-family: 'FZLTXIHJW'; + + span:nth-child(2):hover { + cursor: pointer; + } + } + + ::v-deep .el-dialog__title, + ::v-deep .el-dialog__headerbtn .el-dialog__close { + color: #fff; + font-weight: 900; + font-size: 16px; + font-family: 'FZLTXIHJW'; + } + } + + .bottom_tool { + height: 30px; + background-color: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: flex-end; + align-items: center; + + svg { + margin-right: 15px; + fill: #d1d1d1; + } + + svg:hover { + fill: #fff; + cursor: pointer; + } + } + } + + + + .notBox { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: calc(100% - 30px); + min-height: 300px; + } + } +} </style> -- Gitblit v1.9.1