吉安感知网项目-前端
shuishen
2026-02-03 89380e6260a75d1d3b94de687ebcc2f50d50659d
applications/drone-command/src/views/dataCockpit/components/RightContainer.vue
@@ -2,7 +2,7 @@
 * @Author       : yuan
 * @Date         : 2026-01-07 15:17:54
 * @LastEditors  : yuan
 * @LastEditTime : 2026-01-09 16:54:31
 * @LastEditTime : 2026-01-31 15:47:40
 * @FilePath     : \applications\drone-command\src\views\dataCockpit\components\RightContainer.vue
 * @Description  : 
 * Copyright 2026 OBKoro1, All Rights Reserved. 
@@ -68,7 +68,7 @@
   }
})
const emit = defineEmits(['update:collapsed', 'update:onlineDevices'])
const emit = defineEmits(['update:collapsed', 'update:allDevices'])
const collapsedModel = computed({
   get: () => props.collapsed,
@@ -94,7 +94,7 @@
const historyVisible = ref(false)
const historyDevice = ref(null)
const loading = ref(false)
const loading = ref(true)
const minLoadingMs = 400
const onHistory = (item) => {
@@ -134,6 +134,7 @@
      azimuth: item.azimuth ?? 0,
      elevation: item.elevation ?? 0,
      status: item.status ?? '-',
      workMode: item.workMode ?? '-',
      manufacturer: item.manufacturer || '-',
      detectTargetCnt: item.detectTargetCnt ?? 0,
      effectiveRangeKm: item.effectiveRangeKm ?? 0
@@ -144,11 +145,12 @@
   const startAt = Date.now()
   loading.value = true
   try {
      const params = { current: 1, size: 20, deviceStatusList: '0' }
      const params = { current: 1, size: 9999, deviceStatusList: '0,1,2' }
      const res = await deviceSearchApi(params)
      const records = res?.data?.data?.records ?? []
      counterDeviceStatusList.value = records.map(formatDeviceItem)
      emit('update:onlineDevices', records)
      let onlineData = records.filter(item => String(item.status) === '0')
      counterDeviceStatusList.value = onlineData.map(formatDeviceItem)
      emit('update:allDevices', records)
   } finally {
      const elapsed = Date.now() - startAt
      if (elapsed < minLoadingMs) {
@@ -232,7 +234,7 @@
         .val {
            margin-top: 10px;
            font-family: DIN, DIN;
            font-family: DinAB;
            font-weight: bold;
            font-size: 22px;
            color: #FFFFFF;
@@ -259,25 +261,25 @@
   position: relative;
   &.collapsed {
      transform: translateX(100%);
      transform: translateX(calc(100% + 17px + 32px));
   }
}
.collapse-btn {
   position: absolute;
   top: 50%;
   right: 357px;
   bottom: 454px;
   right: 300px;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   z-index: 10;
   transform: translateY(-50%);
   transform: translateY(50%);
   .arrow {
      width: 24px;
      height: 24px;
      width: 36px;
      height: 36px;
      background: url('@/assets/images/dataCockpit/right-btn.png') center / 100% 100% no-repeat;
   }