连线题修改页面样式及录入 上一页下一页优化

src/components/Adult/Preview.vue

@@ -2,7 +2,7 @@
 <template>
   <div
     class="NNPE-Big-Book-preview adult-book-preview-sty preview-red"
-    :class="['NNPE-Big-Book-preview-'+themeColor]"
+    :class="['NNPE-Big-Book-preview-' + themeColor]"
     v-if="cur"
   >
     <div
@@ -91,7 +91,10 @@
     </div>
     <div v-if="cur" class="NNPE-Book-content-inner">
       <div v-for="(item, index) in cur.cur_fn_data" :key="index">
-        <h2 v-if="item.z_title||item.number"><b v-if="item.number">{{item.number}}</b>{{ item.z_title }}</h2>
+        <h2 v-if="item.z_title || item.number">
+          <b v-if="item.number">{{ item.number }}</b
+          >{{ item.z_title }}
+        </h2>
         <h3 v-if="item.f_title">{{ item.f_title }}</h3>
         <div
           :class="['NNPE-tableList', item.is_bg ? 'NNPE-tableList-hasBg' : '']"
@@ -366,6 +369,7 @@ export default {
         },
       ],
       chsFhList: ["，", "。", "“", "：", "》", "《", "？", "！", "；"],
+      idArr: [], //当前的pid
     };
   },
   computed: {},
@@ -467,171 +471,64 @@ export default {
     },
     // 上一页
     handleNNPEprev() {
-      const _this = this;
+      let _this = this;
       if (_this.queIndex == 0) {
-        let data = {};
-        let flg = false;
-        let xiangdeng = false;
         _this.FatherTreeData.forEach((item, itemIndex) => {
-          if (item.children) {
-            item.children.forEach((it, childrenIndex) => {
-              if (it.id == _this.currentTreeID) {
-                if (itemIndex == 0 && childrenIndex == 0) {
-                  this.$message({
-                    message: "已经是最后一题",
-                    type: "success",
-                  });
-                  flg = true;
-                } else if (childrenIndex == 0) {
-                  // 当前子节点的第一个
-                  if (_this.FatherTreeData[itemIndex - 1].children) {
-                    data.fatherName =
-                      _this.FatherTreeData[
-                        itemIndex - 1
-                      ].children[0].fatherName;
-                    data.id =
-                      _this.FatherTreeData[itemIndex - 1].children[0].id;
-                    data.name =
-                      _this.FatherTreeData[itemIndex - 1].children[0].name;
-                  } else {
-                    data.fatherName =
-                      _this.FatherTreeData[itemIndex - 1].fatherName;
-                    data.id = _this.FatherTreeData[itemIndex - 1].id;
-                    data.name = _this.FatherTreeData[itemIndex - 1].name;
-                  }
-                } else {
-                  data.fatherName = item.children[childrenIndex - 1].fatherName;
-                  data.id = item.children[childrenIndex - 1].id;
-                  data.name = item.children[childrenIndex - 1].name;
-                }
-                xiangdeng = true;
-              }
-            });
-          } else {
-            if (!xiangdeng) {
-              if (item.id == _this.currentTreeID) {
-                if (itemIndex == 0) {
-                  this.$message({
-                    message: "已经是第一题",
-                    type: "success",
-                  });
-                  flg = true;
-                } else {
-                  if (_this.FatherTreeData[itemIndex - 1].children) {
-                    data.fatherName =
-                      _this.FatherTreeData[itemIndex - 1].children[
-                        _this.FatherTreeData[itemIndex - 1].children.length - 1
-                      ].fatherName;
-                    data.id =
-                      _this.FatherTreeData[itemIndex - 1].children[
-                        _this.FatherTreeData[itemIndex - 1].children.length - 1
-                      ].id;
-                    data.name =
-                      _this.FatherTreeData[itemIndex - 1].children[
-                        _this.FatherTreeData[itemIndex - 1].children.length - 1
-                      ].name;
-                  } else {
-                    data.fatherName =
-                      _this.FatherTreeData[itemIndex - 1].fatherName;
-                    data.id = _this.FatherTreeData[itemIndex - 1].id;
-                    data.name = _this.FatherTreeData[itemIndex - 1].name;
-                  }
-                }
-              }
+          this.seekCurrentTree(item);
+        });
+        this.idArr.forEach((item, i) => {
+          if (item == _this.currentTreeID) {
+            if (i == 0) {
+              this.$message({
+                message: "已经是第一题",
+                type: "success",
+              });
+            } else {
+              _this.changeId(this.idArr[i - 1]);
             }
           }
         });
-        if (flg) {
-          return;
-        }
-        _this.queIndex = 0;
-        _this.changeId(data.id, data.name, data.fatherName, "Preview");
       } else {
         _this.queIndex -= 1;
         _this.watchIndex = _this.queIndex + new Date().getTime();
         _this.cur = _this.queList[_this.queIndex];
       }
     },
+    // 递归寻找相同的目录并保存目录的pid
+    seekCurrentTree(item) {
+      if (item.is_courseware == "true") {
+        this.idArr.push(item.id);
+      }
+      if (item.children) {
+        item.children.forEach((it, index) => {
+          if (it.is_courseware == "true") {
+            this.idArr.push(it.id);
+          }
+          if (it.children) {
+            this.seekCurrentTree(it);
+          }
+        });
+      }
+    },
     // 下一页
     handleNNPEnext() {
       const _this = this;
       if (_this.queIndex == _this.queTotal - 1) {
-        let data = {};
-        let flg = false;
-        let xiangdeng = false;
         _this.FatherTreeData.forEach((item, itemIndex) => {
-          if (item.children) {
-            item.children.forEach((it, childrenIndex) => {
-              if (it.id == _this.currentTreeID) {
-                if (
-                  itemIndex == _this.FatherTreeData.length - 1 &&
-                  childrenIndex == item.children.length - 1
-                ) {
-                  this.$message({
-                    message: "已经是最后一题",
-                    type: "success",
-                  });
-                  flg = true;
-                } else if (childrenIndex == item.children.length - 1) {
-                  // 当前子节点的最后一个
-                  if (_this.FatherTreeData[itemIndex + 1].children) {
-                    data.fatherName =
-                      _this.FatherTreeData[
-                        itemIndex + 1
-                      ].children[0].fatherName;
-                    data.id =
-                      _this.FatherTreeData[itemIndex + 1].children[0].id;
-                    data.name =
-                      _this.FatherTreeData[itemIndex + 1].children[0].name;
-                  } else {
-                    data.fatherName =
-                      _this.FatherTreeData[itemIndex + 1].fatherName;
-                    data.id = _this.FatherTreeData[itemIndex + 1].id;
-                    data.name = _this.FatherTreeData[itemIndex + 1].name;
-                  }
-                } else {
-                  data.fatherName = item.children[childrenIndex + 1].fatherName;
-                  data.id = item.children[childrenIndex + 1].id;
-                  data.name = item.children[childrenIndex + 1].name;
-                }
-                xiangdeng = true;
-              }
-            });
-          } else {
-            if (!xiangdeng) {
-              if (item.id == _this.currentTreeID) {
-                if (itemIndex == _this.FatherTreeData.length - 1) {
-                  this.$message({
-                    message: "已经是最后一题",
-                    type: "success",
-                  });
-                  flg = true;
-                } else {
-                  if (_this.FatherTreeData[itemIndex + 1].children) {
-                    data.fatherName =
-                      _this.FatherTreeData[
-                        itemIndex + 1
-                      ].children[0].fatherName;
-                    data.name =
-                      _this.FatherTreeData[itemIndex + 1].children[0].name;
-                    data.id =
-                      _this.FatherTreeData[itemIndex + 1].children[0].id;
-                  } else {
-                    data.fatherName =
-                      _this.FatherTreeData[itemIndex + 1].fatherName;
-                    data.id = _this.FatherTreeData[itemIndex + 1].id;
-                    data.name = _this.FatherTreeData[itemIndex + 1].name;
-                  }
-                }
-              }
+          this.seekCurrentTree(item);
+        });
+        this.idArr.forEach((item, i) => {
+          if (item == _this.currentTreeID) {
+            if (i == this.idArr.length - 1) {
+              this.$message({
+                message: "已经是最后一题",
+                type: "success",
+              });
+            } else {
+              _this.changeId(this.idArr[i + 1]);
             }
           }
         });
-        if (flg) {
-          return;
-        }
-        _this.changeId(data.id, data.name, data.fatherName, "Preview");
-        xiangdeng = false;
       } else {
         _this.queIndex += 1;
         _this.watchIndex = _this.queIndex + new Date().getTime();
@@ -761,22 +658,22 @@ export default {
     > div {
       padding-top: 24px;
       > h2 {
-        color: #E35454;
+        color: #e35454;
         font-size: 16px;
         line-height: 150%;
         font-weight: bold;
         margin: 0;
-        b{
-            width: 48px;
-            height: 24px;
-            background: #E35454;
-            border-radius: 8px;
-            color: #FFFFFF;
-            font-family: 'robot';
-            display: inline-block;
-            text-align: center;
-            font-size: 16px;
-            margin-right: 14px;
+        b {
+          width: 48px;
+          height: 24px;
+          background: #e35454;
+          border-radius: 8px;
+          color: #ffffff;
+          font-family: "robot";
+          display: inline-block;
+          text-align: center;
+          font-size: 16px;
+          margin-right: 14px;
         }
       }
       > h3 {

src/components/Adult/common/LigatureModule.vue

@@ -33,12 +33,12 @@
               alt=""
             />
           </div> -->
-          <!-- <div class="adult-book-input-item">
+          <div class="adult-book-input-item">
             <span class="adult-book-lable">序号：</span>
             <el-input
-              style="width: 200px"
               type="textarea"
-              autosize
+              class="adult-book-input"
+              :autosize="{ minRows: 2 }"
               placeholder="请输入序号"
               v-model="curQueItem.Number"
               @blur="curQueItem.Number = curQueItem.Number.trim()"
@@ -49,14 +49,14 @@
               src="../../../assets/adult/del-close.png"
               alt=""
             />
-          </div> -->
+          </div>
           <div class="NPC-sentence-Segword">
-            <img
+            <!-- <img
               @click="romveoptionCon"
               class="close"
               src="../../../assets/adult/del-close.png"
               alt=""
-            />
+            /> -->
             <SentenceSegwordChs :curQue="curQueItem.detail" />
           </div>
           <div class="adult-book-input-item">
@@ -100,12 +100,12 @@
               alt=""
             />
           </div> -->
-          <!-- <div class="adult-book-input-item">
+          <div class="adult-book-input-item">
             <span class="adult-book-lable">序号：</span>
             <el-input
-              style="width: 200px"
               type="textarea"
-              autosize
+              class="adult-book-input"
+              :autosize="{ minRows: 2 }"
               placeholder="请输入序号"
               v-model="curQueItem.Number"
               @blur="curQueItem.Number = curQueItem.Number.trim()"
@@ -116,14 +116,14 @@
               src="../../../assets/adult/del-close.png"
               alt=""
             />
-          </div> -->
+          </div>
           <div class="NPC-sentence-Segword">
-            <img
+            <!-- <img
               @click="romveoptionCon"
               class="close"
               src="../../../assets/adult/del-close.png"
               alt=""
-            />
+            /> -->
             <SentenceSegwordChs :curQue="curQueItem.detail" />
           </div>
           <div class="adult-book-input-item">
@@ -151,7 +151,7 @@ export default {
     Upload,
     SentenceSegwordChs,
   },
-  props: ["curQueItem", "index", "deleteOptionOne", "type",],
+  props: ["curQueItem", "index", "deleteOptionOne", "type"],
   data() {
     return {
       imgNumber: 1,
@@ -223,13 +223,13 @@ export default {
     .NPC-sentence-Segword {
       position: relative;
     }
-    .close {
-      position: absolute;
-      right: 0;
-      cursor: pointer;
-      width: 24px;
-      height: 24px;
-    }
+    // .close {
+    //   position: absolute;
+    //   right: 0;
+    //   cursor: pointer;
+    //   width: 24px;
+    //   height: 24px;
+    // }
     .Big-Book-con {
       display: flex;
       align-items: center;

src/components/Adult/common/SentenceModule.vue

@@ -108,8 +108,8 @@
       >
         <span class="adult-book-lable">判断：</span>
         <el-radio-group v-model="curQueItem.judge">
-          <el-radio :lable="true" :label="true">正确</el-radio>
-          <el-radio :lable="false" :label="false">错误</el-radio>
+          <el-radio :label="true">正确</el-radio>
+          <el-radio :label="false">错误</el-radio>
         </el-radio-group>
       </div>
     </div>

src/components/Adult/inputModules/Ligature.vue

@@ -65,16 +65,20 @@
         <el-divider content-position="center">答案配置</el-divider>
         <div class="answerList">
           <div v-for="(item, index) in curQue.con" :key="index">
-            <span v-if="item.detail.sentence">{{ item.detail.sentence }}：</span>
+            <span v-if="item.detail.sentence"
+              >{{ item.detail.sentence }}：</span
+            >
             <el-radio-group
               @change="changeAnswer(index)"
               v-model="item.AnswerList"
               class="checkbox-group"
             >
               <span v-for="(op, OPindex) in curQue.option" :key="OPindex">
-                <el-radio v-if="item.detail.sentence && op.detail.sentence" :label="OPindex">{{
-                  op.detail.sentence
-                }}</el-radio>
+                <el-radio
+                  v-if="item.detail.sentence && op.detail.sentence"
+                  :label="OPindex"
+                  >{{ op.detail.sentence }}</el-radio
+                >
               </span>
             </el-radio-group>
           </div>
@@ -124,11 +128,14 @@ export default {
               seg_words: "",
               wordsList: [],
             },
+            number: "",
           },
           {
             mp3_list: [],
             img_list: [],
             AnswerList: [],
+            number: "",
+
             detail: {
               pyPosition: "top", //top 拼音在上面；bottom 拼音在下面
               sentence: "", //句子
@@ -143,6 +150,7 @@ export default {
             con: "",
             mp3_list: [],
             img_list: [],
+            number: "",
             AnswerList: [],
             detail: {
               pyPosition: "top", //top 拼音在上面；bottom 拼音在下面
@@ -156,6 +164,7 @@ export default {
             con: "",
             mp3_list: [],
             img_list: [],
+            number: "",
             AnswerList: [],
             detail: {
               pyPosition: "top", //top 拼音在上面；bottom 拼音在下面

src/components/Adult/preview/Ligature.vue

@@ -8,13 +8,13 @@
             :class="'left' + index"
             v-for="(item, index) in curQue.con"
             :key="'left' + index"
-            :style="{
+          >
+            <!--             :style="{
               background:
                 JSON.stringify(data).indexOf(item.nodeId) != -1
                   ? '#F0F0F0'
                   : '',
-            }"
-          >
+            }" -->
             <div>
               <img
                 v-if="item.img_list.length > 0"
@@ -29,18 +29,42 @@
                     :key="'word' + wordIndex"
                   >
                     <template v-if="item.detail.pyPosition == 'top'">
-                      <p>
+                      <p
+                        style="
+                          font-family: 'GB-PINYINOK-B';
+                          font-size: 14px;
+                          line-height: 20px;
+                        "
+                      >
                         {{ it.pinyin }}
                       </p>
-                      <p>
+                      <p
+                        style="
+                          font-family: 'FZJCGFKTK';
+                          font-size: 20px;
+                          line-height: 150%;
+                        "
+                      >
                         {{ it.chs }}
                       </p>
                     </template>
                     <template v-else>
-                      <p>
+                      <p
+                        style="
+                          font-family: 'FZJCGFKTK';
+                          font-size: 20px;
+                          line-height: 150%;
+                        "
+                      >
                         {{ it.chs }}
                       </p>
-                      <p>
+                      <p
+                        style="
+                          font-family: 'GB-PINYINOK-B';
+                          font-size: 14px;
+                          line-height: 20px;
+                        "
+                      >
                         {{ it.pinyin }}
                       </p>
                     </template>
@@ -72,18 +96,17 @@
       <div class="right">
         <ul>
           <div>{{ curQue.optionTitle }}</div>
-
           <li
             :class="'right' + index"
             v-for="(item, index) in curQue.option"
             :key="'right' + index"
-            :style="{
+          >
+            <!--             :style="{
               background:
                 JSON.stringify(data).indexOf(item.nodeId) != -1
                   ? '#F0F0F0'
                   : '',
-            }"
-          >
+            }" -->
             <img
               v-if="JSON.stringify(data).indexOf(item.nodeId) == -1"
               name="source"
@@ -113,18 +136,42 @@
                     :key="'word' + wordIndex"
                   >
                     <template v-if="item.detail.pyPosition == 'top'">
-                      <p>
+                      <p
+                        style="
+                          font-family: 'GB-PINYINOK-B';
+                          font-size: 14px;
+                          line-height: 20px;
+                        "
+                      >
                         {{ it.pinyin }}
                       </p>
-                      <p>
+                      <p
+                        style="
+                          font-family: 'FZJCGFKTK';
+                          font-size: 20px;
+                          line-height: 150%;
+                        "
+                      >
                         {{ it.chs }}
                       </p>
                     </template>
                     <template v-else>
-                      <p>
+                      <p
+                        style="
+                          font-family: 'FZJCGFKTK';
+                          font-size: 20px;
+                          line-height: 150%;
+                        "
+                      >
                         {{ it.chs }}
                       </p>
-                      <p>
+                      <p
+                        style="
+                          font-family: 'GB-PINYINOK-B';
+                          font-size: 14px;
+                          line-height: 20px;
+                        "
+                      >
                         {{ it.pinyin }}
                       </p>
                     </template>
@@ -139,6 +186,13 @@
         </ul>
       </div>
     </div>
+    <!-- 清除所有连线及连线的状态 -->
+    <div class="fuwei">
+      <div @click="clearLine">
+        <img src="../../../assets/adult/fuwei.png" alt="" />
+        复位
+      </div>
+    </div>
   </div>
 </template>
 
@@ -199,7 +253,7 @@ export default {
   //监控data中数据变化
   watch: {
     curQue(val, oldval) {
-      this.$forceUpdate();
+      this.$forceUpdate(); //触发更新函数更新高度
     },
   },
   //方法集合
@@ -207,13 +261,14 @@ export default {
     //   清除所有连线
     clearLine() {
       this.jsPlumb.deleteEveryConnection(); //清除连线方法
+      this.data = [];
       sessionStorage.removeItem("LineData");
     },
     showPlumb() {
       this.jsPlumb = this.$jsPlumb.getInstance({
         Container: "container", // 选择器id
         EndpointStyle: { radius: 1, fill: "#74B5CA" }, // 端点样式
-        PaintStyle: { stroke: "#7663EC", strokeWidth: 2 }, // 绘画样式，默认8px线宽  #456
+        PaintStyle: { stroke: "#DE4444", strokeWidth: 2 }, // 绘画样式，默认8px线宽  #456
         HoverPaintStyle: { stroke: "#18A0FB", strokeWidth: null }, // 默认悬停样式  默认为null
         ConnectionOverlays: [
           //   // 此处可以设置所有箭头的样式
@@ -347,7 +402,6 @@ export default {
           }
         }
       }
-      console.log(this.data);
       if (this.data.length > 0) {
         this.data.forEach((item) => {
           this.jsPlumb.connect({
@@ -390,17 +444,23 @@ export default {
 /* @import url(); 引入css类 */
 .JoinLine {
   .container {
+    background: #f7f7f7;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    box-sizing: border-box;
+    border-radius: 8px;
     position: relative;
     display: flex;
+    justify-content: center;
+    padding: 24px 40px;
     ul {
       list-style: none;
       li {
-        width: 333px;
-        // height: 64px;
-        background: #ffffff;
-        border: 1px solid rgba(0, 0, 0, 0.1);
-        box-sizing: border-box;
-        border-radius: 8px;
+        // width: 333px;
+        // // height: 64px;
+        // background: #ffffff;
+        // border: 1px solid rgba(0, 0, 0, 0.1);
+        // box-sizing: border-box;
+        // border-radius: 8px;
         margin-bottom: 16px;
         display: flex;
         align-items: center;
@@ -411,9 +471,9 @@ export default {
       }
     }
     .left {
+      width: 50%;
       ul {
         > div {
-          width: 334px;
           text-align: center;
           font-weight: bold;
           font-size: 16px;
@@ -423,10 +483,9 @@ export default {
         }
         li {
           padding: 8px 0;
-          position: relative;
+          display: flex;
+          justify-content: flex-end; //右对齐
           > div {
-            width: 238px;
-            margin-left: 12px;
             font-size: 16px;
             line-height: 150%;
             color: #000000;
@@ -435,29 +494,46 @@ export default {
               height: 158px;
             }
             .text {
+              max-width: 330px;
+              width: 100%;
+              padding: 8px 16px;
+              background: #ffffff;
+              border: 1px solid rgba(0, 0, 0, 0.1);
+              box-sizing: border-box;
+              border-radius: 8px;
               display: flex;
               flex-wrap: wrap;
-              > div {
-                margin-right: 2px;
+              p {
+                margin: 0;
               }
             }
           }
           span {
-            margin-left: 16px;
+            width: 24px;
+            height: 24px;
+            font-family: Roboto;
+            font-style: normal;
+            font-weight: normal;
             font-size: 16px;
             line-height: 150%;
-            color: #7663ec;
+            text-align: center;
+            color: #ffffff;
+            background: #a7a7a7;
+            border-radius: 50%;
+            margin-left: 8px;
+            margin-right: 12px;
           }
           > img {
-            position: absolute;
-            right: 24px;
             cursor: pointer;
+            width: 24px;
+            height: 24px;
           }
         }
       }
     }
     .right {
-      margin-left: 64px;
+      width: 50%;
+      margin-left: 88px;
       ul {
         > div {
           width: 334px;
@@ -471,13 +547,24 @@ export default {
         li {
           padding: 8px 0;
           > img {
-            margin-left: 12px;
-          }
-          span {
             margin-left: 16px;
+            width: 24px;
+            height: 24px;
+          }
+          > span {
+            width: 24px;
+            height: 24px;
+            font-family: Roboto;
+            font-style: normal;
+            font-weight: normal;
             font-size: 16px;
             line-height: 150%;
-            color: #7663ec;
+            text-align: center;
+            color: #ffffff;
+            background: #a7a7a7;
+            border-radius: 50%;
+            margin-left: 12px;
+            margin-right: 8px;
           }
           div {
             img {
@@ -485,10 +572,15 @@ export default {
               height: 158px;
             }
             .text {
+              padding: 8px 16px;
+              background: #ffffff;
+              border: 1px solid rgba(0, 0, 0, 0.1);
+              box-sizing: border-box;
+              border-radius: 8px;
               display: flex;
               flex-wrap: wrap;
-              > div {
-                margin-right: 2px;
+              p {
+                margin: 0;
               }
             }
           }
@@ -496,6 +588,34 @@ export default {
       }
     }
   }
+  .fuwei {
+    margin-top: 16px;
+    height: 40px;
+    > div {
+      float: right;
+      width: 72px;
+      height: 40px;
+      background: #ffffff;
+      border: 1px solid rgba(0, 0, 0, 0.1);
+      box-sizing: border-box;
+      border-radius: 8px;
+      display: flex;
+      align-items: center;
+      font-weight: bold;
+      font-size: 16px;
+      line-height: 150%;
+      display: flex;
+      align-items: center;
+      text-align: center;
+      color: #000000;
+      cursor: pointer;
+      img {
+        margin-left: 8px;
+        width: 24px;
+        height: 24px;
+      }
+    }
+  }
 }
 </style>
 <style lang="scss">

src/views/adultInput.vue

@@ -440,10 +440,12 @@
                       :changeCurQue="changeCurQue"
                     />
                   </template>
-                  <template v-else> 
-                    <SentenceSortQP :curQue="topicIitem.data"
+                  <template v-else>
+                    <SentenceSortQP
+                      :curQue="topicIitem.data"
                       :type="topicIitem.type"
-                      :fn_data="fn_data" />
+                      :fn_data="fn_data"
+                    />
                   </template>
                 </template>
                 <template v-if="topicIitem.type == 'CourseStart_chs'">
@@ -601,6 +603,7 @@
                   v-for="(child, i) in item.list"
                   :key="i"
                   @click.native="selectSmallModule(item, child, index, i)"
+                  style="color: #000000"
                   >{{ child.name }}</el-dropdown-item
                 >
               </el-dropdown-menu>
@@ -827,7 +830,7 @@ export default {
       module_type: "",
       tmInde: "",
       FatherTreeData: null,
-      themeColor:'', // 主题颜色
+      themeColor: "", // 主题颜色
     };
   },
   computed: {
@@ -1010,7 +1013,7 @@ export default {
       console.log(this.question_list);
       getContent(MethodName, data)
         .then((res) => {
-          this.themeColor = res.book_theme_color ? res.book_theme_color : ''
+          this.themeColor = res.book_theme_color ? res.book_theme_color : "";
           this.question_list = res.content
             ? JSON.parse(res.content)
             : JSON.parse(JSON.stringify(this.org_question_list));
@@ -1413,6 +1416,9 @@ export default {
           line-height: 150%;
           color: #000000;
         }
+        .el-dropdown {
+          color: #000000;
+        }
       }
     }
   }