通知 列表富文本内容显示

src/views/admin/system/notice/index.vue

@@ -30,7 +30,11 @@
         <template #default>
           <ElTableColumn label="编号" prop="msg_no" width="240px" />
           <ElTableColumn label="通知标题" prop="title" />
-          <ElTableColumn label="通知内容" prop="content" />
+          <el-table-column prop="id" label="通知内容">
+            <template #default="scope">
+              <span v-html="scope.row.content" style="white-space: pre-line"></span>
+            </template>
+          </el-table-column>
           <ElTableColumn label="推送类型" prop="push_method_name" />
           <ElTableColumn label="场景" prop="scene_name" />
           <ElTableColumn label="创建时间" prop="created_at" />

src/views/common/notice/index.vue

@@ -41,9 +41,7 @@
           </el-table-column>
           <el-table-column prop="id" label="通知内容" align="center">
             <template #default="scope">
-              <span>
-                {{ scope.row.message.content }}
-              </span>
+              <span v-html="scope.row.message.content" style="white-space: pre-line"></span>
             </template>
           </el-table-column>
           <el-table-column prop="id" label="发送人" align="center">

src/views/work/myOrder/index.vue

@@ -189,7 +189,7 @@
                     <span class="sender-name">{{ message.user_name }}</span>
                     <span class="message-time">{{ message.updated_at }}</span>
                   </div>
-                  <div class="message-text">{{ message.content }}</div>
+                  <div class="message-text" v-html="message.content"></div>
                   <!-- 附件显示区域 -->
                   <div class="message-attachments" v-if="message.attachment && message.attachment.length > 0">
                     <div class="attachment-item" v-for="(attachment, attIndex) in message.attachment" :key="attIndex">
@@ -816,6 +816,7 @@
           .message-text {
             padding: 10px 14px;
             line-height: 1.4;
+            white-space: pre-line;
           }
         }
       }