同步现场代码

src/views/pqs/qualityInspeection/panorama/components/details/terminal.vue

@@ -1,6 +1,6 @@
 <template>
     <!-- 终端 -->
-    <el-dialog draggable title="终端统计详情" v-model="dialogVisible" width="1400px" :before-close="handleClose">
+    <el-dialog draggable title="终端统计" v-model="dialogVisible" width="1400px" :before-close="handleClose">
         <el-row style="height: 300px" :gutter="20">
             <el-col :span="12">
                 <div class="title">
@@ -50,30 +50,14 @@
         </el-row>
         <div>
             <div class="title">
-                <span>终端统计细列表</span>
+                <span>区域终端统计</span>
             </div>
             <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="300px" :data="tableData">
-                <vxe-column field="devName" title="终端名称" />
-                <vxe-column field="areaName" title="所属区域" />
-                <vxe-column field="bdName" title="所属变电站" />
-                <vxe-column field="devType" title="终端型号" />
-                <vxe-column field="loginTime" title="投运时间" />
-                <vxe-column field="runFlag" title="终端状态">
-                    <template #default="scope">
-                        <el-tag :type="scope.row.runFlag == '投运' ? 'success' : 'danger'">
-                            {{ scope.row.runFlag }}
-                        </el-tag>
-                    </template>
-                </vxe-column>
-                <vxe-column field="comFlag" title="通讯状态">
-                    <template #default="scope">
-                        <el-tag :type="scope.row.comFlag == '正常' ? 'success' : 'danger'">
-                            {{ scope.row.comFlag }}
-                        </el-tag>
-                    </template>
-                </vxe-column>
-                <vxe-column field="updateTime" title="最新数据时间" />
-                <vxe-column field="onlineEvaluate" title="终端在线率(%)" :formatter="formatter" />
+                <vxe-column field="orgName" title="区域" />
+                <vxe-column field="runNum" title="运行个数	" />
+                <vxe-column field="overhaulNum" title="检修个数	" />
+                <vxe-column field="refundNum" title="退役个数" />
+                <vxe-column field="onLineRate" title="数据在线率(%)" />
             </vxe-table>
         </div>
     </el-dialog>
@@ -83,7 +67,7 @@ import { ref } from 'vue'
 import { useDictData } from '@/stores/dictData'
 import MyEChart from '@/components/echarts/MyEchart.vue'
 import { defaultAttribute } from '@/components/table/defaultAttribute'
-import { getGridDiagramDevTendency, getGridDiagramDevData, getRuntimeData } from '@/api/device-boot/panorama'
+import { getGridDiagramDevTendency, getGridDiagramDevData, getGridDiagramDevDataList } from '@/api/device-boot/panorama'
 const dictData = useDictData()
 const dialogVisible: any = ref(false)
 const time = ref('1')
@@ -122,6 +106,10 @@ const open = async (row: any) => {
         })
 
         picEChart.value = {
+            tooltip: {
+                trigger: 'item',
+                formatter: '{b} :在运终端数 {c} 台'
+            },
             legend: {
                 show: false
             },
@@ -161,13 +149,23 @@ const open = async (row: any) => {
         }
     })
     // 列表
-    getRuntimeData({
+    getGridDiagramDevDataList({
+        deviceInfoParam: {
+            ...row,
+            serverName: 'pqs-common',
+            ids: [row.id],
+            runFlag: [],
+            comFlag: [],
+            manufacturer: dictData.getBasicData('Dev_Manufacturers'),
+            statisticalType: dictData.getBasicData('Statistical_Type', ['Report_Type'])[0]
+        },
         ...row,
         serverName: 'pqs-common',
+        ids: [row.id],
         runFlag: [],
         comFlag: [],
         manufacturer: dictData.getBasicData('Dev_Manufacturers'),
-        statisticalType: {}
+        statisticalType: dictData.getBasicData('Statistical_Type', ['Report_Type'])[0]
     }).then((res: any) => {
         tableData.value = res.data
     })