build

src/views/course/components/askPanel.vue

@@ -268,6 +268,15 @@ export default {
           margin-top: 10px;
           /deep/.redioStyle {
             margin-bottom: 10px;
+            display: flex;
+            flex-direction: row;
+            flex-wrap: nowrap;
+            align-items: center;
+            .el-radio__label > span,
+            .el-checkbox__label > span {
+              word-break: break-all;
+              white-space: normal;
+            }
           }
         }
       }

src/views/course/components/choosePanel.vue

@@ -163,7 +163,7 @@ export default {
       const fun = [addCourseWorks, addCourseWorksTeacher]
       const chooseList = [
         {
-          chooseJson: this.chooseJson,
+          testJson: this.chooseJson.testJson,
           anwer: this.radio
         }
       ]
@@ -310,6 +310,11 @@ export default {
             flex-direction: row;
             flex-wrap: nowrap;
             align-items: center;
+            .el-radio__label > span,
+            .el-checkbox__label > span {
+              word-break: break-all;
+              white-space: normal;
+            }
           }
           .radioBox {
             display: flex;

src/views/course/components/works.vue

@@ -91,37 +91,36 @@
           <div class="cancel" @click="overlayChooseShow"></div>
           <div class="box" v-if="Object.keys(chooseJson).length !== 0" @touchmove.stop="">
             <div class="answerContent">
-              <div v-for="(item, index) in chooseJson.chooseJson.testJson.testCount" :key="index" class="askBox">
+              <div v-for="(item, index) in chooseJson.testJson.testCount" :key="index" class="askBox">
                 <div class="askTitle">
                   {{ index + 1 + '、' }}
                   <div
-                    v-if="chooseJson.chooseJson.testJson.testJson[index].type == '1'"
+                    v-if="chooseJson.testJson.testJson[index].type == '1'"
                     style="margin-right: 5px; min-width: 70px"
                   >
                     (单选题)
                   </div>
                   <div
-                    v-if="chooseJson.chooseJson.testJson.testJson[index].type == '2'"
+                    v-if="chooseJson.testJson.testJson[index].type == '2'"
                     style="margin-right: 5px; min-width: 70px"
                   >
                     (多选题)
                   </div>
-                  <div>题目：{{ chooseJson.chooseJson.testJson.testJson[index].teststitle }}</div>
+                  <div>题目：{{ chooseJson.testJson.testJson[index].teststitle }}</div>
                 </div>
                 <img
-                  v-if="chooseJson.chooseJson.testJson.testJson[index].img"
-                  :src="chooseJson.chooseJson.testJson.testJson[index].img"
+                  v-if="chooseJson.testJson.testJson[index].img"
+                  :src="chooseJson.testJson.testJson[index].img"
                   style="height: 300px; margin-top: 10px; max-width: 100%"
                 />
                 <div
                   class="timuImgBox"
                   v-if="
-                    chooseJson.chooseJson.testJson.testJson[index].timuList &&
-                    chooseJson.chooseJson.testJson.testJson[index].timuList.length
+                    chooseJson.testJson.testJson[index].timuList && chooseJson.testJson.testJson[index].timuList.length
                   "
                 >
                   <div
-                    v-for="(timg, tIndex) in chooseJson.chooseJson.testJson.testJson[index].timuList"
+                    v-for="(timg, tIndex) in chooseJson.testJson.testJson[index].timuList"
                     :key="tIndex"
                     class="timuImg"
                     @click.stop="previewImg(timg.src)"
@@ -130,13 +129,10 @@
                   </div>
                 </div>
                 <div class="askBody">
-                  <el-radio-group
-                    v-model="chooseRadio[index]"
-                    v-if="chooseJson.chooseJson.testJson.testJson[index].type == '1'"
-                  >
+                  <el-radio-group v-model="chooseRadio[index]" v-if="chooseJson.testJson.testJson[index].type == '1'">
                     <div class="radioBox">
                       <el-radio
-                        v-for="(item1, checkIndex1) in chooseJson.chooseJson.testJson.testJson[index].checkList"
+                        v-for="(item1, checkIndex1) in chooseJson.testJson.testJson[index].checkList"
                         :key="checkIndex1"
                         :label="checkIndex1"
                         disabled
@@ -153,11 +149,11 @@
                   </el-radio-group>
                   <el-checkbox-group
                     v-model="chooseRadio[index]"
-                    v-if="chooseJson.chooseJson.testJson.testJson[index].type == '2'"
+                    v-if="chooseJson.testJson.testJson[index].type == '2'"
                   >
                     <div class="radioBox">
                       <el-checkbox
-                        v-for="(item2, checkIndex2) in chooseJson.chooseJson.testJson.testJson[index].checkList"
+                        v-for="(item2, checkIndex2) in chooseJson.testJson.testJson[index].checkList"
                         :key="checkIndex2"
                         :label="checkIndex2"
                         disabled
@@ -403,7 +399,13 @@ export default {
                 flex-direction: row;
                 flex-wrap: nowrap;
                 align-items: center;
+                .el-radio__label > span,
+                .el-checkbox__label > span {
+                  word-break: break-all;
+                  white-space: normal;
+                }
               }
+
               .radioBox {
                 display: flex;
                 flex-direction: column;