吉安感知网项目-前端
shuishen
2026-01-19 cf2ab1935f8b6cd113db09142ed8b8dd6f3070ab
applications/drone-command/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue
@@ -6,12 +6,12 @@
            <span class="name">{{ data.name }}</span>
            <span class="status">
               <span :class="getStatusType(data.status)">
               <span :class="getWorkModeType(data.workMode)">
               </span>
               <span>
                  {{ getStatusText(data.status) }}
                  {{ getWorkModeText(data.workMode) }}
               </span>
            </span>
         </div>
@@ -90,9 +90,19 @@
   return value || '-'
}
const getStatusType = (value) => {
   if (value === 0 || value === '0') return 'detecting'
const getWorkModeText = (value) => {
   if (value === 1 || value === '1') return '侦测中'
   if (value === 2 || value === '2') return '信号干扰中'
   if (value === 3 || value === '3') return '诱导驱离中'
   if (value === 4 || value === '4') return '待机'
   return value || '-'
}
const getWorkModeType = (value) => {
   if (value === 1 || value === '1') return 'detecting'
   if (value === 2 || value === '2') return 'jamming'
   if (value === 3 || value === '3') return 'driving'
   if (value === 4 || value === '4') return 'standby'
   return ''
}
</script>
@@ -164,6 +174,20 @@
               background: #FF4444;
               border-radius: 50%;
            }
            span.driving {
               width: 4px;
               height: 4px;
               background: #FFB020;
               border-radius: 50%;
            }
            span.standby {
               width: 4px;
               height: 4px;
               background: #9AA4B2;
               border-radius: 50%;
            }
         }
      }
   }