微调

src/App.vue

@@ -13,15 +13,14 @@ import { provide, onMounted, ref } from 'vue'
 // let buildUrl = 'wss://pqmcn.com:8087/mqtt'//102
 let buildUrl = 'ws://pqmcn.com:8073/mqtt' //27
 
-
 // 从 Nginx 获取 MQTT URL
 const fetchMqttUrl = async () => {
-
     const response = await fetch('/')
     const mqttUrl = response.headers.get('X-Mqtt-Url')
+    const zutai = response.headers.get('X-Mqttzutai-Url')
 
     window.localStorage.setItem('MQTTURL', mqttUrl || buildUrl)
-
+    window.localStorage.setItem('MQTTZUTAI', zutai || '')
 }
 
 //本地mqtt

src/api/cs-device-boot/EquipmentDelivery.ts

@@ -121,8 +121,24 @@ export function getById(data?: any) {
 //测试项日志修改
 export function updateRecordData(data?: any) {
     return createAxios({
-        url: 'cs-device-boot/wlRecord/updateRecordData',
+        url: '/cs-device-boot/wlRecord/updateRecordData',
         method: 'POST',
         data
     })
 }
+//模块数据
+export function allModelData(data?: any) {
+    return createAxios({
+        url: '/cs-harmonic-boot/data/allModelData',
+        method: 'POST',
+        data
+    })
+}
+//刷新状态
+export function getModuleState(data?: any) {
+    return createAxios({
+        url: '/cs-harmonic-boot/data/getModuleState',
+        method: 'POST',
+        params: data
+    })
+}

src/api/cs-device-boot/edData.ts

@@ -22,6 +22,7 @@ export const auditEdData = (data) => {
         data: data,
     })
 }
+// 修改工程
 export const auditEngineering = (data) => {
     return request({
         url: '/cs-device-boot/engineering/auditEngineering',
@@ -30,3 +31,12 @@ export const auditEngineering = (data) => {
         data: data,
     })
 }
+// 修改项目
+export const updateProject = (data) => {
+    return request({
+        url: '/cs-device-boot/project/updateProject',
+        method: 'post',
+
+        data: data,
+    })
+}

src/components/echarts/MyEchart.vue

@@ -51,13 +51,7 @@ const initChart = () => {
         },
         tooltip: {
             trigger: 'axis',
-            axisPointer: {
-                type: 'shadow',
-                label: {
-                    color: '#fff',
-                    fontSize: 16
-                }
-            },
+
             textStyle: {
                 color: '#fff',
                 fontStyle: 'normal',
@@ -66,7 +60,7 @@ const initChart = () => {
             },
             backgroundColor: 'rgba(0,0,0,0.55)',
             borderWidth: 0,
-            confine: true,
+            // confine: true,
             ...(props.options?.tooltip || null)
         },
         toolbox: {
@@ -109,6 +103,7 @@ const initChart = () => {
                 type: 'inside',
                 height: 13,
                 start: 0,
+
                 bottom: '20px',
                 end: 100
             },
@@ -117,7 +112,7 @@ const initChart = () => {
                 height: 13,
                 bottom: '20px',
                 end: 100
-            },
+            }
             // {
             //     show: true,
             //     yAxisIndex: 0,
@@ -135,7 +130,7 @@ const initChart = () => {
     handlerBar(options)
     // 处理柱状图
     chart.setOption(options, true)
-
+    chart.group = 'group'
     setTimeout(() => {
         chart.resize()
     }, 0)

src/components/echarts/color.ts

@@ -1,4 +1,4 @@
 export let color = [  '#07CCCA','#00BFF5', '#FFBF00', '#77DA63', '#D5FF6B', '#Ff6600', '#FF9100', '#5B6E96', '#66FFCC', '#B3B3B3']
-export const gradeColor3 = ['#339966', '#FFCC33', '#CC0000']
-export const gradeColor5 = ['#00CC00', '#99CC99', '#FF9900','#996600','#CC0000']
+export const gradeColor3 = ['#339966', '#FFCC33', '#A52a2a']
+export const gradeColor5 = ['#00CC00', '#99CC99', '#FF9900','#996600','#A52a2a']
 

src/components/echarts/rmsboxi.vue

@@ -745,7 +745,7 @@ export default {
               zhou = waveDatas[0].RMSSMinDetail.secondeZhou;
             }
 
-            colors.push("#FFCC00");
+            colors.push("#DAA520");
             colors.push("#fff");
             colors.push("#fff");
             break;
@@ -783,8 +783,8 @@ export default {
               rmsvY = waveDatas[0].RMSSMinDetail.rmsvSecondY;
               zhou = waveDatas[0].RMSSMinDetail.secondeZhou;
             }
-            colors.push("#FFCC00");
-            colors.push("#009900");
+            colors.push("#DAA520");
+            colors.push("#2E8B57");
             colors.push("#fff");
             break;
           case 3:
@@ -822,9 +822,9 @@ export default {
               rmsvY = waveDatas[0].RMSSMinDetail.rmsvSecondY;
               zhou = waveDatas[0].RMSSMinDetail.secondeZhou;
             }
-            colors.push("#FFCC00");
-            colors.push("#009900");
-            colors.push("#CC0000");
+            colors.push("#DAA520");
+            colors.push("#2E8B57");
+            colors.push("#A52a2a");
             break;
         }
         if (waveDatas[0].unit === "电压") {
@@ -1090,7 +1090,7 @@ export default {
             symbol: "none",
             sampling: "average",
             itemStyle: {
-              color: "#FFCC00",
+              color: "#DAA520",
             },
             progressive: 500,
             // 渲染阈值，大于此值则启动渐进渲染
@@ -1105,7 +1105,7 @@ export default {
             symbol: "none",
             sampling: "average",
             itemStyle: {
-              color: "#009900",
+              color: "#2E8B57",
             },
             progressive: 500,
             // 渲染阈值，大于此值则启动渐进渲染
@@ -1120,7 +1120,7 @@ export default {
             symbol: "none",
             sampling: "average",
             itemStyle: {
-              color: "#CC0000",
+              color: "#A52a2a",
             },
             progressive: 500,
             // 渲染阈值，大于此值则启动渐进渲染
@@ -1518,7 +1518,7 @@ export default {
             symbol: "none",
             sampling: "average",
             itemStyle: {
-              color: "#FFCC00",
+              color: "#DAA520",
             },
             progressive: 500,
             // 渲染阈值，大于此值则启动渐进渲染
@@ -1533,7 +1533,7 @@ export default {
             symbol: "none",
             sampling: "average",
             itemStyle: {
-              color: "#009900",
+              color: "#2E8B57",
             },
             progressive: 500,
             // 渲染阈值，大于此值则启动渐进渲染
@@ -1548,7 +1548,7 @@ export default {
             symbol: "none",
             sampling: "average",
             itemStyle: {
-              color: "#CC0000",
+              color: "#A52a2a",
             },
             progressive: 500,
             // 渲染阈值，大于此值则启动渐进渲染

src/components/echarts/shushiboxi.vue

@@ -461,7 +461,7 @@ export default {
                             adata = waveDatas[0].shunshiS.shunshiSA
                         }
 
-                        colors.push('#FFCC00')
+                        colors.push('#DAA520')
                         colors.push('#fff')
                         colors.push('#fff')
                         break
@@ -481,8 +481,8 @@ export default {
                             adata = waveDatas[0].shunshiS.shunshiSA
                             bdata = waveDatas[0].shunshiS.shunshiSB
                         }
-                        colors.push('#FFCC00')
-                        colors.push('#009900')
+                        colors.push('#DAA520')
+                        colors.push('#2E8B57')
                         colors.push('#fff')
                         break
                     case 3:
@@ -505,9 +505,9 @@ export default {
                             cdata = waveDatas[0].shunshiS.shunshiSC
                         }
 
-                        colors.push('#FFCC00')
-                        colors.push('#009900')
-                        colors.push('#CC0000')
+                        colors.push('#DAA520')
+                        colors.push('#2E8B57')
+                        colors.push('#A52a2a')
                         break
                 }
 
@@ -754,7 +754,7 @@ export default {
                         symbol: 'none',
                         sampling: 'average',
                         itemStyle: {
-                            color: '#FFCC00'
+                            color: '#DAA520'
                         },
                         progressive: 1000,
                         // 渲染阈值，大于此值则启动渐进渲染
@@ -770,7 +770,7 @@ export default {
                         symbol: 'none',
                         sampling: 'average',
                         itemStyle: {
-                            color: '#009900'
+                            color: '#2E8B57'
                         },
                         progressive: 1000,
                         // 渲染阈值，大于此值则启动渐进渲染
@@ -786,7 +786,7 @@ export default {
                         symbol: 'none',
                         sampling: 'average',
                         itemStyle: {
-                            color: '#CC0000'
+                            color: '#A52a2a'
                         },
                         progressive: 1000,
                         // 渲染阈值，大于此值则启动渐进渲染
@@ -844,24 +844,24 @@ export default {
             switch (this.iphasic) {
                 case 1:
                     a = waveDataTemp.title.aTitle
-                    colors.push('#FFCC00')
+                    colors.push('#DAA520')
                     colors.push('#fff')
                     colors.push('#fff')
                     break
                 case 2:
                     a = waveDataTemp.title.aTitle
                     b = waveDataTemp.title.bTitle
-                    colors.push('#FFCC00')
-                    colors.push('#009900')
+                    colors.push('#DAA520')
+                    colors.push('#2E8B57')
                     colors.push('#fff')
                     break
                 case 3:
                     a = waveDataTemp.title.aTitle
                     b = waveDataTemp.title.bTitle
                     c = waveDataTemp.title.cTitle
-                    colors.push('#FFCC00')
-                    colors.push('#009900')
-                    colors.push('#CC0000')
+                    colors.push('#DAA520')
+                    colors.push('#2E8B57')
+                    colors.push('#A52a2a')
                     break
             }
 
@@ -1123,7 +1123,7 @@ export default {
                         symbol: 'none',
                         sampling: 'average',
                         itemStyle: {
-                            color: '#FFCC00'
+                            color: '#DAA520'
                         },
                         large: true,
                         progressive: 1000,
@@ -1138,7 +1138,7 @@ export default {
                         symbol: 'none',
                         sampling: 'average',
                         itemStyle: {
-                            color: '#009900'
+                            color: '#2E8B57'
                         },
                         progressive: 1000,
                         // 渲染阈值，大于此值则启动渐进渲染
@@ -1153,7 +1153,7 @@ export default {
                         symbol: 'none',
                         sampling: 'average',
                         itemStyle: {
-                            color: '#CC0000'
+                            color: '#A52a2a'
                         },
                         progressive: 1000,
                         // 渲染阈值，大于此值则启动渐进渲染

src/components/form/datePicker/index.vue

@@ -417,7 +417,7 @@ const setTime = (flag = 0, e = 0) => {
 
     let data = ''
 
-    if ((dd < 4 || dd == 0) && interval.value != 4 && !props.theCurrentTime) {
+    if ((dd < 2 || dd == 0) && interval.value != 4 && !props.theCurrentTime) {
         data = window.XEUtils.toDateString(new Date().getTime() - (e + dd) * 3600 * 1000 * 24, 'yyyy-MM-dd')
     } else {
         data = window.XEUtils.toDateString(new Date().getTime() - e * 3600 * 1000 * 24, 'yyyy-MM-dd')

src/components/form/datePicker/time.vue

@@ -0,0 +1,606 @@
+<template>
+    <div style="width: 680px">
+        <el-select v-model.trim="interval" style="min-width: 90px; width: 90px; margin-right: 10px"
+            @change="timeChange">
+            <el-option v-for="item in timeOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+
+        <el-date-picker v-model.trim="timeValue" type="datetimerange" :disabled="disabledPicker"
+            style="width: 360px; margin-right: 10px" unlink-panels :clearable="false" range-separator="至"
+            start-placeholder="开始时间" end-placeholder="结束时间" value-format="YYYY-MM-DD HH:mm:ss" 
+            :shortcuts="shortcuts" />
+        <el-button :disabled="backDisabled" type="primary" :icon="DArrowLeft" @click="preClick"></el-button>
+        <el-button type="primary" :icon="VideoPause" @click="nowTime">当前</el-button>
+        <el-button :disabled="preDisabled" type="primary" :icon="DArrowRight" @click="next"></el-button>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { DArrowLeft, VideoPause, DArrowRight } from '@element-plus/icons-vue'
+import { ref, onMounted } from 'vue'
+
+interface Props {
+    nextFlag?: boolean
+    theCurrentTime?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    nextFlag: false,
+    theCurrentTime: true
+})
+
+const interval = ref(3)
+const timeFlag = ref(1)
+const count = ref(0)
+const disabledPicker = ref(true)
+const timeValue = ref()
+const backDisabled = ref(false)
+const preDisabled = ref(true)
+const timeOptions: any = ref([
+    { label: '年份', value: 1 },
+    { label: '季度', value: 2 },
+    { label: '月份', value: 3 },
+    { label: '周', value: 4 },
+    { label: '自定义', value: 5 }
+])
+
+// 添加格式化时间显示的函数
+const formatDateTimeDisplay = (date: Date) => {
+    const year = date.getFullYear()
+    const month = String(date.getMonth() + 1).padStart(2, '0')
+    const day = String(date.getDate()).padStart(2, '0')
+    const hours = String(date.getHours()).padStart(2, '0')
+    const minutes = String(date.getMinutes()).padStart(2, '0')
+    const seconds = String(date.getSeconds()).padStart(2, '0')
+    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+}
+
+const shortcuts = [
+    {
+        text: '最近一周',
+        value: () => {
+            const end = new Date()
+            const start = new Date()
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
+            // 设置开始时间为当天的00:00:00
+            start.setHours(0, 0, 0, 0)
+            // 设置结束时间为当天的23:59:59
+            end.setHours(23, 59, 59, 999)
+            return [start, end]
+        }
+    },
+    {
+        text: '最近一个月',
+        value: () => {
+            const end = new Date()
+            const start = new Date()
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
+            // 设置开始时间为当天的00:00:00
+            start.setHours(0, 0, 0, 0)
+            // 设置结束时间为当天的23:59:59
+            end.setHours(23, 59, 59, 999)
+            return [start, end]
+        }
+    },
+    {
+        text: '最近3个月',
+        value: () => {
+            const end = new Date()
+            const start = new Date()
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
+            // 设置开始时间为当天的00:00:00
+            start.setHours(0, 0, 0, 0)
+            // 设置结束时间为当天的23:59:59
+            end.setHours(23, 59, 59, 999)
+            return [start, end]
+        }
+    }
+]
+
+onMounted(() => {
+    timeChange(3)
+})
+
+// 选择时间范围
+const timeChange = (e: number) => {
+    backDisabled.value = false
+    preDisabled.value = true
+    count.value = 0
+    
+    if (e == 1) {
+        disabledPicker.value = true
+        timeValue.value = [setTime(1), setTime()]
+    } else if (e == 2) {
+        disabledPicker.value = true
+        timeValue.value = [setTime(2), setTime()]
+    } else if (e == 3) {
+        disabledPicker.value = true
+        timeValue.value = [setTime(3), setTime()]
+    } else if (e == 4) {
+        let year = parseInt(setTime().substring(0, 4))
+        let month = parseInt(setTime().substring(5, 7))
+        let date = parseInt(setTime().substring(8, 10))
+
+        var start = new Date(year, month - 1, date)
+        var dayOfWeek = start.getDay() == 0 ? 7 : start.getDay() - 1 // 如果为周日，则置为7天
+
+        disabledPicker.value = true
+        timeValue.value = [setTime(0, dayOfWeek), setTime(0, -6 + dayOfWeek)]
+    } else if (e == 5) {
+        disabledPicker.value = false
+        backDisabled.value = true
+        preDisabled.value = true
+        timeValue.value = [setTime(), setTime()]
+    }
+    
+    if (e == 1 || e == 2) {
+        timeFlag.value = 0
+    } else {
+        timeFlag.value = 1
+    }
+    
+    // 添加时分秒
+    if (timeValue.value && timeValue.value.length === 2) {
+        if (e != 5) { // 非自定义时间
+            // 开始时间设置为00:00:00
+            if (timeValue.value[0] && typeof timeValue.value[0] === 'string' && timeValue.value[0].length === 10) {
+                timeValue.value[0] += ' 00:00:00'
+            } else if (timeValue.value[0] instanceof Date) {
+                timeValue.value[0].setHours(0, 0, 0, 0)
+            }
+            
+            // 结束时间设置为23:59:59
+            if (timeValue.value[1] && typeof timeValue.value[1] === 'string' && timeValue.value[1].length === 10) {
+                timeValue.value[1] += ' 23:59:59'
+            } else if (timeValue.value[1] instanceof Date) {
+                timeValue.value[1].setHours(23, 59, 59, 999)
+            }
+        }
+    }
+}
+
+// 当前
+const nowTime = () => {
+    timeChange(interval.value)
+}
+
+// 上一个
+const preClick = () => {
+    preDisabled.value = false
+    let startTime = timeValue.value[0]
+    let endTime = timeValue.value[1]
+    let year = parseInt(startTime.substring(0, 4))
+    let month = parseInt(startTime.substring(5, 7))
+    let date = parseInt(startTime.substring(8, 10))
+    
+    //按月
+    if (interval.value == 3) {
+        // 换年份
+        if (month == 1) {
+            year = year - 1
+            startTime = year + '-12-01 00:00:00'
+            endTime = year + '-12-31 23:59:59'
+        } else if (month <= 10) {
+            month = month - 1
+            startTime = year + '-0' + month + '-01 00:00:00'
+            let day = getDays(year, month)
+            endTime = year + '-0' + month + '-' + day + ' 23:59:59'
+        } else {
+            month = month - 1
+            startTime = year + '-' + month + '-01 00:00:00'
+            let day = getDays(year, month)
+            endTime = year + '-' + month + '-' + day + ' 23:59:59'
+        }
+        //按周
+    } else if (interval.value == 4) {
+        //根据开始时间推
+        let start = new Date(year, month - 1, date)
+        start.setDate(start.getDate() - 7)
+        startTime = formatTime(start) + ' 00:00:00'
+        var end = new Date(start)
+        end.setDate(start.getDate() + 6)
+        endTime = formatTime(end) + ' 23:59:59'
+        //按季度
+    } else if (interval.value == 2) {
+        // 换年份
+        if (month == 1) {
+            year = year - 1
+            startTime = year + '-10-01 00:00:00'
+            endTime = year + '-12-31 23:59:59'
+        } else {
+            // 还是本年
+            month = month - 3
+            startTime = year + '-0' + month + '-01 00:00:00'
+            month = month + 2
+            var day = getDays(year, month)
+            endTime = year + '-0' + month + '-' + day + ' 23:59:59'
+        }
+        //自定义
+    } else if (interval.value == 1) {
+        year = year - 1
+        startTime = year + '-01-01 00:00:00'
+        endTime = year + '-12-31 23:59:59'
+    }
+    
+    timeValue.value = [startTime, endTime]
+}
+
+//下一个
+const next = () => {
+    //向后
+    let startTime = timeValue.value[0]
+    let endTime = timeValue.value[1]
+    let year = parseInt(startTime.substring(0, 4))
+    let month = parseInt(startTime.substring(5, 7))
+    let date = parseInt(startTime.substring(8, 10))
+    var now = new Date()
+    // 获取当前年份
+    var presentY = now.getFullYear()
+    // 获取当前月份
+    var presentM = now.getMonth() + 1
+    // 获取当前日期
+    var presentD = now.getDate()
+    
+    if (interval.value == 3) {
+        if (month == 12) {
+            year = year + 1
+
+            // 年份进位后，大于当前的年份，是不科学的
+            if (presentY < year && !props.nextFlag) {
+                startTime = presentY + '-12-01 00:00:00'
+                if (presentD < 10) {
+                    endTime = presentY + '-12' + '-0' + presentD + ' 23:59:59'
+                } else {
+                    endTime = presentY + '-12' + '-' + presentD + ' 23:59:59'
+                }
+                // 年份进位后，等于当前的年份
+            } else if (presentY == year) {
+                startTime = year + '-01-01 00:00:00'
+                if (presentM > 1) {
+                    endTime = year + '-01-31 23:59:59'
+                } else {
+                    if (presentD < 10) {
+                        endTime = year + '-01' + '-0' + presentD + ' 23:59:59'
+                    } else {
+                        endTime = year + '-01' + '-' + presentD + ' 23:59:59'
+                    }
+                }
+                // 年份进位后，依旧小于当前的年份
+            } else {
+                startTime = year + '-01-01 00:00:00'
+                endTime = year + '-01-31 23:59:59'
+            }
+        } else {
+            month = month + 1
+            // 年份等于当前年份
+            if (presentY == year) {
+                // 月份超过当前月份，是不科学的
+                if (month >= presentM && !props.nextFlag) {
+                    if (presentM < 10) {
+                        startTime = year + '-0' + presentM + '-01 00:00:00'
+                        if (presentD < 10) {
+                            endTime = year + '-0' + presentM + '-0' + presentD + ' 23:59:59'
+                        } else {
+                            endTime = year + '-0' + presentM + '-' + presentD + ' 23:59:59'
+                        }
+                    } else {
+                        startTime = year + '-' + presentM + '-01 00:00:00'
+                        if (presentD < 10) {
+                            endTime = year + '-' + presentM + '-0' + presentD + ' 23:59:59'
+                        } else {
+                            endTime = year + '-' + presentM + '-' + presentD + ' 23:59:59'
+                        }
+                    }
+                } else {
+                    if (month < 10) {
+                        startTime = year + '-0' + month + '-01 00:00:00'
+                        var day = getDays(year, month)
+                        endTime = year + '-0' + month + '-' + day + ' 23:59:59'
+                    } else {
+                        startTime = year + '-' + month + '-01 00:00:00'
+                        var day = getDays(year, month)
+                        endTime = year + '-' + month + '-' + day + ' 23:59:59'
+                    }
+                }
+                // 年份小于当前的年份
+            } else {
+                if (month < 10) {
+                    startTime = year + '-0' + month + '-01 00:00:00'
+                    var day = getDays(year, month)
+                    endTime = year + '-0' + month + '-' + day + ' 23:59:59'
+                } else {
+                    startTime = year + '-' + month + '-01 00:00:00'
+                    var day = getDays(year, month)
+                    endTime = year + '-' + month + '-' + day + ' 23:59:59'
+                }
+            }
+        }
+    } else if (interval.value == 2) {
+        // 前进需要年份进位
+        if (month == 10) {
+            year = year + 1
+            // 年份进位后大于当前年份是不科学的
+            if (year > presentY && !props.nextFlag) {
+                startTime = presentY + '-10-01 00:00:00'
+                if (presentD < 10) {
+                    endTime = year + '-' + presentM + '-0' + presentD + ' 23:59:59'
+                } else {
+                    endTime = year + '-' + presentM + '-' + presentD + ' 23:59:59'
+                }
+            } else if (year == presentY) {
+                startTime = year + '-01-01 00:00:00'
+                // 当前月份大约3月份
+                if (presentM > 3) {
+                    endTime = year + '-03-31 23:59:59'
+                } else {
+                    // 当前月份也在第一季度里
+                    if (presentD < 10) {
+                        endTime = year + '-0' + presentM + '-0' + presentD + ' 23:59:59'
+                    } else {
+                        endTime = year + '-0' + presentM + '-' + presentD + ' 23:59:59'
+                    }
+                }
+            } else {
+                startTime = year + '-01-01 00:00:00'
+                endTime = year + '-03-31 23:59:59'
+            }
+        } else {
+            month = month + 3
+            // 季度进位后，超过当前月份是不科学的
+            if (year == presentY && !props.nextFlag) {
+                if (month >= presentM) {
+                    // 当季度进位后大于当前月，以当前月的时间显示季度
+                    if (presentM > 0 && presentM < 4) {
+                        // 第一季度
+                        startTime = year + '-01-01 00:00:00'
+                        if (presentD < 10) {
+                            endTime = year + '-0' + presentM + '-0' + presentD + ' 23:59:59'
+                        } else {
+                            endTime = year + '-0' + presentM + '-' + presentD + ' 23:59:59'
+                        }
+                    } else if (presentM > 3 && presentM < 7) {
+                        // 第二季度
+                        startTime = year + '-04-01 00:00:00'
+                        if (presentD < 10) {
+                            endTime = year + '-0' + presentM + '-0' + presentD + ' 23:59:59'
+                        } else {
+                            endTime = year + '-0' + presentM + '-' + presentD + ' 23:59:59'
+                        }
+                    } else if (presentM > 6 && presentM < 10) {
+                        // 第三季度
+                        startTime = year + '-07-01 00:00:00'
+                        if (presentD < 10) {
+                            endTime = year + '-0' + presentM + '-0' + presentD + ' 23:59:59'
+                        } else {
+                            endTime = year + '-0' + presentM + '-' + presentD + ' 23:59:59'
+                        }
+                    } else {
+                        // 第四季度
+                        startTime = year + '-10-01 00:00:00'
+                        if (presentD < 10) {
+                            endTime = year + '-' + presentM + '-0' + presentD + ' 23:59:59'
+                        } else {
+                            endTime = year + '-' + presentM + '-' + presentD + ' 23:59:59'
+                        }
+                    }
+                } else {
+                    if (month == 10) {
+                        startTime = year + '-' + month + '-01 00:00:00'
+                    } else {
+                        startTime = year + '-0' + month + '-01 00:00:00'
+                    }
+                    month = month + 2
+                    if (month >= presentM) {
+                        endTime = NowgetEndTime() + ' 23:59:59'
+                    } else {
+                        var day = getDays(year, month)
+                        endTime = year + '-0' + month + '-' + day + ' 23:59:59'
+                    }
+                }
+            } else {
+                if (month == 10) {
+                    startTime = year + '-' + month + '-01 00:00:00'
+                    month = month + 2
+                    var day = getDays(year, month)
+                    endTime = year + '-' + month + '-' + day + ' 23:59:59'
+                } else {
+                    startTime = year + '-0' + month + '-01 00:00:00'
+                    month = month + 2
+                    var day = getDays(year, month)
+                    endTime = year + '-0' + month + '-' + day + ' 23:59:59'
+                }
+            }
+        }
+    } else if (interval.value == 5) {
+        // 自定义时间保持原样
+    } else if (interval.value == 4) {
+        //根据开始时间推
+        var start = new Date(year, month - 1, date)
+        start.setDate(start.getDate() + 7)
+        startTime = formatTime(start) + ' 00:00:00'
+        var end = new Date(start)
+        end.setDate(start.getDate() + 6)
+        endTime = formatTime(end) + ' 23:59:59'
+    } else {
+        year = year + 1
+        // 年份进位后大于当前年份，是不科学的
+        if (year >= presentY && !props.nextFlag) {
+            startTime = presentY + '-01-01 00:00:00'
+            if (presentM < 10) {
+                if (presentD < 10) {
+                    endTime = presentY + '-0' + presentM + '-0' + presentD + ' 23:59:59'
+                } else {
+                    endTime = presentY + '-0' + presentM + '-' + presentD + ' 23:59:59'
+                }
+            } else {
+                if (presentD < 10) {
+                    endTime = presentY + '-' + presentM + '-0' + presentD + ' 23:59:59'
+                } else {
+                    endTime = presentY + '-' + presentM + '-' + presentD + ' 23:59:59'
+                }
+            }
+        } else {
+            startTime = year + '-01-01 00:00:00'
+            endTime = year + '-12-31 23:59:59'
+        }
+    }
+    
+    if (!props.nextFlag) {
+        if (new Date(endTime).getTime() >= new Date().setHours(0, 0, 0, 0)) {
+            preDisabled.value = true
+        }
+    }
+
+    timeValue.value = [startTime, endTime]
+}
+
+const setTime = (flag = 0, e = 0) => {
+    let dd = window.XEUtils.toDateString(new Date().getTime() - e * 3600 * 1000 * 24, 'dd')
+    let data = ''
+
+    if ((dd < 2 || dd == 0) && interval.value != 4 && !props.theCurrentTime) {
+        data = window.XEUtils.toDateString(new Date().getTime() - (e + dd) * 3600 * 1000 * 24, 'yyyy-MM-dd')
+    } else {
+        data = window.XEUtils.toDateString(new Date().getTime() - e * 3600 * 1000 * 24, 'yyyy-MM-dd')
+    }
+
+    if (flag == 1) {
+        data = data.slice(0, 5) + '01-01'
+    } else if (flag == 2) {
+        let quarter = parseInt(data.slice(5, 7))
+        if (0 < quarter && quarter <= 3) {
+            data = data.slice(0, 5) + '01-01'
+        } else if (3 < quarter && quarter <= 6) {
+            data = data.slice(0, 5) + '04-01'
+        } else if (6 < quarter && quarter <= 9) {
+            data = data.slice(0, 5) + '07-01'
+        } else {
+            data = data.slice(0, 5) + '10-01'
+        }
+    }
+    if (flag == 3) {
+        data = data.slice(0, 8) + '01'
+    }
+
+    return data
+}
+
+// 获取月份的天数
+const getDays = (year: any, month: any) => {
+    let max = new Date(year, month, 0).getDate()
+    return max
+}
+
+// 时间格式化
+const formatTime = (time: any) => {
+    return (
+        time.getFullYear() +
+        '-' +
+        (time.getMonth() + 1 < 10 ? '0' : '') +
+        (time.getMonth() + 1) +
+        '-' +
+        (time.getDate() < 10 ? '0' : '') +
+        time.getDate()
+    )
+}
+
+const NowgetEndTime = () => {
+    let now = new Date()
+    let sep = '-'
+    let year = now.getFullYear()
+    let month: any = now.getMonth() + 1
+    if (month < 10) {
+        month = '0' + month
+    }
+    let date: any = now.getDate()
+    if (date < 10) {
+        date = '0' + date
+    }
+
+    // 拼接当前的日期
+    let endTime = year + sep + month + sep + date
+    return endTime
+}
+
+const setTimeOptions = (list: any) => {
+    timeOptions.value = list
+}
+
+const setInterval = (value: any) => {
+    interval.value = value
+    timeChange(value)
+}
+
+// 获取时间范围的同比
+function getYearOnYear(startDate: string, endDate: string): [string, string] {
+    const startYearAgo = new Date(startDate)
+    startYearAgo.setFullYear(startYearAgo.getFullYear() - 1)
+
+    const endYearAgo = new Date(endDate)
+    endYearAgo.setFullYear(endYearAgo.getFullYear() - 1)
+
+    return [formatDate(startYearAgo), formatDate(endYearAgo)]
+}
+
+// 获取时间范围的环比
+function getMonthOnMonth(startDate: string, endDate: string): [string, string] {
+    const start = new Date(startDate)
+    const end = new Date(endDate)
+
+    const diffTime = end.getTime() - start.getTime() + 60 * 60 * 24 * 1000 // 计算时间差
+    const startMonthAgo = new Date(start)
+    startMonthAgo.setTime(startMonthAgo.getTime() - diffTime) // 将开始时间向前推移相同的时间差
+
+    const endMonthAgo = new Date(start)
+    endMonthAgo.setDate(start.getDate() - 1) // 结束时间是开始时间的前一天
+
+    return [formatDate(startMonthAgo), formatDate(endMonthAgo)]
+}
+
+// 格式化日期为 YYYY-MM-DD
+function formatDate(date: Date): string {
+    const year = date.getFullYear()
+    const month = String(date.getMonth() + 1).padStart(2, '0')
+    const day = String(date.getDate()).padStart(2, '0')
+    return `${year}-${month}-${day}`
+}
+
+defineExpose({ 
+    timeValue, 
+    interval, 
+    timeFlag, 
+    setTimeOptions, 
+    setInterval, 
+    getYearOnYear, 
+    getMonthOnMonth, 
+    timeChange,
+    formatDateTimeDisplay // 暴露格式化函数
+})
+</script>
+
+<style scoped>
+.demo-date-picker {
+    display: flex;
+    width: 100%;
+    padding: 0;
+    flex-wrap: wrap;
+}
+
+.demo-date-picker .block {
+    padding: 30px 0;
+    text-align: center;
+    border-right: solid 1px var(--el-border-color);
+    flex: 1;
+}
+
+.demo-date-picker .block:last-child {
+    border-right: none;
+}
+
+.demo-date-picker .demonstration {
+    display: block;
+    color: var(--el-text-color-secondary);
+    font-size: 14px;
+    margin-bottom: 20px;
+}
+</style>

src/components/table/index.vue

@@ -1,23 +1,44 @@
 <template>
     <div :style="{ height: tableStore.table.height }">
-        <vxe-table ref="tableRef" height="auto" :data="tableStore.table.data" v-loading="tableStore.table.loading"
-            v-bind="Object.assign({}, defaultAttribute, $attrs)" @checkbox-all="selectChangeEvent"
-            @checkbox-change="selectChangeEvent" :showOverflow="showOverflow">
+        <vxe-table
+            ref="tableRef"
+            height="auto"
+            :key="key"
+            :data="tableStore.table.data"
+            v-loading="tableStore.table.loading"
+            v-bind="Object.assign({}, defaultAttribute, $attrs)"
+            @checkbox-all="selectChangeEvent"
+            @checkbox-change="selectChangeEvent"
+            :showOverflow="showOverflow"
+            :sort-config="{ remote: true }"
+            @sort-change="handleSortChange"
+        >
             <!-- Column 组件内部是 el-table-column -->
             <template v-if="isGroup">
                 <GroupColumn :column="tableStore.table.column" />
             </template>
             <template v-else>
-                <Column :attr="item" :key="key + '-column'" v-for="(item, key) in tableStore.table.column"
-                    :tree-node="item.treeNode">
+                <Column
+                    :attr="item"
+                    :key="key + '-column'"
+                    v-for="(item, key) in tableStore.table.column"
+                    :tree-node="item.treeNode"
+                >
                     <!-- tableStore 预设的列 render 方案 -->
                     <template v-if="item.render" #default="scope">
-                        <FieldRender :field="item" :row="scope.row" :column="scope.column" :index="scope.rowIndex" :key="key +
+                        <FieldRender
+                            :field="item"
+                            :row="scope.row"
+                            :column="scope.column"
+                            :index="scope.rowIndex"
+                            :key="
+                                key +
                                 '-' +
                                 item.render +
                                 '-' +
                                 (item.field ? '-' + item.field + '-' + scope.row[item.field] : '')
-                            " />
+                            "
+                        />
                     </template>
                 </Column>
             </template>
@@ -26,11 +47,16 @@
     </div>
 
     <div v-if="tableStore.showPage" class="table-pagination">
-        <el-pagination :currentPage="tableStore.table.params!.pageNum" :page-size="tableStore.table.params!.pageSize"
-            :page-sizes="pageSizes" background
+        <el-pagination
+            :currentPage="tableStore.table.params!.pageNum"
+            :page-size="tableStore.table.params!.pageSize"
+            :page-sizes="pageSizes"
+            background
             :layout="config.layout.shrink ? 'prev, next, jumper' : 'sizes,total, ->, prev, pager, next, jumper'"
-            :total="tableStore.table.total" @size-change="onTableSizeChange"
-            @current-change="onTableCurrentChange"></el-pagination>
+            :total="tableStore.table.total"
+            @size-change="onTableSizeChange"
+            @current-change="onTableCurrentChange"
+        ></el-pagination>
     </div>
     <slot name="footer"></slot>
 </template>
@@ -51,7 +77,7 @@ const config = useConfig()
 const tableRef = ref<VxeTableInstance>()
 const tableStore = inject('tableStore') as TableStoreClass
 const router = useRouter()
-
+const key = ref(0)
 interface Props extends /* @vue-ignore */ Partial<InstanceType<typeof ElTable>> {
     isGroup?: boolean
     showOverflow?: boolean
@@ -82,7 +108,31 @@ const pageSizes = computed(() => {
     }
     return defaultSizes
 })
+const handleSortChange = ({ field, order }: any) => {
+    // console.log('🚀 ~ handleSortChange ~ prop, order :', field, order)
+    if (field && order) {
+        // 根据当前排序条件对所有数据进行排序
+        const list = tableStore.table.copyData.sort((a, b) => {
+            if (order === 'asc') {
+                return a[field] > b[field] ? 1 : -1
+            } else {
+                return a[field] < b[field] ? 1 : -1
+            }
+        })
         
+        if (tableStore.isWebPaging) {
+            tableStore.table.data = JSON.parse(
+                JSON.stringify(
+                    window.XEUtils.chunk(list, tableStore.table.params!.pageSize)[tableStore.table.params!.pageNum - 1]
+                )
+            )
+        } else {
+            tableStore.table.data = JSON.parse(JSON.stringify(list))
+        }
+
+        // key.value += 1
+    }
+}
 /*
  * 记录选择的项
  */
@@ -98,8 +148,6 @@ watch(
     () => tableStore.table.allFlag,
     newVal => {
         if (tableStore.table.allFlag) {
-            console.log("🚀 ~  tableStore.table:",  tableStore.exportName || document.querySelectorAll('.ba-nav-tab.active')[0].textContent || '')
-
             tableRef.value?.exportData({
                 filename: tableStore.exportName || document.querySelectorAll('.ba-nav-tab.active')[0].textContent || '', // 文件名字
                 sheetName: 'Sheet1',
@@ -107,14 +155,15 @@ watch(
                 useStyle: true,
                 data: tableStore.table.allData, // 数据源 // 过滤那个字段导出
                 columnFilterMethod: function (column: any) {
-                    return !(column.column.title === undefined || column.column.title === '序号' || column.column.title === '操作')
+                    return !(
+                        column.column.title === undefined ||
+                        column.column.title === '序号' ||
+                        column.column.title === '操作'
+                    )
                 }
             })
             tableStore.table.allFlag = false
-
         }
-
-
     }
 )
 watch(

src/components/tree/device.vue

@@ -1,34 +1,73 @@
 <!-- 设备管理使用折叠面板渲染多个tree -->
 <template>
     <div :style="{ width: menuCollapse ? '40px' : props.width }" style="display: flex; overflow: hidden">
-        <Icon v-show="menuCollapse" @click="onMenuCollapse" :name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'"
-            :class="menuCollapse ? 'unfold' : ''" size="18" class="fold ml10 mt20 menu-collapse"
-            style="cursor: pointer" />
+        <Icon
+            v-show="menuCollapse"
+            @click="onMenuCollapse"
+            :name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'"
+            :class="menuCollapse ? 'unfold' : ''"
+            size="18"
+            class="fold ml10 mt20 menu-collapse"
+            style="cursor: pointer"
+        />
         <div class="cn-tree" :style="{ opacity: menuCollapse ? 0 : 1 }">
             <div style="display: flex; align-items: center" class="mb10">
                 <!-- <el-form-item> -->
-                <el-input maxlength="32" show-word-limit v-model.trim="filterText" autocomplete="off"
-                    placeholder="请输入内容" clearable>
+                <el-input
+                    maxlength="32"
+                    show-word-limit
+                    v-model.trim="filterText"
+                    autocomplete="off"
+                    placeholder="请输入内容"
+                    clearable
+                >
                     <template #prefix>
                         <Icon name="el-icon-Search" style="font-size: 16px" />
                     </template>
                 </el-input>
                 <!-- </el-form-item> -->
-                <Icon @click="onMenuCollapse" :name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'"
-                    :class="menuCollapse ? 'unfold' : ''" size="18" class="fold ml10 menu-collapse"
-                    style="cursor: pointer" v-if="props.canExpand" />
+                <Icon
+                    @click="onMenuCollapse"
+                    :name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'"
+                    :class="menuCollapse ? 'unfold' : ''"
+                    size="18"
+                    class="fold ml10 menu-collapse"
+                    style="cursor: pointer"
+                    v-if="props.canExpand"
+                />
             </div>
-            <el-collapse :accordion="true" v-model.trim="activeName" style="flex: 1; height: 100%"
-                @change="changeDevice">
+            <el-collapse
+                :accordion="true"
+                v-model.trim="activeName"
+                style="flex: 1; height: 100%"
+                @change="changeDevice"
+            >
                 <el-collapse-item title="治理设备" name="0" v-if="zlDeviceData.length != 0">
+                    <el-select v-model.trim="process" clearable placeholder="请选择状态" class="mb10">
+                        <el-option label="功能调试" value="2"></el-option>
+                        <el-option label="出厂调试" value="3"></el-option>
+                        <el-option label="正式投运" value="4"></el-option>
+                    </el-select>
                     <el-tree
-                        :style="{ height: bxsDeviceData.length != 0 ? 'calc(100vh - 300px)' : 'calc(100vh - 238px)' }"
-                        ref="treeRef1" :props="defaultProps" highlight-current :filter-node-method="filterNode"
-                        node-key="id" default-expand-all v-bind="$attrs" :data="zlDeviceData" style="overflow: auto">
+                        :style="{ height: bxsDeviceData.length != 0 ? 'calc(100vh - 340px)' : 'calc(100vh - 278px)' }"
+                        ref="treeRef1"
+                        :props="defaultProps"
+                        highlight-current
+                        :filter-node-method="filterNode"
+                        node-key="id"
+                        default-expand-all
+                        v-bind="$attrs"
+                        :data="zlDevList"
+                        style="overflow: auto"
+                    >
                         <template #default="{ node, data }">
                             <span class="custom-tree-node">
-                                <Icon :name="data.icon" style="font-size: 16px" :style="{ color: data.color }"
-                                    v-if="data.icon" />
+                                <Icon
+                                    :name="data.icon"
+                                    style="font-size: 16px"
+                                    :style="{ color: data.color }"
+                                    v-if="data.icon"
+                                />
                                 <span style="margin-left: 4px">{{ node.label }}</span>
                             </span>
                         </template>
@@ -37,13 +76,24 @@
                 <el-collapse-item title="便携式设备" name="1" v-if="bxsDeviceData.length != 0">
                     <el-tree
                         :style="{ height: zlDeviceData.length != 0 ? 'calc(100vh - 280px)' : 'calc(100vh - 238px)' }"
-                        ref="treeRef2" :props="defaultProps" highlight-current default-expand-all
-                        :filter-node-method="filterNode" node-key="id" :data="bxsDeviceData" v-bind="$attrs"
-                        style="overflow: auto">
+                        ref="treeRef2"
+                        :props="defaultProps"
+                        highlight-current
+                        default-expand-all
+                        :filter-node-method="filterNode"
+                        node-key="id"
+                        :data="bxsDeviceData"
+                        v-bind="$attrs"
+                        style="overflow: auto"
+                    >
                         <template #default="{ node, data }">
                             <span class="custom-tree-node">
-                                <Icon :name="data.icon" style="font-size: 16px" :style="{ color: data.color }"
-                                    v-if="data.icon" />
+                                <Icon
+                                    :name="data.icon"
+                                    style="font-size: 16px"
+                                    :style="{ color: data.color }"
+                                    v-if="data.icon"
+                                />
                                 <span style="margin-left: 4px">{{ node.label }}</span>
                             </span>
                         </template>
@@ -84,8 +134,10 @@ const defaultProps = {
     label: 'name',
     value: 'id'
 }
+const process = ref('')
 //治理设备数据
 const zlDeviceData = ref([])
+const zlDevList = ref<any>([])
 //便携式设备数据
 const bxsDeviceData = ref([])
 watch(
@@ -118,6 +170,38 @@ watch(filterText, val => {
         treeRef2.value!.filter(val)
     }
 })
+watch(process, val => {
+    if (val == '') {
+        zlDevList.value = JSON.parse(JSON.stringify(zlDeviceData.value))
+    } else {
+        zlDevList.value = filterProcess(JSON.parse(JSON.stringify(zlDeviceData.value)))
+    }
+    setTimeout(() => {
+        changeDevice(activeName.value)
+    }, 0)
+})
+function filterProcess(nodes: any) {
+    if (process.value == '') {
+        return nodes
+    }
+    return nodes
+        .map(node => {
+            // 递归处理子节点
+            const children = node.children ? filterProcess(node.children) : []
+
+            // 如果当前节点的process=4，或者有子节点满足条件，则保留当前节点
+            if (node.process == process.value || children.length > 0) {
+                return {
+                    ...node,
+                    children: node.children
+                }
+            }
+
+            // 否则过滤掉当前节点
+            return null
+        })
+        .filter(Boolean) // 移除null节点
+}
 const onMenuCollapse = () => {
     menuCollapse.value = !menuCollapse.value
     proxy.eventBus.emit('cnTreeCollapse', menuCollapse)
@@ -126,14 +210,12 @@ const filterNode = (value: string, data: any, node: any) => {
     if (!value) return true
     // return data.name.includes(value)
     if (data.name) {
-
         return chooseNode(value, data, node)
     }
 }
 
 // 过滤父节点 / 子节点 (如果输入的参数是父节点且能匹配，则返回该节点以及其下的所有子节点；如果参数是子节点，则返回该节点的父节点。name是中文字符，enName是英文字符.
 const chooseNode = (value: string, data: any, node: any) => {
-
     if (data.name.indexOf(value) !== -1) {
         return true
     }
@@ -161,7 +243,9 @@ const chooseNode = (value: string, data: any, node: any) => {
 
 const changeDevice = (val: any) => {
     let arr1: any = []
-    zlDeviceData.value.forEach((item: any) => {
+
+    //zlDeviceData
+    zlDevList.value.forEach((item: any) => {
         item.children.forEach((item2: any) => {
             item2.children.forEach((item3: any) => {
                 arr1.push(item3)
@@ -197,6 +281,7 @@ defineExpose({ treeRef1, treeRef2 })
 onMounted(() => {
     setTimeout(() => {
         if (zlDeviceData.value.length != 0) {
+            zlDevList.value = filterProcess(JSON.parse(JSON.stringify(zlDeviceData.value)))
             activeName.value = '0'
         }
         if (zlDeviceData.value.length === 0 && bxsDeviceData.value.length != 0) {
@@ -205,7 +290,9 @@ onMounted(() => {
         if (!zlDeviceData.value && !bxsDeviceData.value) {
             activeName.value = ''
         }
+        nextTick(() => {
             changeDevice(activeName.value)
+        })
     }, 500)
 })
 </script>

src/components/tree/govern/deviceTree.vue

@@ -32,6 +32,7 @@ const config = useConfig()
 const tree = ref()
 const treRef = ref()
 const changeDeviceType = (val: any, obj: any) => {
+    console.log("🚀 ~ changeDeviceType ~ val:", val,obj)
     emit('deviceTypeChange', val, obj)
 }
 getDeviceTree().then(res => {

src/components/tree/govern/pointTree.vue

@@ -12,11 +12,9 @@ import { useDictData } from '@/stores/dictData'
 // const props = defineProps(['template'])
 interface Props {
     template?: boolean
-
 }
 const props = withDefaults(defineProps<Props>(), {
-    template: false,
-
+    template: false
 })
 defineOptions({
     name: 'govern/deviceTree'
@@ -29,15 +27,11 @@ const dictData = useDictData()
 const treRef = ref()
 const width = ref('')
 
-
-
-
-
-
 const info = () => {
-    getLineTree().then(res => {
+    tree.value = []
     let arr1: any[] = []
     let arr2: any[] = []
+    getLineTree().then(res => {
         //治理设备
         res.data.map((item: any) => {
             if (item.name == '治理设备') {
@@ -71,13 +65,15 @@ const info = () => {
                     item.color = item.comFlag === 2 ? config.getColorVal('elementUiPrimary') : '#e26257 !important'
                     item.children.forEach((item2: any) => {
                         item2.icon = 'el-icon-Platform'
-                        item2.color = item2.comFlag === 2 ? config.getColorVal('elementUiPrimary') : '#e26257 !important'
+                        item2.color =
+                            item2.comFlag === 2 ? config.getColorVal('elementUiPrimary') : '#e26257 !important'
                         arr2.push(item2)
                     })
                 })
             }
         })
         tree.value = res.data
+
         nextTick(() => {
             if (arr1.length) {
                 //初始化选中
@@ -98,7 +94,6 @@ const info = () => {
             //     })
             // }
             else {
-
                 emit('init', arr2[0])
             }
         })
@@ -108,17 +103,16 @@ const changePointType = (val: any, obj: any) => {
     emit('pointTypeChange', val, obj)
 }
 if (props.template) {
-    getTemplateByDept({ id: dictData.state.area[0].id }).then((res: any) => {
+    getTemplateByDept({ id: dictData.state.area[0].id })
+        .then((res: any) => {
             emit('Policy', res.data)
             info()
-
-    }).catch(err => {
+        })
+        .catch(err => {
             info()
         })
 } else {
     info()
 }
-onMounted(() => {
-
-})
+onMounted(() => {})
 </script>

src/components/tree/point.vue

@@ -1,9 +1,16 @@
 <!-- 设备监控使用折叠面板渲染多个tree -->
 <template>
     <div :style="{ width: menuCollapse ? '40px' : props.width }" style="display: flex; overflow: hidden">
-        <Icon v-show="menuCollapse" @click="onMenuCollapse" :name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'"
-            :class="menuCollapse ? 'unfold' : ''" size="18" class="fold ml10 mt20 menu-collapse" style="cursor: pointer"
-            v-if="route.path != '/admin/govern/reportCore/statistics/index'" />
+        <Icon
+            v-show="menuCollapse"
+            @click="onMenuCollapse"
+            :name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'"
+            :class="menuCollapse ? 'unfold' : ''"
+            size="18"
+            class="fold ml10 mt20 menu-collapse"
+            style="cursor: pointer"
+            v-if="route.path != '/admin/govern/reportCore/statistics/index'"
+        />
         <div class="cn-tree" :style="{ opacity: menuCollapse ? 0 : 1, display: menuCollapse ? 'none' : '' }">
             <div style="display: flex; align-items: center" class="mb10">
                 <el-input maxlength="32" show-word-limit v-model.trim="filterText" placeholder="请输入内容" clearable>
@@ -11,22 +18,49 @@
                         <Icon name="el-icon-Search" style="font-size: 16px" />
                     </template>
                 </el-input>
-                <Icon @click="onMenuCollapse" :name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'"
-                    :class="menuCollapse ? 'unfold' : ''" size="18" class="fold ml10 menu-collapse"
+                <Icon
+                    @click="onMenuCollapse"
+                    :name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'"
+                    :class="menuCollapse ? 'unfold' : ''"
+                    size="18"
+                    class="fold ml10 menu-collapse"
                     style="cursor: pointer"
-                    v-if="props.canExpand && route.path != '/admin/govern/reportCore/statistics/index'" />
+                    v-if="props.canExpand && route.path != '/admin/govern/reportCore/statistics/index'"
+                />
             </div>
-            <el-collapse :accordion="true" v-model.trim="activeName" style="flex: 1; height: 100%"
-                @change="changeDevice">
+            <el-collapse
+                :accordion="true"
+                v-model.trim="activeName"
+                style="flex: 1; height: 100%"
+                @change="changeDevice"
+            >
                 <el-collapse-item title="治理设备" name="0" v-if="zlDeviceData.length != 0">
+                    <el-select v-model.trim="process" clearable placeholder="请选择状态" class="mb10">
+                        <el-option label="功能调试" value="2"></el-option>
+                        <el-option label="出厂调试" value="3"></el-option>
+                        <el-option label="正式投运" value="4"></el-option>
+                    </el-select>
+
                     <el-tree
-                        :style="{ height: bxsDeviceData.length != 0 ? 'calc(100vh - 300px)' : 'calc(100vh - 238px)' }"
-                        ref="treeRef1" :props="defaultProps" highlight-current :filter-node-method="filterNode"
-                        node-key="id" default-expand-all v-bind="$attrs" :data="zlDeviceData" style="overflow: auto">
+                        :style="{ height: bxsDeviceData.length != 0 ? 'calc(100vh - 340px)' : 'calc(100vh - 278px)' }"
+                        ref="treeRef1"
+                        :props="defaultProps"
+                        highlight-current
+                        :filter-node-method="filterNode"
+                        node-key="id"
+                        default-expand-all
+                        v-bind="$attrs"
+                        :data="zlDevList"
+                        style="overflow: auto"
+                    >
                         <template #default="{ node, data }">
                             <span class="custom-tree-node">
-                                <Icon :name="data.icon" style="font-size: 16px" :style="{ color: data.color }"
-                                    v-if="data.icon" />
+                                <Icon
+                                    :name="data.icon"
+                                    style="font-size: 16px"
+                                    :style="{ color: data.color }"
+                                    v-if="data.icon"
+                                />
                                 <span style="margin-left: 4px">{{ node.label }}</span>
                             </span>
                         </template>
@@ -35,13 +69,24 @@
                 <el-collapse-item title="便携式设备" name="1" v-if="bxsDeviceData.length != 0">
                     <el-tree
                         :style="{ height: zlDeviceData.length != 0 ? 'calc(100vh - 280px)' : 'calc(100vh - 238px)' }"
-                        ref="treeRef2" :props="defaultProps" highlight-current default-expand-all
-                        :filter-node-method="filterNode" node-key="id" :data="bxsDeviceData" v-bind="$attrs"
-                        style="overflow: auto">
+                        ref="treeRef2"
+                        :props="defaultProps"
+                        highlight-current
+                        default-expand-all
+                        :filter-node-method="filterNode"
+                        node-key="id"
+                        :data="bxsDeviceData"
+                        v-bind="$attrs"
+                        style="overflow: auto"
+                    >
                         <template #default="{ node, data }">
                             <span class="custom-tree-node">
-                                <Icon :name="data.icon" style="font-size: 16px" :style="{ color: data.color }"
-                                    v-if="data.icon" />
+                                <Icon
+                                    :name="data.icon"
+                                    style="font-size: 16px"
+                                    :style="{ color: data.color }"
+                                    v-if="data.icon"
+                                />
                                 <span style="margin-left: 4px">{{ node.label }}</span>
                             </span>
                         </template>
@@ -55,7 +100,7 @@
 <script lang="ts" setup>
 import useCurrentInstance from '@/utils/useCurrentInstance'
 import { ElTree } from 'element-plus'
-import { ref, watch, defineEmits, onMounted, nextTick } from 'vue'
+import { ref, watch, defineEmits, onMounted, nextTick, computed } from 'vue'
 import { useRoute } from 'vue-router'
 defineOptions({
     name: 'govern/tree'
@@ -74,7 +119,7 @@ const props = withDefaults(defineProps<Props>(), {
     type: '',
     data: []
 })
-
+const process = ref('')
 const route = useRoute()
 const { proxy } = useCurrentInstance()
 const menuCollapse = ref(false)
@@ -86,6 +131,7 @@ const defaultProps = {
 }
 //治理设备数据
 const zlDeviceData = ref<any>([])
+const zlDevList = ref<any>([])
 //便携式设备数据
 const bxsDeviceData = ref<any>([])
 watch(
@@ -97,12 +143,26 @@ watch(
                     item.children.map((vv: any) => {
                         zlDeviceData.value.push(vv)
                     })
+                    // console.log('🚀 ~ item.children.map ~  zlDeviceData.value:', zlDeviceData.value)
                 } else if (item.name == '便携式设备') {
                     item.children.map((vv: any) => {
                         bxsDeviceData.value.push(vv)
                     })
                 }
             })
+            if (zlDeviceData.value.length != 0) {
+                zlDevList.value = filterProcess(JSON.parse(JSON.stringify(zlDeviceData.value)))
+                activeName.value = '0'
+            }
+            if (zlDeviceData.value.length === 0 && bxsDeviceData.value.length != 0) {
+                activeName.value = '1'
+            }
+            if (!zlDeviceData.value && !bxsDeviceData.value) {
+                activeName.value = ''
+            }
+            nextTick(() => {
+                changeDevice(activeName.value)
+            })
         }
     },
     {
@@ -118,9 +178,21 @@ watch(filterText, val => {
         treeRef2.value!.filter(val)
     }
 })
+watch(process, val => {
+    if (val == '') {
+        zlDevList.value = JSON.parse(JSON.stringify(zlDeviceData.value))
+    } else {
+        zlDevList.value = filterProcess(JSON.parse(JSON.stringify(zlDeviceData.value)))
+    }
+    setTimeout(() => {
+        changeDevice(activeName.value)
+    }, 0)
+})
+
 const changeDevice = (val: any) => {
     let arr1: any = []
-    zlDeviceData.value.forEach((item: any) => {
+    //zlDeviceData
+    zlDevList.value.forEach((item: any) => {
         item.children.forEach((item2: any) => {
             item2.children.forEach((item3: any) => {
                 item3.children.forEach((item4: any) => {
@@ -162,14 +234,34 @@ const filterNode = (value: string, data: any, node: any) => {
     if (!value) return true
     // return data.name.includes(value)
     if (data.name) {
-
         return chooseNode(value, data, node)
     }
 }
+function filterProcess(nodes: any) {
+    if (process.value == '') {
+        return nodes
+    }
+    return nodes
+        .map(node => {
+            // 递归处理子节点
+            const children = node.children ? filterProcess(node.children) : []
 
+            // 如果当前节点的process=4，或者有子节点满足条件，则保留当前节点
+
+            if (node.process == process.value || children.length > 0) {
+                return {
+                    ...node,
+                    children: node.children
+                }
+            }
+
+            // 否则过滤掉当前节点
+            return null
+        })
+        .filter(Boolean) // 移除null节点
+}
 // 过滤父节点 / 子节点 (如果输入的参数是父节点且能匹配，则返回该节点以及其下的所有子节点；如果参数是子节点，则返回该节点的父节点。name是中文字符，enName是英文字符.
 const chooseNode = (value: string, data: any, node: any) => {
-
     if (data.name.indexOf(value) !== -1) {
         return true
     }
@@ -200,18 +292,10 @@ const treeRef1 = ref<InstanceType<typeof ElTree>>()
 const treeRef2 = ref<InstanceType<typeof ElTree>>()
 defineExpose({ treeRef1, treeRef2 })
 onMounted(() => {
-    setTimeout(() => {
-        if (zlDeviceData.value.length != 0) {
-            activeName.value = '0'
-        }
-        if (zlDeviceData.value.length === 0 && bxsDeviceData.value.length != 0) {
-            activeName.value = '1'
-        }
-        if (!zlDeviceData.value && !bxsDeviceData.value) {
-            activeName.value = ''
-        }
-        changeDevice(activeName.value)
-    }, 500)
+    // nextTick(() => {
+    //     // setTimeout(() => {
+    //     // }, 500)
+    // })
 })
 </script>
 

src/utils/request.ts

@@ -4,10 +4,10 @@ import { ElLoading, ElMessage, ElNotification, type LoadingOptions } from 'eleme
 import { refreshToken } from '@/api/user-boot/user'
 import router from '@/router/index'
 import { useAdminInfo } from '@/stores/adminInfo'
-import { set } from 'lodash'
 
 window.requests = []
 window.tokenRefreshing = false
+let loginExpireTimer:any=null
 const pendingMap = new Map()
 const loadingInstance: LoadingInstance = {
     target: null,
@@ -143,14 +143,29 @@ function createAxios<Data = any, T = ApiPromise<Data>>(
                     })
                 }
             } else if (response.data.code == 'A0024') {
-                // 登录失效
-                ElMessage({
+                 // // 登录失效
+                // 清除上一次的定时器
+                if (loginExpireTimer) {
+                    clearTimeout(loginExpireTimer)
+                }
+                loginExpireTimer = setTimeout(() => {
+                    ElNotification({
                         type: 'error',
                         message: response.data.message
                     })
                     adminInfo.removeToken()
                     router.push({ name: 'login' })
+                    loginExpireTimer = null // 执行后清空定时器
+                }, 100) // 可根据实际情况调整延迟时间
                 return Promise.reject(response.data)
+                // // 登录失效
+                // ElMessage({
+                //     type: 'error',
+                //     message: response.data.message
+                // })
+                // adminInfo.removeToken()
+                // router.push({ name: 'login' })
+                // return Promise.reject(response.data)
             } else {
                 if (options.showCodeMessage) {
                     if (response.config.url == '/access-boot/device/wlRegister') {

src/utils/tableStore.ts

@@ -34,6 +34,7 @@ export default class TableStore {
         ref: null,
         selection: [],
         data: [],
+        copyData: [],
         allData: [],
         allFlag: false,
         webPagingData: [],
@@ -93,6 +94,7 @@ export default class TableStore {
                     this.table.data = []
                     this.table.total = 0
                 }
+                this.table.copyData = filtration(this.table.data)
                 if (Array.isArray(res)) {
                     this.table.data = res
                 }

src/views/auth/audit/index.vue

@@ -29,7 +29,7 @@ const tableStore = new TableStore({
         { title: '角色', field: 'roleName' },
         // { title: '部门', field: 'deptId' },
         { title: '电话', field: 'phoneShow' },
-        { title: '注册时间', field: 'registerTime' },
+        { title: '注册时间', field: 'registerTime', sortable: true },
         { title: '类型', field: 'casualUserName' },
         { title: '状态', field: 'stateName' },
         {

src/views/auth/userList/index.vue

@@ -53,8 +53,8 @@ const tableStore = new TableStore({
         { title: '角色', field: 'roleName', minWidth: '130' },
         // { title: '部门', field: 'deptName', minWidth: '200' },
         { title: '电话', field: 'phoneShow', minWidth: '100' },
-        { title: '注册时间', field: 'registerTime', minWidth: '130' },
-        { title: '登录时间', field: 'loginTime', minWidth: '130' },
+        { title: '注册时间', field: 'registerTime', minWidth: '130', sortable: true },
+        { title: '登录时间', field: 'loginTime', minWidth: '130', sortable: true },
         { title: '类型', field: 'casualUserName', minWidth: '80' },
         {
             title: '状态',

src/views/govern/alarm/Abnormal.vue

@@ -25,8 +25,13 @@
         </template> -->
         <template #select>
             <el-form-item label="设备名称">
-                <el-input maxlength="32" clearable show-word-limit v-model.trim="tableStore.table.params.searchValue"
-                    placeholder="请输入设备名称" />
+                <el-input
+                    maxlength="32"
+                    clearable
+                    show-word-limit
+                    v-model.trim="tableStore.table.params.searchValue"
+                    placeholder="请输入设备名称"
+                />
             </el-form-item>
         </template>
     </TableHeader>
@@ -80,9 +85,16 @@ const tableStore = new TableStore({
     exportName: '异常事件',
     publicHeight: 65,
     column: [
+        {
+            title: '序号',
+            width: 80,
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
         { title: '设备名称', field: 'ndid', align: 'center' },
-        { title: '告警代码', field: 'code', align: 'center' },
-        { title: '异常时间', field: 'evtTime', align: 'center' }
+        { title: '异常时间', field: 'evtTime', align: 'center', sortable: true },
+        { title: '告警代码', field: 'code', align: 'center', sortable: true }
     ]
 })
 

src/views/govern/alarm/Device.vue

@@ -2,15 +2,26 @@
     <TableHeader datePicker ref="refheader" showExport>
         <template v-slot:select>
             <el-form-item label="数据来源">
-                <el-cascader v-model.trim="tableStore.table.params.cascader" placeholder="请选择数据来源"
-                    @change="sourceChange" :options="deviceTreeOptions" :show-all-levels="false"
-                    :props="{ checkStrictly: true }" clearable></el-cascader>
+                <el-cascader
+                    v-model.trim="tableStore.table.params.cascader"
+                    filterable
+                    placeholder="请选择数据来源"
+                    @change="sourceChange"
+                    :options="deviceTreeOptions"
+                    :show-all-levels="false"
+                    :props="{ checkStrictly: true }"
+                    clearable
+                ></el-cascader>
                 <!-- <el-input maxlength="32" show-word-limit v-model.trim="tableStore.table.params.searchValue" placeholder="请输入设备名称" /> -->
             </el-form-item>
             <el-form-item label="级别">
                 <el-select v-model.trim="tableStore.table.params.level" placeholder="请选择级别" clearable>
-                    <el-option v-for="item in rankOptions" :key="item.value" :label="item.label"
-                        :value="item.value"></el-option>
+                    <el-option
+                        v-for="item in rankOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    ></el-option>
                 </el-select>
             </el-form-item>
         </template>
@@ -65,29 +76,64 @@ const tableStore = new TableStore({
     exportName: '设备告警',
     publicHeight: 65,
     column: [
+        {
+            title: '序号',
+            width: 80,
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
         { title: '设备名称', field: 'equipmentName', align: 'center' },
         { title: '工程名称', field: 'engineeringName', align: 'center' },
         { title: '项目名称', field: 'projectName', align: 'center' },
+        { title: '发生时刻', field: 'startTime', align: 'center', minWidth: 110, sortable: true },
         {
-            title: '告警代码', field: 'code', align: 'center', formatter: (row: any) => {
-
+            title: '模块信息',
+            field: 'moduleNo',
+            align: 'center',
+            formatter: (row: any) => {
                 return row.cellValue ? row.cellValue : '/'
             }
         },
         {
-            title: '事件描述', field: 'showName',
+            title: '告警代码',
+            field: 'code',
+            align: 'center',
+
+            formatter: (row: any) => {
+                return row.cellValue ? row.cellValue : '/'
+            },
+            sortable: true
         },
         {
-            title: '级别', field: 'level', formatter: (row: any) => {
-
-                return row.cellValue == 1 ? '1级' : row.cellValue == 2 ? '2级' : row.cellValue == 3 ? '3级' : '/'
-            }
+            title: '事件描述',
+            field: 'showName'
         },
-        { title: '发生时刻', field: 'startTime', align: 'center' }
-    ],
-    beforeSearchFun: () => {
+        {
+            title: '级别',
+            field: 'level',
 
+            render: 'tag',
+            custom: {
+                1: 'danger',
+                2: 'warning',
+                3: 'success'
+            },
+            replaceValue: {
+                1: '1级',
+                2: '2级',
+                3: '3级'
             }
+        }
+        // {
+        //     title: '级别',
+        //     field: 'level',
+        //     formatter: (row: any) => {
+        //         return row.cellValue == 1 ? '1级' : row.cellValue == 2 ? '2级' : row.cellValue == 3 ? '3级' : '/'
+        //     }
+        // }
+    ],
+    beforeSearchFun: () => {}
 })
 
 provide('tableStore', tableStore)
@@ -129,7 +175,6 @@ const sourceChange = (e: any) => {
             tableStore.table.params.deviceTypeId = e[0] || ''
             tableStore.table.params.engineeringid = e[1] || ''
             tableStore.table.params.projectId = e[2] || ''
-
         }
     }
 }

src/views/govern/alarm/Steady.vue

@@ -2,9 +2,16 @@
     <TableHeader datePicker ref="refheader" showExport>
         <template v-slot:select>
             <el-form-item label="数据来源">
-                <el-cascader v-model.trim="tableStore.table.params.cascader" placeholder="请选择数据来源"
-                    @change="sourceChange" :options="deviceTreeOptions" :show-all-levels="false"
-                    :props="{ checkStrictly: true }" clearable></el-cascader>
+                <el-cascader
+                    v-model.trim="tableStore.table.params.cascader"
+                    filterable
+                    placeholder="请选择数据来源"
+                    @change="sourceChange"
+                    :options="deviceTreeOptions"
+                    :show-all-levels="false"
+                    :props="{ checkStrictly: true }"
+                    clearable
+                ></el-cascader>
                 <!-- <el-input maxlength="32" show-word-limit v-model.trim="tableStore.table.params.searchValue" placeholder="请输入设备名称" /> -->
             </el-form-item>
             <!-- <el-form-item label="级别">
@@ -69,15 +76,21 @@ const tableStore = new TableStore({
     exportName: '稳态越限告警',
     publicHeight: 65,
     column: [
+        {
+            title: '序号',
+            width: 80,
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
         { title: '设备名称', field: 'equipmentName', align: 'center' },
         { title: '工程名称', field: 'engineeringName', align: 'center' },
         { title: '项目名称', field: 'projectName', align: 'center' },
-        { title: '事件描述', field: 'showName', align: 'center' },
-        { title: '发生时刻', field: 'startTime', align: 'center' }
-    ],
-    beforeSearchFun: () => {
+        { title: '发生时刻', field: 'startTime', align: 'center', sortable: true },
 
-    }
+        { title: '事件描述', field: 'showName', align: 'center' }
+    ],
+    beforeSearchFun: () => {}
 })
 
 provide('tableStore', tableStore)
@@ -120,10 +133,8 @@ const sourceChange = (e: any) => {
             tableStore.table.params.deviceTypeId = e[0] || ''
             tableStore.table.params.engineeringid = e[1] || ''
             tableStore.table.params.projectId = e[2] || ''
-
         }
     }
-
 }
 onMounted(() => {
     tableStore.index()

src/views/govern/alarm/Transient.vue

@@ -3,9 +3,16 @@
         <TableHeader datePicker showExport>
             <template v-slot:select>
                 <el-form-item label="数据来源">
-                    <el-cascader placeholder="请选择数据来源" @change="sourceChange"
-                        v-model.trim="tableStore.table.params.cascader" :options="deviceTreeOptions"
-                        :show-all-levels="false" :props="{ checkStrictly: true }" clearable></el-cascader>
+                    <el-cascader
+                        placeholder="请选择数据来源"
+                        @change="sourceChange"
+                        filterable
+                        v-model.trim="tableStore.table.params.cascader"
+                        :options="deviceTreeOptions"
+                        :show-all-levels="false"
+                        :props="{ checkStrictly: true }"
+                        clearable
+                    ></el-cascader>
                     <!-- <el-input maxlength="32" show-word-limit v-model.trim="tableStore.table.params.searchValue" placeholder="请输入设备名称" /> -->
                 </el-form-item>
                 <!-- <el-form-item label="级别">
@@ -19,8 +26,13 @@
 
         <Table></Table>
     </div>
-    <waveFormAnalysis v-loading="loading" v-if="isWaveCharts" ref="waveFormAnalysisRef"
-        @handleHideCharts="isWaveCharts = false" :wp="wp" />
+    <waveFormAnalysis
+        v-loading="loading"
+        v-if="isWaveCharts"
+        ref="waveFormAnalysisRef"
+        @handleHideCharts="isWaveCharts = false"
+        :wp="wp"
+    />
     <!-- <div style="height: 300px;"> -->
 
     <!-- <div style="padding: 10px" v-if="!view" v-loading="loading">
@@ -61,7 +73,7 @@ import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
 import TableHeader from '@/components/table/header/index.vue'
 import shushiboxi from '@/components/echarts/shushiboxi.vue'
-import waveFormAnalysis from '@/views/govern/device/control/tabs/components/waveFormAnalysis.vue';
+import waveFormAnalysis from '@/views/govern/device/control/tabs/components/waveFormAnalysis.vue'
 import rmsboxi from '@/components/echarts/rmsboxi.vue'
 import { analyseWave } from '@/api/common'
 import { mainHeight } from '@/utils/layout'
@@ -109,17 +121,24 @@ const tableStore = new TableStore({
     method: 'POST',
     publicHeight: 65,
     exportName: '暂态事件',
-    column: [
+    column: [  {
+            title: '序号',
+            width: 80,
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
         { title: '设备名称', field: 'equipmentName', align: 'center' },
         { title: '工程名称', field: 'engineeringName', align: 'center' },
         { title: '项目名称', field: 'projectName', align: 'center' },
+        { title: '发生时刻', field: 'startTime', align: 'center', width: '240',sortable: true },
         { title: '监测点名称', field: 'lineName', align: 'center' },
         { title: '事件描述', field: 'showName', align: 'center' },
         { title: '事件发生位置', field: 'evtParamPosition', align: 'center' },
         { title: '相别', field: 'evtParamPhase', align: 'center' },
-        { title: '持续时间(s)', field: 'evtParamTm', align: 'center' },
-        { title:  '暂降(聚升)幅值(%)',minWidth: 100, field: 'evtParamVVaDepth', align: 'center' },
-        { title: '发生时刻', field: 'startTime', align: 'center', width: '240' },
+        { title: '持续时间(s)', field: 'evtParamTm', align: 'center',sortable: true },
+        { title: '暂降(聚升)幅值(%)', minWidth: 100, field: 'evtParamVVaDepth', align: 'center',sortable: true },
+
         {
             title: '操作',
             align: 'center',
@@ -145,11 +164,10 @@ const tableStore = new TableStore({
                                 row.loading1 = false
                                 if (res != undefined) {
                                     boxoList.value = row
-                                    boxoList.value.featureAmplitude = row.evtParamVVaDepth != '-' ? row.evtParamVVaDepth - 0 : null
+                                    boxoList.value.featureAmplitude =
+                                        row.evtParamVVaDepth != '-' ? row.evtParamVVaDepth - 0 : null
                                     boxoList.value.systemType = 'WX'
                                     wp.value = res.data
-
-
                                 }
                                 loading.value = false
                             })
@@ -159,7 +177,8 @@ const tableStore = new TableStore({
                             })
 
                         nextTick(() => {
-                            waveFormAnalysisRef.value && waveFormAnalysisRef.value.getWpData(wp.value, boxoList.value, true)
+                            waveFormAnalysisRef.value &&
+                                waveFormAnalysisRef.value.getWpData(wp.value, boxoList.value, true)
                             // waveFormAnalysisRef.value && waveFormAnalysisRef.value.setHeight(200, 190)
                         })
                         // row.loading1 = true
@@ -206,7 +225,6 @@ const tableStore = new TableStore({
                             document.body.appendChild(link)
                             link.click() //执行下载
                             document.body.removeChild(link) //释放标签
-
                         })
                     }
                 },

src/views/govern/analyze/APF/index.vue

@@ -1,37 +1,66 @@
 <template>
     <div class="default-main analyze-apf" :style="{ height: pageHeight.height }" v-loading="loading">
-        <DeviceTree @node-click="nodeClick" @init="nodeClick"></DeviceTree>
+        <DeviceTree @node-click="nodeClick" @init="nodeClick" @deviceTypeChange="deviceTypeChange"></DeviceTree>
         <div class="analyze-apf-right" v-if="formInline.devId">
-            <el-form :inline="true">
+            <div ref="headerRef">
+                <TableHeader :showSearch="false" ref="tableHeaderRef" @selectChange="selectChange">
+                    <template v-slot:select>
                         <el-form-item label="时间:">
                             <DatePicker ref="datePickerRef"></DatePicker>
                         </el-form-item>
                         <el-form-item label="统计指标:">
-                    <el-select v-model.trim="formInline.statisticalId" filterable placeholder="请选择">
-                        <el-option v-for="item in zblist" :key="item.value" :label="item.label"
-                            :value="item.value"></el-option>
+                            <el-select
+                                style="width: 200px"
+                                v-model.trim="formInline.statisticalId"
+                                filterable
+                                @change="frequencyFlag"
+                                placeholder="请选择"
+                            >
+                                <el-option
+                                    v-for="item in zblist"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                ></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="谐波次数:" v-show="frequencyShow">
+                            <el-select
+                                v-model.trim="formInline.frequency"
+                                filterable
+                                placeholder="请选择"
+                                style="width: 100px"
+                            >
+                                <el-option
+                                    v-for="item in 49"
+                                    :key="item + 1"
+                                    :label="item + 1"
+                                    :value="item + 1"
+                                ></el-option>
                             </el-select>
                         </el-form-item>
                         <el-form-item label="值类型:">
                             <el-select v-model.trim="formInline.valueType" filterable placeholder="请选择">
-                        <el-option v-for="item in typelist" :key="item.value" :label="item.label"
-                            :value="item.value"></el-option>
+                                <el-option
+                                    v-for="item in typelist"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                ></el-option>
                             </el-select>
                         </el-form-item>
-
-                <el-form-item>
+                    </template>
+                    <template v-slot:operation>
                         <el-button type="primary" @click="search" icon="el-icon-Search">查询</el-button>
-                </el-form-item>
-                <el-form-item>
-                    <div style="display: flex; align-items: center">
-                        <Icon name="el-icon-InfoFilled" style="color: #ff9912"></Icon>
-                        总输出电流阈值和总输出电流比较
+                    </template>
+                </TableHeader>
             </div>
-                </el-form-item>
-            </el-form>
+
             <el-empty description="暂无数据" v-if="!echartsData" style="flex: 1"></el-empty>
             <template v-else>
-                <MyEchart :options="echartsData" style="flex: 1" />
+                <div :style="echartHeight">
+                    <MyEchart :options="echartsData" />
+                </div>
             </template>
         </div>
         <el-empty v-else description="请选择设备" class="analyze-apf-right" />
@@ -48,10 +77,16 @@ import { queryCommonStatisticalByTime } from '@/api/cs-harmonic-boot/stable'
 import DatePicker from '@/components/form/datePicker/index.vue'
 import MyEchart from '@/components/echarts/MyEchart.vue'
 import { yMethod } from '@/utils/echartMethod'
+import TableHeader from '@/components/table/header/index.vue'
+
 defineOptions({
     name: 'govern/analyze/APF'
 })
+
+const tableHeaderRef = ref()
+const headerRef = ref()
 const pageHeight = mainHeight(20)
+const echartHeight = ref(mainHeight(80))
 const loading = ref(false)
 const echartsData = ref<any>(null)
 const datePickerRef = ref()
@@ -60,9 +95,13 @@ const formInline = reactive({
     valueType: '',
     startTime: '',
     endTime: '',
-    devId: ''
+    devId: '',
+    frequency: ''
 })
+const timeFlag = ref(true)
+const frequencyShow = ref(false)
 const devCapacity = ref(0)
+const flag = ref(false)
 const typelist = [
     {
         label: '平均值',
@@ -85,7 +124,7 @@ const zblist = ref<any[]>([])
 
 const init = () => {
     return new Promise((resolve, reject) => {
-        queryByCode('Harmonic_Type').then(res => {
+        queryByCode('Web_Apf').then(res => {
             queryCsDictTree(res.data?.id).then(res => {
                 zblist.value = res.data.map((item: any) => {
                     return {
@@ -101,130 +140,180 @@ const init = () => {
         })
     })
 }
+const deviceTypeChange = (val: any, obj: any) => {
+    flag.value = true
+    nodeClick(obj)
+}
 const nodeClick = async (e: anyObj) => {
-    if (e.level == 2) {
+    if (e.level == 2 && flag.value) {
         formInline.devId = e.id
         loading.value = true
         if (zblist.value.length === 0) {
             await init()
         }
-        getDevCapacity(formInline.devId).then(res => {
+        getDevCapacity(formInline.devId)
+            .then(res => {
                 devCapacity.value = res.data
                 search()
-        }).catch(() => {
-            loading.value = false
-
             })
-
+            .catch(() => {
+                loading.value = false
+            })
     }
 }
+const lineStyle = [
+    { type: 'solid', width: 3 },
+    { type: 'dotted', width: 3 },
+    { type: 'dashed', width: 3 }
+]
 const search = () => {
+    if (timeFlag.value) {
+        datePickerRef.value && datePickerRef.value.setInterval(5)
+        timeFlag.value = false
+    }
     loading.value = true
     formInline.startTime = datePickerRef.value.timeValue[0]
     formInline.endTime = datePickerRef.value.timeValue[1]
-    queryCommonStatisticalByTime(formInline).then(({ data }: { data: any[] }) => {
+    if (!frequencyShow.value) {
+        formInline.frequency = ''
+    }
+
+    queryCommonStatisticalByTime(formInline)
+        .then(({ data }: { data: any[] }) => {
             if (data.length) {
+                let list = processingOfData(data, 'unit')
+
                 echartsData.value = {}
                 let legend: any[] = []
                 let xAxis: any[] = []
+                let yAxis: any[] = []
+                let series: any[] = []
+                let color: any[] = []
+                let title = ''
                 data.forEach(item => {
                     if (!xAxis.includes(item.time)) {
                         xAxis.push(item.time)
                     }
-                if (!legend.includes(item.anotherName)) {
-                    legend.push(item.anotherName)
-                }
+                    // if (!legend.includes(item.anotherName)) {
+                    //     legend.push(item.anotherName)
+                    // }
                 })
-            let aar = data
-                .map(item => {
-                    if (item.statisticalName === 'Apf_RmsI_TolOut') {
-                        return [item.time, item.statisticalData.toFixed(2)]
-                    } else {
-                        return ''
-                    }
-                })
-                .filter(item => item !== '')
-            let aar1 = data
-                .map(item => {
-                    if (item.statisticalName === 'Apf_ThdA_Load') {
-                        return [item.time, item.statisticalData.toFixed(2)]
-                    } else {
-                        return ''
-                    }
-                })
-                .filter(item => item !== '')
-            let aar2 = data
-                .map(item => {
-                    if (item.statisticalName === 'Apf_ThdA_Sys') {
-                        return [item.time, item.statisticalData.toFixed(2)]
-                    } else {
-                        return ''
-                    }
-                })
-                .filter(item => item !== '')
+                let units = Object.keys(list)
+                // console.log('🚀 ~ .then ~ units:', units)
+                for (let unit in list) {
+                    console.log('🚀 ~ .then ~ unit:', unit)
+                    let [min, max] = yMethod(list[unit].map((item: any) => item.statisticalData))
+                    yAxis.push({
+                        name: unit == 'null' ? '' : unit,
+                        type: 'value',
+                        // max: 10,
+                        min: min,
+                        max: max,
+                        // splitNumber: 5,
+                        // minInterval: 1,
 
+                        axisLine: {
+                            show: true,
+                            //symbol: ["none", "arrow"],
+                            lineStyle: {
+                                color: '#333'
+                            }
+                        }
+                    })
+                    // processingOfData(list[unit], 'anotherName')
+                    let anotherList = processingOfData(list[unit], 'anotherName')
+                    for (let k in anotherList) {
+                        title = k
+                        let lineName = lineStyle[Object.keys(anotherList).indexOf(k)]
+                        let phaseList = processingOfData(anotherList[k], 'phase')
+                        for (let j in phaseList) {
+                            color.push(j == 'A' ? '#DAA520' : j == 'B' ? '#2E8B57' : j == 'C' ? '#A52a2a' : '#0000CC')
+                            legend.push(
+                                j == 'M' ? k : j == 'A' ? `A相_${k}` : j == 'B' ? `B相_${k}` : j == 'C' ? `C相_${k}` : j
+                            )
+                            series.push({
+                                name:
+                                    j == 'M'
+                                        ? k
+                                        : j == 'A'
+                                        ? `A相_${k}`
+                                        : j == 'B'
+                                        ? `B相_${k}`
+                                        : j == 'C'
+                                        ? `C相_${k}`
+                                        : j,
+                                symbol: 'none',
+                                smooth: true,
+                                type: 'line',
 
-            let series = [
-                // 总输出电流
-                {
-                    name: data.find(item => item.statisticalName === 'Apf_RmsI_TolOut').anotherName,
-                    symbol: 'none',
-                    smooth: true,
-                    type: 'line',
-                    //stack: 'Total',
-                    data: aar,
-                    markLine: {
-                        symbol: 'none',
-                        data: [
-                            {
-                                yAxis: devCapacity.value,
-                                label: {
-                                    position: 'middle', // 表现内容展示的位置
-                                    formatter: '总输出电流阈值', // 标线展示的内容
-                                    color: '#daa569' // 展示内容颜色
+                                data: phaseList[j].map(item => [
+                                    item.time,
+                                    Math.floor(item.statisticalData * 100) / 100,
+                                    unit,
+                                    lineName.type
+                                ]),
+                                lineStyle: lineName,
+                                yAxisIndex: unit.indexOf(units)
+                            })
                         }
                     }
-                        ]
-                    },
-                    yAxisIndex: 1
-                },
-                //负载电流畸变率
-                {
-                    name: data.find(item => item.statisticalName === 'Apf_ThdA_Load').anotherName,
-                    symbol: 'none',
-                    smooth: true,
-                    type: 'line',
-                    data: aar1
-                },
-                // 电网电流畸变率
-                {
-                    name: data.find(item => item.statisticalName === 'Apf_ThdA_Sys').anotherName,
-                    symbol: 'none',
-                    smooth: true,
-                    type: 'line',
-                    data: aar2
                 }
-            ]
-            let [min, max] = yMethod(aar.map((item: any) => item[1]))
-            let [min1, max1] = yMethod([...aar1, ...aar2].map((item: any) => item[1]))
 
                 echartsData.value = {
+                    title: {
+                        text: zblist.value.filter(item => item.id == formInline.statisticalId)[0].name
+                    },
                     tooltip: {
-                    trigger: 'axis',
                         axisPointer: {
                             type: 'cross',
-                        crossStyle: {
-                            color: '#999'
+                            label: {
+                                color: '#fff',
+                                fontSize: 16
                             }
+                        },
+                        textStyle: {
+                            color: '#fff',
+                            fontStyle: 'normal',
+                            opacity: 0.35,
+                            fontSize: 14
+                        },
+                        backgroundColor: 'rgba(0,0,0,0.55)',
+                        borderWidth: 0,
+                        formatter(params: any) {
+                            const xname = params[0].value[0]
+                            let str = `${xname}<br>`
+                            params.forEach((el: any, index: any) => {
+                                let marker = ''
+                                if (el.value[3] == 'dashed') {
+                                    for (let i = 0; i < 3; i++) {
+                                        marker += `<span style="display:inline-block;border: 2px ${el.color} solid;margin-right:5px;width:10px;height:0px;background-color:#ffffff00;"></span>`
+                                    }
+                                } else {
+                                    marker = `<span style="display:inline-block;border: 2px ${el.color} ${el.value[3]};margin-right:5px;width:40px;height:0px;background-color:#ffffff00;"></span>`
+                                }
+
+                                str += `${marker}${el.seriesName.split('(')[0]}：${
+                                    el.value[1] != null
+                                        ? el.value[1] + ' ' + (el.value[2] == 'null' ? '' : el.value[2])
+                                        : '-'
+                                }<br>`
+                            })
+                            return str
                         }
                     },
                     legend: {
-                    data: legend
+                        itemWidth: 20,
+                        itemHeight: 20,
+                        itemStyle: { opacity: 0 }, //去圆点
+                        type: 'scroll', // 开启滚动分页
+                        top: 25
+                        // data: legend
                     },
                     grid: {
                         left: '20px',
                         right: '40px',
                         bottom: '50px',
+                        top: '80px',
                         containLabel: true
                     },
                     toolbox: {
@@ -232,6 +321,7 @@ const search = () => {
                             saveAsImage: {}
                         }
                     },
+                    color: color,
                     xAxis: {
                         name: '',
                         type: 'time',
@@ -239,9 +329,9 @@ const search = () => {
                             formatter: {
                                 day: '{MM}-{dd}',
                                 month: '{MM}',
-                            year: '{yyyy}',
-                        },
-                    },
+                                year: '{yyyy}'
+                            }
+                        }
 
                         // boundaryGap: false,
                         // data: xAxis,
@@ -258,43 +348,44 @@ const search = () => {
                         //     }
                         // }
                     },
-                yAxis: [
-                    {
-                        name: '畸变率:(%)',
-                        type: 'value',
-                        // max: 10,
-                        min: min1,
-                        max: max1,
-                        splitNumber: 5,
-                        minInterval: 1,
+                    yAxis: yAxis,
+                    //  [
+                    //     {
+                    //         name: '畸变率:(%)',
+                    //         type: 'value',
+                    //         // max: 10,
+                    //         min: min1,
+                    //         max: max1,
+                    //         splitNumber: 5,
+                    //         minInterval: 1,
 
-                        axisLine: {
-                            show: true,
-                            //symbol: ["none", "arrow"],
-                            lineStyle: {
-                                color: '#333'
-                            }
-                        }
-                    },
-                    {
-                        name: '电流:(A)',
-                        type: 'value',
-                        min: min,
-                        max: max,
-                        splitNumber: 5,
-                        minInterval: 1,
-                        splitLine: {
-                            show: false,
-                        },
-                        axisLine: {
-                            show: true,
-                            //symbol: ["none", "arrow"],
-                            lineStyle: {
-                                color: '#333'
-                            }
-                        }
-                    }
-                ],
+                    //         axisLine: {
+                    //             show: true,
+                    //             //symbol: ["none", "arrow"],
+                    //             lineStyle: {
+                    //                 color: '#333'
+                    //             }
+                    //         }
+                    //     },
+                    //     {
+                    //         name: '电流:(A)',
+                    //         type: 'value',
+                    //         min: min,
+                    //         max: max,
+                    //         splitNumber: 5,
+                    //         minInterval: 1,
+                    //         splitLine: {
+                    //             show: false
+                    //         },
+                    //         axisLine: {
+                    //             show: true,
+                    //             //symbol: ["none", "arrow"],
+                    //             lineStyle: {
+                    //                 color: '#333'
+                    //             }
+                    //         }
+                    //     }
+                    // ],
                     options: {
                         series: series
                     }
@@ -303,10 +394,36 @@ const search = () => {
                 echartsData.value = null
             }
             loading.value = false
-    }).catch(() => {
+        })
+        .catch(() => {
             loading.value = false
         })
+}
+const processingOfData = (data: any, type: string) => {
+    let groupedData: any = {}
 
+    data.forEach(item => {
+        if (!groupedData[item[type]]) {
+            groupedData[item[type]] = []
+        }
+        groupedData[item[type]].push(item)
+    })
+    return groupedData
+}
+const frequencyFlag = () => {
+    let name = zblist.value.filter(item => item.id == formInline.statisticalId)[0].name
+    if (name.includes('含有率') || name.includes('幅值')) {
+        frequencyShow.value = true
+        formInline.frequency = 2
+    } else {
+        frequencyShow.value = false
+    }
+    tableHeaderRef.value && tableHeaderRef.value?.computedSearchRow()
+}
+const selectChange = (flag: boolean) => {
+    setTimeout(() => {
+        echartHeight.value = mainHeight(23 + headerRef.value.offsetHeight)
+    }, 100)
 }
 </script>
 
@@ -324,3 +441,8 @@ const search = () => {
     }
 }
 </style>
+<style lang="scss" scoped>
+.el-select {
+    min-width: 100px;
+}
+</style>

src/views/govern/analyze/DVR/index.vue

@@ -1,21 +1,36 @@
 <template>
     <div class="default-main">
         <div class="analyze-dvr" v-show="!isWaveCharts" :style="{ height: pageHeight.height }" v-loading="loading">
-            <DeviceTree @node-click="nodeClick" @init="nodeClick"></DeviceTree>
+            <DeviceTree @node-click="nodeClick" @init="nodeClick" @deviceTypeChange="deviceTypeChange"></DeviceTree>
             <div class="analyze-dvr-right" v-if="tableStore.table.params.deviceId">
                 <TableHeader datePicker showExport>
                     <template v-slot:select>
-
                         <el-form-item label="事件类型">
-                            <el-select v-model.trim="tableStore.table.params.eventType" clearable placeholder="请选择事件类型">
-                                <el-option v-for="item in eventList" :key="item.value" :label="item.label"
-                                    :value="item.value" />
+                            <el-select
+                                v-model.trim="tableStore.table.params.eventType"
+                                clearable
+                                placeholder="请选择事件类型"
+                            >
+                                <el-option
+                                    v-for="item in eventList"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                />
                             </el-select>
                         </el-form-item>
                         <el-form-item label="位置">
-                            <el-select v-model.trim="tableStore.table.params.location" clearable placeholder="请选择位置">
-                                <el-option v-for="item in locationList" :key="item.value" :label="item.label"
-                                    :value="item.value" />
+                            <el-select
+                                v-model.trim="tableStore.table.params.location"
+                                clearable
+                                placeholder="请选择位置"
+                            >
+                                <el-option
+                                    v-for="item in locationList"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                />
                             </el-select>
                         </el-form-item>
                     </template>
@@ -24,8 +39,14 @@
             </div>
             <el-empty v-else description="请选择设备" class="analyze-dvr-right" />
         </div>
-        <waveFormAnalysis v-loading="loading" v-if="isWaveCharts" ref="waveFormAnalysisRef"
-            @handleHideCharts="isWaveCharts = false" :wp="wp" style="padding: 10px;" />
+        <waveFormAnalysis
+            v-loading="loading"
+            v-if="isWaveCharts"
+            ref="waveFormAnalysisRef"
+            @handleHideCharts="isWaveCharts = false"
+            :wp="wp"
+            style="padding: 10px"
+        />
         <!-- <div :style="{ height: pageHeight.height }" style="padding: 10px; overflow: hidden" v-if="!view">
             <el-row>
                 <el-col :span="12">
@@ -67,14 +88,14 @@ import { mainHeight } from '@/utils/layout'
 import DeviceTree from '@/components/tree/govern/deviceTree.vue'
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
-import waveFormAnalysis from '@/views/govern/device/control/tabs/components/waveFormAnalysis.vue';
+import waveFormAnalysis from '@/views/govern/device/control/tabs/components/waveFormAnalysis.vue'
 import { analyseWave } from '@/api/common'
 import TableHeader from '@/components/table/header/index.vue'
 
 import { getFileZip } from '@/api/cs-harmonic-boot/datatrend'
 import { ElMessage } from 'element-plus'
 defineOptions({
-    name: 'analyze/DVR/index'
+    name: 'govern/analyze/DVR/index'
 })
 const pageHeight = mainHeight(20)
 const loading = ref(false)
@@ -85,7 +106,8 @@ const isWaveCharts = ref(false)
 const bxactiveName = ref('ssbx')
 const boxoList: any = ref({})
 const wp = ref({})
-const eventList = ref([{
+const eventList = ref([
+    {
         value: 'Evt_Sys_DipStr',
         label: '电压暂降'
     },
@@ -96,32 +118,37 @@ const eventList = ref([{
     {
         value: 'Evt_Sys_IntrStr',
         label: '电压中断'
-}])
-const locationList = ref([{
+    }
+])
+const locationList = ref([
+    {
         value: 'grid',
         label: '电网侧'
     },
     {
         value: 'load',
         label: '负载侧'
-}])
+    }
+])
 const waveFormAnalysisRef = ref()
 
 const tableStore = new TableStore({
     url: '/cs-harmonic-boot/eventUser/queryEventpageWeb',
     method: 'POST',
     column: [
-        { title: '事件描述', field: 'showName', },
+        { title: '事件描述', field: 'showName' },
         { title: '发生位置', field: 'evtParamPosition' },
-        { title: '持续时间(s)', field: 'evtParamTm' },
+        { title: '持续时间(s)', field: 'evtParamTm', sortable: true },
         {
-            title: '暂降(聚升)幅值(%)', field: 'evtParamVVaDepth', formatter: (row: any) => {
+            title: '暂降(聚升)幅值(%)',
+            field: 'evtParamVVaDepth',
+            formatter: (row: any) => {
                 let a = row.cellValue.split('%')[0] - 0
-                console.log("🚀 ~ a:", a)
+                console.log('🚀 ~ a:', a)
                 return a ? a.toFixed(2) : '/'
-            }
+            }, sortable: true
         },
-        { title: '发生时刻', field: 'startTime' },
+        { title: '发生时刻', field: 'startTime', sortable: true },
         {
             title: '操作',
             align: 'center',
@@ -147,11 +174,10 @@ const tableStore = new TableStore({
                                 row.loading1 = false
                                 if (res != undefined) {
                                     boxoList.value = row
-                                    boxoList.value.featureAmplitude = row.evtParamVVaDepth != '-' ? row.evtParamVVaDepth - 0 : null
+                                    boxoList.value.featureAmplitude =
+                                        row.evtParamVVaDepth != '-' ? row.evtParamVVaDepth - 0 : null
                                     // boxoList.value.systemType = 'WX'
                                     wp.value = res.data
-
-
                                 }
                                 loading.value = false
                             })
@@ -161,7 +187,8 @@ const tableStore = new TableStore({
                             })
 
                         nextTick(() => {
-                            waveFormAnalysisRef.value && waveFormAnalysisRef.value.getWpData(wp.value, boxoList.value, true)
+                            waveFormAnalysisRef.value &&
+                                waveFormAnalysisRef.value.getWpData(wp.value, boxoList.value, true)
                             waveFormAnalysisRef.value && waveFormAnalysisRef.value.setHeight(false, 150)
                         })
                     }
@@ -174,9 +201,7 @@ const tableStore = new TableStore({
                     render: 'basicButton',
                     disabled: row => {
                         return !(!row.wavePath && row.evtParamTm < 20)
-                    },
-
-
+                    }
                 },
                 {
                     name: 'edit',
@@ -199,10 +224,9 @@ const tableStore = new TableStore({
                             document.body.appendChild(link)
                             link.click() //执行下载
                             document.body.removeChild(link) //释放标签
-
                         })
                     }
-                },
+                }
             ]
         }
     ],
@@ -210,17 +234,21 @@ const tableStore = new TableStore({
         tableStore.table.data.forEach((item: any) => {
             item.loading = false
             item.evtParamTm = item.evtParamTm.split('s')[0]
-
         })
     }
 })
+const flag = ref(false)
 tableStore.table.params.type = 0
 tableStore.table.params.eventType = ''
 tableStore.table.params.location = ''
 provide('tableStore', tableStore)
+const deviceTypeChange = (val: any, obj: any) => {
+        flag.value = true
+    nodeClick(obj)
+}
 const nodeClick = async (e: anyObj) => {
     // console.log("🚀 ~ nodeClick ~ e:", e)
-    if (e.level == 2) {
+    if (e.level == 2&& flag.value) {
         loading.value = false
         tableStore.table.params.deviceId = e.id
         nextTick(() => {

src/views/govern/device/control/analysisList/index.vue

@@ -58,8 +58,8 @@ const tableStore: any = new TableStore({
             }
         },
         { field: 'successCount', title: '成功解析数', minWidth: 150 },
-        { field: 'startTime', title: '导入开始时间', minWidth: 170 },
-        { field: 'endTime', title: '导入结束时间', minWidth: 170 },
+        { field: 'startTime', title: '导入开始时间', minWidth: 170, sortable: true },
+        { field: 'endTime', title: '导入结束时间', minWidth: 170 , sortable: true},
         {
             title: '解析状态',
             field: 'status',

src/views/govern/device/control/analysisList/popup.vue

@@ -42,9 +42,9 @@ const tableStore: any = new TableStore({
             }
         },
         { field: 'name', title: '文件名称', minWidth: 170 },
-        { field: 'createTime', title: '导入时间', minWidth: 170 },
-        { field: 'allCount', title: '数据总数(条)', minWidth: 170 },
-        { field: 'realCount', title: '已入库总数(条)', minWidth: 170 },
+        { field: 'createTime', title: '导入时间', minWidth: 170 , sortable: true},
+        { field: 'allCount', title: '数据总数(条)', minWidth: 170 , sortable: true},
+        { field: 'realCount', title: '已入库总数(条)', minWidth: 170, sortable: true },
         {
             title: '解析状态',
             field: 'state',

src/views/govern/device/control/detail.vue

@@ -270,7 +270,7 @@ const init = () => {
                 }
             }
             if ((echartsData.value.legend = ['A相', 'B相', 'C相'])) {
-                echartsData.value.color = ['#FFCC00', '#009900', '#CC0000']
+                echartsData.value.color = ['#DAA520', '#2E8B57', '#A52a2a']
             }
 
         } else {

src/views/govern/device/control/index.vue

@@ -1,6 +1,10 @@
 <template>
-    <div class="default-main device-control" :style="{ height: pageHeight.height }" v-loading="loading"
-        style="position: relative">
+    <div
+        class="default-main device-control"
+        :style="{ height: pageHeight.height }"
+        v-loading="loading"
+        style="position: relative"
+    >
         <!-- @init="nodeClick" -->
         <PointTree @node-click="nodeClick" @pointTypeChange="pointTypeChange"></PointTree>
         <div class="device-control-right" v-if="deviceData">
@@ -15,23 +19,30 @@
                     <el-button v-if="deviceType == '1'" type="primary" icon="el-icon-Monitor" @click="handleaddDevice">
                         在线补召
                     </el-button> -->
-                    <el-button v-if="deviceType == '1'" type="primary" icon="el-icon-Tickets"
-                        @click="handleAnalysisList">
+                    <el-button
+                        v-if="deviceType == '1'"
+                        type="primary"
+                        icon="el-icon-Tickets"
+                        @click="handleAnalysisList"
+                    >
                         补召
                     </el-button>
                 </template>
                 <el-descriptions-item label="名称">
                     {{ devData.name || '/' }}
                 </el-descriptions-item>
-                <el-descriptions-item label="测量间隔" width="160">
-                    {{ devData.lineInterval }}分钟
-                </el-descriptions-item>
-                <el-descriptions-item label="电压等级" width="160">
-                    {{ devData.volGrade }}kV
-                </el-descriptions-item>
+                <el-descriptions-item label="测量间隔" width="160">{{ devData.lineInterval }}分钟</el-descriptions-item>
+                <el-descriptions-item label="电压等级" width="160">{{ devData.volGrade }}kV</el-descriptions-item>
                 <el-descriptions-item label="接线方式" width="160">
-                    {{ devData.conType == 0 ? '星型接线' : devData.conType == 1 ? '角型接线' : devData.conType == 2 ? 'V型接线' :
-                        '/' }}
+                    {{
+                        devData.conType == 0
+                            ? '星型接线'
+                            : devData.conType == 1
+                            ? '角型接线'
+                            : devData.conType == 2
+                            ? 'V型接线'
+                            : '/'
+                    }}
                 </el-descriptions-item>
 
                 <!-- <el-descriptions-item label="安装位置" width="160">
@@ -45,7 +56,6 @@
                     {{ devData.ctRatio || '/' }}
                 </el-descriptions-item>
 
-
                 <!-- <el-descriptions-item label="名称">
                     {{ devData.name ? devData.name : '/' }}
                 </el-descriptions-item>
@@ -67,8 +77,13 @@
                 </el-descriptions-item> -->
             </el-descriptions>
             <el-tabs v-model.trim="dataSet" type="border-card" class="device-control-box-card" @tab-click="handleClick">
-                <el-tab-pane lazy :label="item.name" :name="item.id" v-for="(item, index) in deviceData.dataSetList"
-                    :key="index">
+                <el-tab-pane
+                    lazy
+                    :label="item.name"
+                    :name="item.id"
+                    v-for="(item, index) in deviceData.dataSetList"
+                    :key="index"
+                >
                     <template #label>
                         <span class="custom-tabs-label">
                             <el-icon>
@@ -77,42 +92,59 @@
                                 <DataAnalysis v-if="item.name.includes('趋势数据')" />
                                 <Timer v-if="item.name.includes('实时数据')" />
                                 <Monitor v-if="item.name.includes('暂态事件')" />
-                                <Odometer v-if="
+                                <Odometer
+                                    v-if="
                                         item.name != 'APF模块数据' &&
                                         item.name != '历史APF模块数据' &&
                                         !item.name.includes('历史监测') &&
                                         !item.name.includes('趋势数据') &&
                                         !item.name.includes('实时数据') &&
                                         !item.name.includes('暂态事件')
-                                " />
-                                <Histogram v-if="
+                                    "
+                                />
+                                <Histogram
+                                    v-if="
                                         item.name != 'APF模块数据' &&
                                         item.name != '历史APF模块数据' &&
                                         item.name.includes('历史监测') &&
                                         !item.name.includes('趋势数据') &&
                                         !item.name.includes('实时数据') &&
                                         !item.name.includes('暂态事件')
-                                " />
+                                    "
+                                />
                             </el-icon>
                             <span>{{ item.name }}</span>
                         </span>
                     </template>
                 </el-tab-pane>
-                <TableHeader :showSearch="false" v-if="
+                <TableHeader
+                    :showSearch="false"
+                    v-if="
                         (dataSet.indexOf('_trenddata') == -1 &&
                             dataSet.indexOf('_realtimedata') == -1 &&
                             dataSet.indexOf('_event') == -1) ||
                         realTimeFlag
-                ">
+                    "
+                >
                     <template #select>
-                        <el-form-item label="日期"
-                            v-show="dataSet.includes('_items') || dataSet.indexOf('_history') != -1">
+                        <el-form-item
+                            label="日期"
+                            v-show="
+                                dataSet.includes('_items') ||
+                                dataSet.indexOf('_history') != -1 ||
+                                dataSet.indexOf('_moduleData') != -1
+                            "
+                        >
                             <DatePicker ref="datePickerRef"></DatePicker>
                         </el-form-item>
                         <el-form-item label="数据类型" v-if="!dataSet.includes('_')">
                             <el-select v-model.trim="formInline.targetType" @change="handleTargetTypeChange">
-                                <el-option v-for="item in queryList" :key="item.id" :label="item.name"
-                                    :value="item.id" />
+                                <el-option
+                                    v-for="item in queryList"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                />
                             </el-select>
                         </el-form-item>
 
@@ -122,58 +154,106 @@
                                 <el-option value="Primary" label="一次值"></el-option>
                                 <el-option value="Secondary" label="二次值"></el-option>
                             </el-select> -->
-                            <el-radio-group v-model.trim="formInline.dataLevel" :disabled="TrendList?.lineType != 1"
-                                @change="handleClick">
+                            <el-radio-group
+                                v-model.trim="formInline.dataLevel"
+                                v-if="!dataSet.includes('_moduleData')"
+                                :disabled="TrendList?.lineType != 1"
+                                @change="handleClick"
+                            >
                                 <el-radio-button label="一次值" value="Primary" />
                                 <el-radio-button label="二次值" value="Secondary" />
-
                             </el-radio-group>
                         </el-form-item>
 
                         <el-form-item label="谐波次数" v-show="oddAndEvenFlag && !dataSet.includes('_')">
                             <el-select v-model.trim="oddAndEven" style="min-width: 120px !important">
-                                <el-option v-for="item in oddAndEvenList" :key="item.value" :label="item.label"
-                                    :value="item.value" />
+                                <el-option
+                                    v-for="item in oddAndEvenList"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                />
                             </el-select>
                         </el-form-item>
                         <el-form-item label="数据来源" v-if="dataSet.includes('_items')">
                             <el-select v-model.trim="formInline.dataSource" placeholder="请选择数据来源" clearable>
-
-                                <el-option v-for="item in dataSourceList" :key="item.id" :label="item.name"
-                                    :value="item.id" />
+                                <el-option
+                                    v-for="item in dataSourceList"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                />
                             </el-select>
                         </el-form-item>
                         <el-form-item label="关键字筛选" v-if="!dataSet.includes('_')">
-                            <el-input maxlength="32" show-word-limit v-model.trim="searchValue" autocomplete="off"
-                                clearable @input="handleSearch" placeholder="请输入关键字筛选"
-                                style="width: 180px !important"></el-input>
+                            <el-input
+                                maxlength="32"
+                                show-word-limit
+                                v-model.trim="searchValue"
+                                autocomplete="off"
+                                clearable
+                                @input="handleSearch"
+                                placeholder="请输入关键字筛选"
+                                style="width: 180px !important"
+                            ></el-input>
                         </el-form-item>
                     </template>
                     <template #operation>
-                        <el-button type="primary"
+                        <el-button
+                            type="primary"
                             :icon="dataSet.indexOf('_realtimedata') != -1 ? 'el-icon-Refresh' : 'el-icon-Search'"
-                            @click="handleClick">{{ dataSet.indexOf('_realtimedata') != -1 ? '刷新' : '查询' }}</el-button>
-                        <el-button type="primary" :disabled="tableLoading" v-if="realTimeFlag" :icon="DataLine"
-                            @click="handleTrend">
+                            @click="handleClick"
+                        >
+                            {{ dataSet.indexOf('_realtimedata') != -1 ? '刷新' : '查询' }}
+                        </el-button>
+                        <el-button
+                            type="primary"
+                            v-if="dataSet.indexOf('_moduleData') != -1 && moduleFlag"
+                            :icon="Refresh"
+                            @click="refreshTheState"
+                        >
+                            刷新状态
+                        </el-button>
+                        <el-button
+                            type="primary"
+                            :disabled="tableLoading"
+                            v-if="realTimeFlag"
+                            :icon="DataLine"
+                            @click="handleTrend"
+                        >
                             谐波频谱
                         </el-button>
-                        <el-button type="primary" v-if="realTimeFlag" :icon="TrendCharts"
-                            @click="handleHarmonicSpectrum" :disabled="tableLoading">
+                        <el-button
+                            type="primary"
+                            v-if="realTimeFlag"
+                            :icon="TrendCharts"
+                            @click="handleHarmonicSpectrum"
+                            :disabled="tableLoading"
+                        >
                             实时趋势
                         </el-button>
                     </template>
                 </TableHeader>
-                <div class="data_time" :style="{
+                <div
+                    class="data_time"
+                    :style="{
                         height: realTimeFlag ? '30px' : '40px',
                         alignItems: realTimeFlag ? 'flex-end' : 'center'
-                }" v-if="dataSet.includes('_realtimedata') && mqttMessage && mqttMessage.dataTime && sonTab != 2">
+                    }"
+                    v-if="dataSet.includes('_realtimedata') && mqttMessage && mqttMessage.dataTime && sonTab != 2"
+                >
                     <p class="mb5">
                         <span v-if="trendDataTime && !realTimeFlag">数据时间：{{ trendDataTime }}</span>
                         <span v-if="realTimeFlag">数据时间：{{ mqttMessage.dataTime }}</span>
                     </p>
 
-                    <el-button v-if="!realTimeFlag && dataSet.includes('_realtimedata')" style="float: right !important"
-                        :icon="Back" @click="handleReturn" :loading="tableLoading">
+                    <el-button
+                        v-if="!realTimeFlag && dataSet.includes('_realtimedata')"
+                        style="float: right !important"
+                        :icon="Back"
+                        @click="handleReturn"
+                        :loading="tableLoading"
+                    >
                         返回
                     </el-button>
                 </div>
@@ -189,33 +269,51 @@
                 ></div> -->
                 <!-- v-loading="tableLoading" -->
                 <div :style="{ height: tableHeight }" v-loading="tableLoading" v-if="!dataSet.includes('_')">
-                    <div style="overflow: auto" :style="{ height: tableHeight }" v-if="
+                    <div
+                        style="overflow: auto"
+                        :style="{ height: tableHeight }"
+                        v-if="
                             dataSet.indexOf('_trenddata') == -1 &&
                             dataSet.indexOf('_realtimedata') == -1 &&
                             dataSet.indexOf('_event') == -1 &&
                             tableData.length != 0
-                    ">
-                        <div class="mb5 mt5" v-if="dataSet.indexOf('_history') == -1"
-                            style="font-weight: 800;font-size: 16px;text-align: center">
+                        "
+                    >
+                        <div
+                            class="mb5 mt5"
+                            v-if="dataSet.indexOf('_history') == -1"
+                            style="font-weight: 800; font-size: 16px; text-align: center"
+                        >
                             统计时间：{{ tableData[0]?.time || '' }}
                         </div>
 
-                        <nearRealTimeData ref="nearRealTimeDataRef" v-if="dataSet.indexOf('_history') == -1"
-                            :style="{ height: tableHeightBox, overflow: 'auto' }" />
-
+                        <nearRealTimeData
+                            ref="nearRealTimeDataRef"
+                            v-if="dataSet.indexOf('_history') == -1"
+                            :style="{ height: tableHeightBox, overflow: 'auto' }"
+                        />
 
                         <!-- 循环渲染的card 最新数据/历史数据显示 -->
-                        <div class="content"
+                        <div
+                            class="content"
                             v-if="tableData.length != 0 && !tableLoading && dataSet.indexOf('_history') != -1"
-                            :style="{ height: tableHeightBox }">
-
-                            <el-card class="box-card" :class="dataSet.indexOf('_history') == -1 ? 'box-card-new' : ''"
-                                v-for="(item, index) in tableData" :key="index">
+                            :style="{ height: tableHeightBox }"
+                        >
+                            <el-card
+                                class="box-card"
+                                :class="dataSet.indexOf('_history') == -1 ? 'box-card-new' : ''"
+                                v-for="(item, index) in tableData"
+                                :key="index"
+                            >
                                 <template #header>
                                     <div class="clearfix">
                                         <span style="flex: 1">{{ item.name }}</span>
-                                        <Icon name="el-icon-TrendCharts" class="ml10" @click="getDeviceDataTrend(item)"
-                                            style="font-size: 26px; cursor: pointer; color: #fff"></Icon>
+                                        <Icon
+                                            name="el-icon-TrendCharts"
+                                            class="ml10"
+                                            @click="getDeviceDataTrend(item)"
+                                            style="font-size: 26px; cursor: pointer; color: #fff"
+                                        ></Icon>
                                     </div>
                                 </template>
 
@@ -229,8 +327,12 @@
                                 </div>
                                 <div v-else-if="item.children.length" class="box-card-div">
                                     <div style="display: flex; align-items: center">
-                                        <el-tag effect="dark" type="danger" style="width: 40px; text-align: center"
-                                            class="mr10">
+                                        <el-tag
+                                            effect="dark"
+                                            type="danger"
+                                            style="width: 40px; text-align: center"
+                                            class="mr10"
+                                        >
                                             MAX
                                         </el-tag>
                                         {{
@@ -241,8 +343,12 @@
                                         }}
                                     </div>
                                     <div style="display: flex; align-items: center">
-                                        <el-tag effect="dark" type="success" style="width: 40px; text-align: center"
-                                            class="mr10">
+                                        <el-tag
+                                            effect="dark"
+                                            type="success"
+                                            style="width: 40px; text-align: center"
+                                            class="mr10"
+                                        >
                                             AVG
                                         </el-tag>
                                         {{
@@ -253,8 +359,12 @@
                                         }}
                                     </div>
                                     <div style="display: flex; align-items: center">
-                                        <el-tag effect="dark" type="warning" style="width: 40px; text-align: center"
-                                            class="mr10">
+                                        <el-tag
+                                            effect="dark"
+                                            type="warning"
+                                            style="width: 40px; text-align: center"
+                                            class="mr10"
+                                        >
                                             MIN
                                         </el-tag>
                                         {{
@@ -350,15 +460,20 @@
                     <Trend ref="trendRef" :TrendList="TrendList"></Trend>
                 </div>
                 <!-- 实时数据 -->
-                <div :style="`height: calc(100vh - (${sonTab == 1 ? '378px' : sonTab == 2 ? '340px' : '425px'}))`"
-                    v-if="dataSet.indexOf('_realtimedata') != -1" v-loading="tableLoading">
+                <div
+                    :style="`height: calc(100vh - (${sonTab == 1 ? '378px' : sonTab == 2 ? '340px' : '425px'}))`"
+                    v-if="dataSet.indexOf('_realtimedata') != -1"
+                    v-loading="tableLoading"
+                >
                     <!-- <div class="view_top_btn" v-if="realTimeFlag">
                         <el-button type="primary"  :icon="Platform" @click="handleRecordWaves">
                             实时录波
                         </el-button>
                     </div> -->
-                    <div class="view_top_btn"
-                        v-if="dataSet.includes('_realtimedata') && !realTimeFlag && mqttMessage.dataTime && sonTab == 2">
+                    <div
+                        class="view_top_btn"
+                        v-if="dataSet.includes('_realtimedata') && !realTimeFlag && mqttMessage.dataTime && sonTab == 2"
+                    >
                         <el-button :icon="Back" @click="handleReturn" :loading="tableLoading">返回</el-button>
                     </div>
                     <!-- 实时数据主界面组件 -->
@@ -366,23 +481,41 @@
                     <!-- 实时数据-实时录波组件 -->
                     <recordWoves v-if="!realTimeFlag && sonTab == 0"></recordWoves>
                     <!-- 实时数据-实时趋势组件 -->
-                    <realTrend v-if="!realTimeFlag && sonTab == 1" ref="realTrendRef"
-                        @changeTrendType="changeTrendType">
-                    </realTrend>
+                    <realTrend
+                        v-if="!realTimeFlag && sonTab == 1"
+                        ref="realTrendRef"
+                        @changeTrendType="changeTrendType"
+                    ></realTrend>
                     <!-- 实时数据-谐波频谱组件 -->
-                    <harmonicSpectrum v-show="!realTimeFlag && sonTab == 2" ref="harmonicSpectrumRef">
-                    </harmonicSpectrum>
+                    <harmonicSpectrum
+                        v-show="!realTimeFlag && sonTab == 2"
+                        ref="harmonicSpectrumRef"
+                    ></harmonicSpectrum>
                 </div>
                 <!-- 暂态事件 -->
-                <div style="height: calc(100vh - 340px)" v-if="dataSet.indexOf('_event') != -1"
-                    v-loading="tableLoading">
+                <div
+                    style="height: calc(100vh - 340px)"
+                    v-if="dataSet.indexOf('_event') != -1"
+                    v-loading="tableLoading"
+                >
                     <Event ref="eventRef"></Event>
                 </div>
                 <!-- 测试项记录 -->
-                <div style="height: calc(100vh - 395px)" v-if="dataSet.indexOf('_items') != -1"
-                    v-loading="tableLoading">
+                <div
+                    style="height: calc(100vh - 395px)"
+                    v-if="dataSet.indexOf('_items') != -1"
+                    v-loading="tableLoading"
+                >
                     <testItemRecords ref="testItemRecordsRef" @onSubmit="handleClick" />
                 </div>
+                <!-- 模块数据 -->
+                <div
+                    style="height: calc(100vh - 395px)"
+                    v-if="dataSet.indexOf('_moduleData') != -1"
+                    v-loading="tableLoading"
+                >
+                    <moduleData ref="moduleDataRef" @onSubmit="handleClick" />
+                </div>
                 <div v-if="!tableData" style="height: 42px"></div>
             </el-tabs>
         </div>
@@ -405,8 +538,8 @@ import {
     getHarmRealData,
     getOverLimitData,
     queryDictType,
-    getById
-
+    getById,
+    allModelData
 } from '@/api/cs-device-boot/EquipmentDelivery'
 import { deviceHisData, deviceRtData, realTimeData, getTestData } from '@/api/cs-device-boot/csGroup'
 import { ref, reactive, onMounted, onUnmounted, inject, nextTick, onBeforeUnmount } from 'vue'
@@ -421,15 +554,26 @@ import offLineDataImport from './offLineDataImport/index.vue'
 import Event from './tabs/event.vue'
 import nearRealTimeData from './nearRealTimeData.vue'
 import testItemRecords from './testItemRecords.vue'
+import moduleData from './moduleData.vue'
 import { useDictData } from '@/stores/dictData'
 import { useRouter } from 'vue-router'
 import TableHeader from '@/components/table/header/index.vue'
 import { useAdminInfo } from '@/stores/adminInfo'
-import { Histogram, TrendCharts, DataLine, DataAnalysis, Odometer, Monitor, Timer, Back } from '@element-plus/icons-vue'
+import {
+    Histogram,
+    TrendCharts,
+    DataLine,
+    DataAnalysis,
+    Odometer,
+    Monitor,
+    Timer,
+    Back,
+    Refresh
+} from '@element-plus/icons-vue'
 import analysisList from './analysisList/index.vue'
 import mqtt from 'mqtt'
 defineOptions({
-    // name: 'govern/device/control'
+    name: 'govern/device/control'
 })
 const adminInfo = useAdminInfo()
 const pageHeight = mainHeight(20)
@@ -438,7 +582,9 @@ const tableLoading = ref(false)
 const getGroupLoading = ref(false)
 const deviceData = ref<any>(null)
 const dataSet = ref('')
+const moduleFlag = ref(false)
 const testItemRecordsRef = ref()
+const moduleDataRef = ref()
 const nearRealTimeDataRef = ref()
 const devTypeOptions = ref([])
 const devModelOptions = ref([])
@@ -448,7 +594,7 @@ const tableHeightBox = mainHeight(330).height
 const searchValue = ref('')
 const TrendList = ref({})
 const oddAndEven = ref('1')
-const datePickerRef = ref('1')
+const datePickerRef = ref()
 const oddAndEvenFlag = ref(false)
 const formInline = reactive({
     searchValue: '',
@@ -464,28 +610,29 @@ const formInline = reactive({
     dataLevel: 'Secondary'
 })
 
-const dataSourceList = [{
+const dataSourceList = [
+    {
         id: '0',
         name: '补召'
-}, {
+    },
+    {
         id: '1',
         name: '在线监测'
-}]
+    }
+]
 const oddAndEvenList = [
     {
         value: '3',
-        label: '全部',
+        label: '全部'
     },
     {
         value: '1',
-        label: '奇次',
+        label: '奇次'
     },
     {
         value: '2',
-        label: '偶次',
-    },
-
-
+        label: '偶次'
+    }
 ]
 const detail = ref<any>(null)
 //是否显示实时数据默认内容
@@ -634,15 +781,14 @@ const handleSearch = () => {
     })
     if (oddAndEvenFlag.value) {
         list = list.filter((item: any) => {
-            let str = item.otherName.split("次")[0]
-            queryListName[0].name == '间谐波电压含有率' ? str = str - 0.5 : ''
+            let str = item.otherName.split('次')[0]
+            queryListName[0].name == '间谐波电压含有率' ? (str = str - 0.5) : ''
 
             if (oddAndEven.value == '1') {
                 // 奇次
                 if (str % 2 != 0) {
                     return item
                 }
-
             } else if (oddAndEven.value == '2') {
                 // 偶次
                 if (str % 2 == 0) {
@@ -651,14 +797,10 @@ const handleSearch = () => {
             } else {
                 return item
             }
-
-
         })
     }
 
-
     nearRealTimeDataRef.value?.setData(list, queryListName)
-
 }
 
 const getDeviceDataTrend = (e: any) => {
@@ -696,15 +838,11 @@ const lineId: any = ref('')
 const dataLevel: any = ref('')
 const dataSource = ref([])
 const nodeClick = async (e: anyObj) => {
-    // console.log("🚀 ~ nodeClick ~ e:", e)
-
-
     if (e == undefined || e.level == 2) {
-        return loading.value = false
+        return (loading.value = false)
     }
     searchValue.value = ''
 
-
     deviceId.value = e?.pid
     lineId.value = e?.id
     TrendList.value = e
@@ -729,7 +867,6 @@ const nodeClick = async (e: anyObj) => {
         await getDeviceData(e.level == 3 ? e.pid : e.id, 'history', e.level == 3 ? e.id : e.children[0].id)
             .then((res: any) => {
                 getById({ lineId: e.level == 3 ? e.id : e.children[0].id }).then((res: any) => {
-
                     devData.value = res.data
                 })
 
@@ -744,7 +881,6 @@ const nodeClick = async (e: anyObj) => {
                     tableData.value = []
                     loading.value = false
                 } else {
-
                     res.data.dataSetList.forEach((item: any) => {
                         //历史
                         if (item.type === 'history') {
@@ -766,6 +902,10 @@ const nodeClick = async (e: anyObj) => {
                         if (item.type === 'items') {
                             item.id = item.id + '_items'
                         }
+                        // 模块数据
+                        if (item.type === 'moduleData') {
+                            item.id = item.id + '_moduleData'
+                        }
                     })
                     res.data.dataSetList = res.data.dataSetList.filter((item: any) => item.name != '历史统计数据')
                     //便携式设备默认二次值
@@ -813,7 +953,6 @@ const connectMqtt = () => {
         password: 'njcnpqs'
     }
 
-
     mqttRef.value = mqtt.connect(url, options)
 }
 const getRealDataMqttMsg = async () => {
@@ -826,7 +965,8 @@ const getRealDataMqttMsg = async () => {
     }
     //新的实时数据
     //1.调用接口 mqtt推送数据
-    await getBasicRealData(lineId.value).then((res: any) => {
+    await getBasicRealData(lineId.value)
+        .then((res: any) => {
             if (res.code == 'A0000') {
                 ElMessage.success('装置应答成功')
                 mqttMessage.value = {}
@@ -855,7 +995,7 @@ const getRealDataMqttMsg = async () => {
                         obj = {
                             ...obj,
                             // 电压有效值
-                        vRmsA: (obj.vRmsA) / 1000,
+                            vRmsA: obj.vRmsA / 1000,
                             vRmsB: obj.vRmsB / 1000,
                             vRmsC: obj.vRmsC / 1000,
                             //基波电压幅值
@@ -884,36 +1024,36 @@ const getRealDataMqttMsg = async () => {
                         obj = {
                             ...obj,
                             // 电压有效值
-                        vRmsA: ((obj.vRmsA * obj.pt)) / 1000,
-                        vRmsB: ((obj.vRmsB * obj.pt)) / 1000,
-                        vRmsC: ((obj.vRmsC * obj.pt)) / 1000,
+                            vRmsA: (obj.vRmsA * obj.pt) / 1000,
+                            vRmsB: (obj.vRmsB * obj.pt) / 1000,
+                            vRmsC: (obj.vRmsC * obj.pt) / 1000,
                             // 电流有效值
-                        iRmsA: (obj.iRmsA * obj.ct),
-                        iRmsB: (obj.iRmsB * obj.ct),
-                        iRmsC: (obj.iRmsC * obj.ct),
+                            iRmsA: obj.iRmsA * obj.ct,
+                            iRmsB: obj.iRmsB * obj.ct,
+                            iRmsC: obj.iRmsC * obj.ct,
                             //基波电压幅值
-                        v1A: ((obj.v1A * obj.pt)) / 1000,
-                        v1B: ((obj.v1B * obj.pt)) / 1000,
-                        v1C: ((obj.v1C * obj.pt)) / 1000,
+                            v1A: (obj.v1A * obj.pt) / 1000,
+                            v1B: (obj.v1B * obj.pt) / 1000,
+                            v1C: (obj.v1C * obj.pt) / 1000,
                             //基波电流幅值
-                        i1A: (obj.i1A * obj.ct),
-                        i1B: (obj.i1B * obj.ct),
-                        i1C: (obj.i1C * obj.ct),
+                            i1A: obj.i1A * obj.ct,
+                            i1B: obj.i1B * obj.ct,
+                            i1C: obj.i1C * obj.ct,
                             //有功功率
-                        pA: ((obj.pA * obj.pt * obj.ct)) / 1000,
-                        pB: ((obj.pB * obj.pt * obj.ct)) / 1000,
-                        pC: ((obj.pC * obj.pt * obj.ct)) / 1000,
-                        pTot: ((obj.pTot * obj.pt * obj.ct)) / 1000,
+                            pA: (obj.pA * obj.pt * obj.ct) / 1000,
+                            pB: (obj.pB * obj.pt * obj.ct) / 1000,
+                            pC: (obj.pC * obj.pt * obj.ct) / 1000,
+                            pTot: (obj.pTot * obj.pt * obj.ct) / 1000,
                             //无功功率
-                        qA: ((obj.qA * obj.pt * obj.ct)) / 1000,
-                        qB: ((obj.qB * obj.pt * obj.ct)) / 1000,
-                        qC: ((obj.qC * obj.pt * obj.ct)) / 1000,
-                        qTot: ((obj.qTot * obj.pt * obj.ct)) / 1000,
+                            qA: (obj.qA * obj.pt * obj.ct) / 1000,
+                            qB: (obj.qB * obj.pt * obj.ct) / 1000,
+                            qC: (obj.qC * obj.pt * obj.ct) / 1000,
+                            qTot: (obj.qTot * obj.pt * obj.ct) / 1000,
                             //视在功率
-                        sA: ((obj.sA * obj.pt * obj.ct)) / 1000,
-                        sB: ((obj.sB * obj.pt * obj.ct)) / 1000,
-                        sC: ((obj.sC * obj.pt * obj.ct)) / 1000,
-                        sTot: ((obj.sTot * obj.pt * obj.ct)) / 1000
+                            sA: (obj.sA * obj.pt * obj.ct) / 1000,
+                            sB: (obj.sB * obj.pt * obj.ct) / 1000,
+                            sC: (obj.sC * obj.pt * obj.ct) / 1000,
+                            sTot: (obj.sTot * obj.pt * obj.ct) / 1000
                         }
                     }
                     //如果消息返回值是一次值，下拉框是二次值需要单位换算 乘以1000 并且除以pt ct
@@ -973,7 +1113,6 @@ const getRealDataMqttMsg = async () => {
                         }
                     }
 
-
                     //更新谐波频谱数据
                     // !realTimeFlag.value &&
                     //     sonTab.value == 1 &&
@@ -995,7 +1134,8 @@ const getRealDataMqttMsg = async () => {
                 ElMessage.success('装置应答失败')
                 tableLoading.value = false
             }
-    }).catch(e => {
+        })
+        .catch(e => {
             setTimeout(() => {
                 tableLoading.value = false
             }, 0)
@@ -1111,11 +1251,11 @@ const handleClick = async (tab?: any) => {
                     tableData.value = res.data
                     formInline.total = res.data.total
                     tableLoading.value = false
-                    setTimeout(() => {   //targetType
-                        testItemRecordsRef.value?.setData(res.data,)
+                    setTimeout(() => {
+                        //targetType
+                        testItemRecordsRef.value?.setData(res.data)
                     }, 500)
                     setTimeout(() => {
-
                         loading.value = false
                     }, 1500)
                 })
@@ -1126,7 +1266,40 @@ const handleClick = async (tab?: any) => {
                 })
         }, 100)
     }
+    //模块数据
+    if (dataSet.value.includes('_moduleData')) {
+        setTimeout(async () => {
+            if (tab.props != undefined) await (datePickerRef.value && datePickerRef.value?.setInterval(5))
 
+            let obj = {
+                // devId: deviceId.value, //e.id
+                lineId: lineId.value, //e.pid
+                startTime: datePickerRef.value && datePickerRef.value.timeValue[0],
+                endTime: datePickerRef.value && datePickerRef.value.timeValue[1]
+            }
+            await setTimeout(() => {
+                allModelData(obj)
+                    .then((res: any) => {
+                        tableData.value = res.data
+                        formInline.total = res.data.total
+                        tableLoading.value = false
+                        setTimeout(() => {
+                            //targetType
+                            res.data.length > 0 ? (moduleFlag.value = true) : (moduleFlag.value = false)
+                            moduleDataRef.value?.setData(res.data)
+                        }, 500)
+                        setTimeout(() => {
+                            loading.value = false
+                        }, 1500)
+                    })
+                    .catch(e => {
+                        setTimeout(() => {
+                            tableLoading.value = false
+                        }, 1500)
+                    })
+            }, 0)
+        }, 0)
+    }
 
     //查询当前指标
     if (!dataSet.value.includes('_')) {
@@ -1144,15 +1317,14 @@ const handleClick = async (tab?: any) => {
                 })
                 if (oddAndEvenFlag.value) {
                     list = list.filter((item: any) => {
-                        let str = item.otherName.split("次")[0]
-                        queryListName[0].name == '间谐波电压含有率' ? str = str - 0.5 : ''
+                        let str = item.otherName.split('次')[0]
+                        queryListName[0].name == '间谐波电压含有率' ? (str = str - 0.5) : ''
 
                         if (oddAndEven.value == '1') {
                             // 奇次
                             if (str % 2 != 0) {
                                 return item
                             }
-
                         } else if (oddAndEven.value == '2') {
                             // 偶次
                             if (str % 2 == 0) {
@@ -1161,12 +1333,11 @@ const handleClick = async (tab?: any) => {
                         } else {
                             return item
                         }
-
-
                     })
                 }
 
-                setTimeout(() => {   //targetType
+                setTimeout(() => {
+                    //targetType
                     nearRealTimeDataRef.value?.setData(list, queryListName)
                     tableLoading.value = false
                 }, 500)
@@ -1193,16 +1364,21 @@ const handleClick = async (tab?: any) => {
         }
     }
 }
+// 刷新状态
+const refreshTheState = () => {
+    moduleDataRef.value.getModule(deviceData.value.ndid)
+}
 //模版下载
 const handleDownLoadTemplate = () => {}
 //补召日志
 const analysisListRef = ref()
 //打开补召日志
 const handleAnalysisList = () => {
-    analysisListRef.value && analysisListRef.value.open({
+    analysisListRef.value &&
+        analysisListRef.value.open({
             lineId: lineId.value,
             deviceData: deviceData.value,
-        deviceId: deviceId.value,
+            deviceId: deviceId.value
         })
 }
 //离线数据导入
@@ -1232,7 +1408,6 @@ queryByCode('Device_Type').then(res => {
     })
 })
 const handleTargetTypeChange = () => {
-
     if (queryList.value.filter((item: any) => item.id == formInline.targetType)[0].name != '基本数据') {
         oddAndEvenFlag.value = true
     } else {
@@ -1314,8 +1489,6 @@ onBeforeUnmount(() => {
                     background-image: linear-gradient(var(--el-color-primary), var(--el-color-primary-light-3));
 
                     .box-card-content {
-
-
                         height: 100%;
                         display: flex;
                         flex-direction: column;
@@ -1323,12 +1496,9 @@ onBeforeUnmount(() => {
                     }
                 }
             }
-
-
         }
     }
 
-
     .box-card-div {
         display: grid;
         // grid-template-columns: repeat(3, 1fr);
@@ -1337,12 +1507,10 @@ onBeforeUnmount(() => {
 }
 
 .box-card-new {
-
     min-height: 110px !important;
 
     .el-card__body {
         overflow-y: auto;
-
     }
 }
 

src/views/govern/device/control/moduleData.vue

@@ -0,0 +1,676 @@
+<template>
+    <!-- 运行 运行(中断) 运行(故障) 离线 -->
+    <div :style="height" style="overflow-y: auto" v-loading="loading">
+        <div class="container">
+            <div class="tabs-container">
+                <!-- 左侧标签头 -->
+                <div class="tab-list" :style="titleHeight" style="overflow-y: auto" v-loading="loadingLeft">
+                    <button
+                        v-for="(item, index) in list"
+                        :key="index"
+                        :class="{ 'tab-button active': activeTab === index, 'tab-button': activeTab !== index }"
+                        @click="changeTab(index)"
+                    >
+                        <span>{{ item.moduleName }}</span>
+                        <el-tag class="ml10" :type="getType(item.moduleState)" size="small" effect="dark">
+                            {{ item.moduleState }}
+                        </el-tag>
+                    </button>
+                </div>
+
+                <!-- 右侧内容区域 -->
+                <div class="tab-content-container flex-1" :key="activeTab">
+                    <div v-if="echartList?.dataList != null" style="position: relative">
+                        <el-tabs v-model="activeName" type="card" @tab-change="changeDataType">
+                            <el-tab-pane label="状态" name="0">
+                                <div :style="echartHeight" class="pt10">
+                                    <MyEchart :options="echartList.options" />
+                                </div>
+                            </el-tab-pane>
+
+                            <el-tab-pane label="数据" name="1">
+                                <div :style="echartHeight" class="pt10">
+                                    <MyEchart style="height: 100%" :options="echartsData" :key="key" />
+                                    <!-- <MyEchart style="height: 50%" :options="echartList.loadList" />
+                                <MyEchart style="height: 50%" :options="echartList.modOutList" /> -->
+                                </div>
+                            </el-tab-pane>
+                        </el-tabs>
+                        <el-select
+                            v-if="activeName == '1'"
+                            v-model="dataType"
+                            class="select"
+                            placeholder="请选择"
+                            multiple
+                            collapse-tags
+                            style="width: 150px"
+                            @change="changeDataType"
+                        >
+                            <el-option label="负载电流" :value="0" />
+                            <el-option label="输入电流" :value="1" />
+                            <el-option label="温度" :value="2" />
+                        </el-select>
+                    </div>
+
+                    <el-empty description="暂无数据" style="width: 100%; height: 100%" v-else></el-empty>
+                </div>
+            </div>
+        </div>
+        <!-- <el-collapse v-model="activeNames" v-loading="loading">
+            <el-collapse-item v-for="(item, index) in list" :key="index" :name="index">
+                <template #title>
+                    <div class="header">
+                        {{ item.moduleName }}
+                        <el-tag
+                            class="ml10"
+                            :type="item.moduleState == '离线' ? 'danger' : 'success'"
+                            size="small"
+                            effect="dark"
+                        >
+                            {{ item.moduleState }}
+                        </el-tag>
+                    </div>
+                </template>
+                <div :style="echartHeight" style="min-height: 150px">
+                    <MyEchart :options="item.options" v-if="item.dataList != null" />
+                    <el-empty description="暂无数据" style="height: 130px" v-else></el-empty>
+                </div>
+            </el-collapse-item>
+        </el-collapse> -->
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, reactive, onBeforeUnmount } from 'vue'
+import { mainHeight } from '@/utils/layout'
+import { WarnTriangleFilled } from '@element-plus/icons-vue'
+import { getModuleState } from '@/api/cs-device-boot/EquipmentDelivery'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { ElMessage } from 'element-plus'
+import { yMethod } from '@/utils/echartMethod'
+const list: any = ref([])
+const loading = ref(false)
+const loadingLeft = ref(false)
+const height = ref(mainHeight(290))
+const titleHeight = ref(mainHeight(302))
+const echartHeight = ref(mainHeight(342))
+const activeTab = ref(0)
+const activeName = ref('0')
+const echartList: any = ref({})
+const dataType = ref([0])
+const key = ref(0)
+import * as echarts from 'echarts' // 全引入
+import { max } from 'lodash'
+const echartsData: any = ref({
+    title: {
+        show: false
+    },
+    xAxis: {
+        type: 'time',
+        name: '',
+        axisLabel: {
+            formatter: {
+                day: '{MM}-{dd}',
+                month: '{MM}',
+                year: '{yyyy}'
+            }
+        }
+    },
+    tooltip: {
+        axisPointer: {
+            type: 'cross',
+            label: {
+                color: '#fff',
+                fontSize: 16
+            }
+        },
+        textStyle: {
+            color: '#fff',
+            fontStyle: 'normal',
+            opacity: 0.35,
+            fontSize: 14
+        },
+        backgroundColor: 'rgba(0,0,0,0.55)',
+        borderWidth: 0,
+        formatter(params: any) {
+            const xname = params[0].value[0]
+            let str = `${xname}<br>`
+            params.forEach((el: any, index: any) => {
+                let marker = ''
+
+                if (el.value[3] == 'dashed') {
+                    for (let i = 0; i < 3; i++) {
+                        marker += `<span style="display:inline-block;border: 2px ${el.color} solid;margin-right:5px;width:10px;height:0px;background-color:#ffffff00;"></span>`
+                    }
+                } else {
+                    marker = `<span style="display:inline-block;border: 2px ${el.color} ${el.value[3]};margin-right:5px;width:40px;height:0px;background-color:#ffffff00;"></span>`
+                }
+
+                str += `${marker}${el.seriesName.split('(')[0]}：${
+                    el.value[1] != null ? el.value[1] + ' ' + (el.value[2] || '') : '-'
+                }<br>`
+            })
+            return str
+        }
+    },
+    legend: {
+        itemWidth: 20,
+        itemHeight: 20,
+        itemStyle: { opacity: 0 }, //去圆点
+        type: 'scroll', // 开启滚动分页
+        right: 70
+    },
+    grid: {
+        top: '80px',
+         right: '50px',
+    },
+    yAxis: [{}],
+
+    options: {
+        // yAxis: [{}],
+        series: []
+    }
+})
+const setData = (data: any) => {
+    // activeTab.value = 0
+    // echartHeight.value = mainHeight(292 + data.length * 49, data.length)
+    data.forEach((item: any) => {
+        // console.log('🚀 ~ setData ~ data:', data)
+        if (item.dataList == null) return
+        item.dataList.map((k: any, i: any) => {
+            k.endtime = item.dataList[i + 1]?.time
+        })
+
+        item.options = {
+            // 鼠标提示
+            tooltip: {
+                axisPointer: {
+                    type: 'cross',
+                    label: {
+                        color: '#fff',
+                        fontSize: 16
+                    }
+                },
+                formatter: function (params) {
+                    // console.log("🚀 ~ data.forEach ~ params:", params)
+                    let tip = ''
+                    for (let i = 0; i < params.length; i++) {
+                        if (params[i].seriesName != '事件标记') {
+                            tip +=
+                                params[i].marker +
+                                params[i].name +
+                                '<br/>' +
+                                '开始时间：' +
+                                params[i].value[1] +
+                                '<br/>' +
+                                '结束时间：' +
+                                (params[i].value[2] || '-') +
+                                '<br/>'
+                            if (params[i].value[3] == 1) {
+                                tip += '事件：' + params[i].value[4] + '<br/>'
+                            }
+                        } else {
+                            // if (params[i].value[3] == 1) {
+                            //     tip += '事件：' + params[i].value[1] + '<br/>'
+                            // }
+                        }
+                    }
+                    return tip
+                }
+            },
+
+            legend: {
+                // data: ['运行', '停止', '离线','事件标记']
+                data: [
+                    { name: '运行' },
+                    { name: '停止' },
+                    { name: '离线' },
+                    {
+                        name: '事件标记',
+                        icon: 'path://M0,10 L10,10 L5,0 Z', // 自定义三角形路径
+                        textStyle: {
+                            color: '#333',
+                            fontSize: 14
+                        }
+                    }
+                ]
+            },
+
+            xAxis: {
+                type: 'time',
+                name: '时间',
+                axisLabel: {
+                    formatter: {
+                        day: '{MM}-{dd}',
+                        month: '{MM}',
+                        year: '{yyyy}'
+                    }
+                }
+            },
+            yAxis: {
+                show: false,
+                axisPointer: {
+                    show: false // 隐藏Y轴上的指示器
+                }
+            },
+            color: ['#67c23a', '#e6a23c', '#f56c6c', '#ccc'],
+            series: [
+                {
+                    name: '运行',
+                    type: 'custom',
+                    renderItem: renderItem,
+
+                    encode: {
+                        x: [1, 2],
+                        y: 0
+                    },
+                    data: item.dataList
+                        .filter((k: any, i: number) => k.stateDesc == '运行')
+                        .map((p: any) => {
+                            return {
+                                name: '运行',
+                                value: [0, p.time, p.endtime, p.dataType, p.eventName],
+                                itemStyle: {
+                                    normal: {
+                                        color: '#67c23a'
+                                    }
+                                }
+                            }
+                        })
+                },
+                {
+                    name: '停止',
+                    type: 'custom',
+                    renderItem: renderItem,
+
+                    encode: {
+                        x: [1, 2],
+                        y: 0
+                    },
+                    data: item.dataList
+                        .filter((k: any, i: number) => k.stateDesc != '离线' && k.stateDesc != '运行')
+                        .map((p: any) => {
+                            return {
+                                name: '停止',
+                                value: [0, p.time, p.endtime, p.dataType, p.eventName],
+                                itemStyle: {
+                                    normal: {
+                                        color: '#e6a23c'
+                                    }
+                                }
+                            }
+                        })
+                },
+                {
+                    name: '离线',
+                    type: 'custom',
+                    renderItem: renderItem,
+
+                    encode: {
+                        x: [1, 2],
+                        y: 0
+                    },
+                    data: item.dataList
+                        .filter((k: any, i: number) => k.stateDesc == '离线')
+                        .map((p: any) => {
+                            return {
+                                name: '离线',
+                                value: [0, p.time, p.endtime, p.dataType, p.eventName],
+                                itemStyle: {
+                                    normal: {
+                                        color: '#f56c6c'
+                                    }
+                                }
+                            }
+                        })
+
+                    // [
+                    //     {
+                    //         name: '离线',
+                    //         value: [0, '2025-07-16 01:03:00', '2025-07-16 01:06:00', 353249],
+                    //         itemStyle: {
+                    //             normal: {
+                    //                 color: '#f56c6c'
+                    //             }
+                    //         }
+                    //     }
+                    // ]
+                },
+                {
+                    name: '事件标记',
+                    type: 'custom',
+                    renderItem: renderMarker,
+                    encode: {
+                        x: 0,
+                        y: 1
+                    },
+
+                    data: item.dataList
+                        .filter((k: any) => k.dataType === 1)
+                        .map((k: any) => [
+                            k.time,
+                            k.eventName,
+                            k.stateDesc == '离线' ? '#f56c6c' : k.stateDesc == '运行' ? '#67c23a' : '#e6a23c',
+                            k.dataType
+                        ]),
+                    // data: [['2025-07-16 01:00:00','故障发生','#bd6d6c']],
+                    z: 10 // 确保标记显示在甘特图上方
+                }
+            ]
+        }
+    })
+
+    list.value = data
+    echartList.value = list.value[activeTab.value]
+    changeDataType()
+    // echarts.connect('group')
+}
+const lineStyle = [{ type: 'solid' }, { type: 'dashed' }, { type: 'dotted' }]
+const changeDataType = () => {
+    // loadList 负载电流
+    // modOutList  输入电流
+    // console.log('🚀 ~ changeDataType ~ val:', list.value[activeTab.value])
+
+    echartsData.value.yAxis = [{}]
+    echartsData.value.options.series = []
+    let flag = dataType.value.includes(0) || dataType.value.includes(1)
+    if (flag) {
+        let data1 = dataType.value.includes(0)
+            ? list.value[activeTab.value].loadList.map(k => (k.data == 3.14159 ? 0 : k.data))
+            : [0]
+        let data2 = dataType.value.includes(1)
+            ? list.value[activeTab.value].modOutList.map(k => (k.data == 3.14159 ? 0 : k.data))
+            : [0]
+        let [modOuMin, modOuMax] = yMethod([...data1, ...data2])
+        console.log("🚀 ~ changeDataType ~ modOuMin:", modOuMin,modOuMax)
+
+        echartsData.value.yAxis[0] = {
+            name: 'A',
+            yAxisIndex: 0,
+            max: modOuMax,
+            min: modOuMin,
+            splitNumber: 5,
+            minInterval: 1
+        }
+        if (dataType.value.includes(0)) {
+            echartsData.value.options.series.push(
+                {
+                    name: 'A相负载电流',
+                    type: 'line',
+                    data: list.value[activeTab.value].loadList
+                        .filter((k: any) => k.phasicType == 'A')
+                        .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data, 'A', lineStyle[0].type]),
+                    smooth: true, //让线变得平滑
+                    symbol: 'none',
+                    color: '#DAA520',
+                    lineStyle: lineStyle[0],
+                    yAxisIndex: 0
+                },
+                {
+                    name: 'B相负载电流',
+                    type: 'line',
+                    data: list.value[activeTab.value].loadList
+                        .filter((k: any) => k.phasicType == 'B')
+                        .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data, 'A', lineStyle[0].type]),
+                    smooth: true, //让线变得平滑
+                    symbol: 'none',
+                    color: '#2E8B57',
+                    lineStyle: lineStyle[0],
+                    yAxisIndex: 0
+                },
+                {
+                    name: 'C相负载电流',
+                    type: 'line',
+                    data: list.value[activeTab.value].loadList
+                        .filter((k: any) => k.phasicType == 'C')
+                        .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data, 'A', lineStyle[0].type]),
+                    smooth: true, //让线变得平滑
+                    symbol: 'none',
+                    color: '#A52a2a',
+                    lineStyle: lineStyle[0],
+                    yAxisIndex: 0
+                }
+            )
+        }
+        if (dataType.value.includes(1)) {
+            echartsData.value.options.series.push(
+                {
+                    name: 'A相输入电流',
+                    type: 'line',
+                    data: list.value[activeTab.value].modOutList
+                        .filter((k: any) => k.phasicType == 'A')
+                        .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data, 'A', lineStyle[1].type]),
+                    smooth: true, //让线变得平滑
+                    symbol: 'none',
+                    color: '#DAA520',
+                    lineStyle: lineStyle[1],
+                    yAxisIndex: 0
+                },
+                {
+                    name: 'B相输入电流',
+                    type: 'line',
+                    data: list.value[activeTab.value].modOutList
+                        .filter((k: any) => k.phasicType == 'B')
+                        .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data, 'A', lineStyle[1].type]),
+                    smooth: true, //让线变得平滑
+                    symbol: 'none',
+                    color: '#2E8B57',
+                    lineStyle: lineStyle[1],
+                    yAxisIndex: 0
+                },
+                {
+                    name: 'C相输入电流',
+                    type: 'line',
+                    data: list.value[activeTab.value].modOutList
+                        .filter((k: any) => k.phasicType == 'C')
+                        .map((k: any) => [k.time, k.data == 3.14159 ? null : k.data, 'A', lineStyle[1].type]),
+                    smooth: true, //让线变得平滑
+                    symbol: 'none',
+                    color: '#A52a2a',
+                    lineStyle: lineStyle[1],
+                    yAxisIndex: 0
+                }
+            )
+        }
+    }
+    if (dataType.value.includes(2)) {
+        let [temperatureMin, temperatureMax] = yMethod(
+            list.value[activeTab.value].temperatureList.map(k => (k.data == 3.14159 ? 0 : k.data))
+        )
+        echartsData.value.yAxis[flag ? 1 : 0] = {
+            name: '℃',
+            yAxisIndex: flag ? 1 : 0,
+            splitNumber: 5,
+            max: temperatureMax,
+            min: temperatureMin,
+            minInterval: 1
+        }
+        echartsData.value.options.series.push({
+            name: '温度',
+            type: 'line',
+            data: list.value[activeTab.value].temperatureList.map((k: any) => [
+                k.time,
+                k.data == 3.14159 ? null : k.data,
+                '℃',
+                lineStyle[2].type
+            ]),
+            smooth: true, //让线变得平滑
+            symbol: 'none',
+            color: '#DAA520',
+            lineStyle: lineStyle[2],
+            yAxisIndex: flag ? 1 : 0
+        })
+    }
+    key.value += 1
+}
+function renderItem(params, api) {
+    var categoryIndex = api.value(0)
+    var start = api.coord([api.value(1), categoryIndex])
+    var end = api.coord([api.value(2), categoryIndex])
+    var height = api.size([0, 1])[1] * 0.9
+
+    var rectShape = echarts.graphic.clipRectByRect(
+        {
+            x: start[0],
+            y: start[1] - height,
+            width: end[0] - start[0],
+            height: height
+        },
+        {
+            x: params.coordSys.x,
+            y: params.coordSys.y,
+            width: params.coordSys.width,
+            height: params.coordSys.height - 50
+        }
+    )
+
+    return (
+        rectShape && {
+            type: 'rect',
+            shape: rectShape,
+            style: api.style()
+        }
+    )
+}
+// 三角形标记渲染函数
+function renderMarker(params, api) {
+    var point = api.coord([api.value(0), 0])
+    var symbolSize = 8
+    var offsetY = 40
+    // 计算三角形的三个点坐标
+    var points = [
+        [point[0], point[1] - symbolSize - offsetY], // 上顶点
+        [point[0] - symbolSize, point[1] + symbolSize - offsetY], // 左下顶点
+        [point[0] + symbolSize, point[1] + symbolSize - offsetY] // 右下顶点
+    ]
+
+    return {
+        type: 'polygon',
+        shape: {
+            points: points
+        },
+        style: {
+            fill: api.value(2),
+            stroke: '#fff',
+            lineWidth: 1
+        },
+        label: {
+            position: [point[0] + symbolSize + 5, point[1]],
+            formatter: api.value(1),
+            fontSize: 12
+        }
+    }
+}
+const getModule = async (id: string) => {
+    loadingLeft.value = true
+    await getModuleState({ id: id }).then(res => {
+        res.data.forEach((item: any) => {
+            list.value.forEach((k: any) => {
+                if (k.moduleName === item.moduleName) {
+                    k.moduleState = item.moduleState
+                }
+            })
+        })
+
+        ElMessage.success('刷新成功')
+    })
+    loadingLeft.value = false
+}
+const changeTab = (e: any) => {
+    echartList.value = list.value[e]
+    activeTab.value = e
+    changeDataType()
+}
+const getType = (type: string) => {
+    switch (type) {
+        case '运行':
+            return 'success'
+        case '离线':
+            return 'danger'
+        default:
+            return 'warning'
+    }
+}
+
+defineExpose({ setData, getModule })
+onBeforeUnmount(() => {
+    echarts.disconnect('group')
+})
+</script>
+
+<style lang="scss" scoped>
+.container {
+    margin: 10px 10px 0 10px;
+    background-color: white;
+    border-radius: 0.5rem;
+    // box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    overflow: hidden;
+}
+
+.tabs-container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+@media (min-width: 768px) {
+    .tabs-container {
+        flex-direction: row;
+    }
+}
+
+.tab-list {
+    width: 100%;
+    border-bottom: 1px solid #e2e8f0;
+    background-color: #f8fafc;
+}
+
+@media (min-width: 768px) {
+    .tab-list {
+        width: 140px;
+        border-right: 1px solid #e2e8f0;
+        border-bottom: none;
+    }
+}
+
+.tab-button {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    padding: 15px 20px;
+    text-align: left;
+    border: none;
+    background: none;
+    cursor: pointer;
+    font-size: 14px;
+    color: #64748b;
+    border-right: 4px solid transparent;
+    transition: all 0.2s ease;
+}
+
+.tab-button:hover {
+    background-color: #f1f5f9;
+    color: #475569;
+}
+
+.tab-button.active {
+    background-color: #e2e8f0;
+    color: #000;
+    border-right-color: var(--el-color-primary);
+    font-weight: 700;
+}
+
+.tab-button i {
+    width: 1.25rem;
+    margin-right: 0.75rem;
+}
+
+.tab-content-container {
+    flex: 1;
+    padding: 0 10px;
+}
+.select {
+    position: absolute;
+    top: 7px;
+    left: 150px;
+}
+</style>

src/views/govern/device/control/supplementaryRecruitment/currentDevice.vue

@@ -173,6 +173,17 @@ const connectMqtt = () => {
 const handleSearch = () => {
     getMakeUpDataList(route.value)
 }
+function parseStringToObject(str:string) {
+    const content = str.replace(/^{|}$/g, '')
+    const pairs = content.split(',')
+    const result:any = {}
+    pairs.forEach(pair => {
+        const [key, value] = pair.split(':')
+        // 尝试将数字转换为Number类型
+        result[key.trim()] = isNaN(Number(value)) ? value.trim() : Number(value)
+    })
+    return result
+}
 connectMqtt()
 mqttRef.value.on('connect', () => {
     // ElMessage.success('连接mqtt服务器成功!')
@@ -188,10 +199,7 @@ mqttRef.value.on('message', (topic: any, message: any) => {
     let str = JSON.parse(JSON.stringify(JSON.parse(new TextDecoder().decode(message))))
     let regex1 = /allStep:(.*?),nowStep/
     let regex2 = /nowStep:(.*?)}/
-    mqttMessage.value = {
-        allStep: str.match(regex1)[1],
-        nowStep: str.match(regex2)[1]
-    }
+    mqttMessage.value = parseStringToObject(str)
     // console.log(mqttMessage.value)
     let checkedList = tableRef.value.getCheckboxRecords().map((item: any) => {
         return item.name

src/views/govern/device/control/supplementaryRecruitment/history.vue

@@ -210,7 +210,7 @@ const tableStore = new TableStore({
                 return row.cellValue === 'MQTT' ? 'MQTT' : row.cellValue === 'cloud' ? 'CLD' : row.cellValue
             }
         },
-        { title: '录入时间', field: 'createTime' },
+        { title: '录入时间', field: 'createTime', sortable: true },
         { title: '网络设备ID', field: 'ndid' },
         {
             title: '状态',

src/views/govern/device/control/tabs/event.vue

@@ -40,7 +40,7 @@ const tableStore: any = new TableStore({
                 return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
             }
         },
-        { field: 'startTime', title: '发生时刻', minWidth: 170 },
+        { field: 'startTime', title: '发生时刻', minWidth: 170, sortable: true },
         { field: 'showName', title: '事件描述', minWidth: 170 },
         {
             field: 'phaseType',
@@ -58,7 +58,7 @@ const tableStore: any = new TableStore({
             formatter: (row: any) => {
                 row.cellValue = row.cellValue ? row.cellValue.toFixed(2) : '/'
                 return row.cellValue
-            }
+            }, sortable: true
         },
         {
             field: 'featureAmplitude',

src/views/govern/device/control/tabs/realtime.vue

@@ -273,21 +273,21 @@ const initRadioCharts = () => {
                             value: 0,
                             name: 'A相',
                             itemStyle: {
-                                color: '#FFCC00'
+                                color: '#DAA520'
                             }
                         },
                         {
                             value: 0,
                             name: 'B相',
                             itemStyle: {
-                                color: '#009900'
+                                color: '#2E8B57'
                             }
                         },
                         {
                             value: 0,
                             name: 'C相',
                             itemStyle: {
-                                color: '#CC0000'
+                                color: '#A52a2a'
                             }
                         }
                     ]
@@ -373,21 +373,21 @@ const initRadioCharts = () => {
                             value: 0,
                             name: 'A相',
                             itemStyle: {
-                                color: '#FFCC00'
+                                color: '#DAA520'
                             }
                         },
                         {
                             value: 0,
                             name: 'B相',
                             itemStyle: {
-                                color: '#009900'
+                                color: '#2E8B57'
                             }
                         },
                         {
                             value: 0,
                             name: 'C相',
                             itemStyle: {
-                                color: '#CC0000'
+                                color: '#A52a2a'
                             }
                         }
                     ]

src/views/govern/device/control/tabs/trend.vue

@@ -341,7 +341,7 @@ const init = async () => {
                                     return str
                                 }
                             },
-                            color: ['#FFCC00', '#009900', '#CC0000', ...color],
+                            color: ['#DAA520', '#2E8B57', '#A52a2a', ...color],
                             xAxis: {
                                 type: 'time',
                                 axisLabel: {
@@ -461,7 +461,7 @@ const init = async () => {
                                             : kk[0].anotherName,
                                         type: 'line',
                                         smooth: true,
-                                        color: colorName == 'A' ? '#FFCC00' : colorName == 'B' ? '#009900' : colorName == 'C' ? '#CC0000' : '',
+                                        color: colorName == 'A' ? '#DAA520' : colorName == 'B' ? '#2E8B57' : colorName == 'C' ? '#A52a2a' : '',
                                         symbol: 'none',
                                         data: seriesList,
                                         lineStyle: lineStyle[lineS],

src/views/govern/device/fileService/index.vue

@@ -8,8 +8,12 @@
             <div class="right_nav">
                 <div class="menu" v-if="activePathList.length != 0">
                     <el-breadcrumb separator="/">
-                        <el-breadcrumb-item v-for="(item, index) in activePathList" style="cursor: pointer" :key="index"
-                            @click="handleIntoByPath(item)">
+                        <el-breadcrumb-item
+                            v-for="(item, index) in activePathList"
+                            style="cursor: pointer"
+                            :key="index"
+                            @click="handleIntoByPath(item)"
+                        >
                             <span>{{ outPutPath(item, index) }}</span>
                         </el-breadcrumb-item>
                     </el-breadcrumb>
@@ -20,14 +24,27 @@
             </div>
 
             <div class="filter" v-if="activePathList.length != 0">
-                <el-input maxlength="32" show-word-limit style="width: 200px; height: 32px" placeholder="请输入文件或文件夹名称"
-                    clearable v-model.trim="filterText" type="text"></el-input>
+                <el-input
+                    maxlength="32"
+                    show-word-limit
+                    style="width: 200px; height: 32px"
+                    placeholder="请输入文件或文件夹名称"
+                    clearable
+                    v-model.trim="filterText"
+                    type="text"
+                ></el-input>
                 <el-button type="primary" @click="handleSearch" :icon="Search">搜索</el-button>
                 <!-- <el-button @click="handleRefresh" :icon="Refresh">重置</el-button> -->
-                <el-upload v-if="activePath != '/'" action="" :auto-upload="false" :show-file-list="false" :on-change="(file: any, fileList: any) => {
+                <el-upload
+                    v-if="activePath != '/'"
+                    action=""
+                    :auto-upload="false"
+                    :show-file-list="false"
+                    :on-change="(file: any, fileList: any) => {
                     handleUpload(file, fileList, activePath)
                 }
-                    ">
+                    "
+                >
                     <el-button>
                         文件上传
                         <el-icon class="el-icon--right">
@@ -45,14 +62,24 @@
             </div>
             <!-- 以列表形式展示 -->
             <div :style="tableHeight">
-                <vxe-table style="margin-top: 10px" border auto-resize height="auto" :data="dirList"
-                    v-bind="defaultAttribute">
+                <vxe-table
+                    style="margin-top: 10px"
+                    border
+                    auto-resize
+                    height="auto"
+                    :data="dirList"
+                    v-bind="defaultAttribute"
+                >
                     <vxe-column type="seq" title="序号" width="80"></vxe-column>
                     <vxe-column field="prjDataPath" align="center" title="名称" #default="{ row }">
-                        <span style="cursor: pointer; color: #551a8b" :style="{
+                        <span
+                            style="cursor: pointer; color: #551a8b"
+                            :style="{
                                 'text-decoration': row.type == 'dir' ? 'underline' : 'none',
                                 color: row.type == 'dir' ? '#551a8b' : '#000'
-                        }" @click="handleIntoDir(row)">
+                            }"
+                            @click="handleIntoDir(row)"
+                        >
                             {{
                                 row &&
                                 row?.prjDataPath &&
@@ -83,8 +110,13 @@
                     <vxe-column title="操作" width="200px">
                         <template #default="{ row }">
                             <el-button link size="small" type="danger" @click="handleDelDirOrFile(row)">删除</el-button>
-                            <el-button v-if="row.type == 'file'" link size="small" type="primary"
-                                @click="handleDownLoad(row)">
+                            <el-button
+                                v-if="row.type == 'file'"
+                                link
+                                size="small"
+                                type="primary"
+                                @click="handleDownLoad(row)"
+                            >
                                 下载
                             </el-button>
                         </template>
@@ -95,8 +127,13 @@
             <div class="list" v-if="dirList.length != 0 && !loading" style="display: none">
                 <div class="list_item" v-for="(item, index) in dirList" :key="index">
                     <div class="item_download">
-                        <el-button v-if="activePath && activePath != '/'" type="danger" size="small"
-                            @click="handleDelDirOrFile(item)" circle>
+                        <el-button
+                            v-if="activePath && activePath != '/'"
+                            type="danger"
+                            size="small"
+                            @click="handleDelDirOrFile(item)"
+                            circle
+                        >
                             <el-icon>
                                 <Delete />
                             </el-icon>
@@ -108,8 +145,12 @@
                         </el-button>
                     </div>
                     <img v-if="item?.type == 'dir'" @click="handleIntoDir(item)" src="@/assets/img/wenjianjia.svg" />
-                    <img class="img_file" @click="handleIntoDir(item)" v-if="item?.type == 'file'"
-                        src="@/assets/img/wenjian.svg" />
+                    <img
+                        class="img_file"
+                        @click="handleIntoDir(item)"
+                        v-if="item?.type == 'file'"
+                        src="@/assets/img/wenjian.svg"
+                    />
                     <!-- <span v-if="!item.type">暂无数据</span> -->
                     <p>
                         {{
@@ -126,9 +167,18 @@
             <!-- <el-empty v-if="dirList.length === 0" /> -->
         </div>
         <popup ref="fileRef"></popup>
-        <el-dialog v-model.trim="addDeviceDirOpen" :destroy-on-close="true" title="新建文件夹目录" width="500" @closed="close">
-            <el-form ref="formRef" :model="form"
-                :rules="{ path: [{ required: true, message: '请输入文件夹名称', trigger: 'blur' }] }">
+        <el-dialog
+            v-model.trim="addDeviceDirOpen"
+            :destroy-on-close="true"
+            title="新建文件夹目录"
+            width="500"
+            @closed="close"
+        >
+            <el-form
+                ref="formRef"
+                :model="form"
+                :rules="{ path: [{ required: true, message: '请输入文件夹名称', trigger: 'blur' }] }"
+            >
                 <el-form-item label="文件夹名称" prop="path">
                     <el-input maxlength="32" show-word-limit v-model.trim="form.path" placeholder="请输入文件夹名称" />
                 </el-form-item>
@@ -251,18 +301,16 @@ const handleRestartDevice = () => {
         customClass: 'customInput',
         inputType: 'text',
         beforeClose: (action, instance, done) => {
-
             if (action === 'confirm') {
                 if (instance.inputValue == null) {
                     return ElMessage.warning('请输入密码')
                 } else if (instance.inputValue?.length > 32) {
                     return ElMessage.warning('密码长度不能超过32位,当前密码长度为' + instance.inputValue.length)
                 } else {
-                    done();
+                    done()
                 }
-
             } else {
-                done();
+                done()
             }
         }
     })
@@ -439,18 +487,16 @@ const handleDelDirOrFile = (row: any) => {
         customClass: 'customInput',
         inputType: 'text',
         beforeClose: (action, instance, done) => {
-
             if (action === 'confirm') {
                 if (instance.inputValue == null) {
                     return ElMessage.warning('请输入密码')
                 } else if (instance.inputValue?.length > 32) {
                     return ElMessage.warning('密码长度不能超过32位,当前密码长度为' + instance.inputValue.length)
                 } else {
-                    done();
+                    done()
                 }
-
             } else {
-                done();
+                done()
             }
         }
     }).then(({ value }) => {
@@ -550,23 +596,29 @@ mqttRef.value.on('connect', (e: any) => {
 })
 const mqttMessage = ref<any>({})
 const status: any = ref()
-
+function parseStringToObject(str:string) {
+    const content = str.replace(/^{|}$/g, '')
+    const pairs = content.split(',')
+    const result:any = {}
+    pairs.forEach(pair => {
+        const [key, value] = pair.split(':')
+        // 尝试将数字转换为Number类型
+        result[key.trim()] = isNaN(Number(value)) ? value.trim() : Number(value)
+    })
+    return result
+}
 mqttRef.value.on('message', (topic: any, message: any) => {
     // console.log('mqtt接收到消息', JSON.parse(JSON.stringify(JSON.parse(new TextDecoder().decode(message)))))
 
     let str = JSON.parse(JSON.stringify(JSON.parse(new TextDecoder().decode(message))))
 
+
     let regex = /fileName:(.*?),allStep/
     let regex1 = /allStep:(.*?),nowStep/
     let regex2 = /nowStep:(.*?),userId/
     let regex3 = /userId:(.*?)}/
 
-    mqttMessage.value = {
-        fileName: str.match(regex)[1],
-        allStep: str.match(regex1)[1],
-        nowStep: str.match(regex2)[1],
-        userId: str.match(regex3)[1]
-    }
+    mqttMessage.value = parseStringToObject(str)
     // console.log("🚀 ~ str.match(regex3)[1]:", str.match(regex3)[1])
     status.value = parseInt(Number((mqttMessage.value.nowStep / mqttMessage.value.allStep) * 100))
     fileRef.value.setStatus(mqttMessage.value)
@@ -591,7 +643,6 @@ onMounted(() => {
     changeType.value = localStorage.getItem('changeType') ? localStorage.getItem('changeType') : ''
 })
 onBeforeUnmount(() => {
-    console.log(6666);
     if (mqttRef.value) {
         mqttRef.value.end()
     }

src/views/govern/device/planData/components/transient.vue

@@ -44,7 +44,7 @@ const tableStore = new TableStore({
                 return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
             }
         },
-        { field: 'startTime', title: '发生时刻', minWidth: 170 },
+        { field: 'startTime', title: '发生时刻', minWidth: 170, sortable: true },
         { field: 'showName', title: '事件描述', minWidth: 170 },
         {
             field: 'phaseType',
@@ -62,7 +62,7 @@ const tableStore = new TableStore({
             formatter: (row: any) => {
                 row.cellValue = row.cellValue ? row.cellValue.toFixed(2) : '/'
                 return row.cellValue
-            }
+            }, sortable: true
         },
         {
             field: 'featureAmplitude',
@@ -74,7 +74,7 @@ const tableStore = new TableStore({
                     row.cellValue = String(row.cellValue).split('.')[0]
                 }
                 return row.cellValue
-            }
+            }, sortable: true
         },
         {
             title: '操作',

src/views/govern/device/planData/index.vue

@@ -431,7 +431,7 @@ const refreshTree = () => {
 const range = (start: any, end: any, step: any) => {
     return Array.from({ length: (end - start) / step + 1 }, (_, i) => start + i * step)
 }
-const colors = ['#FFCC00', '#009900', '#CC0000']
+const colors = ['#DAA520', '#2E8B57', '#A52a2a']
 const lineStyle = [{ type: 'solid', }, { type: 'dashed', }, { type: 'dotted', }]
 
 const titleList: any = ref('')
@@ -627,7 +627,7 @@ const init = (flag: boolean) => {
                                     return str
                                 }
                             },
-                            // color: ['#FFCC00', '#009900', '#CC0000', ...color],
+                            // color: ['#DAA520', '#2E8B57', '#A52a2a', ...color],
                             xAxis: {
                                 type: 'time',
                                 axisLabel: {
@@ -714,7 +714,7 @@ const init = (flag: boolean) => {
                                             ? kk[0].phase + '相' + kk[0].anotherName
                                             : kk[0].anotherName,
                                         type: 'line',
-                                        color: colorName == 'A' ? '#FFCC00' : colorName == 'B' ? '#009900' : colorName == 'C' ? '#CC0000' : '',
+                                        color: colorName == 'A' ? '#DAA520' : colorName == 'B' ? '#2E8B57' : colorName == 'C' ? '#A52a2a' : '',
                                         smooth: true,
                                         symbol: 'none',
                                         lineStyle: lineStyle[lineS],

src/views/govern/log/debug.vue

@@ -32,8 +32,8 @@ const tableStore = new TableStore({
                 return row.cellValue == 1 ? '设备登记' : row.cellValue == 2 ? '功能调试' : row.cellValue == 3 ? '出厂调试' : row.cellValue == 4 ? '设备投运' : ''
             }
         },
-        { title: '开始时间', field: 'startTime', align: 'center' },
-        { title: '结束时间', field: 'endTime', align: 'center' }
+        { title: '开始时间', field: 'startTime', align: 'center', sortable: true },
+        { title: '结束时间', field: 'endTime', align: 'center', sortable: true }
     ],
 
     loadCallback: () => {

src/views/govern/log/opera.vue

@@ -18,10 +18,10 @@ const tableStore = new TableStore({
     url: '/cs-device-boot/cslog/queryLog',
     method: 'POST',
     column: [
-        { title: '操作日期', field: 'createTime', align: 'center' },
+        { title: '操作日期', field: 'createTime', align: 'center', sortable: true },
         { title: '操作描述', field: 'operate', align: 'center', width: '300' },
         { title: '用户名称', field: 'userName', align: 'center' },
-        { title: '更新时间', field: 'updateTime', align: 'center' },
+        { title: '更新时间', field: 'updateTime', align: 'center', sortable: true },
         { title: '失败原因', field: 'failReason', align: 'center' },
         { title: '状态', field: 'result', align: 'center' },
         { title: '登录名', field: 'loginName', align: 'center' }

src/views/govern/log/push.vue

@@ -20,7 +20,7 @@ const tableStore = new TableStore({
     column: [
         { title: '推送用户', field: 'userName', align: 'center' },
         { title: '推送内容', field: 'showName', align: 'center' },
-        { title: '推送时间', field: 'sendTime', align: 'center' },
+        { title: '推送时间', field: 'sendTime', align: 'center', sortable: true },
     ]
 })
 

src/views/govern/manage/basic/dictionary.vue

@@ -61,6 +61,7 @@ const tableStore = new TableStore({
         { title: '数据名称', field: 'name', minWidth: 220 },
         { title: '别名', field: 'otherName', minWidth: 220 },
         { title: '展示名称', field: 'showName', minWidth: 170 },
+        { title: '告警码', field: 'defaultValue', minWidth: 170 },
         { title: '相别', field: 'phaseName', minWidth: 80 },
         { title: '单位', field: 'unit', minWidth: 80 },
         { title: '基础数据类型', field: 'type', minWidth: 170 },

src/views/govern/manage/basic/popupDictionary.vue

@@ -82,52 +82,52 @@
                 <el-divider content-position="center">拓展数据</el-divider>
             </div>
             <el-form class="form-two" :model="form" label-width="140px" ref="formRef2" :rules="rules">
-                <el-form-item label="参数缺省值:" prop="defaultValue">
+                <el-form-item label="告警码(缺省值):" >
                     <el-input maxlength="32" show-word-limit v-model.trim="form.defaultValue" autocomplete="off"
-                        placeholder="请输入参数缺省值"></el-input>
+                        placeholder="请输入告警码(缺省值)"></el-input>
                 </el-form-item>
-                <el-form-item label="事件类别:" prop="eventType">
+                <el-form-item label="事件类别:" >
                     <el-input maxlength="32" show-word-limit v-model.trim="form.eventType" autocomplete="off"
                         placeholder="请输入事件类别"></el-input>
                 </el-form-item>
 
-                <el-form-item label="设置最大值:" prop="maxNum">
+                <el-form-item label="设置最大值:" >
                     <el-input maxlength="32" show-word-limit type="number" v-model.trim="form.maxNum" autocomplete="off"
                         placeholder="请输入设置最大值"></el-input>
                 </el-form-item>
-                <el-form-item label="设置最小值:" prop="minNum">
+                <el-form-item label="设置最小值:" >
                     <el-input maxlength="32" show-word-limit type="number" v-model.trim="form.minNum" autocomplete="off"
                         placeholder="请输入设置最小值"></el-input>
                 </el-form-item>
-                <el-form-item label="枚举序列:" prop="setValue">
+                <el-form-item label="枚举序列:">
                     <el-input maxlength="32" show-word-limit v-model.trim="form.setValue" autocomplete="off"
                         placeholder="请输入枚举序列"></el-input>
                 </el-form-item>
-                <el-form-item label="字符串长度上限:" prop="strlen">
+                <el-form-item label="字符串长度上限:" >
                     <el-input maxlength="32" show-word-limit type="number" v-model.trim="form.strlen" autocomplete="off"
                         placeholder="请输入字符串长度上限"></el-input>
                 </el-form-item>
-                <el-form-item label="上送规则:" prop="tranRule">
+                <el-form-item label="上送规则:" >
                     <el-input maxlength="32" show-word-limit v-model.trim="form.tranRule" autocomplete="off"
                         placeholder="请输入上送规则"></el-input>
                 </el-form-item>
-                <el-form-item label="是否可远程控制:" prop="ctlSts">
+                <el-form-item label="是否可远程控制:" >
                     <el-radio v-model.trim="form.ctlSts" :label="1">是</el-radio>
                     <el-radio v-model.trim="form.ctlSts" :label="0">否</el-radio>
                 </el-form-item>
-                <el-form-item label="是否需遥控校验:" prop="curSts">
+                <el-form-item label="是否需遥控校验:" >
                     <el-radio v-model.trim="form.curSts" :label="1">是</el-radio>
                     <el-radio v-model.trim="form.curSts" :label="0">否</el-radio>
                 </el-form-item>
-                <el-form-item label="是否存储:" prop="storeFlag">
+                <el-form-item label="是否存储:" >
                     <el-radio v-model.trim="form.storeFlag" :label="1">是</el-radio>
                     <el-radio v-model.trim="form.storeFlag" :label="0">否</el-radio>
                 </el-form-item>
-                <el-form-item label="是否加密:" prop="storeFlag">
+                <el-form-item label="是否加密:" >
                     <el-radio v-model.trim="form.storeFlag" :label="1">是</el-radio>
                     <el-radio v-model.trim="form.storeFlag" :label="0">否</el-radio>
                 </el-form-item>
-                <el-form-item label="数据是否上送:" prop="tranFlag">
+                <el-form-item label="数据是否上送:" >
                     <el-radio v-model.trim="form.tranFlag" :label="1">是</el-radio>
                     <el-radio v-model.trim="form.tranFlag" :label="0">否</el-radio>
                 </el-form-item>

src/views/govern/manage/basic/template.vue

@@ -51,7 +51,7 @@ const tableStore = new TableStore({
         { title: '装置型号', field: 'devTypeName' },
         { title: '模板名称', field: 'name' },
         { title: '版本号', field: 'versionNo' },
-        { title: '版本时间', field: 'versionDate' },
+        { title: '版本时间', field: 'versionDate', sortable: true },
         {
             title: '操作',
             align: 'center',

src/views/govern/manage/engineering.vue

@@ -1,8 +1,15 @@
 <template>
     <div class="default-main" :style="{ height: pageHeight.height }">
-        <vxe-table v-loading="tableStore.table.loading" height="auto" auto-resize ref="tableRef"
-            v-bind="defaultAttribute" :data="tableStore.table.data" :column-config="{ resizable: true }"
-            :tree-config="{ expandAll: true }">
+        <vxe-table
+            v-loading="tableStore.table.loading"
+            height="auto"
+            auto-resize
+            ref="tableRef"
+            v-bind="defaultAttribute"
+            :data="tableStore.table.data"
+            :column-config="{ resizable: true }"
+            :tree-config="{ expandAll: true }"
+        >
             <vxe-column field="name" align="left" title="名称" tree-node></vxe-column>
             <vxe-column field="area" title="区域">
                 <template #default="{ row }">
@@ -14,9 +21,16 @@
                     {{ row.remark || '/' }}
                 </template>
             </vxe-column>
-            <vxe-column field="remark" title="操作" width="100px">
+            <vxe-column field="remark" title="操作" width="150px">
                 <template #default="{ row }">
-                    <el-popconfirm title="确定删除吗？" confirm-button-type='danger' @confirm="deletes(row)" v-if="!row.path">
+                    <el-button type="primary" link @click="edit(row)" v-if="!row.path">编辑</el-button>
+
+                    <el-popconfirm
+                        title="确定删除吗？"
+                        confirm-button-type="danger"
+                        @confirm="deletes(row)"
+                        v-if="!row.path"
+                    >
                         <template #reference>
                             <el-button type="danger" link>删除</el-button>
                         </template>
@@ -24,21 +38,55 @@
                 </template>
             </vxe-column>
         </vxe-table>
+
+        <el-dialog v-model="dialogVisible" title="编辑" width="500">
+            <el-form :model="form" ref="ruleFormRef" label-width="80px" :rules="rules">
+                <el-form-item label="名称" prop="name">
+                    <el-input v-model="form.name" clearable placeholder="请输入名称" />
+                </el-form-item>
+                <el-form-item label="区域" :prop="form.pid == '0' ? 'city' : 'area'">
+                    <!-- <el-input v-model="form.city" clearable placeholder="请输入区域" /> -->
+                    <el-cascader
+                        v-model="form.city"
+                        v-if="form.pid == '0'"
+                        style="width: 100%"
+                        :options="areaTree"
+                        :props="props"
+                        clearable
+                        filterable
+                        placeholder="请输入区域"
+                    />
+                    <el-input v-else v-model="form.area" clearable placeholder="请输入区域" />
+                </el-form-item>
+                <el-form-item label="备注" prop="description">
+                    <el-input v-model="form.description" :rows="2" type="textarea" clearable placeholder="请输入备注" />
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button @click="dialogVisible = false">取消</el-button>
+                    <el-button type="primary" @click="save">保存</el-button>
+                </div>
+            </template>
+        </el-dialog>
     </div>
 </template>
 <script setup lang="ts">
 import { ref, onMounted, provide, nextTick } from 'vue'
 import TableStore from '@/utils/tableStore'
+import { useDictData } from '@/stores/dictData'
 import { defaultAttribute } from '@/components/table/defaultAttribute'
 import { mainHeight } from '@/utils/layout'
 import { ElMessageBox, ElMessage } from 'element-plus'
-import { auditEngineering } from '@/api/cs-device-boot/edData';
+import { auditEngineering, updateProject } from '@/api/cs-device-boot/edData'
 import { activateUser, deluser, passwordConfirm } from '@/api/user-boot/user'
+import tree from '@/assets/map/area.json'
 defineOptions({
     name: 'govern/manage/engineering'
 })
+const dictData = useDictData()
 const tableRef = ref()
-
+const dialogVisible = ref(false)
 const pageHeight = mainHeight(20)
 const tableStore = new TableStore({
     url: '/cs-device-boot/csLedger/getProjectTree',
@@ -51,7 +99,30 @@ const tableStore = new TableStore({
         }, 500)
     }
 })
+const ruleFormRef = ref()
+const rules = ref({
+    name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+    city: [{ required: true, message: '请输入区域', trigger: 'blur' }],
+    area: [{ required: true, message: '请输入区域', trigger: 'blur' }],
+    description: [{ required: true, message: '请输入描述', trigger: 'blur' }]
+})
+console.log("🚀 ~ dictData.state.areaTree:", dictData.state)
 
+const areaTree: any = tree
+const props = {
+    label: 'text',
+    value: 'value',
+    children: 'children',
+    checkStrictly: true
+}
+const form = ref({
+    id: '',
+    pid: '',
+    area: '',
+    name: '',
+    city: '',
+    description: ''
+})
 provide('tableStore', tableStore)
 
 onMounted(() => {
@@ -67,18 +138,16 @@ const deletes = (row: any) => {
         customClass: 'customInput',
         inputType: 'text',
         beforeClose: (action, instance, done) => {
-
             if (action === 'confirm') {
                 if (instance.inputValue == null) {
                     return ElMessage.warning('请输入密码')
                 } else if (instance.inputValue?.length > 32) {
                     return ElMessage.warning('密码长度不能超过32位,当前密码长度为' + instance.inputValue.length)
                 } else {
-                    done();
+                    done()
                 }
-
             } else {
-                done();
+                done()
             }
         }
     }).then(({ value }) => {
@@ -92,11 +161,48 @@ const deletes = (row: any) => {
             })
         })
     })
-
-
 }
 
-const addMenu = () => { }
+// 编辑
+const edit = (row: any) => {
+    form.value = {
+        id: row.id,
+        pid: row.pid,
+        name: row.name,
+        city: row.cityId,
+        area: row.area,
+        description: row.remark
+    }
+    dialogVisible.value = true
+}
+const save = () => {
+    ruleFormRef.value.validate((valid: any) => {
+        if (valid) {
+            if (form.value.pid == '0') {
+                auditEngineering({ ...form.value, city: form.value.city[form.value.city.length - 1] }).then(
+                    (res: any) => {
+                        ElMessage.success('保存成功')
+                        dialogVisible.value = false
+                        tableStore.index()
+                    }
+                )
+            } else {
+                let params = new FormData()
+                params.append('id', form.value.id)
+                params.append('area', form.value.area)
+                params.append('description', form.value.description)
+                params.append('name', form.value.name)
+
+                updateProject(form.value).then((res: any) => {
+                    ElMessage.success('保存成功')
+                    dialogVisible.value = false
+                    tableStore.index()
+                })
+            }
+        }
+    })
+}
+
 </script>
 <style lang="scss">
 .customInput {

src/views/govern/manage/factory.vue

@@ -3,11 +3,37 @@
         <TableHeader>
             <template v-slot:select>
                 <el-form-item label="关键字筛选">
-                    <el-input   v-model.trim="tableStore.table.params.searchValue" style="width: 200px" clearable placeholder="请输入设备名称/网络设备ID" />
-                    
+                    <el-input
+                        v-model.trim="tableStore.table.params.searchValue"
+                        style="width: 200px"
+                        clearable
+                        placeholder="请输入设备名称/网络设备ID"
+                    />
                 </el-form-item>
-                <el-form-item label="设备类型">
-                    <!-- <el-input maxlength="32" show-word-limit v-model.trim="tableStore.table.params.searchValue" placeholder="请输入设备类型" /> -->
+                <el-form-item label="流程阶段">
+                    <el-select v-model.trim="tableStore.table.params.process" clearable placeholder="请选择状态">
+                        <el-option label="功能调试" :value="2"></el-option>
+                        <el-option label="出厂调试" :value="3"></el-option>
+                        <el-option label="正式投运" :value="4"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="物联状态">
+                    <el-select
+                        v-model.trim="tableStore.table.params.connectStatus"
+                        clearable
+                        placeholder="请选择物联状态"
+                    >
+                        <el-option label="已连接" :value="1"></el-option>
+                        <el-option label="未连接" :value="0"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="设备状态">
+                    <el-select v-model.trim="tableStore.table.params.runStatus" clearable placeholder="请选择状态">
+                        <el-option label="在线" :value="2"></el-option>
+                        <el-option label="离线" :value="1"></el-option>
+                    </el-select>
+                </el-form-item>
+                <!-- <el-form-item label="设备类型">
                     <el-select
                         v-model.trim="tableStore.table.params.devType"
                         clearable
@@ -46,7 +72,7 @@
                         <el-option label="MQTT" value="MQTT"></el-option>
                         <el-option label="CLD" value="CLD"></el-option>
                     </el-select>
-                </el-form-item>
+                </el-form-item>-->
                 <!-- <el-form-item label="状态">
                     <el-select v-model.trim="tableStore.table.params.status" clearable placeholder="请选择状态">
                         <el-option label="未注册" :value="1"></el-option>
@@ -76,7 +102,7 @@
                     class="ml10"
                     icon="el-icon-Download"
                     @click="downLoadQrCode"
-                    v-if="showQrCode"
+                    :disabled="!showQrCode"
                 >
                     批量下载二维码
                 </el-button>
@@ -273,6 +299,7 @@ const formDevModelOptionsFilter = computed(() => {
 const tableStore = new TableStore({
     url: '/cs-device-boot/EquipmentDelivery/list',
     method: 'POST',
+    isWebPaging: true,
     column: [
         {
             width: '60',
@@ -285,15 +312,16 @@ const tableStore = new TableStore({
                 return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
             }
         },
-        { title: '设备名称', field: 'name' },
-        { title: '网络设备ID', field: 'ndid' },
+        { title: '设备名称', field: 'name', minWidth: 120 },
+        { title: '网络设备ID', field: 'ndid', minWidth: 120 },
 
         {
             title: '设备类型',
             field: 'devType',
             formatter: row => {
                 return devTypeOptions.value.find((item: any) => item.value == row.cellValue).label
-            }
+            },
+            minWidth: 120
         },
 
         {
@@ -301,16 +329,18 @@ const tableStore = new TableStore({
             field: 'devModel',
             formatter: row => {
                 return devModelOptions.value.find((item: any) => item.value == row.cellValue).label
-            }
+            },
+            minWidth: 120
         },
         {
             title: '通讯协议',
             field: 'devAccessMethod',
             formatter: row => {
                 return row.cellValue === 'MQTT' ? 'MQTT' : row.cellValue === 'CLD' ? 'CLD' : row.cellValue
-            }
             },
-        { title: '录入时间', field: 'createTime', sortable: true },
+            minWidth: 120
+        },
+        { title: '录入时间', field: 'createTime', sortable: true, minWidth: 150 },
 
         {
             title: '使用状态',
@@ -359,7 +389,7 @@ const tableStore = new TableStore({
         },
         // { title: 'MQTT状态', field: 'connectStatus',   width: 100, },
         {
-            title: 'MQTT状态',
+            title: '物联状态',
             field: 'connectStatus',
             width: 100,
             render: 'tag',
@@ -370,10 +400,12 @@ const tableStore = new TableStore({
             replaceValue: {
                 未连接: '未连接',
                 已连接: '已连接'
-            }
             },
+            minWidth: 80
+        },
+
         {
-            title: '通讯状态',
+            title: '设备状态',
             field: 'runStatus',
             width: 100,
             render: 'tag',
@@ -384,13 +416,30 @@ const tableStore = new TableStore({
             replaceValue: {
                 1: '离线',
                 2: '在线'
-            }
             },
-
+            minWidth: 80
+        },
+        {
+            title: '流程阶段',
+            field: 'process',
+            width: 100,
+            render: 'tag',
+            custom: {
+                2: 'warning',
+                3: 'warning',
+                4: 'success'
+            },
+            replaceValue: {
+                2: '功能调试',
+                3: '出厂调试',
+                4: '正式投运'
+            },
+            minWidth: 80
+        },
         {
             title: '操作',
             align: 'center',
-            width: '220',
+            width: 220,
             render: 'buttons',
             buttons: [
                 //直连装置注册
@@ -647,11 +696,14 @@ const tableStore = new TableStore({
 tableStore.table.params.orderBy = 'desc'
 tableStore.table.params.devType = ''
 tableStore.table.params.devModel = ''
+tableStore.table.params.process = 2
 tableStore.table.params.devAccessMethod = ''
 tableStore.table.params.status = ''
 tableStore.table.params.sortBy = ''
 tableStore.table.params.orderBy = ''
 tableStore.table.params.searchValue = ''
+tableStore.table.params.connectStatus = ''
+tableStore.table.params.runStatus = ''
 
 // 设备类型
 const devTypeChange = (e: any) => {

src/views/govern/manage/feedback.vue

@@ -28,7 +28,7 @@ const tableStore = new TableStore({
     column: [
         { title: '标题', field: 'title', align: 'center' },
         { title: '描述', field: 'description', align: 'center' },
-        { title: '发布时间', field: 'createTime', align: 'center' },
+        { title: '发布时间', field: 'createTime', align: 'center' , sortable: true},
         {
             title: '状态',
             field: 'status',

src/views/govern/manage/monthly.vue

@@ -0,0 +1,202 @@
+<template>
+    <div class="default-main">
+        <TableHeader datePicker ref="refheader" >
+            <template v-slot:select>
+                <el-form-item label="关键字筛选">
+                    <el-input
+                        v-model.trim="tableStore.table.params.name"
+                        placeholder="请输入关键字"
+                        clearable
+                    ></el-input>
+                </el-form-item>
+                <el-form-item label="流程阶段">
+                    <el-select v-model.trim="tableStore.table.params.process" clearable placeholder="请选择">
+                        <el-option label="功能调试" :value="2"></el-option>
+                        <el-option label="出厂调试" :value="3"></el-option>
+                        <el-option label="正式投运" :value="4"></el-option>
+                    </el-select>
+                </el-form-item>
+            </template>
+            <template v-slot:operation>
+                <el-button type="primary" icon="el-icon-Download" @click="exportTab">导出</el-button>
+            </template>
+        </TableHeader>
+        <Table ref="tableRef" />
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
+import { queryByCode, queryByid, queryCsDictTree } from '@/api/system-boot/dictTree'
+defineOptions({
+    name: 'manage/monthly'
+})
+const refheader = ref()
+const devModelOptions: any = ref([])
+queryByCode('Device_Type').then(res => {
+    queryByid(res.data.id).then(res => {
+        devModelOptions.value = res.data.map((item: any) => {
+            return {
+                value: item.id,
+                label: item.name,
+                ...item
+            }
+        })
+    })
+    tableStore.index()
+})
+const tableStore = new TableStore({
+    url: '/cs-harmonic-boot/statisticsData/halfMonthReport',
+    method: 'POST',
+    isWebPaging: true,
+    exportName: '半月报功能',
+    column: [
+        {
+            title: '序号',
+            width: 80,
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
+        { title: '工程名称', field: 'engineeringName', minWidth: 150 },
+        { title: '项目名称', field: 'projectName', minWidth: 130 },
+        { title: '设备名称', field: 'devName', minWidth: 130 },
+        { title: '监测点名称', field: 'lineName', minWidth: 130 },
+        {
+            title: '投运时间',
+            field: 'operationalTime',
+            width: 180,
+            sortable: true
+        },
+        {
+            title: '数据更新时间',
+            field: 'latestTime',
+            width: 180,
+            sortable: true
+            // formatter: (row: any) => {
+            //     return row.cellValue || '/'
+            // }
+        },
+
+        {
+            title: '设备型号',
+            field: 'devType',
+            width: 130,
+            formatter: row => {
+                return devModelOptions.value.filter((item: any) => item.value == row.cellValue)[0]?.label
+            }
+        },
+        { title: 'Mac地址', field: 'mac', width: 140 },
+        {
+            title: '流程阶段',
+            field: 'process',
+            width: 100,
+            fixed: 'right',
+            render: 'tag',
+            custom: {
+                2: 'warning',
+                3: 'warning',
+                4: 'success'
+            },
+            replaceValue: {
+                2: '功能调试',
+                3: '出厂调试',
+                4: '正式投运'
+            },
+            minWidth: 80
+        },
+        {
+            title: '运行状态',
+            field: 'operationalStatus',
+            render: 'tag',
+            fixed: 'right',
+            width: 100,
+            custom: {
+                停运: 'danger',
+                在运: 'success'
+            },
+            replaceValue: {
+                在运: '在运',
+                停运: '停运'
+            }
+        },
+        {
+            title: '通讯状态',
+            field: 'communicationStatus',
+            width: 100,
+            fixed: 'right',
+            render: 'tag',
+            custom: {
+                离线: 'danger',
+                在线: 'success'
+            },
+            replaceValue: {
+                离线: '离线',
+                在线: '在线'
+            }
+        },
+
+        { title: '在线率(%)', fixed: 'right',width: 100, field: 'onlineRate', sortable: true },
+        { title: '完整性(%)', fixed: 'right',width: 100, field: 'integrity', sortable: true }
+    ],
+    beforeSearchFun: () => {},
+    loadCallback: () => {
+        let name = tableStore.table.params.name
+        let data = tableStore.table.copyData.filter(item => {
+            // 处理latestTime默认值
+            item.latestTime = item.latestTime || '/'
+            // 需要检查的字段列表
+            const fieldsToCheck = ['projectName', 'engineeringName', 'mac', 'devName', 'lineName']
+            console.log(
+                '🚀 ~ fieldsToCheck.some(field => item[field]?.includes(name)):',
+                fieldsToCheck.some(field => item[field]?.includes(name))
+            )
+
+            // 检查任何一个字段包含搜索名称
+            return fieldsToCheck.some(field => item[field]?.includes(name))
+        })
+
+        tableStore.table.copyData = JSON.parse(JSON.stringify(data))
+        tableStore.table.total = tableStore.table.copyData.length
+        if (data.length == 0) {
+            tableStore.table.data = []
+        } else {
+            tableStore.table.data = JSON.parse(
+                JSON.stringify(
+                    window.XEUtils.chunk(data, tableStore.table.params.pageSize)[tableStore.table.params.pageNum - 1]
+                )
+            )
+        }
+    }
+})
+
+provide('tableStore', tableStore)
+tableStore.table.params.process = 4
+tableStore.table.params.name = ''
+const tableRef = ref()
+const exportTab = () => {
+    tableRef.value.getRef()?.exportData({
+        filename: '半月报功能', // 文件名字
+        sheetName: 'Sheet1',
+        type: 'xlsx', //导出文件类型 xlsx 和 csv
+        useStyle: true,
+        data: tableStore.table.copyData, // 数据源 // 过滤那个字段导出
+        columnFilterMethod: function (column: any) {
+            return !(
+                column.column.title === undefined ||
+                column.column.title === '序号' ||
+                column.column.title === '操作'
+            )
+        }
+    })
+}
+
+onMounted(() => {})
+setTimeout(() => {
+    // tableStore.table.height = mainHeight(200).height as any
+}, 0)
+const addMenu = () => {}
+</script>
+<style></style>

src/views/govern/mxgraph/graphList/components/popup.vue

@@ -1,24 +1,57 @@
 <template>
-    <el-dialog draggable :title="title" v-model.trim="dialogVisible" width="500px" :before-close="handleClose"
-        :close-on-click-modal="false">
+    <el-dialog
+        draggable
+        :title="title"
+        v-model.trim="dialogVisible"
+        width="500px"
+        :before-close="handleClose"
+        :close-on-click-modal="false"
+    >
         <el-form ref="formRef" :rules="rules" :model="form" label-width="90px" class="form">
             <el-form-item label="项目名称:" prop="name">
-                <el-input maxlength="32" show-word-limit v-model.trim="form.name" placeholder="请输入项目名称"></el-input>
+                <el-input
+                    maxlength="32"
+                    show-word-limit
+                    v-model.trim="form.name"
+                    placeholder="请输入项目名称"
+                ></el-input>
             </el-form-item>
             <el-form-item label="工程项目:" class="top" prop="projectIds">
-                <el-tree-select v-model.trim="form.projectIds" default-expand-all show-checkbox node-key="id"
-                    :props="defaultProps" multiple :data="Engineering" collapse-tags style="width: 100%" />
+                <el-tree-select
+                    v-model.trim="form.projectIds"
+                    default-expand-all
+                    show-checkbox
+                    node-key="id"
+                    :props="defaultProps"
+                    multiple
+                    :data="Engineering"
+                    collapse-tags
+                    style="width: 100%"
+                />
                 <!-- <el-cascader v-model.trim="form.projectIds" :options="Engineering" :props="defaultProps"
                     :show-all-levels="false" collapse-tags collapse-tags-tooltip clearable  style="width: 100%;"/> -->
             </el-form-item>
             <el-form-item label="项目排序:" prop="orderBy">
-                <el-input maxlength="32" show-word-limit-number v-model.trim="form.orderBy" :min="0" :step="1"
-                    step-strictly style="width: 100%" />
+                <el-input
+                    maxlength="32"
+                    show-word-limit-number
+                    v-model.trim="form.orderBy"
+                    :min="0"
+                    :step="1"
+                    step-strictly
+                    style="width: 100%"
+                />
             </el-form-item>
 
             <el-form-item label="备注:" class="top">
-                <el-input maxlength="300" show-word-limit type="textarea" :rows="2" placeholder="请输入内容"
-                    v-model.trim="form.remark"></el-input>
+                <el-input
+                    maxlength="300"
+                    show-word-limit
+                    type="textarea"
+                    :rows="2"
+                    placeholder="请输入内容"
+                    v-model.trim="form.remark"
+                ></el-input>
             </el-form-item>
         </el-form>
 
@@ -58,6 +91,8 @@ const rules = {
     orderBy: [{ required: true, message: '请输入排序', trigger: 'blur' }]
 }
 const addFn = () => {
+    console.log('🚀 ~ add ~ form:', form)
+
     formRef.value.validate((valid: boolean) => {
         if (valid) {
             if (title.value == '新增项目') {
@@ -144,7 +179,7 @@ const open = ref((row: any) => {
                 })
             }
         })
-        Engineering.value = res.data
+        Engineering.value = removeData(res.data)
     })
     title.value = row.title
     dialogVisible.value = true
@@ -160,6 +195,17 @@ const open = ref((row: any) => {
         form.id = row.row.id
     }
 })
+const removeData = arr => {
+    return arr
+        .map(item => {
+            if (item.children) {
+                item.children = removeData(item.children)
+            }
+            return item.level <= 1 ? item : {}
+        })
+        .filter(item => Object.keys(item).length > 0)
+}
+
 const handleClose = () => {
     dialogVisible.value = false
 }

src/views/govern/mxgraph/graphList/index.vue

@@ -35,7 +35,8 @@
                                     @click="deleted(item)">删除</el-button>
                             </div>
                         </div>
-                        <img :src="item.fileContent" class="image xiaoshou" @click="imgData(item)" />
+                        <img v-if="item.fileContent"  :src="item.fileContent" class="image xiaoshou" @click="imgData(item)" />
+                        <el-empty v-else description="暂无设计"  style="height: 220px;"/>
                     </el-card>
                 </el-col>
             </el-row>
@@ -106,13 +107,9 @@ const editd = (e: any) => {
 }
 // 设计
 const Aclick = (e: any) => {
-    window.open(window.location.origin + `/zutai/?id=${e.id}&&name=decodeURI(${e.name})&&flag=false`)
-    // const link = document.createElement("a"); //创建下载a标签
-    // link.target = `_blank`;
-    // link.href = `http://192.168.1.128:3001/zutai/?id=${e.id}&&name=decodeURI(${e.name})&&flag=false`;
-    // link.style.display = "none"; //默认隐藏元素
-    // document.body.appendChild(link); // body中添加元素
-    // link.click(); // 执行点击事件
+    window.open(window.location.origin + `/zutai/?id=${e.id}&&name=${e.name}&&preview=false`)
+    // window.open('http://192.168.1.128:4001' + `/zutai/?id=${e.id}&&name=${e.name}&&preview=false`)
+ 
 }
 const shejid = (e: any) => { }
 // 删除
@@ -147,13 +144,9 @@ const deleted = (e: any) => {
 }
 
 const imgData = (e: any) => {
-    window.open(window.location.origin + `/zutai/?id=${e.id}&&name=decodeURI(${e.name})&&flag=true`)
-    // const link = document.createElement("a"); //创建下载a标签
-    // link.target = `_blank`;
-    // link.href = `http://192.168.1.128:3001/zutai/#/?id=${e.id}&&name=decodeURI(${e.name})&&flag=true`;
-    // link.style.display = "none"; //默认隐藏元素
-    // document.body.appendChild(link); // body中添加元素
-    // link.click(); // 执行点击事件
+    window.open(window.location.origin + `/zutai/?id=${e.id}&&name=${e.name}&&preview=true#/preview`)
+    //  window.open('http://192.168.1.128:4001' + `/zutai/?id=${e.id}&&name=${e.name}&&preview=true#/preview`)
+  
 }
 
 const onTableSizeChange = (val: number) => {

src/views/govern/reportCore/statisticsWx/index.vue

@@ -9,6 +9,9 @@
             <pane :size="(100 - size)" style="background: #fff" :style="height">
                 <TableHeader ref="TableHeaderRef" :showReset="false">
                     <template v-slot:select>
+                         <el-form-item label="时间:">
+                            <DatePicker ref="datePickerRef"></DatePicker>
+                        </el-form-item>
                         <el-form-item label="模板策略">
                             <el-select v-model.trim="Template" @change="changetype" placeholder="请选择模版" value-key="id">
                                 <el-option v-for="item in templatePolicy" :key="item.id" :label="item.name"
@@ -40,6 +43,7 @@ import { mainHeight } from '@/utils/layout'
 import { getTemplateByDept } from '@/api/harmonic-boot/luckyexcel'
 import { exportExcel } from '@/views/system/reportForms/export.js'
 import 'splitpanes/dist/splitpanes.css'
+import DatePicker from '@/components/form/datePicker/time.vue'
 import { Splitpanes, Pane } from 'splitpanes'
 // import data from './123.json'
 defineOptions({
@@ -52,7 +56,7 @@ const TableHeaderRef = ref()
 const dotList: any = ref({})
 const Template: any = ref({})
 const reportForm: any = ref('')
-
+const datePickerRef = ref()
 const templatePolicy: any = ref([])
 
 const tableStore = new TableStore({
@@ -62,6 +66,11 @@ const tableStore = new TableStore({
     beforeSearchFun: () => {
         tableStore.table.params.tempId = Template.value.id
         tableStore.table.params.lineId = dotList.value.id
+        tableStore.table.params.startTime  = datePickerRef.value.timeValue[0],
+        tableStore.table.params.endTime = datePickerRef.value.timeValue[1],
+        delete tableStore.table.params.searchBeginTime
+        delete tableStore.table.params.searchEndTime
+        delete tableStore.table.params.timeFlag
     },
     loadCallback: () => {
         tableStore.table.data.forEach((item: any) => {

src/views/govern/reportForms/index.vue

@@ -44,8 +44,8 @@ const tableStore: any = new TableStore({
             return row.cellValue == 1 ? '电能质量报表类型' : row.cellValue == 2 ? '用能报表类型' : ''
 } },
         { field: 'updateBy', title: '更新用户' },
-        { field: 'createTime', title: '创建时间' },
-        { field: 'updateTime', title: '更新时间' },
+        { field: 'createTime', title: '创建时间' , sortable: true},
+        { field: 'updateTime', title: '更新时间', sortable: true },
         {
             title: '操作',
             width: '220',

src/views/govern/terminal/deviceLedger/index.vue

@@ -203,7 +203,7 @@ const tableStore = new TableStore({
                 return row.cellValue === 'MQTT' ? 'MQTT' : row.cellValue === 'cloud' ? 'CLD' : row.cellValue
             }
         },
-        { title: '录入时间', field: 'createTime' },
+        { title: '录入时间', field: 'createTime' , sortable: true},
         { title: '网络设备ID', field: 'ndid' },
         {
             title: '状态',

src/views/govern/terminal/deviceMonitor/index.vue

@@ -204,7 +204,7 @@ const tableStore = new TableStore({
                 return row.cellValue === 'MQTT' ? 'MQTT' : row.cellValue === 'cloud' ? 'CLD' : row.cellValue
             }
         },
-        { title: '录入时间', field: 'createTime' },
+        { title: '录入时间', field: 'createTime', sortable: true },
         { title: '网络设备ID', field: 'ndid' },
         {
             title: '状态',

src/views/pms/Event-boot/Region/thermodynamicDiagram.vue

@@ -252,9 +252,9 @@ const histogram = (res: any) => {
                                 } else if (0.4 < params.value && params.value <= 0.8 && params.value !== 0.05) {
                                     return '#FF9900'
                                 } else if (0 < params.value && params.value <= 0.4 && params.value !== 0.05) {
-                                    return '#CC0000'
+                                    return '#A52a2a'
                                 } else if (params.value == 0.05) {
-                                    return '#CC0000'
+                                    return '#A52a2a'
                                 }
                             }
                         }
@@ -276,13 +276,13 @@ const histogram = (res: any) => {
                                 name: '',
                                 yAxis: 0.4,
                                 lineStyle: {
-                                    color: '#CC0000'
+                                    color: '#A52a2a'
                                 },
                                 label: {
                                     // position: "middle",
                                     formatter: '{b}',
                                     textStyle: {
-                                        color: '#CC0000'
+                                        color: '#A52a2a'
                                     }
                                 }
                             },

src/views/pms/Event-boot/Region/transientassessment.vue

@@ -163,7 +163,7 @@ const map = (res: any) => {
                 }
             ],
             inRange: {
-                color: ['#ccc', '#CC0000', '#FF9900', '#3399CC', '#339966']
+                color: ['#ccc', '#A52a2a', '#FF9900', '#3399CC', '#339966']
             }
         },
 
@@ -284,9 +284,9 @@ const histogram = (res: any) => {
                                 } else if (0.4 < params.value && params.value <= 0.8 && params.value !== 0.05) {
                                     return '#FF9900'
                                 } else if (0 < params.value && params.value <= 0.4 && params.value !== 0.05) {
-                                    return '#CC0000'
+                                    return '#A52a2a'
                                 } else if (params.value == 0.05) {
-                                    return '#CC0000'
+                                    return '#A52a2a'
                                 }
                             }
                         }
@@ -308,13 +308,13 @@ const histogram = (res: any) => {
                                 name: '',
                                 yAxis: 0.4,
                                 lineStyle: {
-                                    color: '#CC0000'
+                                    color: '#A52a2a'
                                 },
                                 label: {
                                     // position: "middle",
                                     formatter: '{b}',
                                     textStyle: {
-                                        color: '#CC0000'
+                                        color: '#A52a2a'
                                     }
                                 }
                             },

src/views/pms/comptroller/list.vue

@@ -33,7 +33,7 @@ const tableStore = new TableStore({
     url: '/system-boot/audit/getAuditLog',
     method: 'POST',
     column: [
-        { title: '操作时间', field: 'time', align: 'center', width: 200 },
+        { title: '操作时间', field: 'time', align: 'center', width: 200 , sortable: true},
         { title: '操作人员', field: 'userName', align: 'center', width: 120 },
         { title: '操作类型', field: 'operate', align: 'center', width: 220 },
         { title: '事件描述', field: 'describe', align: 'center', showOverflow: true, minWidth: 200 },

src/views/pms/voltage/sags/operationsManagement/index.vue

@@ -61,14 +61,14 @@ const tableStore = new TableStore({
         { title: '供电公司', field: 'gdName', align: 'center', width: 120 },
         { title: '变电站', field: 'bdName', align: 'center', showOverflow: true, minWidth: 100 },
         { title: '终端编号', field: 'devName', align: 'center', width: 160 },
-        { title: '投运时间', field: 'loginTime', align: 'center', width: 200 },
+        { title: '投运时间', field: 'loginTime', align: 'center', width: 200 , sortable: true},
         { title: '厂家', field: 'manufacturer', align: 'center', width: 160 },
         { title: '型号', field: 'devType', align: 'center', width: 200 },
         { title: '网络参数', field: 'ip', align: 'center', width: 200 },
         { title: '端口', field: 'port', align: 'center', width: 100 },
         { title: '终端状态', field: 'runFlag', align: 'center', width: 100 },
         { title: '通讯状态', field: 'comFlag', align: 'center', width: 100 },
-        { title: '最新数据', field: 'updateTime', align: 'center', width: 200 },
+        { title: '最新数据', field: 'updateTime', align: 'center', width: 200, sortable: true },
         {
             title: '评价',
             field: 'onlineEvaluate',

src/views/pms/voltage/sags/operationsManagement/statistics.vue

@@ -18,8 +18,8 @@
                     <span class="smallBlock" style="background: #996600"></span>
                     热备用
                 </span>
-                <span style="color: #cc0000">
-                    <span class="smallBlock" style="background: #cc0000"></span>
+                <span style="color: #A52a2a">
+                    <span class="smallBlock" style="background: #A52a2a"></span>
                     停运
                 </span>
             </span>
@@ -33,8 +33,8 @@
                 <span style="color: #daa520">
                     <span class="smallBlock" style="background: #daa520"></span>
                     {{ '60 %≤在线率 < 90 %' }} </span>
-                        <span style="color: #cc0000">
-                            <span class="smallBlock" style="background: #cc0000"></span>
+                        <span style="color: #A52a2a">
+                            <span class="smallBlock" style="background: #A52a2a"></span>
                             {{ '在线率 < 60 %' }} </span>
                         </span>
         </div>
@@ -174,7 +174,7 @@ const tableStore = new TableStore({
                                         return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                                             {
                                                 offset: 1,
-                                                color: '#cc0000'
+                                                color: '#A52a2a'
                                             }
                                         ])
                                     } else if ((params.value = 3.14159)) {
@@ -216,7 +216,7 @@ const tableStore = new TableStore({
                                         return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                                             {
                                                 offset: 1,
-                                                color: '#CC0000'
+                                                color: '#A52a2a'
                                             }
                                         ])
                                     } else if ((params.value = 3.14159)) {
@@ -309,7 +309,7 @@ const tableStore = new TableStore({
                                         return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                                             {
                                                 offset: 1,
-                                                color: '#cc0000'
+                                                color: '#A52a2a'
                                             }
                                         ])
                                     } else if ((params.value = 3.14159)) {
@@ -351,7 +351,7 @@ const tableStore = new TableStore({
                                         return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                                             {
                                                 offset: 1,
-                                                color: '#CC0000'
+                                                color: '#A52a2a'
                                             }
                                         ])
                                     } else if ((params.value = 3.14159)) {

src/views/setting/dictionary/list/index.vue

@@ -46,8 +46,8 @@ const tableStore = new TableStore({
         { title: '开启等级', field: 'openLevelName' },
         { title: '开启算法', field: 'openDescribeName' },
         { title: '字典描述', field: 'remark' },
-        { title: '创建时间', field: 'createTime' },
-        { title: '更新时间', field: 'updateTime' },
+        { title: '创建时间', field: 'createTime', sortable: true },
+        { title: '更新时间', field: 'updateTime', sortable: true},
         {
             title: '状态',
             field: 'stateName',

src/views/setting/dictionary/version/index.vue

@@ -78,7 +78,7 @@ const tableStore = new TableStore({
         },
         { title: '版本号', field: 'versionName', width: '150' },
 
-        { title: '创建时间', field: 'createTime', width: '220' },
+        { title: '创建时间', field: 'createTime', width: '220', sortable: true },
         {
             title: '发布类型', field: 'sev', formatter: (row,) => {
                 return row.cellValue == 0 ? '优化' : 'bug调整'

src/views/system/reportForms/index.vue

@@ -42,8 +42,8 @@ const tableStore: any = new TableStore({
         { field: 'name', title: '模板名称' },
         { field: 'createBy', title: '创建用户' },
         { field: 'updateBy', title: '更新用户' },
-        { field: 'createTime', title: '创建时间' },
-        { field: 'updateTime', title: '更新时间' },
+        { field: 'createTime', title: '创建时间', sortable: true },
+        { field: 'updateTime', title: '更新时间', sortable: true },
         {
             title: '操作',
             width: '220',

types/table.d.ts

@@ -8,6 +8,7 @@ declare global {
     interface CnTable {
         ref: VxeTableInstance | null
         data: TableRow[] | any
+        copyData: TableRow[] | any
         allData: TableRow[] | any
         allFlag: Boolean
         // 前端分页数据