同步现场电网一张图

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

@@ -2,14 +2,14 @@
 <template>
     <el-dialog draggable title="技术监督管理统计" v-model="dialogVisible" width="1400px">
         <div>
-            <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="300px" :data="tableData">
-                <vxe-column field="devName" />
-                <vxe-column field="devName" title="异常问题总数" />
-                <vxe-column field="devName" title="已关联工单数" />
-                <vxe-column field="devName" title="工单转换率(%)" />
-                <vxe-column field="devName" title="工单总数" />
-                <vxe-column field="devName" title="已处理工单数" />
-                <vxe-column field="devName" title="工单处置率(%)" />
+            <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="320px" :data="tableData">
+                <vxe-column field="devName" title="区域" />
+                <vxe-column field="num" title="异常问题总数" />
+                <vxe-column field="num" title="已关联工单数" />
+                <vxe-column field="num" title="工单转换率(%)" />
+                <vxe-column field="num" title="工单总数" />
+                <vxe-column field="num" title="已处理工单数" />
+                <vxe-column field="num" title="工单处置率(%)" />
             </vxe-table>
         </div>
         <div style="height: 300px; margin-top: 10px">
@@ -24,7 +24,36 @@ import { defaultAttribute } from '@/components/table/defaultAttribute'
 
 const dialogVisible: any = ref(false)
 
-const tableData: any = ref([])
+const tableData: any = ref([
+    {
+        devName: '张家口',
+        num: ''
+    },
+    {
+        devName: '秦皇岛',
+        num: ''
+    },
+    {
+        devName: '承德',
+        num: ''
+    },
+    {
+        devName: '唐山',
+        num: ''
+    },
+    {
+        devName: '廊坊',
+        num: ''
+    },
+    {
+        devName: '风光储',
+        num: ''
+    },
+    {
+        devName: '超高压',
+        num: ''
+    }
+])
 
 const picEChart = ref({
     title: {