修改中国风预览书籍视角的内容展示为富文本

src/views/display/components/ExhibitionUnit.vue

@@ -235,7 +235,7 @@ export default {
       [{ font: [] }], // 字体种类-----[{ font: [] }]
       [{ align: [] }], // 对齐方式-----[{ align: [] }]
       ["clean"], // 清除文本格式-----['clean']
-      // ["image", "video"], // 链接、图片、视频-----['link', 'image', 'video']
+      ["image", "video"], // 链接、图片、视频-----['link', 'image', 'video']
     ];
 
     return {

src/views/display/components/InfoEditDialog.vue

@@ -348,6 +348,21 @@ export default {
       },
       immediate: true,
     },
+    "dialogForm.themeType": {
+      handler: function (value) {
+        switch (value) {
+          case "1":
+            console.log("默认主题");
+            break;
+          case "2":
+            console.log("中国风");
+            break;
+          case "3":
+            console.log("红色主题");
+            break;
+        }
+      },
+    },
   },
   data() {
     // 工具栏配置
@@ -683,27 +698,27 @@ export default {
             // 不管是否进行文件上传，都需要修改文物为Str和显示隐藏控制器,去除euid
             // 编辑时关联文物id为字符串，新增时为数组，需要重新组成
             // 新增时
-            if (!that.dialogForm.exhibitionId) {
-              let crIdArr = unit.crIds;
-              unit.crIds = crIdArr.join(",");
-              var deleteArr = ["euId", "isEditing"];
-              deleteArr.forEach((i) => {
-                if (unit[i]) {
-                  delete unit[i];
-                }
-              });
-            } else {
-              // 编辑时
-              // console.log("修改时---unit.crIds ", unit.crIds);
-              let crIdArr = unit.crIds;
-              unit.crIds = crIdArr ? crIdArr.join(",") : "";
-              var deleteArr = ["euId", "isEditing"];
-              deleteArr.forEach((i) => {
-                if (unit[i]) {
-                  delete unit[i];
-                }
-              });
-            }
+            // if (!that.dialogForm.exhibitionId) {
+            //   let crIdArr = unit.crIds;
+            //   unit.crIds = crIdArr.join(",");
+            //   var deleteArr = ["euId", "isEditing"];
+            //   deleteArr.forEach((i) => {
+            //     if (unit[i]) {
+            //       delete unit[i];
+            //     }
+            //   });
+            // } else {
+            // 编辑时
+            // console.log("修改时---unit.crIds ", unit.crIds);
+            let crIdArr = unit.crIds;
+            unit.crIds = crIdArr ? crIdArr.join(",") : "";
+            var deleteArr = ["euId", "isEditing"];
+            deleteArr.forEach((i) => {
+              if (unit[i]) {
+                delete unit[i];
+              }
+            });
+            // }
             if (unit.children) {
               backFillUnit(unit.children);
             }

src/views/display/components/templates/BlueStyle.vue

@@ -697,6 +697,7 @@ $blue: #2069c4;
     display: flex;
     justify-content: center;
     .inner {
+      width: 100%;
       box-shadow: 0px 1px 56px 4px rgba(0, 0, 0, 0.16);
       display: flex;
       flex-direction: column;

src/views/display/components/templates/detail-dialog.vue

@@ -14,35 +14,43 @@
         >
           <div
             class="img"
-            :style="`background-image: url('${node.imagesVo[0] &&node.imagesVo[0].url}')`"
+            :style="`background-image: url('${
+              node.imagesVo[0] && node.imagesVo[0].url
+            }')`"
           ></div>
           <p>
             <span class="title">{{ node.title }}</span>
             <span class="seq">{{ node.unit }}</span>
-          </p> 
+          </p>
         </div>
-        <div class="article-big-title" v-else @click="handlePageChange(i, true)">
+        <div
+          class="article-big-title"
+          v-else
+          @click="handlePageChange(i, true)"
+        >
           <p>
             <span class="seq">{{ node.unit }}</span>
             <span class="title">{{ node.title }}</span>
           </p>
         </div>
         <div class="book-cover" v-if="i === 0" @click="handlePageChange(i)">
-          <div class="img" :style="`background-image: url('${img}')`">
-          </div>
+          <div class="img" :style="`background-image: url('${img}')`"></div>
           <p>
             <span>{{ title }}</span>
           </p>
         </div>
         <div class="article-content" v-else @click="handlePageChange(i)">
-          <div class="content-detail">{{ list[i - 1].intro }}</div>
+          <div class="content-detail" v-html="list[i - 1].intro"></div>
         </div>
       </div>
       <div class="book-page">
         <div class="article-content">
-          <div class="content-detail">{{ list[list.length - 1].intro }}</div>
+          <div
+            class="content-detail"
+            v-html="list[list.length - 1].intro"
+          ></div>
         </div>
-      </div> 
+      </div>
     </div>
   </div>
 </template>