feat: enhance message handling by parsing JSON and adding link for specific message types

src/action/OtherAction.js

@@ -8,12 +8,27 @@ export default class OtherAction extends BaseACTION {
       const json = {
         count: res.count,
         list: res.list.map(function (_, i) {
-          return {
-            isRead: false,
-            id: _.id,
-            text: _.message_body,
-            time: _.created_time,
-            isShow: _.status // 该字段用来做 每条信息的打开、关闭
+          try {
+            const parsed = JSON.parse(_.message_body)
+            console.log(parsed)
+            return {
+              params: parsed.params,
+              isRead: false,
+              id: _.id,
+              type: _.message_type,
+              text: parsed.message,
+              time: _.created_time,
+              isShow: _.status // 该字段用来做 每条信息的打开、关闭
+            }
+          } catch (error) {
+            return {
+              isRead: false,
+              id: _.id,
+              type: _.message_type,
+              text: _.message_body,
+              time: _.created_time,
+              isShow: _.status // 该字段用来做 每条信息的打开、关闭
+            }
           }
         })
       }

src/pages/other/message.vue

@@ -8,7 +8,12 @@
             <template slot="title">
               <el-badge :is-dot="!item.isShow" class="item">{{ item.title || $t('message.itemTitle') }}</el-badge>
             </template>
-            <div v-html="item.text"></div>
+            <div style="display: flex; gap: 10px">
+              <div v-html="item.text"></div>
+              <div v-if="item.type === 3 && item.params">
+                <el-link type="primary" @click="handleClick(item)">查看</el-link>
+              </div>
+            </div>
           </el-collapse-item>
         </template>
       </el-collapse>
@@ -70,6 +75,16 @@ export default {
     handleCurrentChange() {
       this.page.offset = (this.page.currentPage - 1) * this.page.limit
       this.getData()
+    },
+    handleClick(item) {
+      this.$router.push({
+        name: 'viewerCourseChapter',
+        params: {
+          sid: item.params.semester_id,
+          cid: item.params.course_id,
+          id: item.params.chapter_id || 'course_work'
+        }
+      })
     }
   }
 }