8.28更新

zhongshujie

11 小时以前 e33672cf85da88d515d5fe6ccc0a139c3cfaa5db

 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>