fix

src/views/main/followUp/followUpTask/cpns/taskDetails.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="wrap">
-        <div class="header">随访详情</div>
+        <div class="header" >随访详情</div>
         <div class="card-body">
             <el-row :gutter="20">
                 <el-col :span="12" class="card-item">
@@ -122,7 +122,8 @@ const closePage = () => {
     if (timer) clearInterval(timer); // 清除计时器
     
     route.push({
-        path: '/followUp/followUpTask'
+        path: '/followUp/followUpTask',
+        query: { refresh: 'true' } // 添加刷新参数
     });
 
 }

src/views/main/followUp/followUpTask/followUpTask.vue

@@ -180,13 +180,13 @@
           </td> -->
 
           <td class="list-item" v-if="item.way === 1">
-            <div class="item-dot" :style="[{ 'background': taskResultsMap[item.callState || ''].color }]"></div>
-            <div class="item-state">{{ taskResultsMap[item.callState || ''].title }}</div>
+            <div class="item-dot" :style="[{ 'background': (taskResultsMap[item.callState || ''] || {}).color || '#999999' }]"></div>
+            <div class="item-state">{{ (taskResultsMap[item.callState || ''] || {}).title || '-' }}</div>
           </td>
 
           <td class="list-item" v-if="item.way === 2 && item.state">
-            <div class="item-dot" :style="[{ 'background': taskMsgResults[item.state].color }]"></div>
-            <div class="item-state">{{ taskMsgResults[item.state].title }}</div>
+            <div class="item-dot" :style="[{ 'background': (taskMsgResults[item.state] || {}).color || '#999999' }]"></div>
+            <div class="item-state">{{ (taskMsgResults[item.state] || {}).title || '-' }}</div>
           </td>
           <td class="list-item">
             
@@ -229,10 +229,10 @@
   </div>
 </template>
 
-<script setup>
-import { onMounted, ref } from 'vue';
+<script setup name="FollowUpTask">
+import { onMounted, ref, watch } from 'vue';
 import { Search } from '@element-plus/icons-vue'
-import { useRouter } from 'vue-router';
+import { useRouter, useRoute, onBeforeRouteUpdate } from 'vue-router';
 import { getTasks, getSelfTaskReport } from  '@/api/patient/task'
 import { getPlans } from  '@/api/patient/plan'
 import { taskResults,taskMsgResults } from "@/utils/commonDic.js";
@@ -389,6 +389,25 @@ const getReport = () => {
   })
 }
 
+// 刷新数据函数
+const refreshData = () => {
+  getTaskList(1);
+  getReport();
+}
+
+// 监听路由更新
+// 添加计算属性监听路由参数变化作为备选方案
+const route = useRoute();
+const routeQuery = computed(() => route.query);
+
+// 监听计算属性变化
+watch(routeQuery, (newQuery, oldQuery) => {
+  console.log('路由参数变化:', newQuery, oldQuery);
+  if (newQuery.refresh === 'true') {
+    console.log('检测到refresh参数为true，刷新数据');
+    refreshData();
+  }
+}, { deep: true });
 
 const taskResultsMap = ArrayToMap(taskResults, 'value');