添加状态跳转

src/views/pms/stat/inspect.vue

@@ -121,11 +121,6 @@
               {{ total.todo }}
             </span>
           </div>
-          <!--          <el-divider class="my-2" />-->
-          <!--          <div class="flex justify-between items-center text-gray-400 text-sm">-->
-          <!--            <span>今日新增</span>-->
-          <!--            <span class="text-green-500">+{{ statsData.productCategoryTodayCount }}</span>-->
-          <!--          </div>-->
         </div>
       </el-card>
     </el-col>
@@ -143,14 +138,14 @@
         <el-row class="h-[220px]">
           <el-col :span="12" class="flex flex-col items-center">
             <div ref="writeTodayChartRef" class="h-[160px] w-full"></div>
-            <div class="text-center mt-2">
-              <span class="text-sm text-gray-600">未填写</span>
+            <div class="text-center mt-2" >
+              <span class="text-sm text-gray-600" style="text-decoration: underline;color: orangered;cursor: pointer" @click="clickStatus('设备待执行')">未填写</span>
             </div>
           </el-col>
           <el-col :span="12" class="flex flex-col items-center">
             <div ref="finishedTodayChartRef" class="h-[160px] w-full"></div>
             <div class="text-center mt-2">
-              <span class="text-sm text-gray-600">已填写</span>
+              <span class="text-sm text-gray-600" style="text-decoration: underline;color: dodgerblue;cursor: pointer" @click="clickStatus('设备已执行')">已填写</span>
             </div>
           </el-col>
         </el-row>
@@ -167,13 +162,13 @@
           <el-col :span="12" class="flex flex-col items-center">
             <div ref="writeChartRef" class="h-[160px] w-full"></div>
             <div class="text-center mt-2">
-              <span class="text-sm text-gray-600">待执行</span>
+              <span class="text-sm text-gray-600" style="text-decoration: underline;color: orangered;cursor: pointer" @click="clickStatus('工单待执行')">待执行</span>
             </div>
           </el-col>
           <el-col :span="12" class="flex flex-col items-center">
             <div ref="finishedChartRef" class="h-[160px] w-full"></div>
             <div class="text-center mt-2">
-              <span class="text-sm text-gray-600">已执行</span>
+              <span class="text-sm text-gray-600" style="text-decoration: underline;color: dodgerblue;cursor: pointer" @click="clickStatus('设备已执行')">已执行</span>
             </div>
           </el-col>
         </el-row>
@@ -276,6 +271,23 @@ const statsData = ref<IotStatisticsSummaryRespVO>({
   productCategoryDeviceCounts: {}
 })
 
+const clickStatus = (type) => {
+  let status = '';
+  if (type === '工单待执行') {
+    status = 'todo'
+    push({ name: 'IotInspectOrdere', params: { status} })
+  } else if (type === '工单已执行') {
+    status = 'finished'
+    push({name: 'IotInspectOrdere', params: { status} })
+  } else if (type==='设备待执行') {
+    status = 'todo'
+    push({name:'IotInspectOrderDetailStat', params:{status}})
+  } else if (type==='设备已执行'){
+    status = 'finished'
+    push({name:'IotInspectOrderDetailStat', params:{status}})
+  }
+}
+
 const day = ref({
   total: undefined,
   todo: undefined
@@ -391,28 +403,28 @@ const initCharts = () => {
   initGaugeChart(
     writeTodayChartRef.value,
     todayStatus.value.todo === undefined ? 0 : todayStatus.value.todo,
-    '#05b',
+    '#f50',
     '设备待执行'
   )
   //已执行
   initGaugeChart(
     finishedTodayChartRef.value,
     todayStatus.value.finished === undefined ? 0 : todayStatus.value.finished,
-    '#f50',
+    '#05b',
     '设备已执行'
   )
   // 工单待执行
   initGaugeChart(
     writeChartRef.value,
     status.value.todo === undefined ? 0 : status.value.todo,
-    '#05b',
+    '#f50',
     '工单待执行'
   )
   //工单已执行
   initGaugeChart(
     finishedChartRef.value,
     status.value.finished === undefined ? 0 : status.value.finished,
-    '#f50',
+    '#05b',
     '工单已执行'
   )
   // 消息量统计
@@ -451,7 +463,7 @@ const initGaugeChart = (el: any, value: number, color: string, type: string) =>
         title: { show: false },
         detail: {
           valueAnimation: true,
-          fontSize: 24,
+          fontSize: 20,
           fontWeight: 'bold',
           fontFamily: 'Inter, sans-serif',
           color: color,