设备管理-设备运维-机场详细信息展示

src/views/demo/workmanagement/device/Airport/DeviceControl/index.vue

@@ -1,4 +1,78 @@
 <template>
+  <div class="setting-control-title">机场</div>
+  <div class="setting-control-list" style="gap: 0px;">
+    <div class="show-info-item">
+      <div class="info-value">{{ (props.deviceInfoList[props.controlSN].acc_time / 60 / 60 / 24).toFixed(1) }}天</div>
+      <div class="info-label">累计运行时长</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">{{ props.deviceInfoList[props.controlSN].job_number }}次</div>
+      <div class="info-label">作业架次</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">{{ (props.deviceInfoList[props.controlSN].position_state.gps_number + props.deviceInfoList[props.controlSN].position_state.rtk_number) }}个</div>
+      <div class="info-label">机场搜星</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">{{ sourceTypeOptions[props.deviceInfoList[props.controlSN]?.rtcm_info?.source_type] || '--'}}</div>
+      <div class="info-label">标定状态</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">{{ `${(props.deviceInfoList[props.controlSN].working_voltage / 1000).toFixed(1)}V` || '--'}}</div>
+      <div class="info-label">供电电压</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">{{ qualityOptions[props.deviceInfoList[props.controlSN]?.network_state?.quality] || '--'}}</div>
+      <div class="info-label">网络</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">{{ isConfiguredOptions[props.deviceInfoList[props.controlSN]?.alternate_land_point?.is_configured] || '--'}}</div>
+      <div class="info-label">备降点</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">--</div>
+      <div class="info-label">进离场航线</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">{{ airConditionerStateOptions[props.deviceInfoList[props.controlSN]?.air_conditioner?.air_conditioner_state] || '--'}}</div>
+      <div class="info-label">空调状态</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">{{ `${(props.deviceInfoList[props.controlSN]?.drone_battery_maintenance_info?.batteries[0].voltage / 1000).toFixed(1)}V` || '--' }}</div>
+      <div class="info-label">蓄电池电压</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">{{ `${props.deviceInfoList[props.controlSN]?.drone_battery_maintenance_info?.batteries[0].temperature}℃` || '--' }}</div>
+      <div class="info-label">蓄电池温度</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">{{ props.deviceInfoList[props.controlSN].temperature }}℃</div>
+      <div class="info-label">舱内温度</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">{{ props.deviceInfoList[props.controlSN].humidity }}%RH</div>
+      <div class="info-label">舱内湿度</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">{{ props.deviceInfoList[props.controlSN].environment_temperature }}℃</div>
+      <div class="info-label">舱外温度</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">{{ rainfallOptions[props.deviceInfoList[props.controlSN].rainfall] }}</div>
+      <div class="info-label">雨量</div>
+    </div>
+    <div class="show-info-item">
+      <div class="info-value">{{ props.deviceInfoList[props.controlSN].wind_speed }}m/s</div>
+      <div class="info-label">风速</div>
+    </div>
+  </div>
+  <!-- <div class="setting-control-title">飞行器</div>
+  <div class="setting-control-list" style="gap: 0px;">
+    <div class="show-info-item">
+      <div class="info-value">{{ (props.deviceInfoList[props.controlSN].acc_time / 60 / 60 / 24).toFixed(1) }}天</div>
+      <div class="info-label">累计运行时长</div>
+    </div>
+  </div> -->
   <div class="open-control-div">
     <div class="control-content">
       <span class="open-title">远程调试</span>
@@ -233,9 +307,9 @@
       <div class="button-div">
         <a-button
           class="control-button"
-          @click="changeDeviceState(props.deviceInfoList[props.controlSN].drone_charge_state.state == 0? 'charge_open': 'charge_close')"
+          @click="changeDeviceState(props.deviceInfoList[props.controlSN]?.drone_charge_state?.state == 0? 'charge_open': 'charge_close')"
           :disabled="props.deviceInfoList[props.controlSN].mode_code != 2">
-          {{props.deviceInfoList[props.controlSN].drone_charge_state.state == 0? '充电': '停止'}}
+          {{props.deviceInfoList[props.controlSN]?.drone_charge_state?.state == 0? '充电': '停止'}}
         </a-button>
       </div>
     </div>
@@ -247,7 +321,7 @@
         <div>
           <div class="show-span">
             {{
-              fourgLinkStateOptions[props.deviceInfoList[props.controlSN].wireless_link["4g_link_state"]]
+              fourgLinkStateOptions[props.deviceInfoList[props.controlSN]?.wireless_link['4g_link_state']]
             }}
           </div>
           <div class="show-span">增强图传</div>
@@ -256,9 +330,9 @@
       <div class="button-div">
         <a-button
           class="control-button"
-          @click="changeDeviceState('sdr_workmode_switch',props.deviceInfoList[props.controlSN].wireless_link['4g_link_state'] == 0? 1: 0, 'link_workmode')"
+          @click="changeDeviceState('sdr_workmode_switch',props.deviceInfoList[props.controlSN]?.wireless_link['4g_link_state'] == 0? 1: 0, 'link_workmode')"
           :disabled="props.deviceInfoList[props.controlSN].mode_code != 2">
-          {{props.deviceInfoList[props.controlSN].wireless_link["4g_link_state"] == 0? '开启': '关闭'}}
+          {{props.deviceInfoList[props.controlSN]?.wireless_link['4g_link_state'] == 0? '开启': '关闭'}}
         </a-button>
       </div>
     </div>
@@ -315,7 +389,8 @@ import { clientPublish } from '@/utils/mqtt'
 import { buildGUID } from '@/utils/uuid';
 import Icon from '@/components/Icon/Icon.vue';
 import { modeCodeOptions, deviceOnlineStatusOptions, coverStateOptions, airConditionerStateOptions, silentModeOptions,
-   alarmStateOptions, droneChargeStateOptions, fourgLinkStateOptions, linkWorkmodeOptions } from './util'
+   alarmStateOptions, droneChargeStateOptions, fourgLinkStateOptions, linkWorkmodeOptions, sourceTypeOptions, qualityOptions,
+   isConfiguredOptions, rainfallOptions } from './util'
 const props = defineProps(['deviceInfoList', 'controlSN'])
 
 const openDebug = () => {
@@ -407,5 +482,23 @@ const changeDeviceState = (method, action?, type?) => {
       height: 30px;
     }
   }
+  .show-info-item{
+    width: 190px;
+    height: 79px;
+    .info-value{
+      display: flex;
+      justify-content: center;
+      font-size: 14px;
+      font-weight: 600;
+      line-height: 20px;
+    }
+    .info-label{
+      display: flex;
+      justify-content: center;
+      font-size: 14px;
+      line-height: 20px;
+      color: rgba(0,0,0,0.8);
+    }
+  }
 }
 </style>

src/views/demo/workmanagement/device/Airport/DeviceControl/util.ts

@@ -17,7 +17,7 @@ export const coverStateOptions = {
   3: '舱盖状态异常',
 }
 export const airConditionerStateOptions = {
-  0: '空闲模式(无制冷、制热、除湿等)',
+  0: '空闲模式',
   1: '制冷模式',
   2: '制热模式',
   3: '除湿模式',
@@ -53,4 +53,28 @@ export const fourgLinkStateOptions = {
 export const linkWorkmodeOptions = {
   0: 'SDR 模式',
   1: '4G 融合模式',
+}
+export const sourceTypeOptions = {
+  0: '未标定',
+  1: '自收敛标定',
+  2: '手动标定',
+  3: '网络RTK标定',
+}
+export const qualityOptions = {
+  0: '无信号',
+  1: '差',
+  2: '较差',
+  3: '一般',
+  4: '较好',
+  5: '好',
+}
+export const isConfiguredOptions = {
+  0: '未设置',
+  1: '已设置',
+}
+export const rainfallOptions = {
+  0: '无雨',
+  1: '小雨',
+  2: '中雨',
+  3: '大雨',
 }