Explorar o código

课文增加设置大图宽高

liuhaidi123 hai 3 semanas
pai
achega
c0141a9b51

+ 4 - 0
src/views/book/courseware/create/components/question/article/Article.vue

@@ -157,6 +157,8 @@ export default {
           },
           sourceList: [],
           sourcePosition: 'after',
+          heightNumber: null,
+          widthNumber: null,
         };
         // 分段
         contentArr.forEach((item, index) => {
@@ -357,6 +359,8 @@ export default {
             },
             sourceList: [],
             sourcePosition: 'after',
+            heightNumber: null,
+            widthNumber: null,
           };
           this.data.detail.push(obj);
         }

+ 20 - 0
src/views/book/courseware/create/components/question/article/CheckArticle.vue

@@ -42,6 +42,26 @@
               <el-radio label="after">段落后</el-radio>
             </el-radio-group>
           </div>
+          <div class="set-para">
+            <span class="adult-book-lable">图片宽度:</span>
+            <el-input
+              v-model="item.widthNumber"
+              class="adult-book-input"
+              placeholder="请输入宽度值"
+              maxlength="200"
+              style="width: 150px"
+              @blur="onBlur(item, 'widthNumber')"
+            />
+            <span class="adult-book-lable">图片高度:</span>
+            <el-input
+              v-model="item.heightNumber"
+              class="adult-book-input"
+              placeholder="请输入高度值"
+              maxlength="200"
+              style="width: 150px"
+              @blur="onBlur(item, 'heightNumber')"
+            />
+          </div>
         </template>
         <div v-for="(items, indexs) in item.sentenceStr" :key="indexs + 'words'" class="sentence-box">
           <div class="sentence">

+ 12 - 0
src/views/book/courseware/preview/components/article/NormalModelChs.vue

@@ -72,6 +72,10 @@
                 <img
                   v-if="item.sourceList[0] && item.sourceList[0].type === 'image'"
                   :src="item.sourceList[0].file_url_open"
+                  :style="{
+                    width: item.widthNumber + 'px',
+                    height: item.heightNumber + 'px',
+                  }"
                 />
                 <video
                   :src="item.sourceList[0].file_url_open"
@@ -687,6 +691,10 @@
                 <img
                   v-if="item.sourceList[0] && item.sourceList[0].type === 'image'"
                   :src="item.sourceList[0].file_url_open"
+                  :style="{
+                    width: item.widthNumber + 'px',
+                    height: item.heightNumber + 'px',
+                  }"
                 />
                 <video
                   :src="item.sourceList[0].file_url_open"
@@ -1547,6 +1555,8 @@ export default {
           remarkDetail,
           sourceList: dItem.sourceList ? dItem.sourceList : [],
           sourcePosition: dItem.sourcePosition,
+          widthNumber: dItem.widthNumber,
+          heightNumber: dItem.heightNumber,
         };
         resArr.push(paraObj);
       });
@@ -1598,6 +1608,8 @@ export default {
             paraAlign: dItem.paraAlign,
             sourceList: dItem.sourceList ? dItem.sourceList : [],
             sourcePosition: dItem.sourcePosition,
+            widthNumber: dItem.widthNumber,
+            heightNumber: dItem.heightNumber,
           };
           sentArrTotal.push(sentArr);
           resArrs.push(objs);

+ 12 - 0
src/views/book/courseware/preview/components/article/PhraseModelChs.vue

@@ -74,6 +74,10 @@
                 <img
                   v-if="item.sourceList[0] && item.sourceList[0].type === 'image'"
                   :src="item.sourceList[0].file_url_open"
+                  :style="{
+                    width: item.widthNumber + 'px',
+                    height: item.heightNumber + 'px',
+                  }"
                 />
                 <video
                   :src="item.sourceList[0].file_url_open"
@@ -491,6 +495,10 @@
                 <img
                   v-if="item.sourceList[0] && item.sourceList[0].type === 'image'"
                   :src="item.sourceList[0].file_url_open"
+                  :style="{
+                    width: item.widthNumber + 'px',
+                    height: item.heightNumber + 'px',
+                  }"
                 />
                 <video
                   :src="item.sourceList[0].file_url_open"
@@ -1267,6 +1275,8 @@ export default {
           remarkDetail,
           sourceList: dItem.sourceList ? dItem.sourceList : [],
           sourcePosition: dItem.sourcePosition,
+          widthNumber: dItem.widthNumber,
+          heightNumber: dItem.heightNumber,
         };
         resArr.push(paraObj);
       });
@@ -1329,6 +1339,8 @@ export default {
             paraAlign: dItem.paraAlign,
             sourceList: dItem.sourceList ? dItem.sourceList : [],
             sourcePosition: dItem.sourcePosition,
+            widthNumber: dItem.widthNumber,
+            heightNumber: dItem.heightNumber,
           };
           sentArrTotal.push(sentArr);
           resArrs.push(objs);

+ 12 - 0
src/views/book/courseware/preview/components/article/WordModelChs.vue

@@ -68,6 +68,10 @@
                 <img
                   v-if="item.sourceList[0] && item.sourceList[0].type === 'image'"
                   :src="item.sourceList[0].file_url_open"
+                  :style="{
+                    width: item.widthNumber + 'px',
+                    height: item.heightNumber + 'px',
+                  }"
                 />
                 <video
                   :src="item.sourceList[0].file_url_open"
@@ -460,6 +464,10 @@
                 <img
                   v-if="item.sourceList[0] && item.sourceList[0].type === 'image'"
                   :src="item.sourceList[0].file_url_open"
+                  :style="{
+                    width: item.widthNumber + 'px',
+                    height: item.heightNumber + 'px',
+                  }"
                 />
                 <video
                   :src="item.sourceList[0].file_url_open"
@@ -1126,6 +1134,8 @@ export default {
           paraAlign: dItem.paraAlign,
           sourceList: dItem.sourceList ? dItem.sourceList : [],
           sourcePosition: dItem.sourcePosition,
+          widthNumber: dItem.widthNumber,
+          heightNumber: dItem.heightNumber,
         };
         resArr.push(paraObj);
       });
@@ -1176,6 +1186,8 @@ export default {
             paraAlign: dItem.paraAlign,
             sourceList: dItem.sourceList ? dItem.sourceList : [],
             sourcePosition: dItem.sourcePosition,
+            widthNumber: dItem.widthNumber,
+            heightNumber: dItem.heightNumber,
           };
           sentArrTotal.push(sentArr);
           resArrs.push(objs);