联调终端运行评价

src/api/device-boot/terminalTree.ts

@@ -15,3 +15,11 @@ export function ledgerChangePush() {
         method: 'post'
     })
 }
+// 台账变更推送
+export function getPushResult(data: any) {
+    return request({
+        url: '/device-boot/device/getPushResult',
+        method: 'post',
+        params: data
+    })
+}

src/api/event-boot/report.ts

@@ -61,3 +61,12 @@ export function getTransientValue(data: any) {
         data
     })
 }
+// 周报导出
+export function getExport(data: any) {
+    return createAxios({
+        url: '/event-boot/report/getExport',
+        method: 'post',
+        data,
+        responseType: 'blob'
+    })
+}

src/views/pqs/business/log/TerminalLog/index.vue

@@ -16,6 +16,7 @@
             </template>
         </TableHeader>
         <Table ref="tableRef"></Table>
+        <pushDisplay ref="pushDisplayRef" />
     </div>
 </template>
 <script setup lang="ts">
@@ -27,9 +28,11 @@ import TableHeader from '@/components/table/header/index.vue'
 import { useDictData } from '@/stores/dictData'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { ledgerChangePush } from '@/api/device-boot/terminalTree'
+import pushDisplay from './pushDisplay.vue'
 defineOptions({
     name: 'BusinessAdministrator/LogManagement/TerminalLog'
 })
+const pushDisplayRef = ref()
 const dictData = useDictData()
 const fontdveoption = dictData.getBasicData('Dev_Ops')
 
@@ -78,7 +81,8 @@ const changePush = () => {
         type: 'warning'
     }).then(() => {
         ledgerChangePush().then(res => {
-            ElMessage.success(res.message)
+            // ElMessage.success(res.message)
+            pushDisplayRef.value.open(res.data)
             tableStore.index()
         })
     })

src/views/pqs/business/log/TerminalLog/pushDisplay.vue

@@ -0,0 +1,108 @@
+<!--生产线的新增编辑弹出框-->
+<template>
+    <el-dialog draggable v-model="productLineVisible" :title="title" style="width: 600px">
+        <div v-for="(item, index) in List" :key="index">
+            <div style="display: flex">
+                <span class="span">{{ item.command }}</span>
+
+                <span
+                    v-if="item.result == 2"
+                    v-loading="true"
+                    :element-loading-svg="svg"
+                    class="custom-loading-svg"
+                    element-loading-svg-view-box="-10, -10, 50, 50"
+                ></span>
+                <CircleCheckFilled class="ml5" v-if="item.result == 1" style="width: 16px; color: #0e8780" />
+                <CircleCloseFilled class="ml5" v-if="item.result == 0" style="width: 16px; color: #ff0000" />
+            </div>
+            <div v-if="item.result != 2" class="text mt5">
+                <span class="span">推送结果：</span>
+                <span :style="item.result == 1 ? 'color: #0e8780' : 'color: #ff0000'">
+                    {{ item.text }}
+                </span>
+            </div>
+            <el-divider />
+        </div>
+    </el-dialog>
+</template>
+<script lang="ts" setup>
+import { ref, reactive, inject } from 'vue'
+import { ElMessage } from 'element-plus'
+import { CircleCheckFilled, CircleCloseFilled } from '@element-plus/icons-vue'
+import { getPushResult } from '@/api/device-boot/terminalTree'
+const productLineVisible = ref(false)
+const title = ref('台账变更推送')
+const List: any = ref([])
+const svg = `
+        <path class="path" d="
+          M 30 15
+          L 28 17
+          M 25.61 25.61
+          A 15 15, 0, 0, 1, 15 30
+          A 15 15, 0, 1, 1, 27.99 7.5
+          L 15 15
+        " style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"/>
+      `
+const time: any = ref(null)
+const val = ref(0)
+const open = async (data: any) => {
+    List.value = []
+    val.value = 0
+    List.value = data
+    productLineVisible.value = true
+    query()
+    time.value = setInterval(() => {
+        query()
+    }, 1000 * 5)
+}
+const query = () => {
+    val.value += 1
+    if (val.value == 6) {
+        clearInterval(time.value)
+        time.value = null
+        val.value = 0
+        List.value.forEach((item: any) => {
+            if (item.result == 2) {
+                item.result = 0
+                item.text = '推送超时!'
+            }
+        })
+    }
+
+    List.value.forEach(async (item: any) => {
+        getPushResult({
+            guid: item.guid
+        }).then((res: any) => {
+            item.result = res.data.code
+            item.text = res.data.result
+        })
+    })
+}
+
+defineExpose({ open })
+</script>
+
+<style scoped>
+.el-upload-list__item {
+    transition: none !important;
+}
+
+.el-select {
+    min-width: 180px;
+}
+:deep(.el-divider--horizontal) {
+    margin: 10px 0;
+}
+:deep(.circular) {
+    height: 30px;
+    width: 30px;
+    margin-top: 5px;
+}
+.text {
+    text-indent: 1em;
+}
+.span {
+    font-weight: 600;
+    font-size: 14px;
+}
+</style>

src/views/pqs/business/terminal/FrontManagement/index.vue

@@ -57,7 +57,17 @@
                 >
                     <template #default="{ node, data }">
                         <div class="custom-tree-node">
-                            <span>{{ node.label }}</span>
+                            <span>
+                                <span v-if="data.processState != null">
+                                    {{ node.label }}
+                                </span>
+                                <span v-else>{{ data.subName }}_{{ data.name }}</span>
+                                <span
+                                    v-if="data.processState != null"
+                                    class="iconSpan"
+                                    :style="{ background: data.processState == 0 ? '#ff0000' : '#00b07d' }"
+                                ></span>
+                            </span>
                             <div>
                                 <!-- <el-button type="primary" v-if="data.id == undefined" link icon="el-icon-Plus" ></el-button> -->
                                 <el-button
@@ -191,7 +201,7 @@ const popUps = ref(false)
 const tableRef = ref()
 const processNo = ref('')
 const ruleFormRef = ref()
-const dataSource:any = ref([])
+const dataSource: any = ref([])
 const defaultProps = {
     children: 'deviceInfoList',
     label: 'name'
@@ -483,4 +493,12 @@ const addMenu = () => {}
     padding-right: 8px;
     width: 300px;
 }
+.iconSpan {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    margin-left: 3px;
+    border-radius: 50%;
+    margin-bottom: 2px;
+}
 </style>

src/views/pqs/panorama/components/map.vue

@@ -108,7 +108,7 @@
                 <bm-info-window :show="infoWindowPoint.show" @close="infoWindowPoint.show = false">
                     <el-descriptions :title="infoWindowPoint.lineName" :column="1" v-if="infoWindowPoint.lineId">
                         <el-descriptions-item label="供电公司">{{ infoWindowPoint.gdName }}</el-descriptions-item>
-                        <el-descriptions-item label="变电站">{{ infoWindowPoint.subName }}</el-descriptions-item>
+                        <el-descriptions-item label="变电站(场站)">{{ infoWindowPoint.subName }}</el-descriptions-item>
                         <el-descriptions-item label="母线">{{ infoWindowPoint.voltageName }}</el-descriptions-item>
                         <el-descriptions-item label="网络参数">
                             {{ infoWindowPoint.ip }}
@@ -637,5 +637,8 @@ defineExpose({ addMarkers, locatePositions, reset, grids, radiusPop, flyTo })
         }
     }
 }
+:deep(.el-descriptions__cell) {
+    white-space: nowrap;
+}
 </style>
-./cds.js./boundary
+

src/views/pqs/runManage/runEvaluate/components/map.vue

@@ -88,7 +88,7 @@
                 >
                     <bm-label
                         v-if="zoom > 14"
-                        :content="path.lineName"
+                        :content="path.deviceName"
                         :labelStyle="{
                             color: '#fff',
                             border: '0px solid #fff',
@@ -106,31 +106,25 @@
             <!-- 详情 -->
             <bm-marker :position="infoWindowPoint" :icon="{ url: '1', size: { width: 0, height: 0 } }">
                 <bm-info-window :show="infoWindowPoint.show" @close="infoWindowPoint.show = false">
-                    <el-descriptions :title="infoWindowPoint.lineName" :column="1" v-if="infoWindowPoint.lineId">
+                    <el-descriptions
+                        style="width: auto"
+                        :title="infoWindowPoint.deviceName"
+                        :column="1"
+                        v-if="infoWindowPoint.lineId"
+                    >
                         <el-descriptions-item label="供电公司">{{ infoWindowPoint.gdName }}</el-descriptions-item>
-                        <el-descriptions-item label="变电站">{{ infoWindowPoint.subName }}</el-descriptions-item>
+                        <el-descriptions-item label="变电站(场站)">{{ infoWindowPoint.subName }}</el-descriptions-item>
-                        <el-descriptions-item label="母线">{{ infoWindowPoint.voltageName }}</el-descriptions-item>
                         <el-descriptions-item label="网络参数">
                             {{ infoWindowPoint.ip }}
                         </el-descriptions-item>
-                        <el-descriptions-item label="PT变化">{{ infoWindowPoint.pt2 }}</el-descriptions-item>
+
-                        <el-descriptions-item label="CT变化">{{ infoWindowPoint.ct2 }}</el-descriptions-item>
                         <el-descriptions-item label="生产厂家">
                             {{ infoWindowPoint.manufacturer }}
                         </el-descriptions-item>
-                        <el-descriptions-item label="终端状态">
+
-                            {{
-                                infoWindowPoint.runFlag == 0 ? '投运' : infoWindowPoint.runFlag == 1 ? '热备用' : '停运'
-                            }}
-                        </el-descriptions-item>
                         <el-descriptions-item label="通讯状态">
                             {{ infoWindowPoint.comFlag == 0 ? '中断' : '正常' }}
                         </el-descriptions-item>
-                        <el-descriptions-item>
-                            <el-button type="primary" size="small" @click="lookPoint(infoWindowPoint)">
-                                查看详情
-                            </el-button>
-                        </el-descriptions-item>
                     </el-descriptions>
                     <el-descriptions
                         :title="infoWindowPoint.subName"
@@ -156,7 +150,7 @@
             </div>
 
             <!-- 信息弹框 -->
-            <div v-if="zoom <= 9">
+            <!-- <div v-if="zoom <= 9">
                 <bm-overlay
                     v-for="item in AreaData"
                     pane="labelPane"
@@ -200,7 +194,7 @@
                         </div>
                     </div>
                 </bm-overlay>
-            </div>
+            </div> -->
         </baidu-map>
     </div>
 </template>
@@ -214,9 +208,10 @@ import { useDictData } from '@/stores/dictData'
 import { Search } from '@element-plus/icons-vue'
 import { BaiduMap, BmOverlay } from 'vue-baidu-map-3x'
 import { getAssessOverview } from '@/api/device-boot/panorama'
+import { getRunEvaluate } from '@/api/device-boot/runEvaluate'
 import { getGridDiagramAreaData } from '@/api/device-boot/panorama'
 const emit = defineEmits(['changeValue', 'drop', 'show'])
-import mapJson from './boundary'
+import mapJson from '@/views/pqs/panorama/components/boundary'
 const datePickerRef = ref()
 const height = mainHeight(90)
 // 页面中直接引入就可以
@@ -238,34 +233,77 @@ const imgUrl1 = new URL('@/assets/img/ZD-ZS.png', import.meta.url).href
 const imgUrl2 = new URL('@/assets/img/JCD-ZS.png', import.meta.url).href
 const boundaryList: any = ref([
     {
-        orgName: '唐山',
+        orgName: '大连',
-        LngLat: [118.335849137, 39.7513593355],
+        LngLat: [122.060077, 39.635794],
-        boundary: mapJson.tsJSON
+        boundary: mapJson['大连']
     },
     {
-        orgName: '张家口',
+        orgName: '抚顺',
-        LngLat: [115.032504679, 40.8951549951],
+        LngLat: [124.354599, 41.88962],
-        boundary: mapJson.zjkJSON
+        boundary: mapJson['抚顺']
     },
     {
-        orgName: '秦皇岛',
+        orgName: '沈阳',
-        LngLat: [119.185113833, 40.1179119754],
+        LngLat: [123.0389, 41.992993],
-        boundary: mapJson.qhdJSON
+        boundary: mapJson['沈阳']
     },
     {
-        orgName: '承德',
+        orgName: '丹东',
-        LngLat: [117.548498365, 41.3775890632],
+        LngLat: [124.585661, 40.645967],
-        boundary: mapJson.cdJSON
+        boundary: mapJson['丹东']
     },
     {
-        orgName: '廊坊',
+        orgName: '营口',
-        LngLat: [116.628004129, 39.0589378611],
+        LngLat: [122.225226, 40.433551],
-        boundary: mapJson.lfJSON
+        boundary: mapJson['营口']
+    },
+    {
+        orgName: '盘锦',
+        LngLat: [121.875362, 41.075416],
+        boundary: mapJson['盘锦']
+    },
+    {
+        orgName: '铁岭',
+        LngLat: [124.229492, 42.731873],
+        boundary: mapJson['铁岭']
+    },
+    {
+        orgName: '朝阳',
+        LngLat: [119.640944, 41.39657],
+        boundary: mapJson['朝阳']
+    },
+    {
+        orgName: '葫芦岛',
+        LngLat: [119.850873, 40.728517],
+        boundary: mapJson['葫芦岛']
+    },
+    {
+        orgName: '锦州',
+        LngLat: [121.42, 41.58],
+        boundary: mapJson['锦州']
+    },
+    {
+        orgName: '阜新',
+        LngLat: [121.658585, 42.350951],
+        boundary: mapJson['阜新']
+    },
+    {
+        orgName: '本溪',
+        LngLat: [124.390785, 41.197021],
+        boundary: mapJson['本溪']
+    },
+    {
+        orgName: '辽阳',
+        LngLat: [123.090785, 41.297021],
+        boundary: mapJson['辽阳']
+    },
+    {
+        orgName: '鞍山',
+        LngLat: [122.808845, 40.840049],
+        boundary: mapJson['鞍山']
     }
 ])
 
-
-
 const zoom = ref(13)
 const areaLineInfo = ref<any>([])
 const siteList = ref<any>([])
@@ -299,7 +337,7 @@ const addMarkers = async (row?: any, key?: any, num?: any) => {
     polyline.value = []
     areaLineInfo.value = []
     let r = 0.0035
-    let list = data.filter((item: any) => item.lng != 0)
+    let list = filterUniqueDeviceNames(data.filter((item: any) => item.lng != 0))
     list.forEach((item: any) => {
         // 变电站图标
         item.icon = {
@@ -321,38 +359,19 @@ const addMarkers = async (row?: any, key?: any, num?: any) => {
             val.icon = {
                 url: '',
                 size: {
-                    width: 40,
+                    width: 35,
-                    height: 40
+                    height: 30
                 }
             }
             switch (val.runFlag) {
                 case 0:
-                    // 投运
+                    val.icon.url = new URL('@/assets/terminal0.png', import.meta.url).href
-                    if (val.comFlag == 0) {
-                        // 异常
-                        if (val.noDealCount > 0) {
-                            // 异常有暂降
-                            val.icon.url = new URL('@/assets/txycyzj.gif', import.meta.url).href
-                        } else if (val.noDealCount == 0) {
-                            // 异常无暂降
-                            val.icon.url = new URL('@/assets/txzdwzj.png', import.meta.url).href
-                        }
-                    } else if (val.comFlag == 1) {
-                        // 正常
-                        if (val.noDealCount > 0) {
-                            // 正常有暂降
-                            val.icon.url = new URL('@/assets/txzcyzj.gif', import.meta.url).href
-                        } else if (val.noDealCount == 0) {
-                            // 正常无暂降
-                            val.icon.url = new URL('@/assets/txzcwzj.png', import.meta.url).href
-                        }
-                    }
                     break
                 case 1:
-                    val.icon.url = new URL('@/assets/rby.png', import.meta.url).href
+                    val.icon.url = new URL('@/assets/terminal1.png', import.meta.url).href
                     break
                 case 2:
-                    val.icon.url = new URL('@/assets/ty.png', import.meta.url).href
+                    val.icon.url = new URL('@/assets/terminal2.png', import.meta.url).href
                     break
                 default:
                     break
@@ -375,6 +394,21 @@ const addMarkers = async (row?: any, key?: any, num?: any) => {
     // center.value.lng = areaLineInfo.value[0].lng
     // center.value.lat = areaLineInfo.value[0].lat
 }
+// 过滤终端
+const filterUniqueDeviceNames = data => {
+    return data.map(item => {
+        const uniqueChildren = item.children.reduce((acc, curr) => {
+            if (!acc.some(child => child.deviceName === curr.deviceName)) {
+                acc.push(curr)
+            }
+            return acc
+        }, [])
+        return {
+            ...item,
+            children: uniqueChildren
+        }
+    })
+}
 // 获取zoom
 const syncCenterAndZoom = (e: any) => {
     zoom.value = e.target.getZoom()
@@ -403,16 +437,18 @@ const lookPoint = (e: any) => {
 }
 // 搜索
 const DeviceQ = () => {
+    console.log(12313, QueryList.value)
+
     showCollapse.value = true
     if (inputQuery.value.length == 0) return
 
     let list = []
     let regex = new RegExp(inputQuery.value, 'i')
     let data = areaLineInfo.value
-        .filter((item: any) => regex.test(item.lineName))
+        .filter((item: any) => regex.test(item.deviceName))
         .map((item: any) => {
             return {
-                psrName: item.lineName,
+                psrName: item.deviceName,
                 vlevelName: item.voltageScale,
                 maintOrgName: item.gdName,
                 coordinate: [item.lng, item.lat]
@@ -440,7 +476,7 @@ const flyTo = (e: any, zoom?: number) => {
         zoomMap.value = zoom
     } else {
         zoomMap.value = 15
-        let data = areaLineInfo.value.filter((item: any) => regex.test(item.lineName))[0]
+        let data = areaLineInfo.value.filter((item: any) => regex.test(item.deviceName))[0]
         if (data) {
             markerClick(data)
         }
@@ -448,28 +484,15 @@ const flyTo = (e: any, zoom?: number) => {
 }
 // 市级统计数据
 const grids = (row: any) => {
-    let form = {
-        ...row,
-        id: row.orgNo,
-        deptIndex: row.orgNo,
-        orgId: row.orgNo,
-        ids: [],
-        statisticalType: dictData.getBasicData('Statistical_Type', ['Report_Type'])[0],
-        isUpToGrid: row.isUpToGrid,
-        monitorFlag: row.isUpToGrid == 0 ? null : row.isUpToGrid
-    }
     AreaData.value = []
-    assessList.value = []
     // 综合评估
-    getAssessOverview(form).then(res => {
-        assessList.value = res.data?.children
 
-        getGridDiagramAreaData({ ...form, deptIndex: deptIndex.value }).then((res: any) => {
+    getRunEvaluate({ ...row, deptIndex: deptIndex.value }).then((res: any) => {
-            AreaData.value = res.data
+        console.log('🚀 ~ getRunEvaluate ~ res:', res)
-            GridDiagramArea()
+        AreaData.value = res.data
-        })
+        GridDiagramArea()
-        // if (powerManageGridMap.value) powerLoad()
     })
+    // if (powerManageGridMap.value) powerLoad()
 }
 const radiusPop = (k: any) => {
     console.log('🚀 ~ radiusPop ~ k:', k)
@@ -477,27 +500,36 @@ const radiusPop = (k: any) => {
 }
 const GridDiagramArea = () => {
     boundaryList.value.forEach((item: any) => {
-        assessList.value.forEach((y: any) => {
+        // assessList.value.forEach((y: any) => {
-            if (item.orgName == y.name) {
+        //     if (item.orgName == y.name) {
-                if (y.score == 3.14159) {
+        //         if (y.score == 3.14159) {
-                } else if (y.score > 4.5) {
+        //         } else if (y.score > 4.5) {
-                    item.background = '#33996699'
+        //             item.background = '#33996699'
-                } else if (y.score > 4) {
+        //         } else if (y.score > 4) {
-                    item.background = '#3399ff99'
+        //             item.background = '#3399ff99'
-                } else if (y.score > 3) {
+        //         } else if (y.score > 3) {
-                    item.background = '#ffcc3399'
+        //             item.background = '#ffcc3399'
-                } else if (y.score > 2) {
+        //         } else if (y.score > 2) {
-                    item.background = '#db088799'
+        //             item.background = '#db088799'
-                } else if (y.score > 0) {
+        //         } else if (y.score > 0) {
-                    item.background = '#ff000099'
+        //             item.background = '#ff000099'
-                }
+        //         }
-            }
+        //     }
-        })
+        // })
         AreaData.value.forEach((k: any, i: any) => {
-            if (item.orgName == k.orgName) {
+            if (item.orgName == k.name) {
                 for (let kk in item) {
                     k[kk] = item[kk]
                 }
+                if (k.evaluate >= 90) {
+                    k.background = '#0fff04'
+                } else if (k.evaluate >= 80) {
+                    k.background = '#2b7fd3'
+                } else if (k.evaluate >= 70) {
+                    k.background = '#ffcc33'
+                } else {
+                    k.background = '#97017e'
+                }
             }
         })
     })
@@ -567,5 +599,7 @@ defineExpose({ addMarkers, locatePositions, reset, grids, radiusPop, flyTo })
         }
     }
 }
+:deep(.el-descriptions__cell) {
+    white-space: nowrap;
+}
 </style>
-./cds.js./boundary

src/views/pqs/runManage/runEvaluate/components/region.vue

@@ -1,135 +1,167 @@
 <template>
-    <div class="mt10 mr5 btnsBox">
+    <div :style="height" style="overflow-y: auto" class="pd10">
-        <el-radio-group v-model="radio2">
+        <!-- <MyEChart :options="options" /> -->
-            <el-radio-button label="区域" value="1" />
+        <div v-for="(item, index) in List">
-            <el-radio-button label="变电站" value="2" />
+            <div class="box">
-            <el-radio-button label="用户" value="3" />
+                <div class="div">{{ item.name }}({{ item.count }}台)：</div>
-        </el-radio-group>
+                <!-- <el-progress style="flex: 1" :percentage="(item.count / total).toFixed(2) * 100">
-    </div>
+                <span>{{ item.count }}台</span>
-    <div :style="height">
+            </el-progress> -->
-        <MyEChart :options="options" />
+                <el-progress style="flex: 1" :percentage="item.score" :color="ratingColor(item.score)">
+                    <span :style="`color:${ratingColor(item.score)}`">{{ item.score }}分</span>
+                </el-progress>
+            </div>
+            <el-divider />
+        </div>
     </div>
 </template>
 <script setup lang="ts">
 import { ref, reactive, onMounted } from 'vue'
 import MyEChart from '@/components/echarts/MyEchart.vue'
 import { mainHeight } from '@/utils/layout'
-const radio2 = ref('1')
+import { areaTerminalStatistic } from '@/api/device-boot/runEvaluate'
-const height = mainHeight(300, 1.5)
+const height = mainHeight(220, 1.5)
+const props = defineProps({
+    params: {
+        type: Object,
+        default: () => {}
+    }
+})
+const List: any = ref([])
+const total: any = ref(0)
 const options = ref({})
+const format = percentage => percentage + '分'
 const info = () => {
-    let dataSource = [
+    areaTerminalStatistic(props.params).then(res => {
-        { value: '90', name: '张家口' },
+        total.value = res.data.reduce((sum, item) => sum + Number(item.count), 0)
-        { value: '80', name: '廊坊' },
+        List.value = res.data
-        { value: '70', name: '秦皇岛' },
+    })
-        { value: '60', name: '唐山' },
+    //     let dataSource = [
-        { value: '50', name: '承德' }
+    //         { value: '90', name: '张家口' },
-    ]
+    //         { value: '80', name: '廊坊' },
-    options.value = {
+    //         { value: '70', name: '秦皇岛' },
-        grid: {
+    //         { value: '60', name: '唐山' },
-            top: '10'
+    //         { value: '50', name: '承德' }
-        },
+    //     ]
-        toolbox: {
+    //     options.value = {
-            show: false
+    //         grid: {
-        },
+    //             top: '10'
-        options: {
+    //         },
-            yAxis: {
+    //         toolbox: {
-                type: 'category',
+    //             show: false
-                data: dataSource.map(item => item.name),
+    //         },
-                // axisLabel: {
+    //         options: {
-                //     color: '#fff'
+    //             yAxis: {
-                // },
+    //                 type: 'category',
-                splitLine: {
+    //                 data: dataSource.map(item => item.name),
-                    show: false
+    //                 // axisLabel: {
-                }
+    //                 //     color: '#fff'
-            },
+    //                 // },
-            xAxis: {
+    //                 splitLine: {
-                type: 'value',
+    //                     show: false
-                data: [1,2,3,4],
+    //                 }
-                axisLabel: {
+    //             },
-                    show: true,
+    //             xAxis: {
-                    // textStyle: {
+    //                 type: 'value',
-                    //     color: '#FFF'
+    //                 data: [1, 2, 3, 4],
-                    // },
+    //                 axisLabel: {
-                    //  formatter: function (value) {
+    //                     show: true
-                         
+    //                     // textStyle: {
-                    //  }
+    //                     //     color: '#FFF'
-                },
+    //                     // },
-                splitLine: {
+    //                     //  formatter: function (value) {
-                    show: false
+
-                },
+    //                     //  }
-                axisTick: {
+    //                 },
-                    show: false
+    //                 splitLine: {
-                },
+    //                     show: false
-                axisLine: {
+    //                 },
-                    show: true
+    //                 axisTick: {
-                }
+    //                     show: false
-            },
+    //                 },
-            dataZoom: null,
+    //                 axisLine: {
-            series: [
+    //                     show: true
-                {
+    //                 }
-                    type: 'bar',
+    //             },
-                    itemStyle: {
+    //             dataZoom: null,
-                        color: function (params) {
+    //             series: [
-                            return params.value >= 90
+    //                 {
-                                ? '#00b07d'
+    //                     type: 'bar',
-                                : params.value >= 80
+    //                     itemStyle: {
-                                ? '#2b7fd3'
+    //                         color: function (params) {
-                                : params.value >= 70
+    //                             return params.value >= 90
-                                ? '#ffcc33'
+    //                                 ? '#00b07d'
-                                : '#97017e'
+    //                                 : params.value >= 80
-                        }
+    //                                 ? '#2b7fd3'
-                    },
+    //                                 : params.value >= 70
-                    markLine: {
+    //                                 ? '#ffcc33'
-                    silent: false,
+    //                                 : '#97017e'
-                    symbol: 'circle',
+    //                         }
-                    data: [
+    //                     },
-                        {
+    //                     markLine: {
-                            name: '',
+    //                         silent: false,
-                            yAxis: 100,
+    //                         symbol: 'circle',
-                            lineStyle: {
+    //                         data: [
-                                color:'#009900'
+    //                             {
-                            },
+    //                                 name: '',
-                            label: {
+    //                                 yAxis: 100,
-                                show: true,
+    //                                 lineStyle: {
-                                formatter: '优质',
+    //                                     color: '#009900'
-                                color:'#009900'
+    //                                 },
-                            }
+    //                                 label: {
-                        },
+    //                                     show: true,
-                        {
+    //                                     formatter: '优质',
-                            name: '',
+    //                                     color: '#009900'
-                            yAxis: 90,
+    //                                 }
-                            lineStyle: {
+    //                             },
-                                color:'#77DA63'
+    //                             {
-                            },
+    //                                 name: '',
-                            label: {
+    //                                 yAxis: 90,
-                                show: true,
+    //                                 lineStyle: {
-                                color:'#77DA63',
+    //                                     color: '#77DA63'
-                                formatter: '良好'
+    //                                 },
-                            }
+    //                                 label: {
-                        },
+    //                                     show: true,
-                        {
+    //                                     color: '#77DA63',
-                            name: '',
+    //                                     formatter: '良好'
-                            yAxis: 60,
+    //                                 }
-                            lineStyle: {
+    //                             },
-                                color:'#FFCC00'
+    //                             {
-                            },
+    //                                 name: '',
-                            label: {
+    //                                 yAxis: 60,
-                                show: true,
+    //                                 lineStyle: {
-                                color:'#FFCC00',
+    //                                     color: '#FFCC00'
-                                formatter: '合格'
+    //                                 },
-                            }
+    //                                 label: {
-                        }
+    //                                     show: true,
-                    ]
+    //                                     color: '#FFCC00',
-                },
+    //                                     formatter: '合格'
-                    data: dataSource.map(item => item.value)
+    //                                 }
-                }
+    //                             }
-            ]
+    //                         ]
-        }
+    //                     },
+    //                     data: dataSource.map(item => item.value)
+    //                 }
+    //             ]
+    //         }
+    //     }
+}
+const ratingColor = (num: number) => {
+    if (num >= 90) {
+        return '#0fff04'
+    } else if (num >= 80) {
+        return '#2b7fd3'
+    } else if (num >= 70) {
+        return '#ffcc33'
+    } else {
+        return '#97017e'
     }
 }
 onMounted(() => {
-    info()
+    // info()
+})
+defineExpose({
+    info
 })
 </script>
 <style lang="scss" scoped>
@@ -165,4 +197,13 @@ onMounted(() => {
         border-left: 1px solid #00fff4 !important;
     }
 }
+.box {
+    // display: flex;
+    .div {
+        // width: 100px;
+    }
+}
+:deep(.el-divider--horizontal) {
+    margin: 10px 0;
+}
 </style>

src/views/pqs/runManage/runEvaluate/components/run.vue

@@ -106,34 +106,34 @@ defineExpose({
     right: 5px;
     top: 0px;
 }
-::v-deep .el-radio-button__inner {
+// ::v-deep .el-radio-button__inner {
-    padding: 8px 18px;
+//     padding: 8px 18px;
-    background: var(--el-color-primary);
+//     background: var(--el-color-primary);
-    border: 1px solid #00fff4;
+//     border: 1px solid #00fff4;
-    border-radius: 0;
+//     border-radius: 0;
-    font-weight: normal;
+//     font-weight: normal;
-    color: #ffffff;
+//     color: #ffffff;
-    text-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.73);
+//     text-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.73);
-    opacity: 0.52;
+//     opacity: 0.52;
-}
+// }
-::v-deep .el-radio-button:last-child .el-radio-button__inner {
+// ::v-deep .el-radio-button:last-child .el-radio-button__inner {
-    border-radius: 0;
+//     border-radius: 0;
-}
+// }
-::v-deep .el-radio-button:first-child .el-radio-button__inner {
+// ::v-deep .el-radio-button:first-child .el-radio-button__inner {
-    border-radius: 0;
+//     border-radius: 0;
-    border-left: 1px solid #00fff4;
+//     border-left: 1px solid #00fff4;
-}
+// }
-::v-deep .is-active {
+// ::v-deep .is-active {
-    border: 1px solid #00fff4;
+//     border: 1px solid #00fff4;
-    opacity: 1 !important;
+//     opacity: 1 !important;
-    color: #ffffff;
+//     color: #ffffff;
-    background: var(--el-color-primary);
+//     background: var(--el-color-primary);
 
-    .el-radio-button__inner {
+//     .el-radio-button__inner {
-        opacity: 1 !important;
+//         opacity: 1 !important;
-        border-left: 1px solid #00fff4 !important;
+//         border-left: 1px solid #00fff4 !important;
-    }
+//     }
-}
+// }
 .boxBG {
     display: flex;
     flex-direction: column;

src/views/pqs/runManage/runEvaluate/components/terminalDetails.vue

@@ -4,10 +4,17 @@
             <vxe-column type="seq" width="70px" title="序号"></vxe-column>
             <vxe-column field="name" title="终端名称"></vxe-column>
             <vxe-column field="subName" title="所属电站"></vxe-column>
-            <vxe-column field="integrityRate" title="完整率(%)"></vxe-column>
+            <vxe-colgroup title="运行评价">
-            <vxe-column field="onLineRate" title="在线率(%)"></vxe-column>
+                <vxe-column field="integrityRate" title="完整率(%)"></vxe-column>
-            <vxe-column field="passRate" title="合格率(%)"></vxe-column>
+                <vxe-column field="onLineRate" title="在线率(%)"></vxe-column>
-            <vxe-column field="evaluate" title="评分(分)"></vxe-column>
+                <vxe-column field="passRate" title="合格率(%)"></vxe-column>
+            </vxe-colgroup>
+
+            <vxe-column field="evaluate" title="评分(分)">
+                <template v-slot="{ row }">
+                    {{ Math.floor(row.evaluate * 100).toFixed(0) / 100 }}
+                </template>
+            </vxe-column>
         </vxe-table>
     </div>
 </template>
@@ -27,7 +34,7 @@ const height = mainHeight(360, 3)
 
 const info = () => {
     getRunEvaluateDetail({ ...props.params, ids: [] }).then(res => {
-        tableData.value = res.data
+        tableData.value = res.data.slice(0, 10)
     })
 }
 defineExpose({
@@ -73,4 +80,7 @@ defineExpose({
     background: var(--el-color-primary);
     color: #fff;
 }
+:dppe(.el-select__wrapper) {
+    width: 26px !important;
+}
 </style>

src/views/pqs/runManage/runEvaluate/components/week.vue

@@ -1,5 +1,21 @@
 <template>
     <div :style="height">
+        <el-select
+            class="selectBox"
+            v-model="value"
+            placeholder="请选择"
+            size="small"
+            value-key="id"
+            multiple
+            collapse-tags
+            collapse-tags-tooltip
+            :multiple-limit="6"
+            filterable
+            style="width: 130px"
+            @change="change"
+        >
+            <el-option v-for="item in List" :key="item.id" :label="item.name" :value="item" />
+        </el-select>
         <MyEChart :options="options" />
     </div>
 </template>
@@ -15,71 +31,111 @@ const props = defineProps({
         default: () => {}
     }
 })
+const value: any = ref([])
+const List: any = ref([])
 const options = ref({})
 const height = mainHeight(290, 3)
 
 const info = () => {
+    value.value = []
+    List.value = []
     lastWeekTrend(props.params).then((res: any) => {
-
-        options.value = {
-            xAxis: {
-                axisLabel: {
-                    show: true
-                },
-                splitLine: {
-                    show: false
-                },
-                axisTick: {
-                    show: false
-                },
-                axisLine: {
-                    show: true
-                },
-                data: res.data.date
-            },
-            grid: {
-                top: '30',
-                left: '10',
-                right: '10'
-            },
-            toolbox: {
-                show: false
-            },
-            yAxis: {
-                min: 0,
-                max: 100,
-                axisLine: {
-                    show: true
-                },
-
-                splitLine: {
-                    show: false
-                }
-            },
-            legend:{
-                top: '5',
-                right: '5',
-                type: 'scroll',
-            },
-            options: {
-                series: []
-            }
-        }
         res.data.name.forEach((item: any, i: number) => {
-            options.value.options.series.push({
+            List.value.push({
                 name: item,
-                type: 'line',
+                score: res.data.score[i],
-                symbol: 'circle',
+                date: res.data.date,
-                smooth: true,
+                id: i
-                showSymbol: false,
-                data: res.data.score[i]
             })
         })
+        for (let i = 0; i < 6; i++) {
+            if (i < List.value.length) {
+                value.value.push(List.value[i])
+            }
+        }
+        change()
     })
 }
+const change = () => {
+    options.value = {
+        xAxis: {
+            splitLine: {
+                show: false
+            },
+            axisTick: {
+                show: false
+            },
+            axisLine: {
+                show: true
+            },
+            data: value.value[0]?.date,
+            axisLabel: {
+                formatter: function (value) {
+                    let time = ''
+                    if (value.slice(-2) == '01') {
+                        time = value
+                    } else {
+                        time = value.slice(5, 10)
+                    }
+                    return time
+                }
+            }
+        },
+        grid: {
+            top: '30',
+            left: '10',
+            right: '10'
+        },
+        toolbox: {
+            show: false
+        },
+        yAxis: {
+            min: 0,
+            max: 100,
+            axisLine: {
+                show: true
+            },
+
+            splitLine: {
+                show: false
+            }
+        },
+        legend: {
+            top: '5',
+            right: '5',
+            type: 'scroll'
+        },
+        options: {
+            series: []
+        }
+    }
+    value.value.forEach((item: any, i: number) => {
+        options.value.options.series.push({
+            name: item.name,
+            type: 'line',
+            symbol: 'circle',
+            smooth: true,
+            showSymbol: false,
+            data: item.score
+        })
+    })
+    console.log(123)
+}
 onMounted(() => {})
 defineExpose({
     info
 })
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.selectBox {
+    position: absolute;
+    top: 1px;
+    right: 10px;
+}
+:deep(.el-tag) {
+    max-width: 110px !important;
+}
+:deep(.el-select) {
+    min-width: 190px;
+}
+</style>

src/views/pqs/runManage/runEvaluate/index.vue

@@ -139,7 +139,7 @@
             </el-form>
         </div>
 
-        <Map />
+        <Map ref="mapRef" />
 
         <transition name="slide-left">
             <div class="left" :style="height" v-if="leftVisible">
@@ -202,7 +202,7 @@
                         区域终端运行评价
                         <el-button link class="view" icon="el-icon-View" @click="regionEvaluation">详情</el-button>
                     </div>
-                    <region />
+                    <region :params="tableStore.table.params" ref="regionRef" />
                 </BorderBox13>
                 <div :style="height3">
                     <BorderBox13
@@ -217,7 +217,7 @@
                             最近一周终端评价趋势
                         </div>
 
-                        <week ref="weekRef"  :params="tableStore.table.params"/>
+                        <week ref="weekRef" :params="tableStore.table.params" />
                     </BorderBox13>
                 </div>
             </div>
@@ -236,7 +236,7 @@
                         异常终端详情
                     </div>
                     <terminalDetails ref="terminalDetailsRef" :params="tableStore.table.params" />
-                    <table />
+                    <!-- <table /> -->
                 </BorderBox13>
             </div>
         </transition>
@@ -269,6 +269,7 @@ defineOptions({
     name: 'runManage/runEvaluate'
 })
 const runRef = ref()
+const regionRef = ref()
 const weekRef = ref()
 const terminalDetailsRef = ref()
 const config = useConfig()
@@ -286,6 +287,9 @@ const tableStore = new TableStore({
     loadCallback: () => {
         runRef.value.info()
         weekRef.value.info()
+        regionRef.value.info()
+        mapRef.value.addMarkers()
+        mapRef.value.grids(tableStore.table.params)
         terminalDetailsRef.value.info()
     }
 })
@@ -304,7 +308,7 @@ const rightVisible = ref(true)
 const centerVisible = ref(true)
 const statisticsPopUpBoxRef = ref(true)
 const regionDetailsRef = ref(true)
-
+const mapRef = ref()
 const toggle = () => {
     leftVisible.value = !leftVisible.value
     rightVisible.value = !rightVisible.value
@@ -313,7 +317,6 @@ const toggle = () => {
 
 // 区域变化
 const changeValue = (val: any) => {
-
     tableStore.index()
 }
 // 区域详情

src/views/pqs/voltageSags/monitoringPoint/online/navigation/map.vue

@@ -3,7 +3,7 @@
         <div class="iconBox">
             <div class="div">
                 <img src="@/assets/jcd.png" alt="" />
-                <span>变电站</span>
+                <span>变电站(场站)</span>
             </div>
             <div class="div">
                 <img src="@/assets/rby.png" alt="" />
@@ -80,7 +80,7 @@
                 <bm-info-window  :show="infoWindowPoint.show" @close="infoWindowPoint.show = false">
                     <el-descriptions :title="infoWindowPoint.lineName" style="min-width: 240px;" :column="1" v-if="infoWindowPoint.lineId">
                         <el-descriptions-item label="供电公司">{{ infoWindowPoint.gdName }}</el-descriptions-item>
-                        <el-descriptions-item label="变电站">{{ infoWindowPoint.subName }}</el-descriptions-item>
+                        <el-descriptions-item label="变电站(场站)">{{ infoWindowPoint.subName }}</el-descriptions-item>
                         <el-descriptions-item label="母线">{{ infoWindowPoint.voltageName }}</el-descriptions-item>
                         <el-descriptions-item label="网络参数">
                             {{ infoWindowPoint.ip }}
@@ -315,4 +315,7 @@ onMounted(() => {
         }
     }
 }
+:deep(.el-descriptions__cell) {
+    white-space: nowrap;
+}
 </style>

src/views/pqs/voltageSags/overview/index.vue

@@ -7,7 +7,7 @@
             <div class="iconBox">
                 <div class="div">
                     <img src="@/assets/jcd.png" alt="" />
-                    <span>变电站</span>
+                    <span>变电站(场站)</span>
                 </div>
                 <div class="div">
                     <img src="@/assets/rby.png" alt="" />
@@ -101,7 +101,7 @@
                     <bm-info-window :show="infoWindowPoint.show" @close="infoWindowPoint.show = false">
                         <el-descriptions :title="infoWindowPoint.lineName" :column="1" v-if="infoWindowPoint.lineId">
                             <el-descriptions-item label="供电公司">{{ infoWindowPoint.gdName }}</el-descriptions-item>
-                            <el-descriptions-item label="变电站">{{ infoWindowPoint.subName }}</el-descriptions-item>
+                            <el-descriptions-item label="变电站(场站)">{{ infoWindowPoint.subName }}</el-descriptions-item>
                             <el-descriptions-item label="母线">{{ infoWindowPoint.voltageName }}</el-descriptions-item>
                             <el-descriptions-item label="网络参数">
                                 {{ infoWindowPoint.ip }}
@@ -375,4 +375,7 @@ onMounted(() => {
         }
     }
 }
+:deep(.el-descriptions__cell) {
+    white-space: nowrap;
+}
 </style>

src/views/pqs/voltageSags/report/weekly/components/causeStatistics.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <TableHeader date-picker>
+        <TableHeader date-picker :showReset="false">
             <template #operation>
                 <el-button icon="el-icon-Download" type="primary" @click="exportEvent">导出</el-button>
             </template>

src/views/pqs/voltageSags/report/weekly/components/overviewTab.vue

@@ -1,11 +1,12 @@
 <template>
     <div>
-        <el-form :inline="true">
+        <el-form :inline="true" class="formFlex">
             <el-form-item label="日期">
                 <DatePicker ref="datePickerRef"></DatePicker>
             </el-form-item>
-            <el-form-item>
+            <el-form-item class="mr5">
-                <el-button type="primary" @click="init">查询</el-button>
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
+                <el-button icon="el-icon-Download" type="primary" @click="exportEvent">导出</el-button>
             </el-form-item>
         </el-form>
 
@@ -40,8 +41,9 @@
 <script setup lang="ts">
 import { useDictData } from '@/stores/dictData'
 import DatePicker from '@/components/form/datePicker/index.vue'
-import { ref, reactive, onMounted, } from 'vue'
+import { ElMessage } from 'element-plus'
-import { getVoltage, getGeneralSituation } from '@/api/event-boot/report'
+import { ref, reactive, onMounted } from 'vue'
+import { getVoltage, getGeneralSituation, getExport } from '@/api/event-boot/report'
 import { defaultAttribute } from '@/components/table/defaultAttribute'
 import { mainHeight } from '@/utils/layout'
 const dictData = useDictData()
@@ -89,7 +91,44 @@ const init = () => {
         voltage.value = res[1].data
     })
 }
+const exportEvent = () => {
+    ElMessage({
+        message: '正在导出中'
+    })
+    getExport({
+        ...formData,
+
+        statisticalType: dictData.getBasicData('Statistical_Type', [
+            'Report_Type',
+            'Manufacturer',
+
+            'Voltage_Level',
+            'Load_Type'
+        ])[0]
+    }).then(res => {
+        const link = document.createElement('a')
+        let blob = new Blob([res], {
+            type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8'
+        })
+        link.style.display = 'none'
+        link.href = URL.createObjectURL(blob)
+        link.setAttribute('download', '暂态总体概况.xlsx') // 文件名可自定义
+        document.body.appendChild(link)
+        link.click()
+        document.body.removeChild(link)
+        ElMessage({
+            message: '导出成功',
+            type: 'success'
+        })
+    })
+}
 onMounted(() => {
     init()
 })
 </script>
+<style lang="scss" scoped>
+.formFlex {
+    display: flex;
+    justify-content: space-between;
+}
+</style>

src/views/pqs/voltageSags/report/weekly/components/overviewTabEch.vue

@@ -1,11 +1,11 @@
 <template>
     <div>
-        <el-form :inline="true">
+        <el-form :inline="true" class="formFlex">
             <el-form-item label="日期">
                 <DatePicker ref="datePickerRef"></DatePicker>
             </el-form-item>
-            <el-form-item>
+            <el-form-item class="mr5">
-                <el-button type="primary" @click="init">查询</el-button>
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
             </el-form-item>
         </el-form>
 
@@ -266,4 +266,8 @@ const layout = mainHeight(150) as any
     width: 100%;
     height: calc(v-bind('layout.height') / 2);
 }
+.formFlex {
+    display: flex;
+    justify-content: space-between;
+}
 </style>

src/views/pqs/voltageSags/report/weekly/components/table.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <TableHeader date-picker>
+        <TableHeader date-picker :showReset="false">
             <template #operation>
                 <el-button icon="el-icon-Download" type="primary" @click="exportEvent">导出</el-button>
             </template>

src/views/pqs/voltageSags/report/weekly/index.vue

@@ -76,7 +76,6 @@ const list = ref([
     {
         name: '详细事件列表',
         id: '4',
-
         url: '/event-boot/report/getContinueTime',
         column: [
             {