微调

# Conflicts:
#	src/views/pqs/voltageSags/Region/components/echart.vue

.env.hainan

@@ -0,0 +1,5 @@
+NODE_ENV = hainan
+VITE_NAME="hainan"
+# 电网一张图 地图图层
+VITE_NARIMAP=null
+VITE_NRGISCOMMON=null

.env.qujing

@@ -0,0 +1,6 @@
+# 云南曲靖
+NODE_ENV = qujing
+VITE_NAME="qujing"
+# 电网一张图 地图图层
+VITE_NARIMAP=null
+VITE_NRGISCOMMON=null

package.json

@@ -6,9 +6,13 @@
   "scripts": {
     "dev": "vite --mode dev",
     "dev:jibei": "vite --mode jibei",
+    "dev:hainan": "vite --mode hainan",
+    "dev:qujing": "vite --mode qujing",
     "dev:removeMode": "vite --mode removeMode",
     "build": "vite build --mode dev",
     "build:jibei": "vite build --mode jibei",
+    "build:hainan": "vite build --mode hainan",
+    "build:qujing": "vite build --mode qujing",
     "build:removeMode": "vite build --mode removeMode",
     "preview": "vite preview"
   },
@@ -19,7 +23,7 @@
     "@form-create/element-ui": "^3.1.24",
     "@fortawesome/fontawesome-free": "^6.5.1",
     "@kjgl77/datav-vue3": "^1.7.4",
-    "@vue-office/docx": "^1.6.2",
+    "@vue-office/docx": "^1.6.3",
     "@vue-office/excel": "^1.7.8",
     "@vue-office/pdf": "^2.0.2",
     "@vueuse/core": "^10.7.0",

src/api/device-boot/Business.ts

@@ -134,6 +134,22 @@ export function selectUserList(data: any) {
         data
     })
 }
+//获取用户
+export function selectUserAssessMentList(data: any) {
+    return createAxios({
+        url: '/supervision-boot/userReport/selectUserAssessMentList',
+        method: 'post',
+        data
+    })
+}
+//绑定用户
+export function bindAssessmentId(data: any) {
+    return createAxios({
+        url: '/supervision-boot/userReport/bindAssessmentId',
+        method: 'get',
+        params: data
+    })
+}
 //查询列表
 export function getStatusManageList(data: any) {
     return createAxios({
@@ -190,3 +206,11 @@ export function exportTerminalBase() {
         responseType: 'blob'
     })
 }
+//一键分配终端
+export function allotTerminal(data: any) {
+    return createAxios({
+        url: '/device-boot/nodeDevice/oneKeyDistribution',
+        method: 'post',
+        params: data
+    })
+}

src/api/event-boot/report.ts

@@ -1,72 +1,115 @@
-import createAxios from '@/utils/request'
+import createAxios from '@/utils/request'
-
+import { genFileId, ElMessage, ElNotification } from 'element-plus'
-//事件报告
+
-export function getEventReport(data) {
+//事件报告
-    return createAxios({
+export function getEventReport(data) {
-        url: '/event-boot/report/getEventReport',
+    return createAxios({
-        method: 'post',
+        url: '/event-boot/report/getEventReport',
-        data
+        method: 'post',
-    })
+        data
-}
+    })
-// 生成报告
+}
-export function getAreaReport(data) {
+// 生成报告
-    return createAxios({
+export function getAreaReport(data) {
-        url: '/event-boot/report/getAreaReport',
+    return createAxios({
-        method: 'post',
+        url: '/event-boot/report/getAreaReport',
-        data,
+        method: 'post',
-        responseType: 'blob'
+        data,
-    })
+        responseType: 'blob'
-}
+    }).then(async res => {
-//查询所有模板
+        let load: any = await readJsonBlob(res)
-export function getList(data) {
+        if (load.code) {
-    return createAxios({
+            if (load.data.code == 'A0011') {
-        url: '/system-boot/EventTemplate/getList',
+                ElMessage.warning('下载失败!')
-        method: 'post',
+            } else {
-        data
+                ElMessage.warning(load.data.message)
-    })
+            }
-}
+        } else {
-export function selectReleation(data) {
+            return res
-    return createAxios({
+        }
-        url: '/system-boot/EventTemplate/selectReleation',
+    })
-        method: 'post',
+}
-        params: data
+async function readJsonBlob(blob) {
-    })
+    try {
-}
+        // 1. Blob.text() 读取二进制 → 直接转为 字符串（自动处理编码）
-export function getLineExport(data) {
+        const jsonStr = await blob.text()
-    return createAxios({
+        // 2. JSON.parse 解析字符串 → 得到可用的 JS 对象/数组
-        url: '/event-boot/report/getLineExport',
+        const jsonData = JSON.parse(jsonStr)
-        method: 'post',
+        // 3. 拿到数据，后续随便用
-        data: data,
+        return {
-        responseType: 'blob'
+            code: true,
-    })
+            data: jsonData
-}
+        }
-export function getVoltage(data: any) {
+    } catch (err) {
-    return createAxios({
+        return {
-        url: '/event-boot/report/getVoltage',
+            code: false,
-        method: 'post',
+            data: {}
-        data
+        }
-    })
+        // console.error('解析Blob的JSON数据失败：', err)
-}
+    }
-export function getGeneralSituation(data: any) {
+}
-    return createAxios({
+
-        url: '/event-boot/report/getGeneralSituation',
+//查询所有模板
-        method: 'post',
+export function getList(data) {
-        data
+    return createAxios({
-    })
+        url: '/system-boot/EventTemplate/getList',
-}
+        method: 'post',
-export function getTransientValue(data: any) {
+        data
-    return createAxios({
+    })
-        url: '/event-boot/transient/getTransientValue',
+}
-        method: 'post',
+export function selectReleation(data) {
-        data
+    return createAxios({
-    })
+        url: '/system-boot/EventTemplate/selectReleation',
-}
+        method: 'post',
-// 周报导出
+        params: data
-export function getExport(data: any) {
+    })
-    return createAxios({
+}
-        url: '/event-boot/report/getExport',
+export function getLineExport(data) {
-        method: 'post',
+    return createAxios({
-        data,
+        url: '/event-boot/report/getLineExport',
-        responseType: 'blob'
+        method: 'post',
-    })
+        data: data,
-}
+        responseType: 'blob'
+    }).then(async res => {
+        let load: any = await readJsonBlob(res)
+        if (load.code) {
+            if (load.data.code == 'A0011') {
+                ElMessage.warning('下载失败!')
+            } else {
+                ElMessage.warning(load.data.message)
+            }
+        } else {
+            return res
+        }
+    })
+}
+export function getVoltage(data: any) {
+    return createAxios({
+        url: '/event-boot/report/getVoltage',
+        method: 'post',
+        data
+    })
+}
+export function getGeneralSituation(data: any) {
+    return createAxios({
+        url: '/event-boot/report/getGeneralSituation',
+        method: 'post',
+        data
+    })
+}
+export function getTransientValue(data: any) {
+    return createAxios({
+        url: '/event-boot/transient/getTransientValue',
+        method: 'post',
+        data
+    })
+}
+// 周报导出
+export function getExport(data: any) {
+    return createAxios({
+        url: '/event-boot/report/getExport',
+        method: 'post',
+        data,
+        responseType: 'blob'
+    })
+}

src/api/harmonic-boot/harmonic.ts

@@ -1,18 +1,48 @@
-import request from '@/utils/request'
+import request from '@/utils/request'
-
+import { genFileId, ElMessage, ElNotification } from 'element-plus'
-export function getHistoryResult(data: any) {
+export function getHistoryResult(data: any) {
-    return request({
+    return request({
-        url: '/harmonic-boot/harmonic/getHistoryResult',
+        url: '/harmonic-boot/harmonic/getHistoryResult',
-        method: 'post',
+        method: 'post',
-        data: data
+        data: data
-    })
+    })
-}
+}
-// word报告
+// word报告
-export function exportModelJB(data: any) {
+export function exportModelJB(data: any) {
-    return request({
+    return request({
-        url: '/harmonic-boot/exportmodel/exportModelJB',
+        url: '/harmonic-boot/exportmodel/exportModelJB',
-        method: 'post',
+        method: 'post',
-        responseType: 'blob',
+        responseType: 'blob',
-        data: data
+        data: data
-    })
+    }).then(async res => {
-}
+        let load: any = await readJsonBlob(res)
+        if (load.code) {
+            if (load.data.code == 'A0011') {
+                ElMessage.warning('下载失败!')
+            } else {
+                ElMessage.warning(load.data.message)
+            }
+        } else {
+            return res
+        }
+    })
+}
+async function readJsonBlob(blob) {
+    try {
+        // 1. Blob.text() 读取二进制 → 直接转为 字符串（自动处理编码）
+        const jsonStr = await blob.text()
+        // 2. JSON.parse 解析字符串 → 得到可用的 JS 对象/数组
+        const jsonData = JSON.parse(jsonStr)
+        // 3. 拿到数据，后续随便用
+        return {
+            code: true,
+            data: jsonData
+        }
+    } catch (err) {
+        return {
+            code: false,
+            data: {}
+        }
+        // console.error('解析Blob的JSON数据失败：', err)
+    }
+}

src/api/process-boot/reportForms.ts

@@ -1,10 +1,60 @@
-import createAxios from '@/utils/request'
+import createAxios from '@/utils/request'
-
+import { genFileId, ElMessage, ElNotification } from 'element-plus'
-export function exportModel(data: any) {
+
-    return createAxios({
+export function exportModel(data: any) {
-        url: '/harmonic-boot/exportmodel/exportModel',
+    return createAxios({
-        method: 'post',
+        url: '/harmonic-boot/exportmodel/exportModel',
-        data: data,
+        method: 'post',
-        responseType: 'blob'
+        data: data,
-    })
+        responseType: 'blob'
-}
+    }).then(async res => {
+        let load: any = await readJsonBlob(res)
+        if (load.code) {
+            if (load.data.code == 'A0011') {
+                ElMessage.warning('下载失败!')
+            } else {
+                ElMessage.warning(load.data.message)
+            }
+        } else {
+            return res
+        }
+    })
+}
+export function areaHarmonicReport(data: any) {
+    return createAxios({
+        url: '/harmonic-boot/areaHarmonicReport/areaHarmonicReport',
+        method: 'post',
+        data: data,
+        responseType: 'blob'
+    }).then(async res => {
+        let load: any = await readJsonBlob(res)
+        if (load.code) {
+            if (load.data.code == 'A0011') {
+                ElMessage.warning('下载失败!')
+            } else {
+                ElMessage.warning(load.data.message)
+            }
+        } else {
+            return res
+        }
+    })
+}
+async function readJsonBlob(blob) {
+    try {
+        // 1. Blob.text() 读取二进制 → 直接转为 字符串（自动处理编码）
+        const jsonStr = await blob.text()
+        // 2. JSON.parse 解析字符串 → 得到可用的 JS 对象/数组
+        const jsonData = JSON.parse(jsonStr)
+        // 3. 拿到数据，后续随便用
+        return {
+            code: true,
+            data: jsonData
+        }
+    } catch (err) {
+        return {
+            code: false,
+            data: {}
+        }
+        // console.error('解析Blob的JSON数据失败：', err)
+    }
+}

src/api/system-boot/file.ts

@@ -7,8 +7,20 @@ const SYSTEM_PREFIX = '/system-boot'
  * @param file
  */
 export const uploadFile = (file: any, path: string) => {
+    const regex = /\[|\]/g
+    // 替换规则：[ 换成 (，] 换成 )
+
+    const newFile = new File(
+        [file], // 原文件的二进制内容
+        file.name.replace(regex, match => (match === '[' ? '(' : ')')), // 新的文件名
+        {
+            type: file.type, // 复用原文件的MIME类型
+            lastModified: file.lastModified // 复用最后修改时间
+        }
+    )
+
     let form = new FormData()
-    form.append('file', file)
+    form.append('file', newFile)
     form.append('path', path)
     return createAxios({
         url: SYSTEM_PREFIX + '/file/upload',
@@ -19,7 +31,7 @@ export const uploadFile = (file: any, path: string) => {
         data: form
     }).then(res => {
         if (res.code == `A0000`) {
-            ElMessage.success('上传成功!')
+            ElMessage.success('文件上传成功!')
             return res
         }
     })

src/components/FormCreate/src/utils/index.ts

@@ -23,7 +23,7 @@ export function upper(str) {
 }
 
 export function makeOptionsRule(t, to, userOptions) {
-  console.log(userOptions[0])
+  //console.log(userOptions[0])
   const options = [
     { label: t('props.optionsType.struct'), value: 0 },
     { label: t('props.optionsType.json'), value: 1 },

src/components/PreviewFile/index.vue

@@ -1,11 +1,19 @@
 <template>
     <div style="overflow: auto; height: 100vh">
-        <vue-office-docx v-if="url.includes('.doc') || url.includes('.docx')" :src="url" />
+        <vue-office-docx v-if="urlKey.includes('.doc') || urlKey.includes('.docx')" :src="url" />
-        <vue-office-excel v-if="url.includes('.xls') || url.includes('.xlsx')" :src="url" :options="excelOptions" />
+        <vue-office-excel
+            v-if="urlKey.includes('.xls') || urlKey.includes('.xlsx')"
+            :src="url"
+            :options="excelOptions"
+        />
         <!-- <vue-office-pdf v-if="url.includes('.pdf')" :src="url" /> -->
-        <iframe v-if="url.includes('.pdf')" :src="url" style="width: 100%; height: 99%"></iframe>
+        <iframe v-if="urlKey.includes('.pdf')||urlKey.includes('.txt')" :src="url" style="width: 100%; height: 99%"></iframe>
-        <img v-if="url.includes('.png') || url.includes('.jpg') || url.includes('.gif') || url.includes('.bmp')"
+        <img
-            :src="url" />
+            v-if="
+                urlKey.includes('.png') || urlKey.includes('.jpg') || urlKey.includes('.gif') || urlKey.includes('.bmp')
+            "
+            :src="url"
+        />
     </div>
 </template>
 <script lang="ts" setup>
@@ -19,22 +27,33 @@ import VueOfficeExcel from '@vue-office/excel'
 //引入VueOfficePdf组件
 import VueOfficePdf from '@vue-office/pdf'
 import { downloadFile } from '@/api/system-boot/file'
+import { previewFile } from '@/utils/fileDownLoad'
+
 const { push, options, currentRoute } = useRouter()
 const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
 // const url = 'http://192.168.1.22:9009/excelreport' + currentRoute.value.href?.split('?')[1]
 const url = ref('')
 const excelOptions = ref({})
-if(VITE_FLAG){
+const urlKey = currentRoute.value?.href?.split('?')[1]
-     url.value = '/api-docx/excelreport' + currentRoute.value?.href?.split('?')[1]
+
-     excelOptions.value = ref({
+if (VITE_FLAG) {
+    url.value = '/api-docx/excelreport' + currentRoute.value?.href?.split('?')[1]
+    excelOptions.value = ref({
         xls: currentRoute.value.href?.split('?')[1].split('.')[1] == 'xls' ? true : false
     })
-}else{
+} else {
-    //下载
+    setTimeout(async () => {
-    
+        const previewUrl = await previewFile(currentRoute.value?.href?.split('?')[1])
-}
+        url.value = previewUrl
+        excelOptions.value = ref({
+            xls: currentRoute.value.href?.split('?')[1].split('.')[1] == 'xls' ? true : false
+        })
+    }, 0)
+ }
 
 onMounted(() => {
+    // 从路由参数获取文件路径
+
     console.log()
 })
 </script>

src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue

@@ -707,7 +707,7 @@ const processSave = async () => {
 //   return result.value || ' '
 // }
 onBeforeMount(() => {
-  console.log(props, 'propspropspropsprops')
+  //console.log(props, 'propspropspropsprops')
 })
 onMounted(() => {
   initBpmnModeler()

src/components/bpmnProcessDesigner/package/palette/ProcessPalette.vue

@@ -15,7 +15,7 @@ const addTask = (event, options: any = {}) => {
   const ElementFactory = bpmnInstances().elementFactory
   const create = bpmnInstances().modeler.get('create')
 
-  console.log(ElementFactory, create)
+  //console.log(ElementFactory, create)
 
   const shape = ElementFactory.createShape(assign({ type: 'bpmn:UserTask' }, options))
 
@@ -23,8 +23,8 @@ const addTask = (event, options: any = {}) => {
     shape.businessObject.di.isExpanded = options.isExpanded
   }
 
-  console.log(event, 'event')
+  //console.log(event, 'event')
-  console.log(shape, 'shape')
+  //console.log(shape, 'shape')
   create.start(event, shape)
 }
 </script>

src/components/bpmnProcessDesigner/package/penal/PropertiesPanel.vue

@@ -172,7 +172,7 @@ const unwatchBpmn = watch(
         return
       }
 
-      console.log('props.bpmnModeler 有值了！！！')
+      //console.log('props.bpmnModeler 有值了！！！')
       const w = window as any
       w.bpmnInstances = {
         modeler: props.bpmnModeler,

src/components/bpmnProcessDesigner/package/penal/flow-condition/FlowCondition.vue

@@ -179,7 +179,7 @@ onBeforeUnmount(() => {
 watch(
   () => props.businessObject,
   (val) => {
-    console.log(val, 'val')
+    //console.log(val, 'val')
     nextTick(() => {
       resetFlowCondition()
     })

src/components/bpmnProcessDesigner/package/penal/listeners/UserTaskListeners.vue

@@ -376,7 +376,7 @@ const openListenerForm = (listener, index?) => {
 }
 // 移除监听器
 const removeListener = (listener, index?) => {
-  console.log(listener, 'listener')
+  //console.log(listener, 'listener')
   ElMessageBox.confirm('确认移除该监听器吗？', '提示', {
     confirmButtonText: '确 认',
     cancelButtonText: '取 消'

src/components/bpmnProcessDesigner/package/penal/listeners/utilSelf.ts

@@ -20,7 +20,7 @@ export function initListenerForm(listener) {
           self.eventDefinitionType = key.replace('time', '').toLowerCase()
         }
       }
-      console.log(k)
+      //console.log(k)
       self.eventTimeDefinitions = listener.eventDefinitions[0][k].body
     }
   }

src/components/bpmnProcessDesigner/package/penal/signal-message/SignalAndMessage.vue

@@ -68,7 +68,7 @@ const modelConfig = computed(() => {
 const bpmnInstances = () => (window as any)?.bpmnInstances
 
 const initDataList = () => {
-  console.log(window, 'window')
+  //console.log(window, 'window')
   rootElements.value = bpmnInstances().modeler.getDefinitions().rootElements
   messageIdMap.value = {}
   signalIdMap.value = {}

src/components/bpmnProcessDesigner/src/utils/xml2json.js

@@ -39,7 +39,7 @@ function xml2json(xml) {
 
 function xmlObj2json(xml) {
   const xmlObj = xmlStr2XmlObj(xml)
-  console.log(xmlObj)
+ // console.log(xmlObj)
   let jsonObj = {}
   if (xmlObj.childNodes.length > 0) {
     jsonObj = xml2json(xmlObj)

src/components/cockpit/integrity/index.vue

@@ -223,7 +223,7 @@ const echart = () => {
 
             series: [
                 {
-                    name: '异常总数',
+                    name: '',
                     type: 'bar',
                     barWidth: 12,
                     data: [100],
@@ -240,7 +240,7 @@ const echart = () => {
                                 colorStops: [
                                     {
                                         offset: 1,
-                                        color: '#57bc6e' // 100% 处的颜色
+                                        color: '#FF9100' // 100% 处的颜色
                                     }
                                 ],
                                 global: false // 缺省为 false
@@ -249,7 +249,7 @@ const echart = () => {
                     }
                 },
                 {
-                    name: '异常占比',
+                    name: '',
                     type: 'bar',
                     barWidth: 13,
                     data: [
@@ -270,11 +270,11 @@ const echart = () => {
                                 colorStops: [
                                     {
                                         offset: 0,
-                                        color: '#FF9100' // 0% 处的颜色
+                                        color: '#57bc6e ' // 0% 处的颜色
                                     },
                                     {
                                         offset: 1,
-                                        color: '#FF9100' // 100% 处的颜色
+                                        color: '#57bc6e' // 100% 处的颜色
                                     }
                                 ],
                                 global: false // 缺省为 false

src/components/cockpit/onlineRate/index.vue

@@ -222,7 +222,7 @@ const echart = () => {
 
             series: [
                 {
-                    name: '异常总数',
+                    name: '',
                     type: 'bar',
                     barWidth: 12,
                     data: [100],
@@ -239,7 +239,7 @@ const echart = () => {
                                 colorStops: [
                                     {
                                         offset: 1,
-                                        color: '#57bc6e' // 100% 处的颜色
+                                        color: '#FF9100' // 100% 处的颜色
                                     }
                                 ],
                                 global: false // 缺省为 false
@@ -248,7 +248,7 @@ const echart = () => {
                     }
                 },
                 {
-                    name: '异常占比',
+                    name: '',
                     type: 'bar',
                     barWidth: 13,
                     data: [
@@ -269,11 +269,11 @@ const echart = () => {
                                 colorStops: [
                                     {
                                         offset: 0,
-                                        color: '#FF9100' // 0% 处的颜色
+                                        color: '#57bc6e' // 0% 处的颜色
                                     },
                                     {
                                         offset: 1,
-                                        color: '#FF9100' // 100% 处的颜色
+                                        color: '#57bc6e' // 100% 处的颜色
                                     }
                                 ],
                                 global: false // 缺省为 false

src/components/echarts/MyEchart.vue

@@ -17,6 +17,7 @@ const config = useConfig()
 // import { nextTick } from 'process'
 const emit = defineEmits(['triggerPoint', 'group', 'echartClick'])
 color[0] = config.layout.elementUiPrimary[0]
+
 const chartRef = ref<HTMLDivElement>()
 
 const props = defineProps(['options', 'isInterVal', 'pieInterVal'])
@@ -70,6 +71,8 @@ const initChart = () => {
                     const value =
                         item.value === 3.14159 || item.value === 0.14159
                             ? '暂无数据'
+                            : item.value === 0.14158
+                            ? 0
                             : Math.round(item.value * 100) / 100 // 处理特殊值
                     tips += `<div style=" display: flex;justify-content: space-between;">
                            <span>${item.marker}
@@ -154,7 +157,6 @@ const initChart = () => {
         if (params.seriesName == '暂态触发点') {
             emit('triggerPoint', params.data)
         } else {
-
             emit('echartClick', params)
         }
     })

src/components/echarts/MyEchartMap.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script setup lang="ts">
-import { onBeforeUnmount, ref, watch, onMounted, defineEmits } from 'vue'
+import { onBeforeUnmount, ref, watch, onMounted,  } from 'vue'
 import * as echarts from 'echarts'
 import 'echarts-gl'
 import 'echarts-liquidfill'
@@ -19,14 +19,21 @@ const myCharts = ref()
 const showCircle = ref(false)
 
 const fetchConfig = async (name: string) => {
-    const res = await import(`../../assets/map/${name.replace(/市$/, "")}.json`)
+    try {
-    return res.default
+        // 处理城市名称（去掉末尾的"市"）并尝试导入对应文件
+        const res = await import(`../../assets/map/${name.replace(/市$/, '')}.json`)
+        return res.default
+    } catch (error) {
+        const chinaRes = await import(`../../assets/map/中国.json`) // 请确认中国文件的实际命名
+        return chinaRes.default
+    }
+    // const res = await import(`../../assets/map/${name.replace(/市$/, "")}.json`)
+    // return res.default
     // GetEchar(res.default)
 }
 // fetchConfig()
 
 const emit = defineEmits(['getRegionByRegion', 'eliminate', 'clickMap'])
-onMounted(() => { })
 
 const GetEchar = async (name: string) => {
     let chartDom = document.getElementById('chartMap')
@@ -36,6 +43,7 @@ const GetEchar = async (name: string) => {
     name == dictData.state.area?.[0].name ? (showCircle.value = false) : (showCircle.value = true)
 
     echarts.registerMap(name, await fetchConfig(name)) //注册可用的地图
+
     let option = {
         title: {
             left: 'center',
@@ -91,6 +99,7 @@ const GetEchar = async (name: string) => {
             // top: 10,
             //    bottom: 0,
             roam: true,
+             
             label: {
                 normal: {
                     show: true,
@@ -170,6 +179,7 @@ const GetEchar = async (name: string) => {
     }, 0)
     window.addEventListener('resize', resizeHandler)
     const flag1 = ref(true)
+
     // 点击事件
     myCharts.value.off('click')
     myCharts.value.on('click', (e: any) => {

src/components/echarts/analytics.vue

@@ -1,441 +1,441 @@
-<template>
+<template>
-    <div v-loading="loading">
+    <div v-loading="loading">
-        <div>
+        <div>
-            <div id="boxi" :style="`height:${vh};overflow: hidden;`">
+            <div id="boxi" :style="`height:${vh};overflow: hidden;`">
-                <div class="bx" id="wave"></div>
+                <div class="bx" id="wave"></div>
-            </div>
+            </div>
-            <el-tabs type="border-card">
+            <el-tabs type="border-card">
-                <el-tab-pane label="暂态波形上送" :style="'height:' + vhh">
+                <el-tab-pane label="暂态波形上送" :style="'height:' + vhh">
-                    <el-table stripe :data="Data" :height="height" border style="width: 100%"
+                    <el-table stripe :data="Data" :height="height" border style="width: 100%"
-                        header-cell-class-name="table_header">
+                        header-cell-class-name="table_header">
-                        <el-table-column align="center" prop="number" label="事件段"></el-table-column>
+                        <el-table-column align="center" prop="number" label="事件段"></el-table-column>
-                        <el-table-column align="center" prop="number" label="波形起始点相位(°)">
+                        <el-table-column align="center" prop="number" label="波形起始点相位(°)">
-                            <el-table-column align="center" prop="number" label="A相"></el-table-column>
+                            <el-table-column align="center" prop="number" label="A相"></el-table-column>
-                            <el-table-column align="center" prop="number" label="B相"></el-table-column>
+                            <el-table-column align="center" prop="number" label="B相"></el-table-column>
-                            <el-table-column align="center" prop="number" label="C相"></el-table-column>
+                            <el-table-column align="center" prop="number" label="C相"></el-table-column>
-                        </el-table-column>
+                        </el-table-column>
-                        <el-table-column align="center" prop="number" label="跳变段电压变化率(V/ms)">
+                        <el-table-column align="center" prop="number" label="跳变段电压变化率(V/ms)">
-                            <el-table-column align="center" prop="number" label="A相"></el-table-column>
+                            <el-table-column align="center" prop="number" label="A相"></el-table-column>
-                            <el-table-column align="center" prop="number" label="B相"></el-table-column>
+                            <el-table-column align="center" prop="number" label="B相"></el-table-column>
-                            <el-table-column align="center" prop="number" label="C相"></el-table-column>
+                            <el-table-column align="center" prop="number" label="C相"></el-table-column>
-                        </el-table-column>
+                        </el-table-column>
-                        <el-table-column align="center" prop="number" label="相位跳变(°)">
+                        <el-table-column align="center" prop="number" label="相位跳变(°)">
-                            <el-table-column align="center" prop="number" label="A相"></el-table-column>
+                            <el-table-column align="center" prop="number" label="A相"></el-table-column>
-                            <el-table-column align="center" prop="number" label="B相"></el-table-column>
+                            <el-table-column align="center" prop="number" label="B相"></el-table-column>
-                            <el-table-column align="center" prop="number" label="C相"></el-table-column>
+                            <el-table-column align="center" prop="number" label="C相"></el-table-column>
-                        </el-table-column>
+                        </el-table-column>
-                        <el-table-column align="center" prop="number" label="总分段数目"></el-table-column>
+                        <el-table-column align="center" prop="number" label="总分段数目"></el-table-column>
-                        <el-table-column align="center" prop="number" label="三相电压不平衡度(%)" width="180"></el-table-column>
+                        <el-table-column align="center" prop="number" label="三相电压不平衡度(%)" width="180"></el-table-column>
-                        <el-table-column align="center" prop="number" label="暂降类型"></el-table-column>
+                        <el-table-column align="center" prop="number" label="触发类型"></el-table-column>
-                        <el-table-column align="center" prop="number" label="暂降原因"></el-table-column>
+                        <el-table-column align="center" prop="number" label="暂降原因"></el-table-column>
-                    </el-table>
+                    </el-table>
-                </el-tab-pane>
+                </el-tab-pane>
-            </el-tabs>
+            </el-tabs>
-        </div>
+        </div>
-    </div>
+    </div>
-</template>
+</template>
-<script>
+<script>
-import { downloadWaveFile, getMonitorEventAnalyseWave } from '@/api/event-boot/transient'
+import { downloadWaveFile, getMonitorEventAnalyseWave } from '@/api/event-boot/transient'
-import { mainHeight } from '@/utils/layout'
+import { mainHeight } from '@/utils/layout'
-import * as echarts from 'echarts'
+import * as echarts from 'echarts'
-import url from '@/assets/img/point.png'
+import url from '@/assets/img/point.png'
-import $ from 'jquery'
+import $ from 'jquery'
-export default {
+export default {
-    props: {
+    props: {
-        flag: {
+        flag: {
-            type: Boolean,
+            type: Boolean,
-            default: false
+            default: false
-        },
+        },
-        DColor: {
+        DColor: {
-            type: Boolean,
+            type: Boolean,
-            default: false
+            default: false
-        },
+        },
-        boxoList: {
+        boxoList: {
-            type: [Object, Array]
+            type: [Object, Array]
-        },
+        },
-        GJList: {
+        GJList: {
-            type: [Object, Array]
+            type: [Object, Array]
-        }
+        }
-    },
+    },
-    data() {
+    data() {
-        return {
+        return {
-            loading: true,
+            loading: true,
-
+
-            valA: 0,
+            valA: 0,
-            isOpen: false,
+            isOpen: false,
-            time: '',
+            time: '',
-            type: '',
+            type: '',
-            severity: '',
+            severity: '',
-            iphasic: '',
+            iphasic: '',
-            eventValue: '',
+            eventValue: '',
-            persistTime: '',
+            persistTime: '',
-            lineName: '',
+            lineName: '',
-            subName: '',
+            subName: '',
-            waveDatas: [],
+            waveDatas: [],
-
+
-            Data: [],
+            Data: [],
-            height: null,
+            height: null,
-            vhh: null,
+            vhh: null,
-            ptpass: '',
+            ptpass: '',
-            waveHeight: undefined,
+            waveHeight: undefined,
-            $wave: undefined,
+            $wave: undefined,
-            color: '#006565',
+            color: '#006565',
-            charts: {},
+            charts: {},
-            arrpoints: [],
+            arrpoints: [],
-            titles: '',
+            titles: '',
-            vh: null,
+            vh: null,
-            vw: null,
+            vw: null,
-            zoom: ''
+            zoom: ''
-        }
+        }
-    },
+    },
-    created() { },
+    created() { },
-    watch: {
+    watch: {
-        value: function (a, b) {
+        value: function (a, b) {
-            if (a == 2) {
+            if (a == 2) {
-                // $("#wave1").remove();
+                // $("#wave1").remove();
-                this.initWaves()
+                this.initWaves()
-            } else {
+            } else {
-                $('#wave1').remove()
+                $('#wave1').remove()
-                this.initWaves()
+                this.initWaves()
-            }
+            }
-        }
+        }
-    },
+    },
-    mounted() {
+    mounted() {
-        this.setHeight()
+        this.setHeight()
-        window.addEventListener('resize', this.setHeight)
+        window.addEventListener('resize', this.setHeight)
-        this.$wave = $('#wave').eq(0)
+        this.$wave = $('#wave').eq(0)
-        this.$nextTick(() => {
+        this.$nextTick(() => {
-            this.query()
+            this.query()
-        })
+        })
-    },
+    },
-    beforeDestroy() {
+    beforeDestroy() {
-        window.removeEventListener('resize', this.setHeight)
+        window.removeEventListener('resize', this.setHeight)
-    },
+    },
-    methods: {
+    methods: {
-        setHeight() {
+        setHeight() {
-            this.zoom = 1 / document.body.style.zoom
+            this.zoom = 1 / document.body.style.zoom
-            if (this.flag) {
+            if (this.flag) {
-                // console.log(123);
+                // console.log(123);
-                this.vh = mainHeight(250).height
+                this.vh = mainHeight(250).height
-            } else {
+            } else {
-                // console.log(3333);
+                // console.log(3333);
-                this.vh = mainHeight(270).height
+                this.vh = mainHeight(270).height
-            }
+            }
-        },
+        },
-        query() {
+        query() {
-            this.loading = true
+            this.loading = true
-            this.initWave()
+            this.initWave()
-        },
+        },
-
+
-        //开始画图
+        //开始画图
-        initWave() {
+        initWave() {
-            //清除之前增加的div
+            //清除之前增加的div
-            // $("#wave ~ .bx1").remove();
+            // $("#wave ~ .bx1").remove();
-            $('div.bx1').remove()
+            $('div.bx1').remove()
-            //设置暂降触发点的位置 一次值与二次值Y轴不同（不是计算出来的）
+            //设置暂降触发点的位置 一次值与二次值Y轴不同（不是计算出来的）
-            // var height = $(window).height() - 90;
+            // var height = $(window).height() - 90;
-            var picHeight
+            var picHeight
-            var show = true
+            var show = true
-
+
-            //var v = $("#interval").val();
+            //var v = $("#interval").val();
-            var isvisible = false
+            var isvisible = false
-
+
-            picHeight = this.vh
+            picHeight = this.vh
-            // this.$wave.css('height', picHeight)
+            // this.$wave.css('height', picHeight)
-            // this.$wave.css('width', '100%')
+            // this.$wave.css('width', '100%')
-            $('#wave').css('height', picHeight)
+            $('#wave').css('height', picHeight)
-            $('#wave').css('width', this.vw)
+            $('#wave').css('width', this.vw)
-
+
-            var adata = []
+            var adata = []
-            var bdata = []
+            var bdata = []
-            var cdata = []
+            var cdata = []
-            var max = 0
+            var max = 0
-            var min = 0
+            var min = 0
-            //绘制横向第一个波形图
+            //绘制横向第一个波形图
-            this.GJList.smp_x.forEach((item, ind) => {
+            this.GJList.smp_x.forEach((item, ind) => {
-                if (this.GJList.smp_a[ind] > max) {
+                if (this.GJList.smp_a[ind] > max) {
-                    max = this.GJList.smp_a[ind]
+                    max = this.GJList.smp_a[ind]
-                } else if (this.GJList.smp_a[ind] < min) {
+                } else if (this.GJList.smp_a[ind] < min) {
-                    min = this.GJList.smp_a[ind]
+                    min = this.GJList.smp_a[ind]
-                }
+                }
-                if (this.GJList.smp_b[ind] > max) {
+                if (this.GJList.smp_b[ind] > max) {
-                    max = this.GJList.smp_b[ind]
+                    max = this.GJList.smp_b[ind]
-                } else if (this.GJList.smp_b[ind] < min) {
+                } else if (this.GJList.smp_b[ind] < min) {
-                    min = this.GJList.smp_b[ind]
+                    min = this.GJList.smp_b[ind]
-                }
+                }
-                if (this.GJList.smp_c[ind] > max) {
+                if (this.GJList.smp_c[ind] > max) {
-                    max = this.GJList.smp_c[ind]
+                    max = this.GJList.smp_c[ind]
-                } else if (this.GJList.smp_c[ind] < min) {
+                } else if (this.GJList.smp_c[ind] < min) {
-                    min = this.GJList.smp_c[ind]
+                    min = this.GJList.smp_c[ind]
-                }
+                }
-
+
-                adata.push([item, this.GJList.smp_a[ind]])
+                adata.push([item, this.GJList.smp_a[ind]])
-                bdata.push([item, this.GJList.smp_b[ind]])
+                bdata.push([item, this.GJList.smp_b[ind]])
-                cdata.push([item, this.GJList.smp_c[ind]])
+                cdata.push([item, this.GJList.smp_c[ind]])
-            })
+            })
-            //绘制瞬时波形图
+            //绘制瞬时波形图
-            // const echarts = require('echarts')
+            // const echarts = require('echarts')
-            let wave = document.getElementById('wave')
+            let wave = document.getElementById('wave')
-            let _this = this
+            let _this = this
-            var myChartes = echarts.init(wave)
+            var myChartes = echarts.init(wave)
-            let echartsColor = {
+            let echartsColor = {
-                WordColor: '#000',
+                WordColor: '#000',
-                thread: '#000000',
+                thread: '#000000',
-                FigureColor: [
+                FigureColor: [
-                    '#07CCCA ',
+                    '#07CCCA ',
-                    '#00BFF5',
+                    '#00BFF5',
-                    '#FFBF00',
+                    '#FFBF00',
-                    '#77DA63',
+                    '#77DA63',
-                    '#D5FF6B',
+                    '#D5FF6B',
-                    '#Ff6600',
+                    '#Ff6600',
-                    '#FF9100',
+                    '#FF9100',
-                    '#5B6E96',
+                    '#5B6E96',
-                    '#66FFCC',
+                    '#66FFCC',
-                    '#B3B3B3',
+                    '#B3B3B3',
-                    '#FF00FF',
+                    '#FF00FF',
-                    '#CC00FF',
+                    '#CC00FF',
-                    '#FF9999'
+                    '#FF9999'
-                ]
+                ]
-            }
+            }
-            var option = {
+            var option = {
-                tooltip: {
+                tooltip: {
-                    top: '10px',
+                    top: '10px',
-                    trigger: 'axis',
+                    trigger: 'axis',
-                    borderColor: 'grey',
+                    borderColor: 'grey',
-                    backgroundColor: '#fff',
+                    backgroundColor: '#fff',
-                    style: {
+                    style: {
-                        color: '#000',
+                        color: '#000',
-                        fontSize: '15px',
+                        fontSize: '15px',
-                        padding: 10
+                        padding: 10
-                    },
+                    },
-                    formatter: function (params) {
+                    formatter: function (params) {
-                        // console.log(params)
+                        // console.log(params)
-                        var tips = ''
+                        var tips = ''
-                        tips += '时刻:' + params[0].data[0] + '</br/>'
+                        tips += '时刻:' + params[0].data[0] + '</br/>'
-
+
-                        for (var i = 0; i < params.length; i++) {
+                        for (var i = 0; i < params.length; i++) {
-                            if (params[i].seriesName != '暂降触发点') {
+                            if (params[i].seriesName != '暂降触发点') {
-                                tips += params[i].seriesName + ':' + params[i].value[1] + '<br/>'
+                                tips += params[i].seriesName + ':' + params[i].value[1] + '<br/>'
-                            }
+                            }
-                        }
+                        }
-                        return tips
+                        return tips
-                    },
+                    },
-                    // axisPointer: {
+                    // axisPointer: {
-                    //   type: "cross",
+                    //   type: "cross",
-                    //   label: {
+                    //   label: {
-                    //     color: "#fff",
+                    //     color: "#fff",
-                    //     fontSize: 16,
+                    //     fontSize: 16,
-                    //   },
+                    //   },
-                    // },
+                    // },
-                    textStyle: {
+                    textStyle: {
-                        color: '#fff',
+                        color: '#fff',
-                        fontStyle: 'normal',
+                        fontStyle: 'normal',
-                        opacity: 0.35,
+                        opacity: 0.35,
-                        fontSize: 14
+                        fontSize: 14
-                    },
+                    },
-                    backgroundColor: 'rgba(0,0,0,0.55)',
+                    backgroundColor: 'rgba(0,0,0,0.55)',
-                    borderWidth: 0
+                    borderWidth: 0
-                },
+                },
-
+
-                title: {
+                title: {
-                    left: 'center',
+                    left: 'center',
-                    text: '发生时刻：' + this.boxoList.startTime + ' PT变化:' + this.boxoList.measurementPointName,
+                    text: '发生时刻：' + this.boxoList.startTime + ' PT变化:' + this.boxoList.measurementPointName,
-                    textStyle: {
+                    textStyle: {
-                        fontSize: 16,
+                        fontSize: 16,
-                        color: _this.DColor ? '#fff' : echartsColor.WordColor
+                        color: _this.DColor ? '#fff' : echartsColor.WordColor
-                    }
+                    }
-                },
+                },
-                legend: {
+                legend: {
-                    left: '5%',
+                    left: '5%',
-                    top: '20',
+                    top: '20',
-                    verticalAlign: 'top',
+                    verticalAlign: 'top',
-                    enabled: true,
+                    enabled: true,
-                    itemDistance: 5,
+                    itemDistance: 5,
-                    textStyle: {
+                    textStyle: {
-                        color: _this.DColor ? '#fff' : echartsColor.WordColor,
+                        color: _this.DColor ? '#fff' : echartsColor.WordColor,
-                        rich: {
+                        rich: {
-                            a: {
+                            a: {
-                                verticalAlign: 'middle'
+                                verticalAlign: 'middle'
-                            }
+                            }
-                        },
+                        },
-
+
-                        padding: [2, 0, 0, 0] //[上、右、下、左]
+                        padding: [2, 0, 0, 0] //[上、右、下、左]
-                    }
+                    }
-                },
+                },
-                toolbox: {
+                toolbox: {
-                    show: false,
+                    show: false,
-                    feature: {
+                    feature: {
-                        //restore: {},
+                        //restore: {},
-                        saveAsImage: {
+                        saveAsImage: {
-                            iconStyle: {
+                            iconStyle: {
-                                borderColor: _this.DColor ? '#fff' : echartsColor.WordColor
+                                borderColor: _this.DColor ? '#fff' : echartsColor.WordColor
-                            }
+                            }
-                        }
+                        }
-                    }
+                    }
-                },
+                },
-                xAxis: {
+                xAxis: {
-                    type: 'value',
+                    type: 'value',
-                    name: '时刻',
+                    name: '时刻',
-                    boundaryGap: false,
+                    boundaryGap: false,
-                    min: this.GJList.smp_x[0],
+                    min: this.GJList.smp_x[0],
-                    max: this.GJList.smp_x[this.GJList.smp_x.length - 1] + 1,
+                    max: this.GJList.smp_x[this.GJList.smp_x.length - 1] + 1,
-                    title: {
+                    title: {
-                        text: 'ms',
+                        text: 'ms',
-                        textStyle: {
+                        textStyle: {
-                            fontSize: 12,
+                            fontSize: 12,
-                            color: _this.DColor ? '#fff' : echartsColor.WordColor
+                            color: _this.DColor ? '#fff' : echartsColor.WordColor
-                        },
+                        },
-                        enabled: true,
+                        enabled: true,
-                        align: 'high'
+                        align: 'high'
-                    },
+                    },
-                    splitLine: {
+                    splitLine: {
-                        show: false
+                        show: false
-                    },
+                    },
-                    axisTick: {
+                    axisTick: {
-                        alignWithLabel: true
+                        alignWithLabel: true
-                    },
+                    },
-                    axisLine: {
+                    axisLine: {
-                        lineStyle: {
+                        lineStyle: {
-                            color: _this.DColor ? '#fff' : echartsColor.thread
+                            color: _this.DColor ? '#fff' : echartsColor.thread
-                        },
+                        },
-                        onZero: false //-----------重点
+                        onZero: false //-----------重点
-                    },
+                    },
-                    axisLabel: {
+                    axisLabel: {
-                        color: _this.DColor ? '#fff' : echartsColor.WordColor,
+                        color: _this.DColor ? '#fff' : echartsColor.WordColor,
-                        formatter: function (value, index) {
+                        formatter: function (value, index) {
-                            if (_this.valA != (value - 0).toFixed(0)) {
+                            if (_this.valA != (value - 0).toFixed(0)) {
-                                _this.valA = (value - 0).toFixed(0)
+                                _this.valA = (value - 0).toFixed(0)
-                                return (value - 0).toFixed(0)
+                                return (value - 0).toFixed(0)
-                            }
+                            }
-                        }
+                        }
-                        //rotate:39
+                        //rotate:39
-                    }
+                    }
-                    // data: this.syncExtremes,
+                    // data: this.syncExtremes,
-                },
+                },
-                yAxis: {
+                yAxis: {
-                    type: 'value',
+                    type: 'value',
-                    name: 'kV',
+                    name: 'kV',
-                    title: {
+                    title: {
-                        align: 'high',
+                        align: 'high',
-                        offset: 0,
+                        offset: 0,
-                        text: 'kV',
+                        text: 'kV',
-                        rotation: 0,
+                        rotation: 0,
-                        y: -10
+                        y: -10
-                    },
+                    },
-
+
-                    boundaryGap: [0, '100%'],
+                    boundaryGap: [0, '100%'],
-                    showLastLabel: true,
+                    showLastLabel: true,
-                    max: (max + 10).toFixed(2),
+                    max: (max + 10).toFixed(2),
-                    min: (min - 10).toFixed(2),
+                    min: (min - 10).toFixed(2),
-                    opposite: false,
+                    opposite: false,
-                    nameTextStyle: {
+                    nameTextStyle: {
-                        color: _this.DColor ? '#fff' : echartsColor.WordColor
+                        color: _this.DColor ? '#fff' : echartsColor.WordColor
-                    },
+                    },
-                    //minInterval: 1,
+                    //minInterval: 1,
-                    type: 'value',
+                    type: 'value',
-                    axisLine: {
+                    axisLine: {
-                        show: true,
+                        show: true,
-                        lineStyle: {
+                        lineStyle: {
-                            color: _this.DColor ? '#fff' : echartsColor.thread
+                            color: _this.DColor ? '#fff' : echartsColor.thread
-                        },
+                        },
-                        onZero: false //-----------重点
+                        onZero: false //-----------重点
-                    },
+                    },
-                    axisLabel: {
+                    axisLabel: {
-                        color: _this.DColor ? '#fff' : echartsColor.WordColor,
+                        color: _this.DColor ? '#fff' : echartsColor.WordColor,
-                        formatter: function (value, index) {
+                        formatter: function (value, index) {
-                            return (value - 0).toFixed(2)
+                            return (value - 0).toFixed(2)
-                        }
+                        }
-                    },
+                    },
-                    splitLine: {
+                    splitLine: {
-                        lineStyle: {
+                        lineStyle: {
-                            // 使用深浅的间隔色
+                            // 使用深浅的间隔色
-                            color: [_this.DColor ? '#fff' : echartsColor.thread],
+                            color: [_this.DColor ? '#fff' : echartsColor.thread],
-                            type: 'dashed',
+                            type: 'dashed',
-                            opacity: 0.5
+                            opacity: 0.5
-                        }
+                        }
-                    }
+                    }
-                },
+                },
-                grid: {
+                grid: {
-                    left: '1%',
+                    left: '1%',
-                    right: '40px',
+                    right: '40px',
-                    bottom: '40px',
+                    bottom: '40px',
-                    top: '55px',
+                    top: '55px',
-                    containLabel: true
+                    containLabel: true
-                },
+                },
-                dataZoom: [
+                dataZoom: [
-                    {
+                    {
-                        type: 'inside',
+                        type: 'inside',
-                        height: 13,
+                        height: 13,
-                        start: 0,
+                        start: 0,
-                        bottom: '20px',
+                        bottom: '20px',
-                        end: 100
+                        end: 100
-                    },
+                    },
-                    {
+                    {
-                        start: 0,
+                        start: 0,
-                        height: 13,
+                        height: 13,
-                        bottom: '20px',
+                        bottom: '20px',
-                        end: 100
+                        end: 100
-                    }
+                    }
-                ],
+                ],
-                series: [
+                series: [
-                    {
+                    {
-                        name: 'A相',
+                        name: 'A相',
-                        type: 'line',
+                        type: 'line',
-                        smooth: true,
+                        smooth: true,
-                        symbol: 'none',
+                        symbol: 'none',
-                        sampling: 'lttb',
+                        sampling: 'lttb',
-                        itemStyle: {
+                        itemStyle: {
-                            color: '#DAA520'
+                            color: '#DAA520'
-                        },
+                        },
-                        data: adata
+                        data: adata
-                    },
+                    },
-                    {
+                    {
-                        name: 'B相',
+                        name: 'B相',
-                        type: 'line',
+                        type: 'line',
-                        smooth: true,
+                        smooth: true,
-                        symbol: 'none',
+                        symbol: 'none',
-                        sampling: 'lttb',
+                        sampling: 'lttb',
-                        itemStyle: {
+                        itemStyle: {
-                            color: '#2E8B57'
+                            color: '#2E8B57'
-                        },
+                        },
-                        data: bdata
+                        data: bdata
-                    },
+                    },
-                    {
+                    {
-                        name: 'C相',
+                        name: 'C相',
-                        type: 'line',
+                        type: 'line',
-                        smooth: true,
+                        smooth: true,
-                        symbol: 'none',
+                        symbol: 'none',
-                        sampling: 'lttb',
+                        sampling: 'lttb',
-                        itemStyle: {
+                        itemStyle: {
-                            color: '#A52a2a'
+                            color: '#A52a2a'
-                        },
+                        },
-                        data: cdata
+                        data: cdata
-                    },
+                    },
-                    {
+                    {
-                        name: '暂降触发点',
+                        name: '暂降触发点',
-                        type: 'scatter',
+                        type: 'scatter',
-                        symbol: 'image://' + url,
+                        symbol: 'image://' + url,
-                        itemStyle: {
+                        itemStyle: {
-                            width: 16,
+                            width: 16,
-                            height: 16
+                            height: 16
-                        },
+                        },
-                        data: [[0, min]]
+                        data: [[0, min]]
-                    }
+                    }
-                ]
+                ]
-            }
+            }
-
+
-            myChartes.setOption(option)
+            myChartes.setOption(option)
-            // window.echartsArr.push(myChartes)
+            // window.echartsArr.push(myChartes)
-            setTimeout(() => {
+            setTimeout(() => {
-                myChartes.resize()
+                myChartes.resize()
-                this.loading = false
+                this.loading = false
-            }, 400)
+            }, 400)
-
+
-            //第一个波形图数据绘制完毕后，绘制后续的波形图
+            //第一个波形图数据绘制完毕后，绘制后续的波形图
-
+
-            // let waveDatasTemp = waveDatas.slice(1);
+            // let waveDatasTemp = waveDatas.slice(1);
-            // waveDatasTemp.reverse();
+            // waveDatasTemp.reverse();
-        }
+        }
-    }
+    }
-}
+}
-</script>
+</script>

src/components/form/datePicker/index.vue

@@ -127,7 +127,7 @@ const timeChange = (e: number) => {
 
 // 当前
 const nowTime = () => {
-    console.log(interval.value, '000000000')
+    //console.log(interval.value, '000000000')
     timeChange(interval.value)
 }
 // 上一个
@@ -312,7 +312,7 @@ const next = () => {
             }
         } else {
             month = month + 3
-            console.log('🚀 ~ next ~ presentM:', presentM, month)
+           // console.log('🚀 ~ next ~ presentM:', presentM, month)
 
             // 季度进位后，超过当前月份是不科学的
             if (year == presentY && !props.nextFlag) {
@@ -327,7 +327,7 @@ const next = () => {
                             endTime = year + '-0' + presentM + '-' + presentD
                         }
                     } else if (presentM > 3 && presentM < 7) {
-                        console.log(123123)
+                       // console.log(123123)
                         // 第二季度
                         startTime = year + '-04-01'
                         if (presentD < 10) {
@@ -380,7 +380,7 @@ const next = () => {
                 }
             }
         }
-        console.log(startTime, endTime)
+       // console.log(startTime, endTime)
     } else if (interval.value == 5) {
     } else if (interval.value == 4) {
         //根据开始时间推

src/components/table/header/index.vue

@@ -23,7 +23,7 @@
                 </el-form-item>
 
                 <el-form-item label="区域" v-if="area">
-                    <Area ref="areaRef" v-model="tableStore.table.params.deptIndex" />
+                    <Area ref="areaRef" v-model="tableStore.table.params.deptIndex"  @change-value="onAreaChange" />
                 </el-form-item>
                 <slot name="select"></slot>
             </el-form>
@@ -52,7 +52,7 @@
                 <el-button
                     @click="onExport"
                     v-if="showExport"
-                    :loading="tableStore.table.loading"
+                    :loading="tableStore.table.exportLoading"
                     type="primary"
                     icon="el-icon-Download"
                 >
@@ -81,7 +81,7 @@ import { mainHeight } from '@/utils/layout'
 import { useDictData } from '@/stores/dictData'
 import { Search, RefreshLeft } from '@element-plus/icons-vue'
 import { defineProps } from 'vue'
-const emit = defineEmits(['selectChange'])
+const emit = defineEmits(['selectChange','areaChange'])
 const tableStore = inject('tableStore') as TableStore
 const tableHeader = ref()
 const datePickerRef = ref()
@@ -132,11 +132,17 @@ const headerFormSecondStyleClose = {
     padding: '0'
 }
 
+const onAreaChange = (data) => {
+
+     emit('areaChange', {label: data.label})
+}
+
 watch(
     () => tableStore?.table.params.deptIndex,
     newVal => {
         setTimeout(() => {
             areaRef.value && areaRef.value.change()
+         
         }, 0)
     }
 )
@@ -232,6 +238,16 @@ const onResetForm = () => {
     //时间重置成默认值
     datePickerRef.value?.setTheDate(3)
 
+    if(props.showTimeAll){
+         timeAll.value = false
+         delete tableStore.table.params.searchBeginTime
+         delete tableStore.table.params.searchEndTime
+         delete tableStore.table.params.startTime
+         delete tableStore.table.params.endTime
+         delete tableStore.table.params.timeFlag
+         delete tableStore.table.params.interval
+    }
+
     if (props.datePicker && timeAll.value) {
         tableStore.table.params.searchBeginTime = datePickerRef.value.timeValue[0]
         tableStore.table.params.searchEndTime = datePickerRef.value.timeValue[1]

src/components/tree/allocation.vue

@@ -0,0 +1,187 @@
+<template>
+    <div :style="{ width: menuCollapse ? '40px' : props.width }" style="transition: all 0.3s; overflow: hidden">
+        <div class="mt15 mr10" style="display: flex; justify-content: end">
+            <el-button type="primary" icon="el-icon-Select" @click="save" :loading="loading">保存</el-button>
+        </div>
+        <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-input maxlength="32" show-word-limit v-model.trim="filterText" placeholder="请输入内容" clearable>
+                    <template #prefix>
+                        <Icon name="el-icon-Search" style="font-size: 16px" />
+                    </template>
+                </el-input>
+                <el-tooltip placement="bottom" :hide-after="0" v-if="props.showPush">
+                    <template #content>
+                        <span>台账推送</span>
+                    </template>
+
+                    <Icon
+                        name="el-icon-Promotion"
+                        size="20"
+                        class="fold ml10 menu-collapse"
+                        style="cursor: pointer"
+                        :style="{ color: config.getColorVal('elementUiPrimary') }"
+                        @click="onAdd"
+                    />
+                </el-tooltip>
+                <!-- <Icon @click='onMenuCollapse' :name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'" v-else
+                    :class="menuCollapse ? 'unfold' : ''" size='18' class='fold ml10 menu-collapse'
+                    style='cursor: pointer' v-if='props.canExpand' /> -->
+            </div>
+
+            <el-tree
+                :style="{ height: 'calc(100vh - 235px)' }"
+                style="overflow: auto"
+                ref="treeRef"
+                :props="defaultProps"
+                highlight-current
+                :default-expand-all="false"
+                @check-change="checkTreeNodeChange"
+                :filter-node-method="filterNode"
+                node-key="id"
+                v-bind="$attrs"
+            >
+                <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"
+                        />
+                        <span style="margin-left: 4px">{{ node.label }}</span>
+                    </span>
+                </template>
+            </el-tree>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import useCurrentInstance from '@/utils/useCurrentInstance'
+import { ElTree } from 'element-plus'
+import { emit } from 'process'
+import { ref, watch } from 'vue'
+import { t } from 'vxe-table'
+import { useConfig } from '@/stores/config'
+
+defineOptions({
+    name: 'govern/tree'
+})
+
+interface Props {
+    width?: string
+    canExpand?: boolean
+    showPush?: boolean
+}
+const loading = ref(false)
+const props = withDefaults(defineProps<Props>(), {
+    width: '280px',
+    canExpand: true,
+    showPush: false
+})
+const config = useConfig()
+const { proxy } = useCurrentInstance()
+const menuCollapse = ref(false)
+const filterText = ref('')
+const defaultProps = {
+    label: 'name',
+    value: 'id'
+}
+const emit = defineEmits(['checkTreeNodeChange', 'onAdd', 'checkChange'])
+watch(filterText, val => {
+    treeRef.value!.filter(val)
+})
+const onMenuCollapse = () => {
+    menuCollapse.value = !menuCollapse.value
+    proxy.eventBus.emit('cnTreeCollapse', menuCollapse)
+}
+const save = () => {
+    loading.value = true
+    emit('checkChange')
+}
+const filterNode = (value: string, data: any, node: any) => {
+    console.log(value, data, node, 'filterNode')
+    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
+    }
+    const level = node.level
+    // 如果传入的节点本身就是一级节点就不用校验了
+    if (level === 1) {
+        return false
+    }
+    // 先取当前节点的父节点
+    let parentData = node.parent
+    // 遍历当前节点的父节点
+    let index = 0
+    while (index < level - 1) {
+        // 如果匹配到直接返回，此处name值是中文字符，enName是英文字符。判断匹配中英文过滤
+        if (parentData.data.name.indexOf(value) !== -1) {
+            return true
+        }
+        // 否则的话再往上一层做匹配
+        parentData = parentData.parent
+        index++
+    }
+    // 没匹配到返回false
+    return false
+}
+const checkTreeNodeChange = () => {
+    // console.log(treeRef.value?.getCheckedNodes(), "ikkkkkiisiiisis");
+    emit('checkTreeNodeChange', treeRef.value?.getCheckedNodes())
+}
+
+const onAdd = () => {
+    emit('onAdd')
+}
+
+const treeRef = ref<InstanceType<typeof ElTree>>()
+defineExpose({ treeRef, loading })
+</script>
+
+<style lang="scss" scoped>
+.cn-tree {
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    padding: 10px;
+    height: 100%;
+    width: 100%;
+
+    :deep(.el-tree) {
+        border: 1px solid var(--el-border-color);
+    }
+
+    :deep(.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content) {
+        background-color: var(--el-color-primary-light-7);
+    }
+
+    .menu-collapse {
+        color: var(--el-color-primary);
+    }
+}
+
+.custom-tree-node {
+    display: flex;
+    align-items: center;
+}
+</style>

src/components/tree/index.vue

@@ -22,7 +22,7 @@
                     <template #prefix>
                         <Icon name="el-icon-Search" style="font-size: 16px" />
                     </template>
-                </el-input>
+                </el-input> 
                 <Icon
                     @click="onMenuCollapse"
                     :name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'"
@@ -147,7 +147,7 @@ const onMenuCollapse = () => {
 }
 // 查看详情
 const viewDetails = (data: any) => {
-    console.log('🚀 ~ viewDetails ~ data:', data)
+   // console.log('🚀 ~ viewDetails ~ data:', data)
     if (data.level == 3) {
         // 变电站详情
         // substationDetails
@@ -201,7 +201,7 @@ onMounted(async () => {
 })
 
 const scrollToNode = (id: string) => {
-    console.log("🚀 ~ scrollToNode ~ id:", id)
+   // console.log("🚀 ~ scrollToNode ~ id:", id)
     if (!treeRef.value) return
 
     // 获取目标节点的元素

src/components/tree/pqs/algorithmTree.vue

@@ -1,88 +1,105 @@
-<template>
+<template>
-    <div class="point-tree">
+    <div class="point-tree">
-        <div style="flex: 1; overflow: hidden">
+        <div style="flex: 1; overflow: hidden">
-            <Tree
+            <Tree
-                ref="treeRef"
+                ref="treeRef"
-                :data="tree"
+                :data="tree"
-                :canExpand="false"
+                :canExpand="false"
-                style="width: 100%; height: 100%"
+                style="width: 100%; height: 100%"
-                v-bind="$attrs"
+                v-bind="$attrs"
-                default-expand-all
+                default-expand-all
-                
+                @onAddTree="onAddTree"
-                @onAddTree="onAddTree"
+            />
-            />
+        </div>
-        </div>
+    </div>
-    </div>
+</template>
-</template>
+
-
+<script lang="ts" setup>
-<script lang="ts" setup>
+import { nextTick, onMounted, ref, useAttrs } from 'vue'
-import { nextTick, onMounted, ref, useAttrs } from 'vue'
+import Tree from '../index.vue'
-import Tree from '../index.vue'
+import { useAdminInfo } from '@/stores/adminInfo'
-import { useAdminInfo } from '@/stores/adminInfo'
+import { useDictData } from '@/stores/dictData'
-import { useDictData } from '@/stores/dictData'
+import { useConfig } from '@/stores/config'
-import { getTerminalTreeForFive } from '@/api/device-boot/terminalTree'
+import { queryAllAlgorithmLibrary } from '@/api/supervision-boot/database/index'
-import { useConfig } from '@/stores/config'
+defineOptions({
-import { queryAllAlgorithmLibrary } from '@/api/supervision-boot/database/index'
+    name: 'pms/pointTree'
-defineOptions({
+})
-    name: 'pms/pointTree'
+const emit = defineEmits(['init', 'onAddTree'])
-})
+const attrs = useAttrs()
-const emit = defineEmits(['init', 'onAddTree'])
+const adminInfo = useAdminInfo()
-const attrs = useAttrs()
+const dictData = useDictData()
-const adminInfo = useAdminInfo()
+const config = useConfig()
-const dictData = useDictData()
+const classificationData = dictData.getBasicData('Statistical_Type', ['Report_Type'])
-const config = useConfig()
+const tree = ref()
-const classificationData = dictData.getBasicData('Statistical_Type', ['Report_Type'])
+const treeRef = ref()
-const tree = ref()
+
-const treeRef = ref()
+const loadData = (id?: any) => {
-
+   // console.log('🚀 ~ loadData ~ id:', id)
-const loadData = (id?: any) => {
+    let nodeKey = ''
-    console.log('🚀 ~ loadData ~ id:', id)
+    queryAllAlgorithmLibrary().then(res => {
-    let nodeKey = ''
+        res.data.forEach((item: any) => {
-    queryAllAlgorithmLibrary().then(res => {
+            item.icon = 'el-icon-FolderOpened'
-        res.data.forEach((item: any) => {
+            item.color = config.getColorVal('elementUiPrimary')
-            item.icon = 'el-icon-FolderOpened'
+            item.children.forEach((item2: any) => {
-            item.color = config.getColorVal('elementUiPrimary')
+                item2.icon = 'el-icon-Document'
-            item.children.forEach((item2: any) => {
+                item2.color = config.getColorVal('elementUiPrimary')
-                item2.icon = 'el-icon-Document'
+                item2.childrens = item2.children
-                item2.color = config.getColorVal('elementUiPrimary')
+                item2.children = []
-                item2.childrens = item2.children
+                if (item2.id == id) {
-                item2.children = []
+                    emit('init', item2)
-                if (item2.id == id) {
+                }
-                    emit('init', item2)
+            })
-                }
+        })
-            })
+
-        })
+        nodeKey = res.data[0].children[0].id
-
+
-        nodeKey = res.data[0].children[0].id
+        tree.value = res.data
-
+        if (id) {
-        tree.value = res.data
+            setTimeout(() => {
-        if (id) {
+                treeRef.value.treeRef.setCurrentKey(id)
-            setTimeout(() => {
+            }, 10)
-                treeRef.value.treeRef.setCurrentKey(id)
+        } else {
-            }, 10)
+            setTimeout(() => {
-        } else {
+                treeRef.value.treeRef.setCurrentKey(nodeKey)
-            setTimeout(() => {
+                emit('init', res.data[0].children[0])
-                treeRef.value.treeRef.setCurrentKey(nodeKey)
+            }, 10)
-                emit('init', res.data[0].children[0])
+        }
-            }, 10)
+    })
-        }
+}
-    })
+
-}
+const onAddTree = () => {
-
+    emit('onAddTree')
-const onAddTree = () => {
+}
-    emit('onAddTree')
+const setKey = (id: string) => {
-}
+    treeRef.value.treeRef.setCurrentKey(id)
-loadData()
+    return findNodeById(tree.value, id)
-defineExpose({ loadData })
+}
-</script>
+const findNodeById = (tree1: any, targetId: any) => {
-<style lang="scss">
+    for (const node of tree1) {
-.point-tree {
+        // 1. 当前节点匹配ID，直接返回该节点
-    height: 100%;
+        if (node.id === targetId) {
-    width: 100%;
+            return node
-    display: flex;
+        }
-    flex-direction: column;
+        // 2. 当前节点有子节点，递归查找子节点
-    background: #fff;
+        if (node.children && node.children.length > 0) {
-    border: 1px solid var(--el-border-color);
+            const result: any = findNodeById(node.children, targetId)
-}
+            // 子节点中找到结果，立即返回（终止递归）
-</style>
+            if (result) return result
- 
+        }
+    }
+    // 3. 遍历完未找到，返回null
+    return null
+}
+loadData()
+defineExpose({ loadData, setKey })
+</script>
+<style lang="scss">
+.point-tree {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    background: #fff;
+    border: 1px solid var(--el-border-color);
+}
+</style>

src/components/tree/pqs/areaTree.vue

@@ -0,0 +1,150 @@
+<template>
+    <div class="point-tree">
+        <div style="flex: 1; overflow: hidden">
+            <Tree ref="treeRef" :data="tree" style="width: 100%; height: 100%" :canExpand="false" v-bind="$attrs" />
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { nextTick, onMounted, ref, useAttrs } from 'vue'
+import Tree from '../index.vue'
+import { useAdminInfo } from '@/stores/adminInfo'
+import { useDictData } from '@/stores/dictData'
+import { getTerminalTreeForFive } from '@/api/device-boot/terminalTree'
+import { useConfig } from '@/stores/config'
+import { getAreaList } from '@/api/common'
+const VITE_FLAG = import.meta.env.VITE_NAME == 'qujing'
+defineOptions({
+    name: 'pms/pointTree'
+})
+interface Props {
+    showSelect?: boolean
+}
+const props = withDefaults(defineProps<Props>(), {
+    showSelect: true
+})
+const emit = defineEmits(['init'])
+const attrs = useAttrs()
+const adminInfo = useAdminInfo()
+const dictData = useDictData()
+const config = useConfig()
+const tree = ref()
+const treeRef = ref()
+
+const loadData = () => {
+    let nodeKey = ''
+    getAreaList().then(res => {
+        processTreeData(res.data, res.data[0].level)
+        let firstLevel6Node = getDeepestFirstChildData(res.data)
+
+        nodeKey = firstLevel6Node.id
+        emit('init', firstLevel6Node)
+
+        tree.value = res.data
+        if (nodeKey) {
+            nextTick(() => {
+                treeRef.value.treeRef.setCurrentKey(nodeKey)
+
+                // treeRef.value.treeRef.setExpandedKeys(nodeKey)
+            })
+        }
+    })
+}
+const scrollToNode = (id: string) => {
+    // 树滚动
+    treeRef.value.scrollToNode(id)
+}
+
+// 定义不同层级对应的图标配置（可根据实际需求调整）
+const levelIconMap = {
+    '-1': 'el-icon-HomeFilled',
+    0: 'el-icon-CollectionTag',
+    1: 'el-icon-CollectionTag',
+    2: 'el-icon-Flag',
+    3: 'el-icon-OfficeBuilding',
+    4: 'el-icon-DataAnalysis',
+    5: 'el-icon-DataAnalysis',
+    7: 'el-icon-DataAnalysis',
+    6: 'fa-solid fa-location-dot'
+}
+
+/**
+ * 递归处理树形数据，为不同层级节点设置图标和颜色
+ * @param data 树形数据数组
+ * @param level 当前层级（默认从1开始）
+ */
+function processTreeData(data: any[], level: number = -1, alias: string = '') {
+    // 空值判断，避免数组为空或undefined时报错
+    if (!Array.isArray(data) || data.length === 0) return
+
+    data.forEach(item => {
+        // 1. 设置基础图标（根据层级匹配）
+        item.icon = levelIconMap[level] || ''
+        item.alias = alias + `${item.name}`
+        // 2. 设置基础颜色
+        item.color = config.getColorVal('elementUiPrimary')
+
+        // 3. 第6层特殊处理：根据comFlag调整颜色
+        if (level === 6 && item.hasOwnProperty('comFlag')) {
+            switch (item.comFlag) {
+                case 0:
+                    item.color = 'red !important'
+                    break
+                case 1:
+                    item.color = '#00f93b !important'
+                    break
+                case 2:
+                    item.color = '#8c8c8c !important'
+                    break
+                // 默认值：保持原有基础颜色
+                default:
+                    item.color = config.getColorVal('elementUiPrimary')
+            }
+        }
+
+        // 4. 递归处理子节点，层级+1
+        if (item.children && item.children.length > 0) {
+            processTreeData(item.children, item.children[0].level, level == '-1' ? '' : item.alias + '>')
+        }
+    })
+}
+/**
+ * 递归获取树形结构中一直向下的第一个children的最后一组有效数据
+ * @param {Array} treeData - 原始递归树形数据
+ * @returns {Object|null} 路径最后一组有效数据，无有效数据时返回null
+ */
+function getDeepestFirstChildData(treeData) {
+    // 递归辅助函数：逐层查找第一个children
+    function findDeepestNode(currentNode) {
+        // 检查当前节点是否有有效的children数组
+        if (currentNode && Array.isArray(currentNode.children) && currentNode.children.length > 0) {
+            // 有下一级children，继续递归查找下一级第一个元素
+            return findDeepestNode(currentNode.children[0])
+        }
+        // 没有下一级children，返回当前节点（递归终止）
+        return currentNode
+    }
+
+    // 边界处理：原始数据非数组/空数组时返回null
+    if (!Array.isArray(treeData) || treeData.length === 0) {
+        return null
+    }
+
+    // 从根节点第一个元素开始递归查找
+    return findDeepestNode(treeData[0])
+}
+
+defineExpose({ treeRef, scrollToNode, tree })
+loadData()
+</script>
+<style lang="scss">
+.point-tree {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    background: #fff;
+    border: 1px solid var(--el-border-color);
+}
+</style>

src/components/tree/pqs/assessTree.vue

@@ -11,7 +11,6 @@ import { nextTick, onMounted, ref, useAttrs } from 'vue'
 import Tree from '../index.vue'
 import { useAdminInfo } from '@/stores/adminInfo'
 import { useDictData } from '@/stores/dictData'
-import { getTerminalTreeForFive } from '@/api/device-boot/terminalTree'
 import { useConfig } from '@/stores/config'
 import { defineProps } from 'vue'
 import { getTree } from '@/api/advance-boot/assess'

src/components/tree/pqs/bearingTree.vue

@@ -36,6 +36,7 @@ const adminInfo = useAdminInfo()
 const dictData = useDictData()
 const config = useConfig()
 const classificationData = dictData.getBasicData('Statistical_Type', ['Report_Type'])
+const VITE_FLAG = import.meta.env.VITE_NAME == 'qujing'
 const tree = ref()
 const treeRef = ref()
 const formData = ref({
@@ -54,6 +55,9 @@ const loadData = () => {
     }) || { code: '' }
     let form = JSON.parse(JSON.stringify(formData.value))
     form.statisticalType = classificationData.find((item: any) => item.id == form.statisticalType)
+    if (VITE_FLAG && form.statisticalType.code == 'Power_Network') {
+        form.statisticalType.deptName = 'qujing'
+    }
     let nodeKey = ''
     getTerminalTreeForFive(form).then(res => {
         console.log(res)
@@ -67,56 +71,62 @@ const loadData = () => {
                 }
             ]
         }
-        res.data.forEach((item: any) => {
+        // if (VITE_FLAG) {
-            item.icon = 'el-icon-HomeFilled'
+        processTreeData(res.data)
-            item.color = config.getColorVal('elementUiPrimary')
+        let firstLevel6Node = findFirstLevel6Node(res.data)
-            item.children.forEach((item2: any) => {
-                item2.icon = 'el-icon-CollectionTag'
-                item2.color = config.getColorVal('elementUiPrimary')
-                item2.children.forEach((item3: any) => {
-                    item3.icon = 'el-icon-Flag'
-                    item3.color = config.getColorVal('elementUiPrimary')
-                    item3.children.forEach((item4: any) => {
-                        item4.icon = 'el-icon-OfficeBuilding'
-                        item4.color = config.getColorVal('elementUiPrimary')
-                        item4.children.forEach((item5: anyObj) => {
-                            if (item5.level == 7) {
-                                item5.icon = 'el-icon-DataAnalysis'
-                                item5.color = config.getColorVal('elementUiPrimary')
-                                item5.children.forEach((item6: anyObj) => {
-                                    item6.alias = `${item.name}>${item2.name}>${item3.name}>${item4.name}>${item5.name}>${item6.name}`
-                                    item6.pid = item4.id
-                                    item6.icon = 'fa-solid fa-location-dot'
-                                    item6.color = config.getColorVal('elementUiPrimary')
-                                    if (item6.comFlag == 0) {
-                                        item6.color = 'red !important'
-                                    } else if (item6.comFlag == 1) {
-                                        item6.color = '#00f93b !important'
-                                    } else if (item6.comFlag == 2) {
-                                        item6.color = '#8c8c8c !important'
-                                    }
-                                })
-                            } else {
-                                item5.alias = `${item.name}>${item2.name}>${item3.name}>${item4.name}>${item5.name}`
-                                item5.pid = item4.id
-                                item5.icon = 'fa-solid fa-location-dot'
-                                item5.color = config.getColorVal('elementUiPrimary')
-                                if (item5.comFlag == 0) {
-                                    item5.color = 'red !important'
-                                } else if (item5.comFlag == 1) {
-                                    item5.color = '#00f93b !important'
-                                } else if (item5.comFlag == 2) {
-                                    item5.color = '#8c8c8c !important'
-                                }
-                            }
-                        })
-                    })
-                })
-            })
-        })
 
-        nodeKey = res.data[0].children[0].children[0].children[0].children[0].id
+        nodeKey = firstLevel6Node.id
-        emit('init', res.data[0].children[0].children[0].children[0].children[0])
+        emit('init', firstLevel6Node)
+        // res.data.forEach((item: any) => {
+        //     item.icon = 'el-icon-HomeFilled'
+        //     item.color = config.getColorVal('elementUiPrimary')
+        //     item.children.forEach((item2: any) => {
+        //         item2.icon = 'el-icon-CollectionTag'
+        //         item2.color = config.getColorVal('elementUiPrimary')
+        //         item2.children.forEach((item3: any) => {
+        //             item3.icon = 'el-icon-Flag'
+        //             item3.color = config.getColorVal('elementUiPrimary')
+        //             item3.children.forEach((item4: any) => {
+        //                 item4.icon = 'el-icon-OfficeBuilding'
+        //                 item4.color = config.getColorVal('elementUiPrimary')
+        //                 item4.children.forEach((item5: anyObj) => {
+        //                     if (item5.level == 7) {
+        //                         item5.icon = 'el-icon-DataAnalysis'
+        //                         item5.color = config.getColorVal('elementUiPrimary')
+        //                         item5.children.forEach((item6: anyObj) => {
+        //                             item6.alias = `${item.name}>${item2.name}>${item3.name}>${item4.name}>${item5.name}>${item6.name}`
+        //                             item6.pid = item4.id
+        //                             item6.icon = 'fa-solid fa-location-dot'
+        //                             item6.color = config.getColorVal('elementUiPrimary')
+        //                             if (item6.comFlag == 0) {
+        //                                 item6.color = 'red !important'
+        //                             } else if (item6.comFlag == 1) {
+        //                                 item6.color = '#00f93b !important'
+        //                             } else if (item6.comFlag == 2) {
+        //                                 item6.color = '#8c8c8c !important'
+        //                             }
+        //                         })
+        //                     } else {
+        //                         item5.alias = `${item.name}>${item2.name}>${item3.name}>${item4.name}>${item5.name}`
+        //                         item5.pid = item4.id
+        //                         item5.icon = 'fa-solid fa-location-dot'
+        //                         item5.color = config.getColorVal('elementUiPrimary')
+        //                         if (item5.comFlag == 0) {
+        //                             item5.color = 'red !important'
+        //                         } else if (item5.comFlag == 1) {
+        //                             item5.color = '#00f93b !important'
+        //                         } else if (item5.comFlag == 2) {
+        //                             item5.color = '#8c8c8c !important'
+        //                         }
+        //                     }
+        //                 })
+        //             })
+        //         })
+        //     })
+        // })
+
+        // nodeKey = res.data[0].children[0].children[0].children[0].children[0].id
+        // emit('init', res.data[0].children[0].children[0].children[0].children[0])
 
         tree.value = res.data
         if (nodeKey) {
@@ -127,9 +137,113 @@ const loadData = () => {
         }
     })
 }
+
 const setKey = (key: string) => {
     treeRef.value.treeRef.setCurrentKey(key)
 }
+
+// 定义不同层级对应的图标配置（可根据实际需求调整）
+const levelIconMap = {
+    '-1': 'el-icon-HomeFilled',
+    0: 'el-icon-CollectionTag',
+    1: 'el-icon-CollectionTag',
+    2: 'el-icon-Flag',
+    3: 'el-icon-OfficeBuilding',
+    4: 'el-icon-DataAnalysis',
+    5: 'el-icon-DataAnalysis',
+    7: 'el-icon-DataAnalysis',
+    6: 'fa-solid fa-location-dot'
+}
+
+/**
+ * 递归处理树形数据，为不同层级节点设置图标和颜色
+ * @param data 树形数据数组
+ * @param level 当前层级（默认从1开始）
+ */
+function processTreeData(data: any[], level: number = -1) {
+    // 空值判断，避免数组为空或undefined时报错
+    if (!Array.isArray(data) || data.length === 0) return
+
+    data.forEach(item => {
+        // 1. 设置基础图标（根据层级匹配）
+        item.icon = levelIconMap[level] || ''
+
+        // 2. 设置基础颜色
+        item.color = config.getColorVal('elementUiPrimary')
+
+        // 3. 第6层特殊处理：根据comFlag调整颜色
+        if (level === 6 && item.hasOwnProperty('comFlag')) {
+            switch (item.comFlag) {
+                case 0:
+                    item.color = 'red !important'
+                    break
+                case 1:
+                    item.color = '#00f93b !important'
+                    break
+                case 2:
+                    item.color = '#8c8c8c !important'
+                    break
+                // 默认值：保持原有基础颜色
+                default:
+                    item.color = config.getColorVal('elementUiPrimary')
+            }
+        }
+
+        // 4. 递归处理子节点，层级+1
+        if (item.children && item.children.length > 0) {
+            processTreeData(item.children, item.children[0].level)
+        }
+    })
+}
+/**
+ * 递归查找树形结构中第一个level===6的节点（找到即终止递归）
+ * @param {Object|Array} tree - 树形数据（根节点数组 或 单个根节点）
+ * @returns {Object|null} 第一个level为6的节点，无则返回null
+ */
+function findFirstLevel6Node(tree: any) {
+    // 统一处理入参：如果是数组，遍历根节点数组（按顺序找第一个符合条件的）
+    if (Array.isArray(tree)) {
+        for (const rootNode of tree) {
+            const result = traverse(rootNode)
+            // 找到第一个匹配节点，立即返回（终止根节点遍历）
+            if (result) return result
+        }
+        // 所有根节点遍历完未找到
+        return null
+    } else {
+        // 入参是单个节点，直接递归遍历
+        return traverse(tree)
+    }
+
+    // 核心递归遍历函数
+    function traverse(node) {
+        // 终止条件1：节点不存在，返回null
+        if (!node) return null
+
+        // 终止条件2：找到level===6的节点，立即返回（终止递归）
+        if (node.level === 6) {
+            return node
+        }
+
+        // 终止条件3：节点无children，返回null
+        if (!node.children || node.children.length === 0) {
+            return null
+        }
+
+        // 按顺序遍历当前节点的子节点
+        for (const child of node.children) {
+            const foundNode = traverse(child)
+            // 子节点中找到目标节点，立即返回（终止后续子节点遍历）
+            if (foundNode) {
+                return foundNode
+            }
+        }
+
+        // 当前节点及所有子节点都无匹配，返回null
+        return null
+    }
+}
+
 defineExpose({ setKey })
 loadData()
 </script>

src/components/tree/pqs/index.vue

@@ -11,7 +11,7 @@
         />
         <div class="cn-tree" :style="{ opacity: menuCollapse ? 0 : 1 }">
             <div style="display: flex; align-items: center" class="mb10">
-                <el-input v-model="filterText" placeholder="请输入内容" clearable>
+                <el-input v-model="filterText" placeholder="请输入内容" maxlength="10" show-word-limit clearable>
                     <template #prefix>
                         <Icon name="el-icon-Search" style="font-size: 16px" />
                     </template>

src/components/tree/pqs/pointTree.vue

@@ -28,6 +28,7 @@ import { useDictData } from '@/stores/dictData'
 import { getTerminalTreeForFive } from '@/api/device-boot/terminalTree'
 import { useConfig } from '@/stores/config'
 import { defineProps } from 'vue'
+const VITE_FLAG = import.meta.env.VITE_NAME == 'qujing'
 defineOptions({
     name: 'pms/pointTree'
 })
@@ -61,6 +62,9 @@ const loadData = () => {
     }) || { code: '' }
     let form = JSON.parse(JSON.stringify(formData.value))
     form.statisticalType = classificationData.find((item: any) => item.id == form.statisticalType)
+    if (VITE_FLAG && form.statisticalType.code == 'Power_Network') {
+        form.statisticalType.deptName = 'qujing'
+    }
     let nodeKey = ''
     getTerminalTreeForFive(form).then(res => {
         //console.log('---',res)
@@ -74,62 +78,71 @@ const loadData = () => {
                 }
             ]
         }
-        res.data.forEach((item: any) => {
+        // if (VITE_FLAG) {
-            item.icon = 'el-icon-HomeFilled'
+        processTreeData(res.data)
-            item.color = config.getColorVal('elementUiPrimary')
+        let firstLevel6Node = findFirstLevel6Node(res.data)
-            item.children.forEach((item2: any) => {
-                item2.icon = 'el-icon-CollectionTag'
-                item2.color = config.getColorVal('elementUiPrimary')
-                item2.children.forEach((item3: any) => {
-                    item3.icon = 'el-icon-Flag'
-                    item3.color = config.getColorVal('elementUiPrimary')
-                    item3.children.forEach((item4: any) => {
-                        item4.icon = 'el-icon-OfficeBuilding'
-                        item4.color = config.getColorVal('elementUiPrimary')
-                        item4.children.forEach((item5: anyObj) => {
-                            if (item5.level == 7) {
-                                item5.icon = 'el-icon-DataAnalysis'
-                                item5.color = config.getColorVal('elementUiPrimary')
-                                item5.children.forEach((item6: anyObj) => {
-                                    item6.alias = `${item.name}>${item2.name}>${item3.name}>${item4.name}>${item5.name}>${item6.name}`
-                                    item6.pid = item4.id
-                                    item6.icon = 'fa-solid fa-location-dot'
-                                    item6.color = config.getColorVal('elementUiPrimary')
-                                    if (item6.comFlag == 0) {
-                                        item6.color = 'red !important'
-                                    } else if (item6.comFlag == 1) {
-                                        item6.color = '#00f93b !important'
-                                    } else if (item6.comFlag == 2) {
-                                        item6.color = '#8c8c8c !important'
-                                    }
-                                })
-                            } else {
-                                item5.alias = `${item.name}>${item2.name}>${item3.name}>${item4.name}>${item5.name}`
-                                item5.pid = item4.id
-                                item5.icon = 'fa-solid fa-location-dot'
-                                item5.color = config.getColorVal('elementUiPrimary')
-                                if (item5.comFlag == 0) {
-                                    item5.color = 'red !important'
-                                } else if (item5.comFlag == 1) {
-                                    item5.color = '#00f93b !important'
-                                } else if (item5.comFlag == 2) {
-                                    item5.color = '#8c8c8c !important'
-                                }
-                            }
-                        })
-                    })
-                })
-            })
-        })
 
-        nodeKey =
+        nodeKey = firstLevel6Node.id
-            res.data[0].children[0].children[0].children[0].children[0].children[0]?.id ||
+        emit('init', firstLevel6Node)
-            res.data[0].children[0].children[0].children[0].children[0]?.id
+        // } else {
-        emit(
+        //     // 正常树处理
-            'init',
+        //     res.data.forEach((item: any) => {
-            res.data[0].children[0].children[0].children[0].children[0]?.children[0] ||
+        //         item.icon = 'el-icon-HomeFilled'
-                res.data[0].children[0].children[0].children[0].children[0]
+        //         item.color = config.getColorVal('elementUiPrimary')
-        )
+        //         item.children.forEach((item2: any) => {
+        //             item2.icon = 'el-icon-CollectionTag'
+        //             item2.color = config.getColorVal('elementUiPrimary')
+        //             item2.children.forEach((item3: any) => {
+        //                 item3.icon = 'el-icon-Flag'
+        //                 item3.color = config.getColorVal('elementUiPrimary')
+        //                 item3.children.forEach((item4: any) => {
+        //                     item4.icon = 'el-icon-OfficeBuilding'
+        //                     item4.color = config.getColorVal('elementUiPrimary')
+        //                     item4.children.forEach((item5: anyObj) => {
+        //                         if (item5.level == 7) {
+        //                             item5.icon = 'el-icon-DataAnalysis'
+        //                             item5.color = config.getColorVal('elementUiPrimary')
+        //                             item5.children.forEach((item6: anyObj) => {
+        //                                 item6.alias = `${item.name}>${item2.name}>${item3.name}>${item4.name}>${item5.name}>${item6.name}`
+        //                                 item6.pid = item4.id
+        //                                 item6.icon = 'fa-solid fa-location-dot'
+        //                                 item6.color = config.getColorVal('elementUiPrimary')
+        //                                 if (item6.comFlag == 0) {
+        //                                     item6.color = 'red !important'
+        //                                 } else if (item6.comFlag == 1) {
+        //                                     item6.color = '#00f93b !important'
+        //                                 } else if (item6.comFlag == 2) {
+        //                                     item6.color = '#8c8c8c !important'
+        //                                 }
+        //                             })
+        //                         } else {
+        //                             item5.alias = `${item.name}>${item2.name}>${item3.name}>${item4.name}>${item5.name}`
+        //                             item5.pid = item4.id
+        //                             item5.icon = 'fa-solid fa-location-dot'
+        //                             item5.color = config.getColorVal('elementUiPrimary')
+        //                             if (item5.comFlag == 0) {
+        //                                 item5.color = 'red !important'
+        //                             } else if (item5.comFlag == 1) {
+        //                                 item5.color = '#00f93b !important'
+        //                             } else if (item5.comFlag == 2) {
+        //                                 item5.color = '#8c8c8c !important'
+        //                             }
+        //                         }
+        //                     })
+        //                 })
+        //             })
+        //         })
+        //     })
+
+        //     nodeKey =
+        //         res.data[0].children[0].children[0].children[0].children[0].children[0]?.id ||
+        //         res.data[0].children[0].children[0].children[0].children[0]?.id
+        //     emit(
+        //         'init',
+        //         res.data[0].children[0].children[0].children[0].children[0]?.children[0] ||
+        //             res.data[0].children[0].children[0].children[0].children[0]
+        //     )
+        // }
 
         tree.value = res.data
         if (nodeKey) {
@@ -145,6 +158,109 @@ const scrollToNode = (id: string) => {
     // 树滚动
     treeRef.value.scrollToNode(id)
 }
+
+// 定义不同层级对应的图标配置（可根据实际需求调整）
+const levelIconMap = {
+    '-1': 'el-icon-HomeFilled',
+    0: 'el-icon-CollectionTag',
+    1: 'el-icon-CollectionTag',
+    2: 'el-icon-Flag',
+    3: 'el-icon-OfficeBuilding',
+    4: 'el-icon-DataAnalysis',
+    5: 'el-icon-DataAnalysis',
+    7: 'el-icon-DataAnalysis',
+    6: 'fa-solid fa-location-dot'
+}
+
+/**
+ * 递归处理树形数据，为不同层级节点设置图标和颜色
+ * @param data 树形数据数组
+ * @param level 当前层级（默认从1开始）
+ */
+function processTreeData(data: any[], level: number = -1, alias: string = '') {
+    // 空值判断，避免数组为空或undefined时报错
+    if (!Array.isArray(data) || data.length === 0) return
+
+    data.forEach(item => {
+        // 1. 设置基础图标（根据层级匹配）
+        item.icon = levelIconMap[level] || ''
+        item.alias = alias + `${item.name}`
+        // 2. 设置基础颜色
+        item.color = config.getColorVal('elementUiPrimary')
+
+        // 3. 第6层特殊处理：根据comFlag调整颜色
+        if (level === 6 && item.hasOwnProperty('comFlag')) {
+            switch (item.comFlag) {
+                case 0:
+                    item.color = 'red !important'
+                    break
+                case 1:
+                    item.color = '#00f93b !important'
+                    break
+                case 2:
+                    item.color = '#8c8c8c !important'
+                    break
+                // 默认值：保持原有基础颜色
+                default:
+                    item.color = config.getColorVal('elementUiPrimary')
+            }
+        }
+
+        // 4. 递归处理子节点，层级+1
+        if (item.children && item.children.length > 0) {
+            processTreeData(item.children, item.children[0].level, level == '-1' ? '' : item.alias + '>')
+        }
+    })
+}
+/**
+ * 递归查找树形结构中第一个level===6的节点（找到即终止递归）
+ * @param {Object|Array} tree - 树形数据（根节点数组 或 单个根节点）
+ * @returns {Object|null} 第一个level为6的节点，无则返回null
+ */
+function findFirstLevel6Node(tree: any) {
+    // 统一处理入参：如果是数组，遍历根节点数组（按顺序找第一个符合条件的）
+    if (Array.isArray(tree)) {
+        for (const rootNode of tree) {
+            const result = traverse(rootNode)
+            // 找到第一个匹配节点，立即返回（终止根节点遍历）
+            if (result) return result
+        }
+        // 所有根节点遍历完未找到
+        return null
+    } else {
+        // 入参是单个节点，直接递归遍历
+        return traverse(tree)
+    }
+
+    // 核心递归遍历函数
+    function traverse(node) {
+        // 终止条件1：节点不存在，返回null
+        if (!node) return null
+
+        // 终止条件2：找到level===6的节点，立即返回（终止递归）
+        if (node.level === 6) {
+            return node
+        }
+
+        // 终止条件3：节点无children，返回null
+        if (!node.children || node.children.length === 0) {
+            return null
+        }
+
+        // 按顺序遍历当前节点的子节点
+        for (const child of node.children) {
+            const foundNode = traverse(child)
+            // 子节点中找到目标节点，立即返回（终止后续子节点遍历）
+            if (foundNode) {
+                return foundNode
+            }
+        }
+
+        // 当前节点及所有子节点都无匹配，返回null
+        return null
+    }
+}
+
 defineExpose({ treeRef, scrollToNode, tree })
 loadData()
 </script>

src/components/tree/pqs/standardTree.vue

@@ -28,7 +28,7 @@ const tree = ref()
 const treeRef = ref()
 
 const loadData = (id?: any) => {
-    console.log('🚀 ~ loadData ~ id:', id)
+   
     let nodeKey = ''
     queryAll().then(res => {
         res.data.forEach((item: any) => {

src/layouts/admin/components/globalPopUp.vue

@@ -25,7 +25,7 @@
                             {{ Math.floor(row.eventValue * 10000) / 100 }}
                         </template>
                     </vxe-column>
-                    <vxe-column field="eventType" width="100px" title="暂降类型">
+                    <vxe-column field="eventType" width="100px" title="触发类型">
                         <template #default="{ row }">
                             {{ event.filter(item => item.id == row.eventType)[0]?.name || '/' }}
                         </template>
@@ -79,7 +79,7 @@ const init = async () => {
         // 设置消息接收回调
         mqttClient.onMessage((topic, message) => {
             const msg = JSON.parse(message.toString())
-            console.log('🚀 ~ init ~ msg:', msg)
+        //    console.log('🚀 ~ init ~ msg:', msg)
             if (msg.deptList.includes(adminInfo.$state.deptId)) {
                 drawer.value = true
                 isLoading.value = true

src/layouts/admin/components/logo.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="layout-logo">
-        <img v-if="!config.layout.menuCollapse" class="logo-img" :src="getTheme.logoUrl" />
+        <img  v-if="!config.layout.menuCollapse && getTheme && getTheme.logoUrl"  class="logo-img" :src="getTheme.logoUrl" />
         <!--        <div-->
         <!--            v-if="!config.layout.menuCollapse"-->
         <!--            :style="{ color: config.getColorVal('menuActiveColor') }"-->
@@ -28,7 +28,9 @@ import { Session } from '@/utils/storage'
 import { setNavTabsWidth } from '@/utils/layout'
 
 const config = useConfig()
-const getTheme = JSON.parse(window.localStorage.getItem('getTheme') as string)
+const getTheme = window.localStorage.getItem('getTheme') 
+  ? JSON.parse(window.localStorage.getItem('getTheme') as string) 
+  : null
 const onMenuCollapse = function () {
     if (config.layout.shrink && !config.layout.menuCollapse) {
         closeShade()

src/layouts/admin/components/navBar/classic.vue

@@ -9,7 +9,7 @@
             />
         </div>
         <span class="nav-bar-title">
-            {{ getTheme.name }}
+            {{ getTheme?.name || '' }}
             <span style="font-size: 14px">({{ Version || 'v1.0.0' }})</span>
             <!-- <span style="font-size: 14px;" v-if="Version?.versionName">
                 ({{ Version?.versionName }})
@@ -28,8 +28,10 @@ import { getLastData } from '@/api/systerm'
 
 const Version: any = ref(null)
 const config = useConfig()
-const getTheme = JSON.parse(window.localStorage.getItem('getTheme') as string)
+const getTheme = window.localStorage.getItem('getTheme') 
-
+  ? JSON.parse(window.localStorage.getItem('getTheme') as string) 
+  : { name: '' }
+const VITE_FLAG = import.meta.env.VITE_NAME == 'hainan'
 const onMenuCollapse = () => {
     showShade('ba-aside-menu-shade', () => {
         config.setLayout('menuCollapse', true)
@@ -37,10 +39,13 @@ const onMenuCollapse = () => {
     config.setLayout('menuCollapse', false)
 }
 onMounted(() => {
-    getLastData({ versionType: 'WEB' }).then(res => {
+    if(!VITE_FLAG){
-        Version.value = res.data.versionName
+         getLastData({ versionType: 'WEB' }).then(res => {
-    })
+            Version.value = res.data.versionName
-    document.title = getTheme.name
+        })
+    }
+   
+    document.title = getTheme?.name || ''
 })
 </script>
 

src/layouts/admin/components/popup/password.vue

@@ -1,109 +1,117 @@
-<template>
+<template>
-    <el-dialog draggable width="500px" v-model="dialogVisible" :title="title">
+    <el-dialog draggable width="500px" v-model="dialogVisible" :title="title">
-        <el-scrollbar>
+        <el-scrollbar>
-            <el-form :inline="false" :model="form" label-width="120px" :rules="rules" ref="formRef">
+            <el-form :inline="false" :model="form" label-width="120px" :rules="rules" ref="formRef">
-                <el-form-item label="校验密码:" prop="password">
+                <el-form-item label="校验密码:" prop="password">
-                    <el-input v-model="form.password" type="password" placeholder="请输入校验密码" show-password />
+                    <el-input v-model="form.password" type="password" placeholder="请输入校验密码" show-password />
-                </el-form-item>
+                </el-form-item>
-                <el-form-item label="新密码:" prop="newPwd" style="margin-top: 20px">
+                <el-form-item label="新密码:" prop="newPwd" style="margin-top: 20px">
-                    <el-input v-model="form.newPwd" type="password" placeholder="请输入新密码" show-password />
+                    <el-input v-model="form.newPwd" type="password" placeholder="请输入新密码" show-password />
-                </el-form-item>
+                </el-form-item>
-                <el-form-item label="确认密码:" prop="confirmPwd" style="margin-top: 20px">
+                <el-form-item label="确认密码:" prop="confirmPwd" style="margin-top: 20px">
-                    <el-input v-model="form.confirmPwd" type="password" placeholder="请输入确认密码" show-password />
+                    <el-input v-model="form.confirmPwd" type="password" placeholder="请输入确认密码" show-password />
-                </el-form-item>
+                </el-form-item>
-            </el-form>
+            </el-form>
-        </el-scrollbar>
+        </el-scrollbar>
-        <template #footer>
+        <template #footer>
-            <span class="dialog-footer">
+            <span class="dialog-footer">
-                <el-button @click="dialogVisible = false">取消</el-button>
+                <el-button @click="dialogVisible = false">取消</el-button>
-                <el-button type="primary" @click="submit">确认</el-button>
+                <el-button type="primary" @click="submit">确认</el-button>
-            </span>
+            </span>
-        </template>
+        </template>
-    </el-dialog>
+    </el-dialog>
-</template>
+</template>
-<script lang="ts" setup>
+<script lang="ts" setup>
-import { ref, inject } from 'vue'
+import { ref, inject } from 'vue'
-import { reactive } from 'vue'
+import { reactive } from 'vue'
-import { ElMessage } from 'element-plus'
+import { ElMessage } from 'element-plus'
-import { passwordConfirm, updatePassword } from '@/api/user-boot/user'
+import { passwordConfirm, updatePassword } from '@/api/user-boot/user'
-import { validatePwd } from '@/utils/common'
+import { validatePwd } from '@/utils/common'
-import { useAdminInfo } from '@/stores/adminInfo'
+import { useAdminInfo } from '@/stores/adminInfo'
-
+import router from '@/router'
-const adminInfo = useAdminInfo()
+import { useNavTabs } from '@/stores/navTabs'
-const dialogVisible = ref(false)
+const navTabs = useNavTabs()
-const title = ref('修改密码')
+const adminInfo = useAdminInfo()
-const formRef = ref()
+const dialogVisible = ref(false)
-// 注意不要和表单ref的命名冲突
+const title = ref('修改密码')
-const form = reactive({
+const formRef = ref()
-    password: '',
+// 注意不要和表单ref的命名冲突
-    newPwd: '',
+const form = reactive({
-    confirmPwd: ''
+    password: '',
-})
+    newPwd: '',
-const rules = {
+    confirmPwd: ''
-    password: [
+})
-        { required: true, message: '请输入校验密码', trigger: 'blur' },
+const rules = {
-        {
+    password: [
-            min: 6,
+        { required: true, message: '请输入校验密码', trigger: 'blur' },
-            max: 12,
+        {
-            message: '长度在 6 到 12 个字符',
+            min: 6,
-            trigger: 'blur'
+            max: 12,
-        }
+            message: '长度在 6 到 12 个字符',
-    ],
+            trigger: 'blur'
-    newPwd: [
+        }
-        { required: true, message: '请输入密码', trigger: 'blur' },
+    ],
-        {
+    newPwd: [
-            min: 6,
+        { required: true, message: '请输入密码', trigger: 'blur' },
-            max: 12,
+        {
-            message: '长度在 6 到 12 个字符',
+            min: 6,
-            trigger: 'blur'
+            max: 12,
-        },
+            message: '长度在 6 到 12 个字符',
-        { validator: validatePwd, trigger: 'blur' }
+            trigger: 'blur'
-    ],
+        },
-    confirmPwd: [
+        { validator: validatePwd, trigger: 'blur' }
-        { required: true, message: '请确认密码', trigger: 'blur' },
+    ],
-        {
+    confirmPwd: [
-            min: 6,
+        { required: true, message: '请确认密码', trigger: 'blur' },
-            max: 12,
+        {
-            message: '长度在 6 到 12 个字符',
+            min: 6,
-            trigger: 'blur'
+            max: 12,
-        },
+            message: '长度在 6 到 12 个字符',
-        {
+            trigger: 'blur'
-            validator: (rule: any, value: string, callback: any) => {
+        },
-                if (value === '') {
+        {
-                    callback(new Error('请再次输入密码'))
+            validator: (rule: any, value: string, callback: any) => {
-                } else if (value !== form.newPwd) {
+                if (value === '') {
-                    callback(new Error('两次输入密码不一致!'))
+                    callback(new Error('请再次输入密码'))
-                } else {
+                } else if (value !== form.newPwd) {
-                    callback()
+                    callback(new Error('两次输入密码不一致!'))
-                }
+                } else {
-            },
+                    callback()
-            trigger: 'blur',
+                }
-            required: true
+            },
-        }
+            trigger: 'blur',
-    ]
+            required: true
-}
+        }
-
+    ]
-const open = () => {
+}
-    dialogVisible.value = true
+
-    form.password = ''
+const open = () => {
-    form.newPwd = ''
+    dialogVisible.value = true
-    form.confirmPwd = ''
+    form.password = ''
-}
+    form.newPwd = ''
-const submit = () => {
+    form.confirmPwd = ''
-    formRef.value.validate(async (valid: boolean) => {
+}
-        if (valid) {
+const submit = () => {
-            passwordConfirm(form.password).then(res => {
+    formRef.value.validate(async (valid: boolean) => {
-                updatePassword({
+        if (valid) {
-                    id: adminInfo.$state.userIndex,
+            passwordConfirm(form.password).then(res => {
-                    newPassword: form.newPwd
+                updatePassword({
-                }).then((res: any) => {
+                    id: adminInfo.$state.userIndex,
-                    ElMessage.success('密码修改成功')
+                    newPassword: form.newPwd
-                    dialogVisible.value = false
+                }).then((res: any) => {
-                })
+                    ElMessage.success('密码修改成功,请重新登录!')
-            })
+                    dialogVisible.value = false
-        }
+                     setTimeout(() => {
-    })
+                    navTabs.closeTabs()
-}
+                    window.localStorage.clear()
-
+                    adminInfo.reset()
-defineExpose({ open })
+                    router.push({ name: 'login' })
-</script>
+                }, 0)
+                })
+            })
+        }
+    })
+}
+
+defineExpose({ open })
+</script>

src/layouts/components/UserInfo/src/components/LockDialog.vue

@@ -29,7 +29,7 @@ const emit = defineEmits(['update:modelValue'])
 const dialogVisible = computed({
   get: () => props.modelValue,
   set: (val) => {
-    console.log('set: ', val)
+ 
     emit('update:modelValue', val)
   }
 })

src/router/index.ts

@@ -1,49 +1,49 @@
-import { createRouter, createWebHashHistory } from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router'
-import staticRoutes from '@/router/static'
+import staticRoutes from '@/router/static'
-import { useAdminInfo } from '@/stores/adminInfo'
+import { useAdminInfo } from '@/stores/adminInfo'
-import NProgress from 'nprogress'
+import NProgress from 'nprogress'
-import { loading } from '@/utils/loading'
+import { loading } from '@/utils/loading'
-import { ElMessage } from 'element-plus'
+import { ElMessage } from 'element-plus'
-
+
-const router = createRouter({
+const router = createRouter({
-    history: createWebHashHistory(),
+    history: createWebHashHistory(),
-    routes: staticRoutes
+    routes: staticRoutes
-})
+})
-
+
-router.beforeEach((to, from, next) => {
+router.beforeEach((to, from, next) => {
-    NProgress.configure({ showSpinner: false })
+    NProgress.configure({ showSpinner: false })
-    NProgress.start()
+    NProgress.start()
-    if (!window.existLoading) {
+    if (!window.existLoading) {
-        loading.show()
+        loading.show()
-        window.existLoading = true
+        window.existLoading = true
-    }
+    }
-    if (to.path == '/login' || to.path == '/404') {
+    if (to.path == '/login' || to.path == '/404') {
-        // 登录或者注册才可以往下进行
+        // 登录或者注册才可以往下进行
-        next()
+        next()
-    } else if (to.path == '/admin/center/homePage') {
+    } else if (to.path == '/admin/center/homePage') {
-        window.open(window.location.origin + '/homePage/#/')
+        window.open(window.location.origin + '/homePage/#/')
-    } else {
+    } else {
-        // 获取 token
+        // 获取 token
-        const adminInfo = useAdminInfo()
+        const adminInfo = useAdminInfo()
-        const token = adminInfo.getToken()
+        const token = adminInfo.getToken()
-        // token 不存在
+        // token 不存在
-        if (token === null || token === '') {
+        if (token === null || token === '') {
-            ElMessage.error('您还没有登录，请先登录')
+            // ElMessage.error('您还没有登录，请先登录')
-            next('/login')
+            next('/login')
-        } else {
+        } else {
-            next()
+            next()
-        }
+        }
-    }
+    }
-
+
-    // next()
+    // next()
-})
+})
-
+
-// 路由加载后
+// 路由加载后
-router.afterEach(() => {
+router.afterEach(() => {
-    if (window.existLoading) {
+    if (window.existLoading) {
-        loading.hide()
+        loading.hide()
-    }
+    }
-    NProgress.done()
+    NProgress.done()
-})
+})
-
+
-export default router
+export default router

src/stores/config.ts

@@ -1,246 +1,246 @@
-import { reactive } from 'vue'
+import { reactive } from 'vue'
-import { defineStore } from 'pinia'
+import { defineStore } from 'pinia'
-import { STORE_CONFIG } from '@/stores/constant/cacheKey'
+import { STORE_CONFIG } from '@/stores/constant/cacheKey'
-import type { Layout } from '@/stores/interface'
+import type { Layout } from '@/stores/interface'
-
+
-export const useConfig = defineStore(
+export const useConfig = defineStore(
-    'config',
+    'config',
-    () => {
+    () => {
-        const layout: Layout = reactive({
+        const layout: Layout = reactive({
-            /* 全局 */
+            /* 全局 */
-            showDrawer: false,
+            showDrawer: false,
-            // 是否收缩布局(小屏终端)
+            // 是否收缩布局(小屏终端)
-            shrink: false,
+            shrink: false,
-            // 后台布局方式，可选值<Default|Classic|Streamline|Double>
+            // 后台布局方式，可选值<Default|Classic|Streamline|Double>
-            layoutMode: 'Classic',
+            layoutMode: 'Classic',
-            // 后台主页面切换动画，可选值<slide-right|slide-left|el-fade-in-linear|el-fade-in|el-zoom-in-center|el-zoom-in-top|el-zoom-in-bottom>
+            // 后台主页面切换动画，可选值<slide-right|slide-left|el-fade-in-linear|el-fade-in|el-zoom-in-center|el-zoom-in-top|el-zoom-in-bottom>
-            mainAnimation: 'slide-right',
+            mainAnimation: 'slide-right',
-            // 是否暗黑模式
+            // 是否暗黑模式
-            isDark: false,
+            isDark: false,
-            elementUiPrimary: ['#002B6A', '#002B6A'],
+            elementUiPrimary: ['#002B6A', '#002B6A'],
-            tableHeaderBackground: ['#F3F6F9', '#F3F6F9'],
+            tableHeaderBackground: ['#F3F6F9', '#F3F6F9'],
-            tableHeaderColor: ['#111', '#fff'],
+            tableHeaderColor: ['#111', '#fff'],
-            tableCurrent: ['#F3F6F9', '#F3F6F9'],
+            tableCurrent: ['#F3F6F9', '#F3F6F9'],
-            /* 侧边菜单 */
+            /* 侧边菜单 */
-            // 侧边菜单背景色
+            // 侧边菜单背景色
-            menuBackground: ['#002B6A', '#1d1e1f'],
+            menuBackground: ['#002B6A', '#1d1e1f'],
-            // 侧边菜单文字颜色
+            // 侧边菜单文字颜色
-            menuColor: ['#FFFFFF', '#CFD3DC'],
+            menuColor: ['#FFFFFF', '#CFD3DC'],
-            // 侧边菜单激活项背景色
+            // 侧边菜单激活项背景色
-            menuActiveBackground: ['#002255', '#1d1e1f'],
+            menuActiveBackground: ['#002255', '#1d1e1f'],
-            // 侧边菜单激活项文字色
+            // 侧边菜单激活项文字色
-            menuActiveColor: ['#409eff', '#3375b9'],
+            menuActiveColor: ['#409eff', '#3375b9'],
-            // 侧边菜单顶栏背景色
+            // 侧边菜单顶栏背景色
-            menuTopBarBackground: ['#002B6A', '#1d1e1f'],
+            menuTopBarBackground: ['#002B6A', '#1d1e1f'],
-            // 侧边菜单宽度(展开时)，单位px
+            // 侧边菜单宽度(展开时)，单位px
-            menuWidth: 260,
+            menuWidth: 260,
-            // 侧边菜单项默认图标
+            // 侧边菜单项默认图标
-            menuDefaultIcon: 'fa fa-circle-o',
+            menuDefaultIcon: 'fa fa-circle-o',
-            // 是否水平折叠收起菜单
+            // 是否水平折叠收起菜单
-            menuCollapse: false,
+            menuCollapse: false,
-            // 是否只保持一个子菜单的展开(手风琴)
+            // 是否只保持一个子菜单的展开(手风琴)
-            menuUniqueOpened: false,
+            menuUniqueOpened: false,
-            // 显示菜单栏顶栏(LOGO)
+            // 显示菜单栏顶栏(LOGO)
-            menuShowTopBar: true,
+            menuShowTopBar: true,
-
+
-            /* 顶栏 */
+            /* 顶栏 */
-            // 顶栏文字色
+            // 顶栏文字色
-            headerBarTabColor: ['#FFFFFF', '#CFD3DC'],
+            headerBarTabColor: ['#FFFFFF', '#CFD3DC'],
-            // // 顶栏激活项背景色
+            // // 顶栏激活项背景色
-            headerBarTabActiveBackground: ['#ffffff', '#1d1e1f'],
+            headerBarTabActiveBackground: ['#ffffff', '#1d1e1f'],
-            // 顶栏激活项文字色
+            // 顶栏激活项文字色
-            headerBarTabActiveColor: ['#000000', '#409EFF'],
+            headerBarTabActiveColor: ['#000000', '#409EFF'],
-            // 顶栏背景色
+            // 顶栏背景色
-            headerBarBackground: ['#002B6A', '#1d1e1f'],
+            headerBarBackground: ['#002B6A', '#1d1e1f'],
-            // 顶栏悬停时背景色
+            // 顶栏悬停时背景色
-            headerBarHoverBackground: ['#f5f5f5', '#18222c']
+            headerBarHoverBackground: ['#f5f5f5', '#18222c']
-        })
+        })
-
+
-        const lang = reactive({
+        const lang = reactive({
-            // 默认语言，可选值<zh-cn|en>
+            // 默认语言，可选值<zh-cn|en>
-            defaultLang: 'zh-cn',
+            defaultLang: 'zh-cn',
-            // 当在默认语言包找不到翻译时，继续在 fallbackLang 语言包内查找翻译
+            // 当在默认语言包找不到翻译时，继续在 fallbackLang 语言包内查找翻译
-            fallbackLang: 'zh-cn',
+            fallbackLang: 'zh-cn',
-            // 支持的语言列表
+            // 支持的语言列表
-            langArray: [
+            langArray: [
-                { name: 'zh-cn', value: '中文简体' },
+                { name: 'zh-cn', value: '中文简体' },
-                { name: 'en', value: 'English' }
+                { name: 'en', value: 'English' }
-            ]
+            ]
-        })
+        })
-
+
-        function menuWidth() {
+        function menuWidth() {
-            if (layout.shrink) {
+            if (layout.shrink) {
-                return layout.menuCollapse ? '0px' : layout.menuWidth + 'px'
+                return layout.menuCollapse ? '0px' : layout.menuWidth + 'px'
-            }
+            }
-            // 菜单是否折叠
+            // 菜单是否折叠
-            return layout.menuCollapse ? '64px' : layout.menuWidth + 'px'
+            return layout.menuCollapse ? '64px' : layout.menuWidth + 'px'
-        }
+        }
-
+
-        function setLang(val: string) {
+        function setLang(val: string) {
-            lang.defaultLang = val
+            lang.defaultLang = val
-        }
+        }
-
+
-        function onSetLayoutColor(data = layout.layoutMode) {
+        function onSetLayoutColor(data = layout.layoutMode) {
-            // 切换布局时，如果是为默认配色方案，对菜单激活背景色重新赋值
+            // 切换布局时，如果是为默认配色方案，对菜单激活背景色重新赋值
-            const tempValue = layout.isDark
+            const tempValue = layout.isDark
-                ? { idx: 1, color: '#1d1e1f', newColor: '#141414' }
+                ? { idx: 1, color: '#1d1e1f', newColor: '#141414' }
-                : { idx: 0, color: '#ffffff', newColor: '#f5f5f5' }
+                : { idx: 0, color: '#ffffff', newColor: '#f5f5f5' }
-            if (
+            if (
-                data == 'Classic' &&
+                data == 'Classic' &&
-                layout.headerBarBackground[tempValue.idx] == tempValue.color &&
+                layout.headerBarBackground[tempValue.idx] == tempValue.color &&
-                layout.headerBarTabActiveBackground[tempValue.idx] == tempValue.color
+                layout.headerBarTabActiveBackground[tempValue.idx] == tempValue.color
-            ) {
+            ) {
-                layout.headerBarTabActiveBackground[tempValue.idx] = tempValue.newColor
+                layout.headerBarTabActiveBackground[tempValue.idx] = tempValue.newColor
-            } else if (
+            } else if (
-                data == 'Default' &&
+                data == 'Default' &&
-                layout.headerBarBackground[tempValue.idx] == tempValue.color &&
+                layout.headerBarBackground[tempValue.idx] == tempValue.color &&
-                layout.headerBarTabActiveBackground[tempValue.idx] == tempValue.newColor
+                layout.headerBarTabActiveBackground[tempValue.idx] == tempValue.newColor
-            ) {
+            ) {
-                layout.headerBarTabActiveBackground[tempValue.idx] = tempValue.color
+                layout.headerBarTabActiveBackground[tempValue.idx] = tempValue.color
-            }
+            }
-        }
+        }
-
+
-        function setLayoutMode(data: string) {
+        function setLayoutMode(data: string) {
-            layout.layoutMode = data
+            layout.layoutMode = data
-            onSetLayoutColor(data)
+            onSetLayoutColor(data)
-        }
+        }
-
+
-        const setLayout = (name: keyof Layout, value: any) => {
+        const setLayout = (name: keyof Layout, value: any) => {
-            layout[name] = value as never
+            layout[name] = value as never
-        }
+        }
-
+
-        const getColorVal = function (name: keyof Layout): string {
+        const getColorVal = function (name: keyof Layout): string {
-            const colors = layout[name] as string[]
+            const colors = layout[name] as string[] || ['#082E6C',  '#0e8780']
-            if (layout.isDark) {
+            if (layout.isDark) {
-                return colors[1]
+                return colors[1]
-            } else {
+            } else {
-                return colors[0]
+                return colors[0]
-            }
+            }
-        }
+        }
-
+
-        return { layout, lang, menuWidth, setLang, setLayoutMode, setLayout, getColorVal, onSetLayoutColor }
+        return { layout, lang, menuWidth, setLang, setLayoutMode, setLayout, getColorVal, onSetLayoutColor }
-    },
+    },
-    // () => {
+    // () => {
-    //    
+    //    
-    //     console.log('🚀 ~ subject:', subject)
+    //     console.log('🚀 ~ subject:', subject)
-    //     const layout: Layout = reactive({
+    //     const layout: Layout = reactive({
-    //         /* 全局 */
+    //         /* 全局 */
-    //         showDrawer: false,
+    //         showDrawer: false,
-    //         // 是否收缩布局(小屏终端)
+    //         // 是否收缩布局(小屏终端)
-    //         shrink: false,
+    //         shrink: false,
-    //         // 后台布局方式，可选值<Default|Classic|Streamline|Double>
+    //         // 后台布局方式，可选值<Default|Classic|Streamline|Double>
-    //         layoutMode: 'Classic',
+    //         layoutMode: 'Classic',
-    //         // 后台主页面切换动画，可选值<slide-right|slide-left|el-fade-in-linear|el-fade-in|el-zoom-in-center|el-zoom-in-top|el-zoom-in-bottom>
+    //         // 后台主页面切换动画，可选值<slide-right|slide-left|el-fade-in-linear|el-fade-in|el-zoom-in-center|el-zoom-in-top|el-zoom-in-bottom>
-    //         mainAnimation: subject.mainAnimation,
+    //         mainAnimation: subject.mainAnimation,
-    //         // 是否暗黑模式
+    //         // 是否暗黑模式
-    //         isDark: false,
+    //         isDark: false,
-    //         elementUiPrimary: JSON.parse(subject.elementUiPrimary),
+    //         elementUiPrimary: JSON.parse(subject.elementUiPrimary),
-    //         tableHeaderBackground: JSON.parse(subject.tableHeaderBackground),
+    //         tableHeaderBackground: JSON.parse(subject.tableHeaderBackground),
-    //         tableHeaderColor:JSON.parse(subject.tableHeaderColor),
+    //         tableHeaderColor:JSON.parse(subject.tableHeaderColor),
-    //         tableCurrent:  JSON.parse(subject.tableCurrent),
+    //         tableCurrent:  JSON.parse(subject.tableCurrent),
-    //         /* 侧边菜单 */
+    //         /* 侧边菜单 */
-    //         // 侧边菜单背景色
+    //         // 侧边菜单背景色
-    //         menuBackground: JSON.parse(subject.menuBackground),
+    //         menuBackground: JSON.parse(subject.menuBackground),
-    //         // 侧边菜单文字颜色
+    //         // 侧边菜单文字颜色
-    //         menuColor:JSON.parse(subject.menuColor),
+    //         menuColor:JSON.parse(subject.menuColor),
-    //         // 侧边菜单激活项背景色
+    //         // 侧边菜单激活项背景色
-    //         menuActiveBackground:JSON.parse(subject.menuActiveBackground),
+    //         menuActiveBackground:JSON.parse(subject.menuActiveBackground),
-    //         // 侧边菜单激活项文字色
+    //         // 侧边菜单激活项文字色
-    //         menuActiveColor:JSON.parse(subject.menuActiveColor),
+    //         menuActiveColor:JSON.parse(subject.menuActiveColor),
-    //         // 侧边菜单顶栏背景色
+    //         // 侧边菜单顶栏背景色
-    //         menuTopBarBackground: JSON.parse(subject.menuTopBarBackground),
+    //         menuTopBarBackground: JSON.parse(subject.menuTopBarBackground),
-    //         // 侧边菜单宽度(展开时)，单位px
+    //         // 侧边菜单宽度(展开时)，单位px
-    //         menuWidth: 260,
+    //         menuWidth: 260,
-    //         // 侧边菜单项默认图标
+    //         // 侧边菜单项默认图标
-    //         menuDefaultIcon: 'fa fa-circle-o',
+    //         menuDefaultIcon: 'fa fa-circle-o',
-    //         // 是否水平折叠收起菜单
+    //         // 是否水平折叠收起菜单
-    //         menuCollapse: false,
+    //         menuCollapse: false,
-    //         // 是否只保持一个子菜单的展开(手风琴)
+    //         // 是否只保持一个子菜单的展开(手风琴)
-    //         menuUniqueOpened: false,
+    //         menuUniqueOpened: false,
-    //         // 显示菜单栏顶栏(LOGO)
+    //         // 显示菜单栏顶栏(LOGO)
-    //         menuShowTopBar: true,
+    //         menuShowTopBar: true,
-
+
-    //         /* 顶栏 */
+    //         /* 顶栏 */
-    //         // 顶栏文字色
+    //         // 顶栏文字色
-    //         headerBarTabColor:JSON.parse(subject.headerBarTabColor),
+    //         headerBarTabColor:JSON.parse(subject.headerBarTabColor),
-    //         // // 顶栏激活项背景色
+    //         // // 顶栏激活项背景色
-    //         headerBarTabActiveBackground: ['#ffffff', '#1d1e1f'],
+    //         headerBarTabActiveBackground: ['#ffffff', '#1d1e1f'],
-    //         // 顶栏激活项文字色
+    //         // 顶栏激活项文字色
-    //         headerBarTabActiveColor: ['#000000', '#409EFF'],
+    //         headerBarTabActiveColor: ['#000000', '#409EFF'],
-    //         // 顶栏背景色
+    //         // 顶栏背景色
-    //         headerBarBackground: JSON.parse(subject.headerBarBackground),
+    //         headerBarBackground: JSON.parse(subject.headerBarBackground),
-    //         // 顶栏悬停时背景色
+    //         // 顶栏悬停时背景色
-    //         headerBarHoverBackground: ['#f5f5f5', '#18222c']
+    //         headerBarHoverBackground: ['#f5f5f5', '#18222c']
-    //     })
+    //     })
-    //     // console.log(123, window.localStorage.getItem('getTheme'))
+    //     // console.log(123, window.localStorage.getItem('getTheme'))
-
+
-    //     const lang = reactive({
+    //     const lang = reactive({
-    //         // 默认语言，可选值<zh-cn|en>
+    //         // 默认语言，可选值<zh-cn|en>
-    //         defaultLang: 'zh-cn',
+    //         defaultLang: 'zh-cn',
-    //         // 当在默认语言包找不到翻译时，继续在 fallbackLang 语言包内查找翻译
+    //         // 当在默认语言包找不到翻译时，继续在 fallbackLang 语言包内查找翻译
-    //         fallbackLang: 'zh-cn',
+    //         fallbackLang: 'zh-cn',
-    //         // 支持的语言列表
+    //         // 支持的语言列表
-    //         langArray: [
+    //         langArray: [
-    //             { name: 'zh-cn', value: '中文简体' },
+    //             { name: 'zh-cn', value: '中文简体' },
-    //             { name: 'en', value: 'English' }
+    //             { name: 'en', value: 'English' }
-    //         ]
+    //         ]
-    //     })
+    //     })
-
+
-    //     function menuWidth() {
+    //     function menuWidth() {
-    //         if (layout.shrink) {
+    //         if (layout.shrink) {
-    //             return layout.menuCollapse ? '0px' : layout.menuWidth + 'px'
+    //             return layout.menuCollapse ? '0px' : layout.menuWidth + 'px'
-    //         }
+    //         }
-    //         // 菜单是否折叠
+    //         // 菜单是否折叠
-    //         return layout.menuCollapse ? '64px' : layout.menuWidth + 'px'
+    //         return layout.menuCollapse ? '64px' : layout.menuWidth + 'px'
-    //     }
+    //     }
-
+
-    //     function setLang(val: string) {
+    //     function setLang(val: string) {
-    //         lang.defaultLang = val
+    //         lang.defaultLang = val
-    //     }
+    //     }
-
+
-    //     function onSetLayoutColor(data = layout.layoutMode) {
+    //     function onSetLayoutColor(data = layout.layoutMode) {
-    //         // 切换布局时，如果是为默认配色方案，对菜单激活背景色重新赋值
+    //         // 切换布局时，如果是为默认配色方案，对菜单激活背景色重新赋值
-    //         const tempValue = layout.isDark
+    //         const tempValue = layout.isDark
-    //             ? { idx: 1, color: '#1d1e1f', newColor: '#141414' }
+    //             ? { idx: 1, color: '#1d1e1f', newColor: '#141414' }
-    //             : { idx: 0, color: '#ffffff', newColor: '#f5f5f5' }
+    //             : { idx: 0, color: '#ffffff', newColor: '#f5f5f5' }
-    //         if (
+    //         if (
-    //             data == 'Classic' &&
+    //             data == 'Classic' &&
-    //             layout.headerBarBackground[tempValue.idx] == tempValue.color &&
+    //             layout.headerBarBackground[tempValue.idx] == tempValue.color &&
-    //             layout.headerBarTabActiveBackground[tempValue.idx] == tempValue.color
+    //             layout.headerBarTabActiveBackground[tempValue.idx] == tempValue.color
-    //         ) {
+    //         ) {
-    //             layout.headerBarTabActiveBackground[tempValue.idx] = tempValue.newColor
+    //             layout.headerBarTabActiveBackground[tempValue.idx] = tempValue.newColor
-    //         } else if (
+    //         } else if (
-    //             data == 'Default' &&
+    //             data == 'Default' &&
-    //             layout.headerBarBackground[tempValue.idx] == tempValue.color &&
+    //             layout.headerBarBackground[tempValue.idx] == tempValue.color &&
-    //             layout.headerBarTabActiveBackground[tempValue.idx] == tempValue.newColor
+    //             layout.headerBarTabActiveBackground[tempValue.idx] == tempValue.newColor
-    //         ) {
+    //         ) {
-    //             layout.headerBarTabActiveBackground[tempValue.idx] = tempValue.color
+    //             layout.headerBarTabActiveBackground[tempValue.idx] = tempValue.color
-    //         }
+    //         }
-    //     }
+    //     }
-
+
-    //     function setLayoutMode(data: string) {
+    //     function setLayoutMode(data: string) {
-    //         layout.layoutMode = data
+    //         layout.layoutMode = data
-    //         onSetLayoutColor(data)
+    //         onSetLayoutColor(data)
-    //     }
+    //     }
-
+
-    //     const setLayout = (name: keyof Layout, value: any) => {
+    //     const setLayout = (name: keyof Layout, value: any) => {
-    //         layout[name] = value as never
+    //         layout[name] = value as never
-    //     }
+    //     }
-
+
-    //     const getColorVal = function (name: keyof Layout): string {
+    //     const getColorVal = function (name: keyof Layout): string {
-    //         const colors = layout[name] as string[]
+    //         const colors = layout[name] as string[]
-    //         if (layout.isDark) {
+    //         if (layout.isDark) {
-    //             return colors[1]
+    //             return colors[1]
-    //         } else {
+    //         } else {
-    //             return colors[0]
+    //             return colors[0]
-    //         }
+    //         }
-    //     }
+    //     }
-
+
-    //     return { layout, lang, menuWidth, setLang, setLayoutMode, setLayout, getColorVal, onSetLayoutColor }
+    //     return { layout, lang, menuWidth, setLang, setLayoutMode, setLayout, getColorVal, onSetLayoutColor }
-    // },
+    // },
-    {
+    {
-        persist: {
+        persist: {
-            key: STORE_CONFIG
+            key: STORE_CONFIG
-        }
+        }
-    }
+    }
-)
+)

src/stores/monitoringPoint.ts

@@ -29,12 +29,10 @@ export const useMonitoringPoint = defineStore(
         const setShowCheckBox = (val: boolean) => {
             if (val && state.lineIds.length === 0) {
                 state.lineIds = [state.lineId]
-                console.log('====================================')
-                console.log(state.lineIds)
-                console.log('====================================')
             }
             state.showCheckBox = val
         }
+
         return { state, setValue, setShowCheckBox }
     },
     {

src/template/table.vue

@@ -1,176 +1,176 @@
-<template>
+<template>
-    <div class='default-main'>
+    <div class='default-main'>
-        <!-- 表头 -->
+        <!-- 表头 -->
-         <!-- date-picker 时间组件    area区域组件-->
+         <!-- date-picker 时间组件    area区域组件-->
-        <TableHeader date-picker area>
+        <TableHeader date-picker area>
-            <template v-slot:select>
+            <template v-slot:select>
-                <el-form-item label='关键词:'>
+                <el-form-item label='关键词:'>
-                    <el-input
+                    <el-input
-                        style='width: 240px'
+                        style='width: 240px'
-                        v-model='tableStore.table.params.searchValue'
+                        v-model='tableStore.table.params.searchValue'
-                        clearable
+                        clearable
-                        placeholder='仅根据用户名/登录名'
+                        placeholder='仅根据用户名/登录名'
-                    />
+                    />
-                </el-form-item>
+                </el-form-item>
-            </template>
+            </template>
-            <template v-slot:operation>
+            <template v-slot:operation>
-                <el-button :icon='Plus' type='primary' @click='addUser'>添加</el-button>
+                <el-button :icon='Plus' type='primary' @click='addUser'>添加</el-button>
-            </template>
+            </template>
-        </TableHeader>
+        </TableHeader>
-        <!-- 表格 -->
+        <!-- 表格 -->
-        <Table ref='tableRef' />
+        <Table ref='tableRef' />
-        <!-- 弹框 -->
+        <!-- 弹框 -->
-        <PopupEdit ref='popupEdit' />
+        <PopupEdit ref='popupEdit' />
-    </div>
+    </div>
-</template>
+</template>
-<script setup lang='ts'>
+<script setup lang='ts'>
-import { Plus } from '@element-plus/icons-vue'
+import { Plus } from '@element-plus/icons-vue'
-import { ref, onMounted, provide, defineOptions } from 'vue'
+import { ref, onMounted, provide, defineOptions } from 'vue'
-import { ElMessageBox, ElMessage } from 'element-plus'
+import { ElMessageBox, ElMessage } from 'element-plus'
-import TableStore from '@/utils/tableStore'
+import TableStore from '@/utils/tableStore'
-import Table from '@/components/table/index.vue'
+import Table from '@/components/table/index.vue'
-import TableHeader from '@/components/table/header/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
-import PopupEdit from './dialog.vue'
+import PopupEdit from './dialog.vue'
-import { mainHeight } from '@/utils/layout'
+import { mainHeight } from '@/utils/layout'
-
+
-// 注意名字不要重复，若要保持页面存活，名字需要和路由admin后面的字符保持一致
+// 注意名字不要重复，若要保持页面存活，名字需要和路由admin后面的字符保持一致
-defineOptions({
+defineOptions({
-    name: 'auth/userlist'
+    name: 'auth/userlist'
-})
+})
-const popupEdit = ref()
+const popupEdit = ref()
-const tableStore = new TableStore({
+const tableStore = new TableStore({
-    // 若页面表格高度需要调整，请修改publicHeight(内容区域除表格外其他内容的高度)
+    // 若页面表格高度需要调整，请修改publicHeight(内容区域除表格外其他内容的高度)
-    // publicHeight: 60,
+    // publicHeight: 60,
-    url: '/user-boot/user/list',
+    url: '/user-boot/user/list',
-    method: 'POST',
+    method: 'POST',
-    column: [
+    column: [
-        { title: '用户名称', field: 'name', minWidth: '130' },
+        { title: '用户名称', field: 'name', minWidth: '130' },
-        { title: '登录名', field: 'loginName', minWidth: '130' },
+        { title: '登录名', field: 'loginName', minWidth: '130' },
-        { title: '角色', field: 'roleName', minWidth: '130' },
+        { title: '角色', field: 'roleName', minWidth: '130' },
-        { title: '部门', field: 'deptName', minWidth: '200' },
+        { title: '部门', field: 'deptName', minWidth: '200' },
-        { title: '电话', field: 'phoneShow', minWidth: '100' },
+        { title: '电话', field: 'phoneShow', minWidth: '100' },
-        { title: '注册时间', field: 'registerTime', minWidth: '130' },
+        { title: '注册时间', field: 'registerTime', minWidth: '130' },
-        { title: '登录时间', field: 'loginTime', minWidth: '130' },
+        { title: '登录时间', field: 'loginTime', minWidth: '130' },
-        { title: '类型', field: 'casualUserName', minWidth: '80' },
+        { title: '类型', field: 'casualUserName', minWidth: '80' },
-        {
+        {
-            title: '状态',
+            title: '状态',
-            field: 'state',
+            field: 'state',
-            width: '100',
+            width: '100',
-            render: 'tag',
+            render: 'tag',
-            custom: {
+            custom: {
-                0: 'danger',
+                0: 'danger',
-                1: 'success',
+                1: 'success',
-                2: 'warning',
+                2: 'warning',
-                3: 'warning',
+                3: 'warning',
-                4: 'info',
+                4: 'info',
-                5: 'danger'
+                5: 'danger'
-            },
+            },
-            replaceValue: {
+            replaceValue: {
-                0: '注销',
+                0: '注销',
-                1: '正常',
+                1: '正常',
-                2: '锁定',
+                2: '锁定',
-                3: '待审核',
+                3: '待审核',
-                4: '休眠',
+                4: '休眠',
-                5: '密码过期'
+                5: '密码过期'
-            }
+            }
-        },
+        },
-        {
+        {
-            title: '操作',
+             title: '操作',fixed: 'right',
-            width: '180',
+            width: '180',
-            render: 'buttons',
+            render: 'buttons',
-            fixed: 'right',
+            
-            buttons: [
+            buttons: [
-                {
+                {
-                    name: 'edit',
+                    name: 'edit',
-                    title: '编辑',
+                    title: '编辑',
-                    type: 'primary',
+                    type: 'primary',
-                    icon: 'el-icon-EditPen',
+                    icon: 'el-icon-EditPen',
-                    render: 'basicButton',
+                    render: 'basicButton',
-                    disabled: row => {
+                    disabled: row => {
-                        return row.state !== 1
+                        return row.state !== 1
-                    },
+                    },
-                    click: row => {
+                    click: row => {
-                    }
+                    }
-                },
+                },
-                {
+                {
-                    name: 'edit',
+                    name: 'edit',
-                    title: '修改密码',
+                    title: '修改密码',
-                    type: 'primary',
+                    type: 'primary',
-                    icon: 'el-icon-Lock',
+                    icon: 'el-icon-Lock',
-                    render: 'basicButton',
+                    render: 'basicButton',
-                    disabled: row => {
+                    disabled: row => {
-                        return row.state !== 1
+                        return row.state !== 1
-                    },
+                    },
-                    click: row => {
+                    click: row => {
-                        ElMessageBox.prompt('二次校验密码确认', '注销用户', {
+                        ElMessageBox.prompt('二次校验密码确认', '注销用户', {
-                            confirmButtonText: '确认',
+                            confirmButtonText: '确认',
-                            cancelButtonText: '取消',
+                            cancelButtonText: '取消',
-                            inputType: 'password'
+                            inputType: 'password'
-                        }).then(({ value }) => {
+                        }).then(({ value }) => {
-                        })
+                        })
-                    }
+                    }
-                },
+                },
-                {
+                {
-                    name: 'edit',
+                    name: 'edit',
-                    title: '激活',
+                    title: '激活',
-                    type: 'primary',
+                    type: 'primary',
-                    icon: 'el-icon-Open',
+                    icon: 'el-icon-Open',
-                    render: 'basicButton',
+                    render: 'basicButton',
-                    disabled: row => {
+                    disabled: row => {
-                        return row.state !== 2 && row.state !== 5 && row.state !== 0 && row.state !== 4
+                        return row.state !== 2 && row.state !== 5 && row.state !== 0 && row.state !== 4
-                    },
+                    },
-                    click: row => {
+                    click: row => {
-                    }
+                    }
-                },
+                },
-                {
+                {
-                    name: 'edit',
+                    name: 'edit',
-                    title: '注销',
+                    title: '注销',
-                    type: 'danger',
+                    type: 'danger',
-                    icon: 'el-icon-SwitchButton',
+                    icon: 'el-icon-SwitchButton',
-                    render: 'basicButton',
+                    render: 'basicButton',
-                    disabled: row => {
+                    disabled: row => {
-                        return row.state !== 1 && row.state !== 3
+                        return row.state !== 1 && row.state !== 3
-                    },
+                    },
-                    click: row => {
+                    click: row => {
-                    }
+                    }
-                }
+                }
-            ]
+            ]
-        }
+        }
-    ],
+    ],
-
+
-    loadCallback: () => {
+    loadCallback: () => {
-        tableStore.table.data.forEach((item: any) => {
+        tableStore.table.data.forEach((item: any) => {
-            item.deptName = item.deptName || '/'
+            item.deptName = item.deptName || '/'
-            item.phoneShow = item.phone || '/'
+            item.phoneShow = item.phone || '/'
-            item.roleName = item.role.length ? item.role : '/'
+            item.roleName = item.role.length ? item.role : '/'
-            switch (item.casualUser) {
+            switch (item.casualUser) {
-                case 0:
+                case 0:
-                    item.casualUserName = '临时用户'
+                    item.casualUserName = '临时用户'
-                    break
+                    break
-                case 1:
+                case 1:
-                    item.casualUserName = '长期用户'
+                    item.casualUserName = '长期用户'
-                    break
+                    break
-                default:
+                default:
-                    item.casualUserName = '/'
+                    item.casualUserName = '/'
-                    break
+                    break
-            }
+            }
-        })
+        })
-    }
+    }
-})
+})
-// 注入到子组件
+// 注入到子组件
-provide('tableStore', tableStore)
+provide('tableStore', tableStore)
-// 默认参数 参数多的话可以使用Object.assign方法
+// 默认参数 参数多的话可以使用Object.assign方法
-tableStore.table.params.searchState = 1
+tableStore.table.params.searchState = 1
-tableStore.table.params.searchValue = ''
+tableStore.table.params.searchValue = ''
-tableStore.table.params.casualUser = -1
+tableStore.table.params.casualUser = -1
-tableStore.table.params.orderBy = ''
+tableStore.table.params.orderBy = ''
-onMounted(() => {
+onMounted(() => {
-    // 加载数据
+    // 加载数据
-    tableStore.index()
+    tableStore.index()
-})
+})
-
+
-// 弹框
+// 弹框
-const addUser = () => {
+const addUser = () => {
-    popupEdit.value.open('新增用户')
+    popupEdit.value.open('新增用户')
-}
+}
-</script>
+</script>

src/utils/fileDownLoad.ts

@@ -1,38 +1,53 @@
 import { downloadFile } from '@/api/system-boot/file'
+
+const sanitizeUrl = (url: string): string => {
+    return url.replace(/\[/g, '(').replace(/\]/g, ')')
+}
+
 // 下载文件
 export const download = (urls: string) => {
-    console.log("🚀 ~ download ~ urls:", urls)
+    //console.log('下载', urls)
-    downloadFile({ filePath: urls }).then((res: any) => {
+    
-        let blob = new Blob([res], {
+    downloadFile({ filePath: urls })
-            type: urls.includes('.pdf')
+        .then((res: any) => {
-                ? 'application/pdf'
+            // 1. 确定文件MIME类型（优化：用更简洁的方式）
-                : urls.includes('.zip')
+            const getFileType = (url: string) => {
-                ? 'application/zip'
+                const ext = url.split('.').pop()?.toLowerCase() || ''
-                : urls.includes('.doc')
+                const mimeMap: Record<string, string> = {
-                ? 'application/msword'
+                    pdf: 'application/pdf',
-                : urls.includes('.docx')
+                    zip: 'application/zip',
-                ? 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+                    doc: 'application/msword',
-                : urls.includes('.xls')
+                    docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-                ? 'application/vnd.ms-excel'
+                    xls: 'application/vnd.ms-excel',
-                : urls.includes('.xlsx')
+                    xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-                ? 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+                    png: 'image/png',
-                : urls.includes('.png')
+                    jpeg: 'image/jpeg',
-                ? 'image/png'
+                    jpg: 'image/jpg'
-                : urls.includes('.jpeg')
+                }
-                ? 'image/jpeg'
+                return mimeMap[ext] || ''
-                : urls.includes('.jpg')
+            }
-                ? 'image/jpg'
+          
-                : ''
+            const blob = new Blob([res], { type: getFileType(urls) })
+         
+            // 2. 提取文件名并保留原生后缀（核心修复点）
+            const fileName = urls.split('/').at(-1) || '下载文件' // 先提取URL最后一段（文件名）
+
+            // 3. 创建下载链接
+            const url = window.URL.createObjectURL(blob)
+            const link = document.createElement('a')
+            link.href = url
+            link.download = fileName // 直接使用原文件名（保留后缀）
+            document.body.appendChild(link)
+            link.click()
+
+            // 4. 清理资源（优化）
+            link.remove()
+            window.URL.revokeObjectURL(url) // 释放blob URL
+        })
+        .catch(err => {
+            console.error('下载失败：', err)
+            // 可添加错误提示（如Toast）
         })
-        const url = window.URL.createObjectURL(blob)
-        const link = document.createElement('a')
-        let name = removeLastDotSuffix(urls.split('/')[2])
-        link.href = url
-        link.download = name
-        document.body.appendChild(link)
-        link.click()
-        link.remove()
-    })
 }
 function removeLastDotSuffix(str: string) {
     // 找到最后一个 . 的位置
@@ -40,3 +55,37 @@ function removeLastDotSuffix(str: string) {
     // 如果存在 .，截取到 . 之前的部分；否则返回原字符串
     return lastDotIndex !== -1 ? str.slice(0, lastDotIndex) : str
 }
+
+// 预览文件
+export const previewFile = async (urls: any) => {
+    //console.log('预览', urls)
+    let url = ''
+    await downloadFile({ filePath: decodeURI(urls) })
+        .then((res: any) => {           
+            // 1. 确定文件MIME类型（优化：用更简洁的方式）
+            const getFileType = (url: string) => {
+                const ext = url.split('.').pop()?.toLowerCase() || ''
+                const mimeMap: Record<string, string> = {
+                    pdf: 'application/pdf',
+                    zip: 'application/zip',
+                    doc: 'application/msword',
+                    docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+                    xls: 'application/vnd.ms-excel',
+                    xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+                    png: 'image/png',
+                    jpeg: 'image/jpeg',
+                    jpg: 'image/jpg'
+                }
+                return mimeMap[ext] || ''
+            }           
+            const blob = new Blob([res], { type: getFileType(decodeURI(urls)) })
+            // 3. 创建下载链接
+            url = window.URL.createObjectURL(blob)
+        })
+        .catch(err => {
+            console.error('下载失败：', err)
+            // 可添加错误提示（如Toast）
+        })
+    //console.log('url', url)
+    return url
+}

src/utils/mqtt.ts

@@ -52,11 +52,12 @@ class MQTT {
         }
 
         try {
-            const mqttUrl =
+            // const mqttUrl =
-                localStorage.getItem('MqttUrl') == 'null'
+            //     localStorage.getItem('MqttUrl') == 'null'
-                    ? 'ws://192.168.1.68:8083/mqtt'
+            //         ? 'ws://192.168.1.68:8083/mqtt'
-                    : localStorage.getItem('MqttUrl')
+            //         : localStorage.getItem('MqttUrl')
-
+            const mqttUrl = localStorage.getItem('MqttUrl')
+            if (mqttUrl == 'null' || mqttUrl == null) return
             this.client = mqtt.connect(mqttUrl, this.defaultOptions as IClientOptions)
             this.setupEventListeners()
 

src/utils/request.ts

@@ -1,326 +1,327 @@
-import type { AxiosRequestConfig, Method } from 'axios'
+import type { AxiosRequestConfig, Method } from 'axios'
-import axios from 'axios'
+import axios from 'axios'
-import { ElLoading, ElNotification, type LoadingOptions } from 'element-plus'
+import { ElLoading, ElNotification, type LoadingOptions } from 'element-plus'
-import { refreshToken } from '@/api/user-boot/user'
+import { refreshToken } from '@/api/user-boot/user'
-import router from '@/router/index'
+import router from '@/router/index'
-import { useAdminInfo } from '@/stores/adminInfo'
+import { useAdminInfo } from '@/stores/adminInfo'
-import { debounce } from 'lodash-es';
+import { debounce } from 'lodash-es'
-let loginExpireTimer:any = null
+let loginExpireTimer: any = null
-window.requests = []
+window.requests = []
-window.tokenRefreshing = false
+window.tokenRefreshing = false
-const pendingMap = new Map()
+const pendingMap = new Map()
-const loadingInstance: LoadingInstance = {
+const loadingInstance: LoadingInstance = {
-    target: null,
+    target: null,
-    count: 0
+    count: 0
-}
+}
-const VITE_FLAG = import.meta.env.VITE_NAME == 'removeMode'
+const VITE_FLAG = import.meta.env.VITE_NAME == 'removeMode'
-// console.log('🚀 ~ import.meta.env.VITE_NAME:', import.meta.env.VITE_NAME)
+// console.log('🚀 ~ import.meta.env.VITE_NAME:', import.meta.env.VITE_NAME)
-/**
+/**
- * 根据运行环境获取基础请求URL
+ * 根据运行环境获取基础请求URL
- */
+ */
-export const getUrl = (): string => {
+export const getUrl = (): string => {
-    return '/api'
+    return '/api'
-}
+}
-function removeBeforeSecondSlash(str: string) {
+function removeBeforeSecondSlash(str: string) {
-    // 找到第一个斜杠的位置
+    // 找到第一个斜杠的位置
-    const firstSlashIndex = str.indexOf('/')
+    const firstSlashIndex = str.indexOf('/')
-    if (firstSlashIndex === -1) {
+    if (firstSlashIndex === -1) {
-        // 如果没有斜杠，返回原字符串
+        // 如果没有斜杠，返回原字符串
-        return str
+        return str
-    }
+    }
-    // 从第一个斜杠之后开始找第二个斜杠
+    // 从第一个斜杠之后开始找第二个斜杠
-    const secondSlashIndex = str.indexOf('/', firstSlashIndex + 1)
+    const secondSlashIndex = str.indexOf('/', firstSlashIndex + 1)
-    if (secondSlashIndex === -1) {
+    if (secondSlashIndex === -1) {
-        // 如果只有一个斜杠，返回原字符串
+        // 如果只有一个斜杠，返回原字符串
-        return str
+        return str
-    }
+    }
-    // 返回第二个斜杠及之后的内容
+    // 返回第二个斜杠及之后的内容
-    return str.substring(secondSlashIndex)
+    return str.substring(secondSlashIndex)
-}
+}
-/**
+/**
- * 创建`Axios`
+ * 创建`Axios`
- * 默认开启`reductDataFormat(简洁响应)`,返回类型为`ApiPromise`
+ * 默认开启`reductDataFormat(简洁响应)`,返回类型为`ApiPromise`
- * 关闭`reductDataFormat`,返回类型则为`AxiosPromise`
+ * 关闭`reductDataFormat`,返回类型则为`AxiosPromise`
- */
+ */
-function createAxios<Data = any, T = ApiPromise<Data>>(
+function createAxios<Data = any, T = ApiPromise<Data>>(
-    axiosConfig: AxiosRequestConfig,
+    axiosConfig: AxiosRequestConfig,
-    options: Options = {},
+    options: Options = {},
-    loading: LoadingOptions = {}
+    loading: LoadingOptions = {}
-): T {
+): T {
-    const adminInfo = useAdminInfo()
+    const adminInfo = useAdminInfo()
-
+
-    const Axios = axios.create({
+    const Axios = axios.create({
-        baseURL: getUrl(),
+        baseURL: getUrl(),
-        timeout: 1000 * 60 * 5,
+        timeout: 1000 * 60 * 5,
-        headers: {},
+        headers: {},
-        responseType: 'json'
+        responseType: 'json'
-    })
+    })
-
+
-    options = Object.assign(
+    options = Object.assign(
-        {
+        {
-            CancelDuplicateRequest: true, // 是否开启取消重复请求, 默认为 true
+            CancelDuplicateRequest: true, // 是否开启取消重复请求, 默认为 true
-            loading: false, // 是否开启loading层效果, 默认为false
+            loading: false, // 是否开启loading层效果, 默认为false
-            reductDataFormat: true, // 是否开启简洁的数据结构响应, 默认为true
+            reductDataFormat: true, // 是否开启简洁的数据结构响应, 默认为true
-            showErrorMessage: true, // 是否开启接口错误信息展示,默认为true
+            showErrorMessage: true, // 是否开启接口错误信息展示,默认为true
-            showCodeMessage: true, // 是否开启code不为1时的信息提示, 默认为true
+            showCodeMessage: true, // 是否开启code不为1时的信息提示, 默认为true
-            showSuccessMessage: false, // 是否开启code为1时的信息提示, 默认为false
+            showSuccessMessage: false, // 是否开启code为1时的信息提示, 默认为false
-            anotherToken: '' // 当前请求使用另外的用户token
+            anotherToken: '' // 当前请求使用另外的用户token
-        },
+        },
-        options
+        options
-    )
+    )
-
+
-    // 请求拦截
+    // 请求拦截
-    Axios.interceptors.request.use(
+    Axios.interceptors.request.use(
-        async (config: any) => {
+        async (config: any) => {
-            //嵌入去除所有请求头
+            //嵌入去除所有请求头
-            if (VITE_FLAG) {
+            if (VITE_FLAG) {
-                config.url = await removeBeforeSecondSlash(config.url)
+                config.url = await removeBeforeSecondSlash(config.url)
-            }
+            }
-
+
-            // 取消重复请求
+            // 取消重复请求
-
+
-            if (
+            if (
-                !(
+                !(
-                    config.url == '/system-boot/file/upload' ||
+                    config.url == '/system-boot/file/upload' ||
-                    config.url == '/harmonic-boot/grid/getAssessOverview' ||
+                    config.url == '/harmonic-boot/grid/getAssessOverview' ||
-                    config.url == '/system-boot/file/getFileVO' ||
+                    config.url == '/system-boot/file/getFileVO' ||
-                    config.url == '/harmonic-boot/gridDiagram/getGridDiagramAreaData'
+                    config.url == '/harmonic-boot/gridDiagram/getGridDiagramAreaData' ||
-                )
+                    config.url == '/supervision-boot/userReport/bindAssessmentId'
-            )
+                )
-                removePending(config)
+            )
-
+                removePending(config)
-            options.CancelDuplicateRequest && addPending(config)
+
-            // 创建loading实例
+            options.CancelDuplicateRequest && addPending(config)
-            if (options.loading) {
+            // 创建loading实例
-                loadingInstance.count++
+            if (options.loading) {
-                if (loadingInstance.count === 1) {
+                loadingInstance.count++
-                    loadingInstance.target = ElLoading.service(loading)
+                if (loadingInstance.count === 1) {
-                }
+                    loadingInstance.target = ElLoading.service(loading)
-            }
+                }
-            // 自动携带token
+            }
-            if (config.headers) {
+            // 自动携带token
-                const token = adminInfo.getToken()
+            if (config.headers) {
-                if (token) {
+                const token = adminInfo.getToken()
-                    ;(config.headers as anyObj).Authorization = token
+                if (token) {
-                } else {
+                    ;(config.headers as anyObj).Authorization = token
-                    config.headers.Authorization = 'Basic bmpjbnRlc3Q6bmpjbnBxcw=='
+                } else {
-                }
+                    config.headers.Authorization = 'Basic bmpjbnRlc3Q6bmpjbnBxcw=='
-            }
+                }
-            if (config.url == '/user-boot/user/generateSm2Key' || config.url == '/pqs-auth/oauth/token') {
+            }
-                config.headers.Authorization = 'Basic bmpjbnRlc3Q6bmpjbnBxcw=='
+            if (config.url == '/user-boot/user/generateSm2Key' || config.url == '/pqs-auth/oauth/token') {
-            }
+                config.headers.Authorization = 'Basic bmpjbnRlc3Q6bmpjbnBxcw=='
-
+            }
-            return config
+
-        },
+            return config
-        error => {
+        },
-            return Promise.reject(error)
+        error => {
-        }
+            return Promise.reject(error)
-    )
+        }
-
+    )
-    // 响应拦截
+
-    Axios.interceptors.response.use(
+    // 响应拦截
-        response => {
+    Axios.interceptors.response.use(
-            removePending(response.config)
+        response => {
-            options.loading && closeLoading(options) // 关闭loading
+            removePending(response.config)
-
+            options.loading && closeLoading(options) // 关闭loading
-            if (
+
-                response.data.code === 'A0000' ||
+            if (
-                response.data.type === 'application/json' ||
+                response.data.code === 'A0000' ||
-                Array.isArray(response.data) ||
+                response.data.type === 'application/json' ||
-                response.data.size ||
+                Array.isArray(response.data) ||
-                response.config.url == '/harmonic-boot/exportmodel/exportModelJB' ||
+                response.data.size ||
-                response.config.url == '/system-boot/file/download' ||
+                response.config.url == '/harmonic-boot/exportmodel/exportModelJB' ||
-                response.config.url == '/harmonic-boot/powerStatistics/exportExcelListTemplate' ||
+                response.config.url == '/system-boot/file/download' ||
-                response.config.url == '/harmonic-boot/powerStatistics/exportExcelRangTemplate'
+                response.config.url == '/harmonic-boot/powerStatistics/exportExcelListTemplate' ||
-                // ||
+                response.config.url == '/harmonic-boot/powerStatistics/exportExcelRangTemplate'
-                // response.data.type === 'application/octet-stream' ||
+                // ||
-                // response.data.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+                // response.data.type === 'application/octet-stream' ||
-            ) {
+                // response.data.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
-                return options.reductDataFormat ? response.data : response
+            ) {
-            } else if (response.data.code == 'A0202') {
+                return options.reductDataFormat ? response.data : response
-                if (!window.tokenRefreshing) {
+            } else if (response.data.code == 'A0202') {
-                    window.tokenRefreshing = true
+                if (!window.tokenRefreshing) {
-
+                    window.tokenRefreshing = true
-                    return refreshToken()
+
-                        .then(res => {
+                    return refreshToken()
-                            adminInfo.setToken(res.data.access_token, 'auth')
+                        .then(res => {
-                            window.requests.forEach(cb => cb(res.data.access_token))
+                            adminInfo.setToken(res.data.access_token, 'auth')
-                            window.requests = []
+                            window.requests.forEach(cb => cb(res.data.access_token))
-
+                            window.requests = []
-                            return Axios(response.config)
+
-                        })
+                            return Axios(response.config)
-                        .catch(err => {
+                        })
-                            adminInfo.removeToken()
+                        .catch(err => {
-                            router.push({ name: 'login' })
+                            adminInfo.removeToken()
-                            return Promise.reject(err)
+                            router.push({ name: 'login' })
-                        })
+                            return Promise.reject(err)
-                        .finally(() => {
+                        })
-                            window.tokenRefreshing = false
+                        .finally(() => {
-                        })
+                            window.tokenRefreshing = false
-                } else {
+                        })
-                    return new Promise(resolve => {
+                } else {
-                        // 用函数形式将 resolve 存入，等待刷新后再执行
+                    return new Promise(resolve => {
-                        window.requests.push((token: string) => {
+                        // 用函数形式将 resolve 存入，等待刷新后再执行
-                            response.headers.Authorization = `${token}`
+                        window.requests.push((token: string) => {
-                            resolve(Axios(response.config))
+                            response.headers.Authorization = `${token}`
-                        })
+                            resolve(Axios(response.config))
-                    })
+                        })
-                }
+                    })
-            } else if (response.data.code == 'A0024' || response.data.code == 'null') {
+                }
-                // // 登录失效
+            } else if (response.data.code == 'A0024' || response.data.code == 'null') {
-                // 清除上一次的定时器
+                // // 登录失效
-                if (loginExpireTimer) {
+                // 清除上一次的定时器
-                    clearTimeout(loginExpireTimer)
+                if (loginExpireTimer) {
-                }
+                    clearTimeout(loginExpireTimer)
-                loginExpireTimer = setTimeout(() => {
+                }
-                    ElNotification({
+                loginExpireTimer = setTimeout(() => {
-                        type: 'error',
+                    ElNotification({
-                        message: response.data.message
+                        type: 'error',
-                    })
+                        message: response.data.message
-                    adminInfo.removeToken()
+                    })
-                    router.push({ name: 'login' })
+                    adminInfo.removeToken()
-                    loginExpireTimer = null // 执行后清空定时器
+                    router.push({ name: 'login' })
-                }, 100) // 可根据实际情况调整延迟时间
+                    loginExpireTimer = null // 执行后清空定时器
-                return Promise.reject(response.data)
+                }, 100) // 可根据实际情况调整延迟时间
-            } else {
+                return Promise.reject(response.data)
-                if (options.showCodeMessage) {
+            } else {
-                    ElNotification({
+                if (options.showCodeMessage) {
-                        type: 'error',
+                    ElNotification({
-                        message: response.data.message || '未知错误'
+                        type: 'error',
-                    })
+                        message: response.data.message || '未知错误'
-                }
+                    })
-                return Promise.reject(response.data)
+                }
-            }
+                return Promise.reject(response.data)
-        },
+            }
-        error => {
+        },
-            error.config && removePending(error.config)
+        error => {
-            options.loading && closeLoading(options) // 关闭loading
+            error.config && removePending(error.config)
-            return Promise.reject(error) // 错误继续返回给到具体页面
+            options.loading && closeLoading(options) // 关闭loading
-        }
+            return Promise.reject(error) // 错误继续返回给到具体页面
-    )
+        }
-    return Axios(axiosConfig) as T
+    )
-}
+    return Axios(axiosConfig) as T
-
+}
-export default createAxios
+
-
+export default createAxios
-/**
+
- * 关闭Loading层实例
+/**
- */
+ * 关闭Loading层实例
-function closeLoading(options: Options) {
+ */
-    if (options.loading && loadingInstance.count > 0) loadingInstance.count--
+function closeLoading(options: Options) {
-    if (loadingInstance.count === 0) {
+    if (options.loading && loadingInstance.count > 0) loadingInstance.count--
-        loadingInstance.target.close()
+    if (loadingInstance.count === 0) {
-        loadingInstance.target = null
+        loadingInstance.target.close()
-    }
+        loadingInstance.target = null
-}
+    }
-
+}
-/**
+
- * 储存每个请求的唯一cancel回调, 以此为标识
+/**
- */
+ * 储存每个请求的唯一cancel回调, 以此为标识
-function addPending(config: AxiosRequestConfig) {
+ */
-    const pendingKey = getPendingKey(config)
+function addPending(config: AxiosRequestConfig) {
-    config.cancelToken =
+    const pendingKey = getPendingKey(config)
-        config.cancelToken ||
+    config.cancelToken =
-        new axios.CancelToken(cancel => {
+        config.cancelToken ||
-            if (!pendingMap.has(pendingKey)) {
+        new axios.CancelToken(cancel => {
-                pendingMap.set(pendingKey, cancel)
+            if (!pendingMap.has(pendingKey)) {
-            }
+                pendingMap.set(pendingKey, cancel)
-        })
+            }
-}
+        })
-
+}
-/**
+
- * 删除重复的请求
+/**
- */
+ * 删除重复的请求
-function removePending(config: AxiosRequestConfig) {
+ */
-    const pendingKey = getPendingKey(config)
+function removePending(config: AxiosRequestConfig) {
-    if (pendingMap.has(pendingKey)) {
+    const pendingKey = getPendingKey(config)
-        const cancelToken = pendingMap.get(pendingKey)
+    if (pendingMap.has(pendingKey)) {
-        cancelToken(pendingKey)
+        const cancelToken = pendingMap.get(pendingKey)
-        pendingMap.delete(pendingKey)
+        cancelToken(pendingKey)
-    }
+        pendingMap.delete(pendingKey)
-}
+    }
-
+}
-/**
+
- * 生成每个请求的唯一key
+/**
- */
+ * 生成每个请求的唯一key
-function getPendingKey(config: AxiosRequestConfig) {
+ */
-    let { data } = config
+function getPendingKey(config: AxiosRequestConfig) {
-    const { url, method, params, headers } = config
+    let { data } = config
-    if (typeof data === 'string') data = JSON.parse(data) // response里面返回的config.data是个字符串对象
+    const { url, method, params, headers } = config
-    return [
+    if (typeof data === 'string') data = JSON.parse(data) // response里面返回的config.data是个字符串对象
-        url,
+    return [
-        method,
+        url,
-        headers && (headers as anyObj).Authorization ? (headers as anyObj).Authorization : '',
+        method,
-        headers && (headers as anyObj)['ba-user-token'] ? (headers as anyObj)['ba-user-token'] : '',
+        headers && (headers as anyObj).Authorization ? (headers as anyObj).Authorization : '',
-        JSON.stringify(params),
+        headers && (headers as anyObj)['ba-user-token'] ? (headers as anyObj)['ba-user-token'] : '',
-        JSON.stringify(data)
+        JSON.stringify(params),
-    ].join('&')
+        JSON.stringify(data)
-}
+    ].join('&')
-
+}
-/**
+
- * 根据请求方法组装请求数据/参数
+/**
- */
+ * 根据请求方法组装请求数据/参数
-export function requestPayload(method: Method, data: anyObj, paramsPOST: boolean) {
+ */
-    if (method == 'GET') {
+export function requestPayload(method: Method, data: anyObj, paramsPOST: boolean) {
-        return {
+    if (method == 'GET') {
-            params: data
+        return {
-        }
+            params: data
-    } else if (method == 'POST') {
+        }
-        if (paramsPOST) {
+    } else if (method == 'POST') {
-            return { params: data }
+        if (paramsPOST) {
-        } else {
+            return { params: data }
-            return { data: data }
+        } else {
-        }
+            return { data: data }
-    }
+        }
-}
+    }
-// 适配器, 用于适配不同的请求方式
+}
-export function baseRequest(url, value = {}, method = 'post', options = {}) {
+// 适配器, 用于适配不同的请求方式
-    url = sysConfig.API_URL + url
+export function baseRequest(url, value = {}, method = 'post', options = {}) {
-    if (method === 'post') {
+    url = sysConfig.API_URL + url
-        return service.post(url, value, options)
+    if (method === 'post') {
-    } else if (method === 'get') {
+        return service.post(url, value, options)
-        return service.get(url, { params: value, ...options })
+    } else if (method === 'get') {
-    } else if (method === 'formdata') {
+        return service.get(url, { params: value, ...options })
-        // form-data表单提交的方式
+    } else if (method === 'formdata') {
-        return service.post(url, qs.stringify(value), {
+        // form-data表单提交的方式
-            headers: {
+        return service.post(url, qs.stringify(value), {
-                'Content-Type': 'multipart/form-data'
+            headers: {
-            },
+                'Content-Type': 'multipart/form-data'
-            ...options
+            },
-        })
+            ...options
-    } else {
+        })
-        // 其他请求方式，例如：put、delete
+    } else {
-        return service({
+        // 其他请求方式，例如：put、delete
-            method: method,
+        return service({
-            url: url,
+            method: method,
-            data: value,
+            url: url,
-            ...options
+            data: value,
-        })
+            ...options
-    }
+        })
-}
+    }
-// 模块内的请求, 会自动加上模块的前缀
+}
-export const moduleRequest =
+// 模块内的请求, 会自动加上模块的前缀
-    moduleUrl =>
+export const moduleRequest =
-    (url, ...arg) => {
+    moduleUrl =>
-        return baseRequest(moduleUrl + url, ...arg)
+    (url, ...arg) => {
-    }
+        return baseRequest(moduleUrl + url, ...arg)
-
+    }
-interface LoadingInstance {
+
-    target: any
+interface LoadingInstance {
-    count: number
+    target: any
-}
+    count: number
-
+}
-interface Options {
+
-    // 是否开启取消重复请求, 默认为 true
+interface Options {
-    CancelDuplicateRequest?: boolean
+    // 是否开启取消重复请求, 默认为 true
-    // 是否开启loading层效果, 默认为false
+    CancelDuplicateRequest?: boolean
-    loading?: boolean
+    // 是否开启loading层效果, 默认为false
-    // 是否开启简洁的数据结构响应, 默认为true
+    loading?: boolean
-    reductDataFormat?: boolean
+    // 是否开启简洁的数据结构响应, 默认为true
-    // 是否开启code不为A0000时的信息提示, 默认为true
+    reductDataFormat?: boolean
-    showCodeMessage?: boolean
+    // 是否开启code不为A0000时的信息提示, 默认为true
-    // 是否开启code为0时的信息提示, 默认为false
+    showCodeMessage?: boolean
-    showSuccessMessage?: boolean
+    // 是否开启code为0时的信息提示, 默认为false
-    // 当前请求使用另外的用户token
+    showSuccessMessage?: boolean
-    anotherToken?: string
+    // 当前请求使用另外的用户token
-}
+    anotherToken?: string
+}

src/utils/tableStore.ts

@@ -19,7 +19,7 @@ interface TableStoreParams {
     publicHeight?: number //计算高度
     resetCallback?: () => void // 重置
     loadCallback?: () => void // 接口调用后的回调
-    exportProcessingData?:() => void //导出处理数据
+    exportProcessingData?: () => void //导出处理数据
     beforeSearchFun?: () => void // 接口调用前的回调
 }
 
@@ -45,8 +45,9 @@ export default class TableStore {
             pageNum: 1,
             pageSize: 20
         },
-        filename:null,
+        filename: null,
         loading: true,
+        exportLoading: false,
         column: [],
         loadCallback: null,
         exportProcessingData: null,
@@ -65,7 +66,7 @@ export default class TableStore {
         this.table.filename = options.filename || null
         this.table.column = options.column
         this.showPage = options.showPage !== false
-       
+
         this.table.publicHeight = options.publicHeight || 0
         this.table.resetCallback = options.resetCallback || null
         this.table.loadCallback = options.loadCallback || null
@@ -84,13 +85,11 @@ export default class TableStore {
             this.initData = JSON.parse(JSON.stringify(this.table.params))
         }
         if (!this.timeAll) {
-            delete this.table.params.startTime;
+            delete this.table.params.startTime
-            delete this.table.params.endTime;
+            delete this.table.params.endTime
-            delete this.table.params.searchBeginTime;
+            delete this.table.params.searchBeginTime
-            delete this.table.params.searchEndTime;
+            delete this.table.params.searchEndTime
-            delete this.table.params.timeFlag;
+            delete this.table.params.timeFlag
-
-      
         }
         createAxios(
             Object.assign(
@@ -130,11 +129,11 @@ export default class TableStore {
      * @param data 携带数据
      */
     onTableAction = (event: string, data: anyObj) => {
-     
         const actionFun = new Map([
             [
                 'search',
                 () => {
+                  
                     this.table.params.pageNum = 1
                     this.index()
                 }
@@ -202,8 +201,9 @@ export default class TableStore {
             [
                 'export',
                 () => {
+                     this.table.exportLoading = true
                     // this.index()
-                    console.log('export')
+                    //console.log('export')
                     let params = { ...this.table.params, pageNum: 1, pageSize: this.table.total }
                     createAxios(
                         Object.assign(
@@ -213,12 +213,17 @@ export default class TableStore {
                             },
                             requestPayload(this.method, params, this.paramsPOST)
                         )
-                    ).then(res => {
+                    )
-                        this.table.allData = filtration(res.data.records || res.data)
+                        .then(res => {
-                        console.log('11111',this.table.allData)
+                            this.table.allData = filtration(res.data.records || res.data)
-                        this.table.exportProcessingData && this.table.exportProcessingData()
+                            this.table.exportProcessingData && this.table.exportProcessingData()
-                        this.table.allFlag = data.showAllFlag || true
+                            this.table.allFlag = data.showAllFlag || true
-                    })
+                            this.table.exportLoading = false
+                            
+                        })
+                        .catch(() => {
+                            this.table.exportLoading = false
+                        })
                 }
             ]
         ])

src/views/LN/newEnergy/newEnergyAnalysis/index.vue

@@ -301,7 +301,7 @@ const options1 = [
 const height = mainHeight(20)
 const heightB = mainHeight(448)
 const heightA = mainHeight(180)
-const size = ref(23)
+const size = ref(19)
 const TableHeaderRef = ref()
 const detailRef = ref()
 const dotList: any = ref({})
@@ -786,7 +786,7 @@ onMounted(() => {
 })
 
 const handleNodeClick = (data: any, node: any) => {
-    console.log('🚀 ~ handleNodeClick ~ data:', data)
+    //console.log('🚀 ~ handleNodeClick ~ data:', data)
     if (data.level == 6) {
         dotList.value = data
         // dotList.value.id = '6469e77fda42db12c7ca6620a092f03c1'

src/views/LN/newEnergy/newEnergyAnalysis/test.vue

@@ -321,7 +321,7 @@ const options1 = [
 ]
 const height = mainHeight(20)
 const heightB = mainHeight(445)
-const size = ref(23)
+const size = ref(19)
 const TableHeaderRef = ref()
 const detailRef = ref()
 const dotList: any = ref({})
@@ -757,7 +757,7 @@ const timeClick = (row: any) => {
 }
 // 点击越限
 const detailClick = (row: any, title: string, key: string) => {
-    console.log('🚀 ~ detailClick ~ row:', row)
+   // console.log('🚀 ~ detailClick ~ row:', row)
     detailRef.value.open({
         row: row,
         title: title,
@@ -802,7 +802,7 @@ onMounted(() => {
 })
 
 const handleNodeClick = (data: any, node: any) => {
-    console.log('🚀 ~ handleNodeClick ~ data:', data)
+   // console.log('🚀 ~ handleNodeClick ~ data:', data)
     if (data.level == 6) {
         dotList.value = data
         // dotList.value.id = '6469e77fda42db12c7ca6620a092f03c1'

src/views/LN/newEnergy/newEnergyLedger/index.vue

@@ -1,125 +1,125 @@
-<template>
+<template>
-    <div class="default-main">
+    <div class="default-main">
-        <TableHeader ref="TableHeaderRef">
+        <TableHeader ref="TableHeaderRef">
-            <template #select>
+            <template #select>
-                <el-form-item label="新能源场站名称">
+                <el-form-item label="新能源场站名称">
-                    <el-input v-model="tableStore.table.params.name" clearable placeholder="输入关键字筛选" />
+                    <el-input v-model="tableStore.table.params.name" clearable placeholder="输入关键字筛选" />
-                </el-form-item>
+                </el-form-item>
-            </template>
+            </template>
-            <template #operation>
+            <template #operation>
-                <el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button>
+                <el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button>
-            </template>
+            </template>
-        </TableHeader>
+        </TableHeader>
-        <Table ref="tableRef" />
+        <Table ref="tableRef" />
-        <!--弹框-->
+        <!--弹框-->
-        <addForm ref="addFormRef" @onSubmit="tableStore.index()" />
+        <addForm ref="addFormRef" @onSubmit="tableStore.index()" />
-    </div>
+    </div>
-</template>
+</template>
-<script setup lang="ts">
+<script setup lang="ts">
-import { ref, onMounted, provide, nextTick } from 'vue'
+import { ref, onMounted, provide, nextTick } from 'vue'
-import TableStore from '@/utils/tableStore'
+import TableStore from '@/utils/tableStore'
-import Table from '@/components/table/index.vue'
+import Table from '@/components/table/index.vue'
-import TableHeader from '@/components/table/header/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
-import addForm from './components/addForm.vue'
+import addForm from './components/addForm.vue'
-import { useDictData } from '@/stores/dictData'
+import { useDictData } from '@/stores/dictData'
-import { useAdminInfo } from '@/stores/adminInfo'
+import { useAdminInfo } from '@/stores/adminInfo'
-import { delNewStation } from '@/api/device-boot/newEnergy'
+import { delNewStation } from '@/api/device-boot/newEnergy'
-defineOptions({
+defineOptions({
-    name: 'newEnergy/newEnergyLedger'
+    name: 'newEnergy/newEnergyLedger'
-})
+})
-const dictData = useDictData()
+const dictData = useDictData()
-//获取登陆用户姓名和部门
+//获取登陆用户姓名和部门
-const adminInfo = useAdminInfo()
+const adminInfo = useAdminInfo()
-const newEnergy = dictData.getBasicData('new_station_type')
+const newEnergy = dictData.getBasicData('new_station_type')
-const scaleList = dictData.getBasicData('Dev_Voltage_Stand')
+const scaleList = dictData.getBasicData('Dev_Voltage_Stand')
-const tableRef = ref()
+const tableRef = ref()
-const TableHeaderRef = ref()
+const TableHeaderRef = ref()
-const addFormRef = ref()
+const addFormRef = ref()
-const tableStore = new TableStore({
+const tableStore = new TableStore({
-    url: '/device-boot/newStation/queryPage',
+    url: '/device-boot/newStation/queryPage',
-    method: 'POST',
+    method: 'POST',
-    column: [
+    column: [
-        {
+        {
-            title: '序号',
+            title: '序号',
-            width: '80',
+            width: '80',
-            formatter: (row: any) => {
+            formatter: (row: any) => {
-                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
-            }
+            }
-        },
+        },
-        { field: 'name', title: '新能源场站名称' },
+        { field: 'name', title: '新能源场站名称' },
-        {
+        {
-            field: 'stationType',
+            field: 'stationType',
-            title: '新能源场站类型',
+            title: '新能源场站类型',
-
+
-            formatter: (row: any) => newEnergy.filter(item => item.id == row.cellValue)[0]?.name
+            formatter: (row: any) => newEnergy.filter(item => item.id == row.cellValue)[0]?.name
-        },
+        },
-        {
+        {
-            field: 'scale',
+            field: 'scale',
-            title: '电压等级',
+            title: '电压等级',
-
+
-            formatter: (row: any) => scaleList.filter(item => item.id == row.cellValue)[0]?.name
+            formatter: (row: any) => scaleList.filter(item => item.id == row.cellValue)[0]?.name
-        },
+        },
-        { field: 'ratedPower', title: '额定有功功率(kW)' },
+        { field: 'ratedPower', title: '额定有功功率(kW)' },
-        { field: 'longitude', title: '经度' },
+        { field: 'longitude', title: '经度' },
-        { field: 'latitude', title: '纬度' },
+        { field: 'latitude', title: '纬度' },
-        {
+        {
-            title: '操作',
+             title: '操作',fixed: 'right',
-            align: 'center',
+            align: 'center',
-            render: 'buttons',
+            render: 'buttons',
-            fixed: 'right',
+          
-            buttons: [
+            buttons: [
-                {
+                {
-                    name: 'edit',
+                    name: 'edit',
-                    title: '修改',
+                    title: '修改',
-                    type: 'primary',
+                    type: 'primary',
-                    icon: 'el-icon-edit',
+                    icon: 'el-icon-edit',
-                    render: 'basicButton',
+                    render: 'basicButton',
-                    click: row => {
+                    click: row => {
-                        addFormRef.value.open({
+                        addFormRef.value.open({
-                            title: '修改',
+                            title: '修改',
-                            row: row
+                            row: row
-                        })
+                        })
-                    }
+                    }
-                },
+                },
-                {
+                {
-                    name: 'delete',
+                    name: 'delete',
-                    title: '删除',
+                    title: '删除',
-                    type: 'danger',
+                    type: 'danger',
-                    icon: 'el-icon-Delete',
+                    icon: 'el-icon-Delete',
-                    render: 'confirmButton',
+                    render: 'confirmButton',
-                    popconfirm: {
+                    popconfirm: {
-                        confirmButtonText: '确认',
+                        confirmButtonText: '确认',
-                        cancelButtonText: '取消',
+                        cancelButtonText: '取消',
-                        confirmButtonType: 'danger',
+                        confirmButtonType: 'danger',
-                        title: '确定删除该数据吗？'
+                        title: '确定删除该数据吗？'
-                    },
+                    },
-                    click: row => {
+                    click: row => {
-                        delNewStation({ ids: row.id }).then(() => {
+                        delNewStation({ ids: row.id }).then(() => {
-                            ElMessage.success('删除成功')
+                            ElMessage.success('删除成功')
-                            tableStore.index()
+                            tableStore.index()
-                        })
+                        })
-                    }
+                    }
-                }
+                }
-            ]
+            ]
-        }
+        }
-    ],
+    ],
-    beforeSearchFun: () => {
+    beforeSearchFun: () => {
-        tableStore.table.params.currentPage = tableStore.table.params.pageNum
+        tableStore.table.params.currentPage = tableStore.table.params.pageNum
-    },
+    },
-    loadCallback: () => {}
+    loadCallback: () => {}
-})
+})
-tableStore.table.params.name = ''
+tableStore.table.params.name = ''
-const add = () => {
+const add = () => {
-    addFormRef.value.open({
+    addFormRef.value.open({
-        title: '新增'
+        title: '新增'
-    })
+    })
-}
+}
-provide('tableStore', tableStore)
+provide('tableStore', tableStore)
-
+
-onMounted(() => {
+onMounted(() => {
-    tableStore.index()
+    tableStore.index()
-})
+})
-</script>
+</script>
-
+
-<style scoped lang="scss"></style>
+<style scoped lang="scss"></style>

src/views/dashboard/index.vue

@@ -38,6 +38,7 @@ const tableStore = new TableStore({
         echarts.value.Grade(tableStore.table.data.voltageStatistics)
         echarts.value.Relation(tableStore.table.data.monthlyStatistics)
         table.value.info(tableStore.table.data)
+    
     }
 })
 provide('tableStore', tableStore)

src/views/pqs/auditManage/userInfo/index.vue

@@ -3,7 +3,7 @@
         <TableHeader datePicker :showReset="false" showExport ref="TableHeaderRef">
             <template v-slot:select>
                 <el-form-item label="筛选数据">
-                    <el-input v-model="tableStore.table.params.loginName" placeholder="请输入"></el-input>
+                    <el-input v-model="tableStore.table.params.loginName" placeholder="请输入" clearable maxlength="32" show-word-limit></el-input>
                 </el-form-item>
             </template>
         </TableHeader>

src/views/pqs/bearingCapacity/evaluationList/components/charge.vue

@@ -288,18 +288,21 @@ const equipment = (row: any) => {}
 // 承载能力评估
 const assess = () => {
     // vxeRef.value.getRadioRecord()
-
+    
-    if (equipmentList.value.length == null) {
+    if (equipmentList.value.length == 0) {
-        return ElMessage.warning('请选择用户')
+        return ElMessage.warning('请选择有终端设备的用户')
     }
     loading.value = true
     formRef.value.validate((valid: any) => {
+
         if (valid) {
             form.value.devList = equipmentList.value
             carryCapacityEvaluate(form.value).then(res => {
                 rendering(res.data)
                 loading.value = false
             })
+        }else{
+            loading.value = false
         }
     })
 }
@@ -450,7 +453,7 @@ const selChange = async (e: any) => {
 }
 // 导出
 const onExport = () => {
-    console.log("🚀 ~ onExport ~ document.getElementById('exportId'):", document.getElementById('exportId'))
+   // console.log("🚀 ~ onExport ~ document.getElementById('exportId'):", document.getElementById('exportId'))
 
     // 转换成canvas
     html2canvas(document.getElementById('exportId'), {
@@ -459,7 +462,7 @@ const onExport = () => {
         logging: false, // 关闭日志
         scale: 2 // 提高缩放比例以获得更清晰的截图
     }).then(function (canvas) {
-        console.log('🚀 ~ onExport ~ canvas:', canvas)
+       // console.log('🚀 ~ onExport ~ canvas:', canvas)
         // 创建a标签，实现下载
         let creatIMg = document.createElement('a')
         creatIMg.download = '光伏电站承载能力评估结果.png' // 设置下载的文件名，

src/views/pqs/bearingCapacity/evaluationList/components/photovoltaic.vue

@@ -205,7 +205,7 @@ const props = defineProps(['rowList'])
 const harmonic = harmonicOptions.filter(item => item.value < 26)
 const currentLod = ref(false)
 const monitoringPoint = useMonitoringPoint()
-const size = ref(23)
+const size = ref(19)
 const dictData = useDictData()
 const datePickerRef = ref()
 const height = mainHeight(80).height
@@ -734,6 +734,7 @@ const choose = (e: any) => {
 
     uploadExcel(e.raw, form).then(res => {
         ElMessage.success('导入成功')
+         onSubmit()
     })
 }
 const tabChange = (e: any) => {

src/views/pqs/bearingCapacity/evaluationList/components/policy.vue

@@ -176,7 +176,7 @@ const info = () => {
                 })
             })
         })
-        console.log('🚀 ~ queyDetail ~ photovoltaicData.value:', photovoltaicData.value)
+       // console.log('🚀 ~ queyDetail ~ photovoltaicData.value:', photovoltaicData.value)
     })
     // 电弧炉
     queyDetailDhl().then(res => {

src/views/pqs/bearingCapacity/evaluationList/index.vue

@@ -136,7 +136,7 @@ const tableStore: any = new TableStore({
         { field: 'evaluateDate', title: '评估日期' },
 
         {
-            title: '操作',
+             title: '操作',fixed: 'right',
             width: '180',
             render: 'buttons',
             buttons: [

src/views/pqs/bearingCapacity/userManagement/index.vue

@@ -56,8 +56,10 @@
                     </el-form-item>
 
                     <el-form-item label="区域" prop="regionList">
-                        <el-cascader v-model="form.regionList" style="width: 100%" :props="props" :options="areaList" />
+                        <!-- <el-cascader v-model="form.regionList" style="width: 100%" :props="props" :options="areaList" /> -->
+                        <el-cascader v-model="form.regionList" :props="props" :options="areaList"  style="width: 100%"  placeholder="请选择区域" />
                     </el-form-item>
+                 
                     <el-form-item label="详细地址：" prop="area">
                         <el-input
                             clearable
@@ -93,6 +95,8 @@ import { mainHeight } from '@/utils/layout'
 import { useDictData } from '@/stores/dictData'
 import equipment from './equipment.vue'
 import { addUse, updateUse, removeUse } from '@/api/advance-boot/bearingCapacity'
+import { getAreaDept } from '@/api/harmonic-boot/area'
+
 defineOptions({
     name: 'estimate/photovoltaic'
 })
@@ -104,7 +108,8 @@ const disabled = ref(false)
 const TableHeaderRef = ref()
 const equipmentRef = ref()
 const title = ref('')
-const areaList: any = dictData.areaSelect()
+//const areaList: any = dictData.areaSelect()
+const areaList = ref([])
 const userShow: any = ref('Power_Station_Users')
 
 const form = ref({
@@ -182,7 +187,7 @@ const tableStore: any = new TableStore({
         { field: 'createBy', title: '创建者' },
         { field: 'createTime', title: '创建日期' },
         {
-            title: '操作',
+             title: '操作',fixed: 'right',
             width: '180',
             render: 'buttons',
             buttons: [
@@ -254,7 +259,7 @@ const tableStore: any = new TableStore({
     ],
 
     loadCallback: () => {
-        console.log(tableStore.table.data)
+       
     }
 })
 
@@ -263,14 +268,20 @@ tableStore.table.params.userType = ''
 provide('tableStore', tableStore)
 onMounted(() => {
     tableStore.index()
+
+
 })
 const useChange = (e: string) => {
     userShow.value = uesrList.filter(item => item.id == e)[0].code
 }
 // 新增
-const add = () => {
+const add = async () => {
     disabled.value = false
     title.value = '新增承载能力待评估用户'
+
+    await getAreaDept().then(res => {
+        areaList.value = JSON.parse(JSON.stringify(res.data))
+    })
     dialogVisible.value = true
 }
 // 保存

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

@@ -8,7 +8,7 @@
                     </el-select>
                 </el-form-item>
                 <el-form-item label="筛选数据">
-                    <el-input v-model="tableStore.table.params.searchValue" placeholder="请输入筛选数据" clearable />
+                    <el-input v-model="tableStore.table.params.searchValue" placeholder="请输入筛选数据" clearable maxlength="32" show-word-limit/>
                 </el-form-item>
             </template>
             <template #operation>

src/views/pqs/business/log/frontLog/detail.vue

@@ -4,13 +4,13 @@
         <TableHeader datePicker showExport :showReset="false">
             <template v-slot:select>
                 <el-form-item label="筛选数据">
-                    <el-input v-model="tableStore.table.params.searchValue" placeholder="请输入筛选数据" clearable />
+                    <el-input v-model="tableStore.table.params.searchValue" placeholder="请输入筛选数据" clearable maxlength="32" show-word-limit/>
                 </el-form-item>
             </template>
         </TableHeader>
 
         <div :key="key">
-            <Table ref="tableRef" :height="'49vh'"></Table>
+            <Table ref="tableRef" :height="'calc(50vh - 100px)'"></Table>
         </div>
     </el-dialog>
 </template>
@@ -31,10 +31,12 @@ const dialogVisible = ref(false)
 const tableStore = new TableStore({
     url: '/system-boot/frontLog/queryLogCHild',
     method: 'POST',
+    filename: '前置交互日志详情',
     column: [
         {
             field: 'index',
             title: '序号',
+        
             width: '80',
             formatter: (row: any) => {
                 return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1

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

@@ -3,7 +3,7 @@
         <TableHeader datePicker showExport>
             <template v-slot:select>
                 <el-form-item label="筛选数据">
-                    <el-input v-model="tableStore.table.params.searchValue" placeholder="请输入筛选数据" clearable />
+                    <el-input v-model="tableStore.table.params.searchValue" placeholder="请输入筛选数据" clearable maxlength="32" show-word-limit/>
                 </el-form-item>
             </template>
         </TableHeader>
@@ -77,7 +77,7 @@ const tableStore = new TableStore({
             }
         },
         {
-            title: '操作',
+             title: '操作',fixed: 'right',
             width: '180',
             render: 'buttons',
             buttons: [

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

@@ -40,7 +40,7 @@
                 ></Table>
             </div>
             <div class="pd10" style="width: 400px" v-loading="loading">
-                <el-input v-model="filterText" placeholder="请输入内容" clearable show-word-limit @input="change">
+                <el-input v-model="filterText" placeholder="请输入内容" clearable maxlength="32" show-word-limit @input="change">
                     <template #prefix>
                         <Icon name="el-icon-Search" style="font-size: 16px" />
                     </template>
@@ -83,7 +83,7 @@
                                     v-else
                                     class="box-item"
                                     title="确定重启吗？"
-                                    placement="bottom"
+                                    placement="left"
                                     @confirm="restart(data)"
                                 >
                                     <template #actions="{ confirm, cancel }">
@@ -139,9 +139,9 @@
                         ></el-option>
                     </el-select>
                 </el-form-item>
-                <el-form-item label="最大终端数:" prop="nodeDevNum" class="top">
+                <el-form-item label="最大终端数:" prop="nodeDevNum" class="top" >
                     <el-input
-                        v-model="formData.nodeDevNum"
+                        v-model.trim.number="formData.nodeDevNum"
                         onkeyup="value = value.replace(/[^0-9]/g,'')"
                         maxlength="5"
                         placeholder="请输入最大终端数"
@@ -149,7 +149,7 @@
                 </el-form-item>
                 <el-form-item label="最大进程数:" prop="maxProcessNum" class="top">
                     <el-input
-                        v-model="formData.maxProcessNum"
+                        v-model.trim.number="formData.maxProcessNum"
                         onkeyup="value = value.replace(/[^0-9]/g,'')"
                         maxlength="5"
                         placeholder="请根据监测点规模填写合适进程数（1个进程最大可承载200个监测点）"
@@ -209,7 +209,8 @@ import {
     updateNode,
     nodeDeviceTree,
     updateDeviceProcess,
-    askRestartProcess
+    askRestartProcess,
+    allotTerminal
 } from '@/api/device-boot/Business'
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
@@ -218,6 +219,7 @@ import { ElMessage, ElMessageBox } from 'element-plus'
 import { ElButton } from 'element-plus'
 import { mainHeight } from '@/utils/layout'
 import Bind from './bind.vue'
+const VITE_FLAG = import.meta.env.VITE_NAME == 'hainan'
 defineOptions({
     name: 'BusinessAdministrator/TerminalManagement/FrontManagement'
 })
@@ -239,6 +241,7 @@ const tableRef = ref()
 const processNo = ref('')
 const ruleFormRef = ref()
 const dataSource: any = ref([])
+const deviceInfoList: any = ref([])
 const defaultProps = {
     children: 'deviceInfoList',
     label: 'name'
@@ -287,7 +290,7 @@ const tableStore = new TableStore({
             }
         },
         {
-            title: '最大监测点数量',
+            title: '最大终端数量',
             field: 'nodeDevNum'
         },
         {
@@ -314,7 +317,7 @@ const tableStore = new TableStore({
         { title: '描述', field: 'remark' },
 
         {
-            title: '操作',
+             title: '操作',fixed: 'right',
             align: 'center',
             width: '180',
             render: 'buttons',
@@ -332,29 +335,32 @@ const tableStore = new TableStore({
                         formData.value = JSON.parse(JSON.stringify(row))
                     }
                 },
-                // {
+                {
-                //     name: 'edit',
+                    name: 'edit',
-                //     title: '重启',
+                    title: '重启',
-                //     type: 'warning',
+                    type: 'warning',
-                //     icon: 'el-icon-Delete',
+                    icon: 'el-icon-Delete',
-                //     render: 'confirmButton',
+                    render: 'confirmButton',
-                //     popconfirm: {
+                    disabled: row => {
-                //         confirmButtonText: '确认',
+                        return VITE_FLAG
-                //         cancelButtonText: '取消',
+                    },
-                //         confirmButtonType: 'warning',
+                    popconfirm: {
-                //         title: '确定重启吗？'
+                        confirmButtonText: '确认',
-                //     },
+                        cancelButtonText: '取消',
-                //     click: row => {
+                        confirmButtonType: 'warning',
-                //         askRestartProcess({
+                        title: '确定重启吗？'
-                //             deviceRebootType: null,
+                    },
-                //             nodeId: row.id,
+                    click: row => {
-                //             processNo: 1
+                        askRestartProcess({
-                //         }).then(res => {
+                            deviceRebootType: 1,
-                //             ElMessage.success('重启成功')
+                            nodeId: row.id,
-                //             tableStore.index()
+                            processNo: 1
-                //         })
+                        }).then(res => {
-                //     }
+                            ElMessage.success('重启成功')
-                // },
+                            tableStore.index()
+                        })
+                    }
+                },
 
                 {
                     name: 'del',
@@ -369,12 +375,42 @@ const tableStore = new TableStore({
                         title: '确定删除吗？'
                     },
                     click: row => {
+                        if (hasDevices.value) {
+                            ElMessage.warning('此前置机绑定了设备，无法删除！');
+                            return;
+                        }
+
                         delNode(row.id).then(res => {
                             ElMessage.success('删除成功')
                             tableStore.index()
                         })
                     }
-                }
+                },
+                 {
+                    name: 'edit',
+                    title: '分配终端',
+                    type: 'primary',
+                    icon: 'InfoFilled',
+                    render: 'confirmButton',
+                    popconfirm: {
+                        confirmButtonText: '确认',
+                        cancelButtonText: '取消',
+                        confirmButtonType: 'primary',
+                        title: '确定分配终端吗？'
+                    },
+                    click: row => {
+                        if (!hasDevices.value) {
+                            ElMessage.warning('此前置机下无设备，无法分配终端！');
+                            return;
+                        }
+                        allotTerminal({
+                            nodeId: row.id
+                        }).then(res => {
+                            ElMessage.success(res.message)
+                            tableStore.index()
+                        })
+                    }
+                },
             ]
         }
     ],
@@ -391,12 +427,14 @@ const tableStore = new TableStore({
     }
 })
 const nodeId = ref('')
-// 点击行
+const hasDevices = ref(false)
+/// 点击行
 const currentChangeEvent = () => {
     // 确保 tableRef 和当前记录存在
     if (!tableRef.value || !tableRef.value.getRef().getCurrentRecord()) {
         loading.value = false
         dataSource.value = []
+        hasDevices.value = false
         return
     }
 
@@ -409,15 +447,27 @@ const currentChangeEvent = () => {
             nodeId.value = tableRef.value.getRef().getCurrentRecord().id
             // 检查返回的数据是否存在且不为空
             if (res.data && res.data.processDeviceList) {
-                dataSource.value = res.data.processDeviceList.filter(item => (item.name = item.processNo + ''))
+                // 检查是否有设备绑定
+                const hasAnyDevices = res.data.processDeviceList.some(item => 
+                    item.deviceInfoList && item.deviceInfoList.length > 0
+                );
+                hasDevices.value = hasAnyDevices;
+                
+                dataSource.value = res.data.processDeviceList.filter(item => {
+                    item.name = item.processNo + '';
+                    return true; // 保持原有的过滤逻辑
+                });
             } else {
                 dataSource.value = []
+                hasDevices.value = false;
             }
             loading.value = false
+            
         })
         .catch(() => {
             // 添加错误处理，确保 loading 状态也能关闭
             dataSource.value = []
+            hasDevices.value = false;
             loading.value = false
         })
 
@@ -426,11 +476,11 @@ const currentChangeEvent = () => {
 
 // 重启进程
 const restart = (data: any) => {
-    console.log('🚀 ~ restart ~ data:', data)
+   // console.log('🚀 ~ restart ~ data:', data)
     askRestartProcess({
-        deviceRebootType: data.processNo,
+        deviceRebootType: null,
         nodeId: nodeId.value,
-        processNo: 2
+        processNo: data.processNo
     }).then(res => {
         ElMessage.success('重启成功')
         currentChangeEvent()

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

@@ -32,7 +32,7 @@
                         ></el-option>
                     </el-select>
                 </el-form-item>
-                <el-form-item label="程序版本">
+                <!-- <el-form-item label="程序版本">
                     <el-select v-model="tableStore.table.params.program" clearable placeholder="请选择程序版本">
                         <el-option
                             v-for="item in programoption"
@@ -41,19 +41,21 @@
                             :value="item.id"
                         ></el-option>
                     </el-select>
-                </el-form-item>
+                </el-form-item> -->
                 <el-form-item label="筛选数据">
                     <el-input
                         v-model="tableStore.table.params.filterName"
                         @keyup="searchEvent"
+                        maxlength="32"
+                        show-word-limit
                         placeholder="输入关键字筛选"
                     />
                 </el-form-item>
             </template>
-            <template #operation>
+            <!-- <template #operation>
                 <el-button icon="el-icon-Download" @click="add">导出</el-button>
                 <el-button icon="el-icon-Check" @click="add">批量升级</el-button>
-            </template>
+            </template> -->
         </TableHeader>
         <div :style="`height: calc(${tableStore.table.height} + 58px)`">
             <vxe-table
@@ -104,7 +106,7 @@
                 <vxe-column field="updateTime" title="最新升级时间"></vxe-column>
                 <vxe-column title="操作" min-width="100">
                     <template #default="{ row }">
-                        <el-button v-if="row.level == 4" size="small" link @click="updateprogram(row)">升级</el-button>
+                        <!-- <el-button v-if="row.level == 4" size="small" link @click="updateprogram(row)">升级</el-button> -->
                         <el-button
                             v-if="row.level == 4"
                             :disabled="row.state == 1 ? true : false"
@@ -251,6 +253,7 @@ const tableStore = new TableStore({
     }
 })
 tableStore.table.params.teriminal = ''
+tableStore.table.params.teriminalstatus = ''
 tableStore.table.params.state = ''
 tableStore.table.params.program = ''
 tableStore.table.params.searchEvent = ''

src/views/pqs/business/terminal/TerminalManagement/components/detail.vue

@@ -35,7 +35,7 @@ const dialogVisible = ref(false)
 const tableData = ref([])
 
 const open = (e: any) => {
-    console.log("🚀 ~ open ~ e:", e)
+    //console.log("🚀 ~ open ~ e:", e)
     echartsXq.value = {
         title: {
             text: e.name + '性能详情'

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

@@ -43,6 +43,8 @@
                         v-model="tableStore.table.params.filterName"
                         @keyup="searchEvent"
                         clearable
+                        maxlength="32"
+                        show-word-limit
                         placeholder="输入关键字筛选"
                     />
                 </el-form-item>
@@ -75,6 +77,7 @@
                 :checkbox-config="{ labelField: 'name' }"
             >
                 <vxe-column
+                    v-if="treeData && treeData.length > 0"
                     field="name"
                     align="left"
                     type="checkbox"
@@ -82,6 +85,15 @@
                     min-width="200"
                     tree-node
                 ></vxe-column>
+                <!-- 没有数据时显示普通列 -->
+                <vxe-column
+                    v-else
+                    field="name"
+                    align="left"
+                    title="电网拓扑"
+                    min-width="200"
+                    tree-node
+                ></vxe-column>
                 <vxe-column field="devType" title="终端型号">
                     <template #default="{ row }">
                         {{ teriminaloption.find((item: any) => item.id === row.devType)?.name }}
@@ -223,7 +235,7 @@ const manage = (name: string, key: number) => {
             .getCheckboxRecords()
             .filter((item: any) => item.level == 4)
             .map(item => item.id)
-        console.log('🚀 ~ deviceData ~ selectRecords:', selectRecords)
+        //console.log('🚀 ~ deviceData ~ selectRecords:', selectRecords)
         if (selectRecords.length == 0) {
             return ElMessage({
                 message: '请至少选择一台装置',

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

@@ -1694,7 +1694,7 @@ import { useDictData } from '@/stores/dictData'
 import { ref, reactive, onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { getYwZtSubstation } from '@/api/device-boot/device'
-const size = ref(23)
+const size = ref(19)
 const TerminalRef = ref()
 const pageHeight = mainHeight(20)
 const Height = mainHeight(100)
@@ -2313,7 +2313,7 @@ const remove = () => {
 const next = async () => {
     await mainForm.value.validate((valid: any) => {
         if (valid) {
-            console.log('🚀 ~ awaitmainForm.value.validate ~ nodeLevel.value:', nodeLevel.value)
+           // console.log('🚀 ~ awaitmainForm.value.validate ~ nodeLevel.value:', nodeLevel.value)
 
             switch (nodeLevel.value) {
                 case 100:
@@ -2397,35 +2397,45 @@ const onsubmit = () => {
 /**
  * 提交数据
  */
-const submitData = () => {
+const submitData = async () => {
     const project = JSON.parse(JSON.stringify(AddProjectBO.value))
-
+    await mainForm.value.validate((valid: any) => {
-    // project: JSON.stringify(project)
+        if (valid) {
-    addTerminal(project).then((res: any) => {
+            addTerminal(project).then((res: any) => {
-        ElMessage({
+                ElMessage({
-            type: 'success',
+                    type: 'success',
-            message: res.message
+                    message: res.message
-        })
+                })
-        reaseStatus()
+                reaseStatus()
-        initAddProjectBo()
+                initAddProjectBo()
-        initAddProjectBoId()
+                initAddProjectBoId()
-        treedata()
+                treedata()
+            })
+        }
     })
+    // project: JSON.stringify(project)
+    
 }
 /**
  * 修改数据
  */
-const updateDate = () => {
+const updateDate = async () => {
     // console.log("updateProject:", this.updateProject);
-    let data = updateProject.value
+    await mainForm.value.validate((valid: any) => {
-    updateTerminal(data).then((res: any) => {
+        if (valid){
-        ElMessage({
+             let data = updateProject.value
-            type: 'success',
+            updateTerminal(data).then((res: any) => {
-            message: res.message
+                ElMessage({
-        })
+                    type: 'success',
-        pageStatus.value = 1
+                    message: res.message
-        treedata()
+                })
+                pageStatus.value = 1
+                treedata()
+            })
+
+        }
     })
+   
 }
 const updateProjectF = () => {
     updateProject.value = {

src/views/pqs/business/terminal/transformerStrategy/components/addLedger.vue

@@ -74,7 +74,7 @@
         >
             <el-form :model="ruleForm" :rules="rules" ref="ruleFormRef" label-width="100px">
                 <el-form-item label="变压器名:" prop="tfName">
-                    <el-input v-model="ruleForm.tfName" placeholder="请输入" clearable></el-input>
+                    <el-input v-model="ruleForm.tfName" placeholder="请输入" clearable maxlength="32" show-word-limit></el-input>
                 </el-form-item>
                 <el-form-item label="接线方式:" prop="wiring" class="top">
                     <el-select style="width: 100%" v-model="ruleForm.wiring" clearable placeholder="请选择接线方式">
@@ -113,7 +113,7 @@
                 <el-col :span="8">
                     <div style="border-right: 1px solid; height: 100%" class="xiaoshou">
                         <div style="overflow-y: auto; height: 100%; overflow-x: auto;max-height: 350px;" class="tree mr10 xiaoshou">
-                            <el-input placeholder="输入关键字检索" v-model="filterText1" clearable></el-input>
+                            <el-input placeholder="输入关键字检索" v-model="filterText1" clearable maxlength="32" show-word-limit></el-input>
                             <el-tree
                                 style="cursor: pointer;display: inline-block;"
                                 :data="treeMenuLeftData"
@@ -163,7 +163,7 @@
                 <el-col :span="8">
                     <div style="border-left: 1px solid; height: 100%" class="xiaoshou">
                         <div style="overflow-y: auto; height: 100%;overflow-x: auto;max-height: 350px;" class="ml10 tree xiaoshou">
-                            <el-input placeholder="输入关键字检索" v-model="filterText2" clearable></el-input>
+                            <el-input placeholder="输入关键字检索" v-model="filterText2" clearable maxlength="32" show-word-limit></el-input>
                             <el-tree
                                 style="cursor: pointer"
                                 :data="treeMenuRightData"
@@ -328,7 +328,7 @@ const tableStore = new TableStore({
             field: 'tfDescribe'
         },
         {
-            title: '操作',
+             title: '操作',fixed: 'right',
             align: 'center',
             width: '180',
             render: 'buttons',
@@ -372,6 +372,7 @@ const tableStore = new TableStore({
                     click: row => {
                         delTransformer([row.tfIndex]).then(res => {
                             ElMessage.success('删除成功')
+                            menuTree.value.loadData()
                             tableStore.index()
                         })
                     }
@@ -413,6 +414,7 @@ const transformerAdd = () => {
             message: '请选择变电站'
         })
     } else {
+        ruleForm.subIndex = parentId.value
         transformerTitle.value = '新增变压器信息'
         transformerInformation.value = true
         nextTick(() => {
@@ -602,56 +604,74 @@ const maintenanceData = reactive({
 //上节点选择
 const checkLeft = (checkedNodes: any, checkedKeys: any) => {
     maintenanceData.upNode = checkedNodes.id
-    if (maintenanceData.upNode === maintenanceData.downNode) {
+     if (maintenanceData.upNode === maintenanceData.downNode) {
-        menuTreeRight.value?.setCheckedKeys([])
+         menuTreeRight.value?.setCheckedKeys([])
-        maintenanceData.downNode = ''
+         maintenanceData.downNode = ''
-    }
+     }
-    if (checkedKeys.checkedKeys.length > 1) {
+     if (checkedKeys.checkedKeys.length > 1) {
-        menuTreeLeft.value?.setCheckedKeys([checkedNodes.id])
+         menuTreeLeft.value?.setCheckedKeys([checkedNodes.id])
-    }
+     }
 }
 
 //下节点选择
 const checkRight = (checkedNodes: any, checkedKeys: any) => {
     maintenanceData.downNode = checkedNodes.id
-    if (maintenanceData.downNode === maintenanceData.upNode) {
+  
-        menuTreeLeft.value?.setCheckedKeys([])
+     if (maintenanceData.downNode === maintenanceData.upNode) {
-        maintenanceData.upNode = ''
+         menuTreeLeft.value?.setCheckedKeys([])
-    }
+         maintenanceData.upNode = ''
-    if (checkedKeys.checkedKeys.length > 1) {
+     }
-        menuTreeRight.value?.setCheckedKeys([checkedNodes.id])
+     if (checkedKeys.checkedKeys.length > 1) {
-    }
+         menuTreeRight.value?.setCheckedKeys([checkedNodes.id])
+     }
 }
 
 //节点维护提交
 const maintenanceOnsubmit = () => {
-    for (let i = 0; i < bind.value.length; i++) {
+   
-        if (bind.value[i][0] == maintenanceData.upNode) {
+    if(maintenanceData.downNode == '' || maintenanceData.upNode == '') {
-            for (let j = 0; j < bind.value.length; j++) {
+        ElMessage({
-                if (bind.value[j][1] == maintenanceData.downNode) {
+            type: 'warning',
-                    ElMessage({
+            message: '请确保上下节点各自选择一个母线！'
-                        type: 'warning',
+        })
-                        message: '上下节点无法选择相同母线！！！'
+         return
-                    })
-                    return
-                }
-            }
-            return
-        }
     }
 
-    if (bindLevel.value != 5) {
-        for (let i = 0; i < bind.value.length; i++) {
-            if (maintenanceData.upNode == bind.value[i][1] && maintenanceData.downNode == bind.value[i][0]) {
-                ElMessage({
-                    type: 'warning',
-                    message: '上下节点无法选择相同母线！！！'
-                })
-                return
-            }
-        }
-    }
 
+    if (maintenanceData.upNode == maintenanceData.downNode) {
+        ElMessage({
+            type: 'warning',
+            message: '上下节点无法选择相同母线！'
+        })
+    }
+    // for (let i = 0; i < bind.value.length; i++) {
+    //     if (bind.value[i] == maintenanceData.upNode) {
+    //         for (let j = 0; j < bind.value.length; j++) {
+              
+    //             if (bind.value[j] == maintenanceData.downNode) {
+    //                 ElMessage({
+    //                     type: 'warning',
+    //                     message: '上下节点无法选择相同母线！！！'
+    //                 })
+    //                 return
+    //             }
+    //         }
+    //         return
+    //     }
+    // }
+
+    // if (bindLevel.value != 5) {
+    //     for (let i = 0; i < bind.value.length; i++) {
+    //         if (maintenanceData.upNode == bind.value[i] && maintenanceData.downNode == bind.value[i]) {
+    //             ElMessage({
+    //                 type: 'warning',
+    //                 message: '上下节点无法选择相同母线！！！'
+    //             })
+    //             return
+    //         }
+    //     }
+    // }
+    
     nodeMaintenance(maintenanceData).then((res: any) => {
         if (res.code == 'A0000') {
             ElMessage({

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

@@ -53,12 +53,12 @@
                 </el-col>
                 <el-col :span="14">
                     <div class="box">
-                        <el-form :model="form" label-width="100px" ref="ruleFormRef">
+                        <el-form :model="form" label-width="100px" ref="ruleFormRef" :rules="rules">
-                            <el-form-item label="名称:">
+                            <el-form-item label="名称:" prop="tpName">
-                                <el-input v-model="form.tpName" placeholder="请输入"></el-input>
+                                <el-input v-model="form.tpName" placeholder="请输入" maxlength="32" show-word-limit clearable></el-input>
                             </el-form-item>
                             <el-form-item label="描述:" class="mt20">
-                                <el-input v-model="form.tfDescribe" placeholder="请输入"></el-input>
+                                <el-input v-model="form.tfDescribe" placeholder="请输入" ></el-input>
                             </el-form-item>
                             <el-form-item class="mt20 ml20">
                                 <el-button @click="dialogFormVisible = false">取消</el-button>
@@ -122,13 +122,8 @@ const menuTree = ref()
 const TableHeaderRef = ref()
 
 const rules = reactive({
-    name: [{ required: true, message: '名称不可为空', trigger: 'blur' }],
+    tpName: [{ required: true, message: '名称不可为空', trigger: 'blur' }],
-    ip: [{ required: true, message: 'ip不可为空', trigger: 'blur' }],
+   
-    nodeGrade: [{ required: true, message: '等级不可为空', trigger: 'blur' }],
-    nodeDevNum: [{ required: true, message: '最大终端数不可为空', trigger: 'blur' }],
-    maxProcessNum: [{ required: true, message: '最大进程数不可为空', trigger: 'blur' }],
-    sort: [{ required: true, message: '排序不可为空', trigger: 'blur' }],
-    remark: [{ required: true, message: '描述不可为空', trigger: 'blur' }]
 })
 
 const dialogFormVisible = ref(false)
@@ -161,7 +156,7 @@ const tableStore = new TableStore({
             field: 'tfDescribe'
         },
         {
-            title: '操作',
+             title: '操作',fixed: 'right',
             align: 'center',
             width: '180',
             render: 'buttons',

src/views/pqs/business/terminal/userLedger/components/addForm.vue

@@ -48,7 +48,7 @@
                     v-model.trim="form.projectName"
                     autocomplete="off"
                     placeholder="请输入项目名称"
-                    maxlength="64"
+                    maxlength="32"
                     show-word-limit
                 />
             </el-form-item>
@@ -112,7 +112,7 @@
                     v-model.trim="form.substation"
                     autocomplete="off"
                     placeholder="请输入厂站名称"
-                    maxlength="64"
+                    maxlength="32"
                     show-word-limit
                 />
             </el-form-item>
@@ -364,6 +364,8 @@
                     v-model.trim="form.evaluationChekDept"
                     autocomplete="off"
                     placeholder="请输入预测评估评审单位"
+                    maxlength="32"
+                    show-word-limit
                 />
             </el-form-item>
             <el-form-item for="-" label="预测评估结论：" style="width: 100%">
@@ -1059,7 +1061,7 @@ const filterUsers = (arr: any) => {
     userTypeList.value = userTypeList.value.filter(item => !arr.includes(item.value))
 }
 const setcontroFlag = () => {
-    console.log(12333)
+ 
 
     controFlag.value = true
 }

src/views/pqs/business/terminal/userLedger/components/detail.vue

@@ -1,5 +1,9 @@
 <template>
     <div class="default-main">
+         <div v-if="detailLoading" class="loading">
+            <el-spin description="加载中..." />
+        </div>
+        <div v-else>
         <el-descriptions :column="2" border>
             <el-descriptions-item label="所在地市">
                 {{ detailData.city }}
@@ -111,7 +115,7 @@
                 {{ proviteData.agreementCapacity }}
             </el-descriptions-item>
             <el-descriptions-item label="装机容量（MW）">
-                {{ proviteData?.ratePower }}
+                {{ detailData?.ratePower }}
             </el-descriptions-item>
             <el-descriptions-item
                 label="PCC供电设备容量（MVA）"
@@ -208,6 +212,7 @@
                 }}
             </el-descriptions-item>
         </el-descriptions>
+        </div>
     </div>
 </template>
 <script lang="ts" setup>
@@ -327,6 +332,7 @@ const powerSupplyInfoOptionList = dictData.getBasicData('supply_condition')
 /** 获得数据 */
 const getInfo = async () => {
     detailLoading.value = true
+
     try {
         if (props.update) {
             await getUserReportUpdateById(props.id || queryId).then(res => {
@@ -336,6 +342,7 @@ const getInfo = async () => {
         } else {
             await getUserReportById(props.id || queryId).then(res => {
                 detailData.value = res.data
+              
                 getProviteData()
             })
         }
@@ -378,7 +385,7 @@ const preview = (val: any, url: any) => {
         }
         //预测评估报告
         if (val == 'predictionEvaluationReport') {
-            console.log(url, '9999999')
+    
             predictionEvaluationReportRef?.value.open(url)
         }
         //预测评估评审意见报告

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

@@ -1,315 +1,315 @@
-<template>
+<template>
-    <div class="default-main">
+    <div class="default-main">
-        <TableHeader ref="TableHeaderRef">
+        <TableHeader ref="TableHeaderRef">
-            <template #select>
+            <template #select>
-                <el-form-item label="项目名称">
+                <el-form-item label="项目名称">
-                    <el-input
+                    <el-input
-                        style="width: 200px"
+                        style="width: 200px"
-                        placeholder="请输入项目名称"
+                        placeholder="请输入项目名称"
-                        v-model="tableStore.table.params.projectName"
+                        v-model="tableStore.table.params.projectName"
-                        clearable
+                        clearable
-                        maxlength="32"
+                        maxlength="32"
-                        show-word-limit
+                        show-word-limit
-                    ></el-input>
+                    ></el-input>
-                </el-form-item>
+                </el-form-item>
-                <el-form-item label="所在地市">
+                <el-form-item label="所在地市">
-                    <el-select v-model="tableStore.table.params.city" clearable placeholder="请选择所在地市">
+                    <el-select v-model="tableStore.table.params.city" clearable placeholder="请选择所在地市">
-                        <el-option
+                        <el-option
-                            v-for="item in areaOptionList"
+                            v-for="item in areaOptionList"
-                            :key="item.id"
+                            :key="item.id"
-                            :label="item.name"
+                            :label="item.name"
-                            :value="item.name"
+                            :value="item.name"
-                        ></el-option>
+                        ></el-option>
-                    </el-select>
+                    </el-select>
-                </el-form-item>
+                </el-form-item>
-            </template>
+            </template>
-            <template #operation>
+            <template #operation>
-                <el-button icon="el-icon-Plus" type="primary" @click="addFormModel">新增</el-button>
+                <el-button icon="el-icon-Plus" type="primary" @click="addFormModel">新增</el-button>
-                <el-button icon="el-icon-Delete" type="primary" @click="deleteEven">删除</el-button>
+                <el-button icon="el-icon-Delete" type="primary" @click="deleteEven">删除</el-button>
-                <!-- <el-button icon="el-icon-Download" type="primary" @click="exportExcelTemplate" :loading="loading">
+                <!-- <el-button icon="el-icon-Download" type="primary" @click="exportExcelTemplate" :loading="loading">
-                    模板下载
+                    模板下载
-                </el-button>
+                </el-button>
-                <el-button icon="el-icon-Upload" type="primary" @click="importUserData">批量导入</el-button> -->
+                <el-button icon="el-icon-Upload" type="primary" @click="importUserData">批量导入</el-button> -->
-            </template>
+            </template>
-        </TableHeader>
+        </TableHeader>
-        <Table ref="tableRef"  />
+        <Table ref="tableRef"  />
-
+
-        <el-dialog title="详情" width="60%" v-model="dialogShow" v-if="dialogShow">
+        <el-dialog title="详情" width="60%" v-model="dialogShow" v-if="dialogShow">
-            <DetailInfo :id="userId" :openType="'sourcesOfInterference'"></DetailInfo>
+            <DetailInfo :id="userId" :openType="'sourcesOfInterference'"></DetailInfo>
-        </el-dialog>
+        </el-dialog>
-        <!-- 批量导入 -->
+        <!-- 批量导入 -->
-        <sensitive-user-popup ref="sensitiveUserPopup" />
+        <sensitive-user-popup ref="sensitiveUserPopup" />
-
+
-        <!-- 查看详情 detail 新增/修改 create-->
+        <!-- 查看详情 detail 新增/修改 create-->
-        <addForm ref="addForms" @onSubmit="tableStore.index()" :openType="'sourcesOfInterference'"></addForm>
+        <addForm ref="addForms" @onSubmit="tableStore.index()" :openType="'sourcesOfInterference'"></addForm>
-    </div>
+    </div>
-</template>
+</template>
-<script setup lang="ts">
+<script setup lang="ts">
-import { ref, onMounted, provide, nextTick, watch } from 'vue'
+import { ref, onMounted, provide, nextTick, watch } from 'vue'
-import TableStore from '@/utils/tableStore'
+import TableStore from '@/utils/tableStore'
-import Table from '@/components/table/index.vue'
+import Table from '@/components/table/index.vue'
-import TableHeader from '@/components/table/header/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
-import addForm from './components/addForm.vue'
+import addForm from './components/addForm.vue'
-import SensitiveUserPopup from './components/sensitiveUserPopup.vue'
+import SensitiveUserPopup from './components/sensitiveUserPopup.vue'
-import { useDictData } from '@/stores/dictData'
+import { useDictData } from '@/stores/dictData'
-import { useRouter } from 'vue-router'
+import { useRouter } from 'vue-router'
-import { downloadSensitiveReportTemplate } from '@/api/supervision-boot/userReport/form'
+import { downloadSensitiveReportTemplate } from '@/api/supervision-boot/userReport/form'
-import DetailInfo from './components/detail.vue'
+import DetailInfo from './components/detail.vue'
-import { cancelFormData, getUserReportById } from '@/api/supervision-boot/interfere/index'
+import { cancelFormData, getUserReportById } from '@/api/supervision-boot/interfere/index'
-import { deleteUserReport } from '@/api/supervision-boot/delete/index'
+import { deleteUserReport } from '@/api/supervision-boot/delete/index'
-const addForms = ref()
+const addForms = ref()
-const dictData = useDictData()
+const dictData = useDictData()
-const sensitiveUserPopup = ref()
+const sensitiveUserPopup = ref()
-const TableHeaderRef = ref()
+const TableHeaderRef = ref()
-const loading = ref(false)
+const loading = ref(false)
-const areaOptionList = dictData.getBasicData('jibei_area')
+const areaOptionList = dictData.getBasicData('jibei_area')
-const { push, options, currentRoute } = useRouter()
+const { push, options, currentRoute } = useRouter()
-import { useAdminInfo } from '@/stores/adminInfo'
+import { useAdminInfo } from '@/stores/adminInfo'
-defineOptions({
+defineOptions({
-    name: 'BusinessAdministrator/TerminalManagement/userLedger'
+    name: 'BusinessAdministrator/TerminalManagement/userLedger'
-})
+})
-
+
-//获取登陆用户姓名和部门
+//获取登陆用户姓名和部门
-const adminInfo = useAdminInfo()
+const adminInfo = useAdminInfo()
-const tableStore = new TableStore({
+const tableStore = new TableStore({
-    url: '/supervision-boot/userReport/getUserLedgerPage',
+    url: '/supervision-boot/userReport/getUserLedgerPage',
-    // publicHeight: 65,
+    // publicHeight: 65,
-    method: 'POST',
+    method: 'POST',
-    column: [
+    column: [
-        {
+        {
-            width: '60',
+            width: '60',
-            type: 'checkbox'
+            type: 'checkbox'
-        },
+        },
-        {
+        {
-            title: '序号',
+            title: '序号',
-            width: 80,
+            width: 80,
-            formatter: (row: any) => {
+            formatter: (row: any) => {
-                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
-            }
+            }
-        },
+        },
-        { field: 'city', title: '所在地市', minWidth: 80 },
+        { field: 'city', title: '所在地市', minWidth: 80 },
-        { field: 'substation', title: '厂站名称', minWidth: 100 },
+        { field: 'substation', title: '厂站名称', minWidth: 100 },
-        { field: 'projectName', title: '项目名称', minWidth: 170 },
+        { field: 'projectName', title: '项目名称', minWidth: 170 },
-        {
+        {
-            field: 'userType',
+            field: 'userType',
-            title: '用户性质',
+            title: '用户性质',
-            minWidth: 150,
+            minWidth: 150,
-            formatter: (obj: any) => {
+            formatter: (obj: any) => {
-                const userType = obj.row.userType
+                const userType = obj.row.userType
-                return getUserTypeName(userType)
+                return getUserTypeName(userType)
-            }
+            }
-        },
+        },
-
+
-        // { field: 'responsibleDepartment', title: '归口管理部门', minWidth: 130 },
+        // { field: 'responsibleDepartment', title: '归口管理部门', minWidth: 130 },
-        { field: 'ratePower', title: '装机容量(MW)', minWidth: 130 },
+        { field: 'ratePower', title: '装机容量(MW)', minWidth: 130 },
-        {
+        {
-            field: 'createBy',
+            field: 'createBy',
-            title: '创建人',
+            title: '创建人',
-            minWidth: 80,
+            minWidth: 80,
-            formatter: (row: any) => {
+            formatter: (row: any) => {
-                return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
+                return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
-            }
+            }
-        },
+        },
-        {
+        {
-            title: '操作',
+             title: '操作',fixed: 'right',
-            minWidth: 150,
+            minWidth: 150,
-            fixed: 'right',
+           
-            render: 'buttons',
+            render: 'buttons',
-            buttons: [
+            buttons: [
-                {
+                {
-                    name: 'productSetting',
+                    name: 'productSetting',
-                    title: '详细信息',
+                    title: '详细信息',
-                    type: 'primary',
+                    type: 'primary',
-                    icon: 'el-icon-EditPen',
+                    icon: 'el-icon-EditPen',
-                    render: 'basicButton',
+                    render: 'basicButton',
-                    click: row => {
+                    click: row => {
-                        lookInfo(row.id)
+                        lookInfo(row.id)
-                    }
+                    }
-                },
+                },
-
+
-                {
+                {
-                    name: 'edit',
+                    name: 'edit',
-                    title: '编辑',
+                    title: '编辑',
-                    type: 'primary',
+                    type: 'primary',
-                    icon: 'el-icon-Open',
+                    icon: 'el-icon-Open',
-                    render: 'basicButton',
+                    render: 'basicButton',
-                    disabled: row => {
+                    disabled: row => {
-                        return !(row.status == 0)
+                        return !(row.status == 0)
-                    },
+                    },
-             
+             
-
+
-                    click: row => {
+                    click: row => {
-                        addForms.value.filterUsers([6])
+                        addForms.value.filterUsers([6])
-
+
-                        addForms.value.open({
+                        addForms.value.open({
-                            title: '编辑',
+                            title: '编辑',
-                            row: row
+                            row: row
-                        })
+                        })
-                    }
+                    }
-                },
+                },
-         
+         
-               
+               
-            ]
+            ]
-        }
+        }
-    ],
+    ],
-
+
-    beforeSearchFun: () => {
+    beforeSearchFun: () => {
-        tableStore.table.params.orgNo = tableStore.table.params.deptIndex
+        tableStore.table.params.orgNo = tableStore.table.params.deptIndex
-    }
+    }
-})
+})
-tableStore.table.params.city = ''
+tableStore.table.params.city = ''
-tableStore.table.params.orgId = adminInfo.$state.deptId
+tableStore.table.params.orgId = adminInfo.$state.deptId
-tableStore.table.params.projectName = ''
+tableStore.table.params.projectName = ''
-tableStore.table.params.loadType = ''
+tableStore.table.params.loadType = ''
-tableStore.table.params.userName = ''
+tableStore.table.params.userName = ''
-tableStore.table.params.relationUserName = ''
+tableStore.table.params.relationUserName = ''
-tableStore.table.params.aisFileUpload = ''
+tableStore.table.params.aisFileUpload = ''
-
+
-const userId = ref()
+const userId = ref()
-const dialogShow = ref(false)
+const dialogShow = ref(false)
-
+
-const lookInfo = (id: string) => {
+const lookInfo = (id: string) => {
-    userId.value = id
+    userId.value = id
-    dialogShow.value = true
+    dialogShow.value = true
-}
+}
-
+
-provide('tableStore', tableStore)
+provide('tableStore', tableStore)
-onMounted(() => {
+onMounted(() => {
-    tableStore.index()
+    tableStore.index()
-})
+})
-// 禁止点击
+// 禁止点击
-const checkboxConfig = reactive({
+const checkboxConfig = reactive({
-    checkMethod: ({ row }) => {
+    checkMethod: ({ row }) => {
-        return adminInfo.roleCode.includes('delete_info')
+        return adminInfo.roleCode.includes('delete_info')
-            ? true
+            ? true
-            : row.createBy == adminInfo.$state.id && row.status == 0
+            : row.createBy == adminInfo.$state.id && row.status == 0
-    }
+    }
-})
+})
-const deleteEven = () => {
+const deleteEven = () => {
-    if (tableStore.table.selection.length == 0) {
+    if (tableStore.table.selection.length == 0) {
-        ElMessage({
+        ElMessage({
-            type: 'warning',
+            type: 'warning',
-            message: '请选择要删除的数据'
+            message: '请选择要删除的数据'
-        })
+        })
-    } else {
+    } else {
-        ElMessageBox.confirm('此操作将永久删除, 是否继续?', '提示', {
+        ElMessageBox.confirm('此操作将永久删除, 是否继续?', '提示', {
-            confirmButtonText: '确定',
+            confirmButtonText: '确定',
-            cancelButtonText: '取消',
+            cancelButtonText: '取消',
-            type: 'warning'
+            type: 'warning'
-        }).then(() => {
+        }).then(() => {
-            deleteUserReport(tableStore.table.selection.map(item => item.id)).then(res => {
+            deleteUserReport(tableStore.table.selection.map(item => item.id)).then(res => {
-                ElMessage({
+                ElMessage({
-                    type: 'success',
+                    type: 'success',
-                    message: '删除成功!'
+                    message: '删除成功!'
-                })
+                })
-                tableStore.index()
+                tableStore.index()
-            })
+            })
-        })
+        })
-    }
+    }
-}
+}
-/**取消流程操作*/
+/**取消流程操作*/
-const cancelLeave = async (row: any) => {
+const cancelLeave = async (row: any) => {
-    // 二次确认
+    // 二次确认
-    const { value } = await ElMessageBox.prompt('请输入取消原因', '取消流程', {
+    const { value } = await ElMessageBox.prompt('请输入取消原因', '取消流程', {
-        confirmButtonText: '确定',
+        confirmButtonText: '确定',
-        cancelButtonText: '取消',
+        cancelButtonText: '取消',
-        inputType: 'textarea',
+        inputType: 'textarea',
-        inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空，且非空格
+        inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空，且非空格
-        inputErrorMessage: '取消原因不能为空'
+        inputErrorMessage: '取消原因不能为空'
-    })
+    })
-    // 发起取消
+    // 发起取消
-    let data = {
+    let data = {
-        id: row.id,
+        id: row.id,
-        processInstanceId: row.processInstanceId,
+        processInstanceId: row.processInstanceId,
-        dataType: 1,
+        dataType: 1,
-        reason: value
+        reason: value
-    }
+    }
-    await cancelFormData(data)
+    await cancelFormData(data)
-    ElMessage.success('取消成功')
+    ElMessage.success('取消成功')
-    // 加载数据
+    // 加载数据
-    tableStore.index()
+    tableStore.index()
-}
+}
-
+
-// 新增
+// 新增
-const addFormModel = () => {
+const addFormModel = () => {
-    addForms.value.filterUsers([6])
+    addForms.value.filterUsers([6])
-
+
-    setTimeout(() => {
+    setTimeout(() => {
-        addForms.value.open({
+        addForms.value.open({
-            title: '用户档案录入'
+            title: '用户档案录入'
-        })
+        })
-    })
+    })
-}
+}
-/**获取用户性质*/
+/**获取用户性质*/
-const getUserTypeName = (userType: any) => {
+const getUserTypeName = (userType: any) => {
-    if (userType === 0) {
+    if (userType === 0) {
-        return '新建电网工程'
+        return '新建电网工程'
-    }
+    }
-    if (userType === 1) {
+    if (userType === 1) {
-        return '扩建电网工程'
+        return '扩建电网工程'
-    }
+    }
-    if (userType === 2) {
+    if (userType === 2) {
-        return '新建非线性负荷用户'
+        return '新建非线性负荷用户'
-    }
+    }
-    if (userType === 3) {
+    if (userType === 3) {
-        return '扩建非线性负荷用户'
+        return '扩建非线性负荷用户'
-    }
+    }
-    if (userType === 4) {
+    if (userType === 4) {
-        return '新建新能源发电站'
+        return '新建新能源发电站'
-    }
+    }
-    if (userType === 5) {
+    if (userType === 5) {
-        return '扩建新能源发电站'
+        return '扩建新能源发电站'
-    }
+    }
-    if (userType === 6) {
+    if (userType === 6) {
-        return '敏感及重要用户'
+        return '敏感及重要用户'
-    }
+    }
-    return '新建电网工程'
+    return '新建电网工程'
-}
+}
-//导出模板
+//导出模板
-const exportExcelTemplate = async () => {
+const exportExcelTemplate = async () => {
-    loading.value = true
+    loading.value = true
-    await downloadSensitiveReportTemplate().then((res: any) => {
+    await downloadSensitiveReportTemplate().then((res: any) => {
-        let blob = new Blob([res], {
+        let blob = new Blob([res], {
-            type: 'application/vnd.ms-excel'
+            type: 'application/vnd.ms-excel'
-        })
+        })
-        const url = window.URL.createObjectURL(blob)
+        const url = window.URL.createObjectURL(blob)
-        const link = document.createElement('a')
+        const link = document.createElement('a')
-        link.href = url
+        link.href = url
-        link.download = '干扰源用户台账模板'
+        link.download = '干扰源用户台账模板'
-        document.body.appendChild(link)
+        document.body.appendChild(link)
-        link.click()
+        link.click()
-        link.remove()
+        link.remove()
-    })
+    })
-    await setTimeout(() => {
+    await setTimeout(() => {
-        loading.value = false
+        loading.value = false
-    }, 0)
+    }, 0)
-}
+}
-
+
-//批量导入用户数据
+//批量导入用户数据
-const importUserData = () => {
+const importUserData = () => {
-    sensitiveUserPopup.value.open('导入干扰源用户')
+    sensitiveUserPopup.value.open('导入干扰源用户')
-}
+}
-
+
-const props = defineProps({ id: { type: String, default: 'null' } })
+const props = defineProps({ id: { type: String, default: 'null' } })
-watch(
+watch(
-    () => props.id,
+    () => props.id,
-    async (newValue, oldValue) => {
+    async (newValue, oldValue) => {
-        if (newValue === 'null') return // 直接返回，避免后续逻辑执行
+        if (newValue === 'null') return // 直接返回，避免后续逻辑执行
-        const fullId = newValue.split('@')[0]
+        const fullId = newValue.split('@')[0]
-        let nowTime = Date.now()
+        let nowTime = Date.now()
-        const routeTime = Number(newValue.split('@')[1])
+        const routeTime = Number(newValue.split('@')[1])
-        if (isNaN(routeTime) || nowTime - routeTime > import.meta.env.VITE_ROUTE_TIME_OUT) return // 路由时间超过500ms，则不执行
+        if (isNaN(routeTime) || nowTime - routeTime > import.meta.env.VITE_ROUTE_TIME_OUT) return // 路由时间超过500ms，则不执行
-        await getUserReportById(fullId).then(res => {
+        await getUserReportById(fullId).then(res => {
-            if (res && res.code == 'A0000') {
+            if (res && res.code == 'A0000') {
-                addForms.value.setcontroFlag()
+                addForms.value.setcontroFlag()
-                addForms.value.open({
+                addForms.value.open({
-                    title: '重新发起',
+                    title: '重新发起',
-                    row: res.data
+                    row: res.data
-                })
+                })
-            }
+            }
-        })
+        })
-    },
+    },
-    { immediate: true }
+    { immediate: true }
-)
+)
-</script>
+</script>

src/views/pqs/cockpit/homePage/index.vue

@@ -181,7 +181,7 @@ const zoom = (value: any) => {
             component: registerComponent(item.path)
         }))
     }
-    console.log('🚀 ~ zoom ~ layout.value:', layout.value)
+   // console.log('🚀 ~ zoom ~ layout.value:', layout.value)
 
     flag.value = !flag.value
 

src/views/pqs/database/algorithm/components/addTree.vue

@@ -1,96 +1,96 @@
-<template>
+<template>
-    <el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title" width="700px">
+    <el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title" width="700px">
-        <el-scrollbar>
+        <el-scrollbar>
-            <el-form :inline="false" :model="form" label-width="auto" :rules="rules" ref="formRef">
+            <el-form :inline="false" :model="form" label-width="auto" :rules="rules" ref="formRef">
-                <el-form-item label="上级名称">
+                <el-form-item label="上级名称">
-                    <!-- <el-input v-model="form.pid" placeholder="上级名称" /> -->
+                    <!-- <el-input v-model="form.pid" placeholder="上级名称" /> -->
-                    <el-tree-select
+                    <el-tree-select
-                        v-model="form.pid"
+                        v-model="form.pid"
-                        :data="dataTree"
+                        :data="dataTree"
-                        check-strictly
+                        check-strictly
-                        clearable
+                        clearable
-                        default-expand-all
+                        default-expand-all
-                        :render-after-expand="false"
+                        :render-after-expand="false"
-                        :props="defaultProps"
+                        :props="defaultProps"
-                    />
+                    />
-                </el-form-item>
+                </el-form-item>
-                <el-form-item label="名称" prop="name">
+                <el-form-item label="名称" prop="name">
-                    <el-input v-model="form.name" placeholder="名称" />
+                    <el-input v-model="form.name" placeholder="名称" />
-                </el-form-item>
+                </el-form-item>
-            </el-form>
+            </el-form>
-        </el-scrollbar>
+        </el-scrollbar>
-        <template #footer>
+        <template #footer>
-            <span class="dialog-footer">
+            <span class="dialog-footer">
-                <el-button @click="dialogVisible = false">取消</el-button>
+                <el-button @click="dialogVisible = false">取消</el-button>
-                <el-button type="primary" @click="submit">确认</el-button>
+                <el-button type="primary" @click="submit">确认</el-button>
-            </span>
+            </span>
-        </template>
+        </template>
-    </el-dialog>
+    </el-dialog>
-</template>
+</template>
-<script lang="ts" setup>
+<script lang="ts" setup>
-import { ref, inject } from 'vue'
+import { ref, inject } from 'vue'
-import { reactive } from 'vue'
+import { reactive } from 'vue'
-import { ElMessage } from 'element-plus'
+import { ElMessage } from 'element-plus'
-import { queryAllAlgorithmLibrary, addAlgorithm } from '@/api/supervision-boot/database/index'
+import { queryAllAlgorithmLibrary, addAlgorithm } from '@/api/supervision-boot/database/index'
-const dialogVisible = ref(false)
+const dialogVisible = ref(false)
-const title = ref('')
+const title = ref('')
-const emit = defineEmits(['getTree'])
+const emit = defineEmits(['getTree'])
-const formRef = ref()
+const formRef = ref()
-// 注意不要和表单ref的命名冲突
+// 注意不要和表单ref的命名冲突
-const form = reactive<anyObj>({
+const form = reactive<anyObj>({
-    name: '',
+    name: '',
-    pid: ''
+    pid: ''
-})
+})
-const defaultProps = {
+const defaultProps = {
-    children: 'children',
+    children: 'children',
-    label: 'name',
+    label: 'name',
-    value: 'id'
+    value: 'id'
-}
+}
-const rules = {
+const rules = {
-    name: [{ required: true, message: '请输入名称', trigger: 'blur' }]
+    name: [{ required: true, message: '请输入名称', trigger: 'blur' }]
-}
+}
-const dataTree = ref([])
+const dataTree = ref([])
-const open = (text: string, data?: anyObj) => {
+const open = (text: string, data?: anyObj) => {
-    getTheTree()
+    getTheTree()
-    title.value = text
+    title.value = text
-    dialogVisible.value = true
+    dialogVisible.value = true
-    if (data) {
+    if (data) {
-        // 表单赋值
+        // 表单赋值
-        for (let key in form) {
+        for (let key in form) {
-            form[key] = data[key]
+            form[key] = data[key]
-        }
+        }
-    } else {
+    } else {
-        // 在此处恢复默认表单
+        // 在此处恢复默认表单
-        for (let key in form) {
+        for (let key in form) {
-            form[key] = ''
+            form[key] = ''
-        }
+        }
-    }
+    }
-}
+}
-const getTheTree = () => {
+const getTheTree = () => {
-    queryAllAlgorithmLibrary().then(res => {
+    queryAllAlgorithmLibrary().then(res => {
-        res.data.forEach((item: any) => {
+        res.data.forEach((item: any) => {
-            item.children.forEach((item2: any) => {
+            item.children.forEach((item2: any) => {
-                item2.childrens = item2.children
+                item2.childrens = item2.children
-                item2.children = []
+                item2.children = []
-            })
+            })
-        })
+        })
-        dataTree.value = res.data
+        dataTree.value = res.data
-    })
+    })
-}
+}
-const submit = () => {
+const submit = () => {
-    formRef.value.validate(async (valid: boolean) => {
+    formRef.value.validate(async (valid: boolean) => {
-        if (valid) {
+        if (valid) {
-            addAlgorithm({
+            addAlgorithm({
-                pid: form.pid.length == 0 ? '' : form.pid,
+                pid: form.pid.length == 0 ? '' : form.pid,
-                name: form.name
+                name: form.name
-            }).then(res => {
+            }).then(res => {
-                ElMessage.success('新增成功')
+                ElMessage.success('新增成功')
-                emit('getTree')
+                emit('getTree')
-                dialogVisible.value = false
+                dialogVisible.value = false
-            })
+            })
-        }
+        }
-    })
+    })
-}
+}
-
+
-defineExpose({ open })
+defineExpose({ open })
-</script>
+</script>

src/views/pqs/database/algorithm/components/form.vue

@@ -1,190 +1,190 @@
-<template>
+<template>
-    <el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title" width="1200px">
+    <el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title" width="1200px">
-
+
-        <el-form :model="form" label-width="120px" class="form-two" :rules="rules" ref="formRef">
+        <el-form :model="form" label-width="120px" class="form-two" :rules="rules" ref="formRef">
-            <el-form-item :label="title == '修改算法' ? '选择修改的数据' : '选择父级'" :prop="title == '修改算法' ? 'pid' : ''">
+            <el-form-item :label="title == '修改算法' ? '选择修改的数据' : '选择父级'" :prop="title == '修改算法' ? 'pid' : ''">
-                <el-tree-select v-model="form.pid" :data="dataTree" check-strictly clearable filterable
+                <el-tree-select v-model="form.pid" :data="dataTree" check-strictly clearable filterable
-                    @node-click="changeTree" default-expand-all :render-after-expand="false" :props="defaultProps"
+                    @node-click="changeTree" default-expand-all :render-after-expand="false" :props="defaultProps"
-                    @clear="TreeList = {}" />
+                    @clear="TreeList = {}" />
-            </el-form-item>
+            </el-form-item>
-            <el-form-item label="名称" prop="name" v-if="title == '修改算法' ? TreeList.level != 4 : TreeList.level != 3">
+            <el-form-item label="名称" prop="name" v-if="title == '修改算法' ? TreeList.level != 4 : TreeList.level != 3">
-                <el-input v-model="form.name" placeholder="名称" clearable maxlength="32" show-word-limit @input="handleInput('name', $event)"/>
+                <el-input v-model="form.name" placeholder="名称" clearable maxlength="32" show-word-limit @input="handleInput('name', $event)"/>
-            </el-form-item>
+            </el-form-item>
-            <!-- <div v-if="title == '修改算法' ? TreeList.level == 4 : TreeList.level == 3"> -->
+            <!-- <div v-if="title == '修改算法' ? TreeList.level == 4 : TreeList.level == 3"> -->
-            <el-form-item label="算法名称" prop="name" v-if="title == '修改算法' ? TreeList.level == 4 : TreeList.level == 3">
+            <el-form-item label="算法名称" prop="name" v-if="title == '修改算法' ? TreeList.level == 4 : TreeList.level == 3">
-                <el-input v-model="form.name" placeholder="请输入算法名称" clearable maxlength="32" show-word-limit @input="handleInput('name', $event)"/>
+                <el-input v-model="form.name" placeholder="请输入算法名称" clearable maxlength="32" show-word-limit @input="handleInput('name', $event)"/>
-            </el-form-item>
+            </el-form-item>
-            <el-form-item label="计算周期" prop="period" v-if="title == '修改算法' ? TreeList.level == 4 : TreeList.level == 3">
+            <el-form-item label="计算周期" prop="period" v-if="title == '修改算法' ? TreeList.level == 4 : TreeList.level == 3">
-                <el-select v-model="form.period" placeholder="请选择计算周期" clearable>
+                <el-select v-model="form.period" placeholder="请选择计算周期" clearable>
-                    <el-option v-for="item in cycle" :key="item.value" :label="item.label" :value="item.value" />
+                    <el-option v-for="item in cycle" :key="item.value" :label="item.label" :value="item.value" />
-                </el-select>
+                </el-select>
-            </el-form-item>
+            </el-form-item>
-            <el-form-item label="数据来源" prop="source" v-if="title == '修改算法' ? TreeList.level == 4 : TreeList.level == 3">
+            <el-form-item label="数据来源" prop="source" v-if="title == '修改算法' ? TreeList.level == 4 : TreeList.level == 3">
-                <el-input v-model="form.source" placeholder="请输入数据来源" clearable maxlength="32" show-word-limit @input="handleInput('source', $event)"/>
+                <el-input v-model="form.source" placeholder="请输入数据来源" clearable maxlength="32" show-word-limit @input="handleInput('source', $event)"/>
-            </el-form-item>
+            </el-form-item>
-            <!-- <el-form-item label="定义" prop="definition" style="width: 100%;" v-if="title == '修改算法' ? TreeList.level == 4 : TreeList.level == 3">
+            <!-- <el-form-item label="定义" prop="definition" style="width: 100%;" v-if="title == '修改算法' ? TreeList.level == 4 : TreeList.level == 3">
-                      
+                      
-                        <editor v-model="form.definition" />
+                        <editor v-model="form.definition" />
-                    </el-form-item> -->
+                    </el-form-item> -->
-            <!-- </div> -->
+            <!-- </div> -->
-        </el-form>
+        </el-form>
-        <div style="display: flex" v-if="title == '修改算法' ? TreeList.level == 4 : TreeList.level == 3">
+        <div style="display: flex" v-if="title == '修改算法' ? TreeList.level == 4 : TreeList.level == 3">
-            <div style="width: 140px;margin-right: -20px;text-align: center;flex-shrink: 0;">定义</div>
+            <div style="width: 140px;margin-right: -20px;text-align: center;flex-shrink: 0;">定义</div>
-            <editor v-model="form.definition" />
+            <editor v-model="form.definition" />
-        </div>
+        </div>
-
+
-        <template #footer>
+        <template #footer>
-            <span class="dialog-footer">
+            <span class="dialog-footer">
-                <el-button @click="dialogVisible = false">取消</el-button>
+                <el-button @click="dialogVisible = false">取消</el-button>
-                <el-button type="primary" @click="submit" v-loading="loading">确认</el-button>
+                <el-button type="primary" @click="submit" v-loading="loading">确认</el-button>
-            </span>
+            </span>
-        </template>
+        </template>
-    </el-dialog>
+    </el-dialog>
-</template>
+</template>
-<script lang="ts" setup>
+<script lang="ts" setup>
-import { ref, nextTick } from 'vue'
+import { ref, nextTick } from 'vue'
-import { reactive } from 'vue'
+import { reactive } from 'vue'
-import { ElMessage } from 'element-plus'
+import { ElMessage } from 'element-plus'
-import { queryAllAlgorithmLibrary, addAlgorithm, updateAlgorithmLibrary } from '@/api/supervision-boot/database/index'
+import { queryAllAlgorithmLibrary, addAlgorithm, updateAlgorithmLibrary } from '@/api/supervision-boot/database/index'
-import editor from '@/components/wangEditor/index.vue'
+import editor from '@/components/wangEditor/index.vue'
-const emit = defineEmits(['getTree'])
+const emit = defineEmits(['getTree'])
-const dialogVisible = ref(false)
+const dialogVisible = ref(false)
-const title = ref('')
+const title = ref('')
-const formRef = ref()
+const formRef = ref()
-const loading = ref(false)
+const loading = ref(false)
-const dataTree = ref([])
+const dataTree = ref([])
-const key = ref(0)
+const key = ref(0)
-const TreeList: any = ref({})
+const TreeList: any = ref({})
-const List = ref({})
+const List = ref({})
-const defaultProps = {
+const defaultProps = {
-    children: 'children',
+    children: 'children',
-    label: 'name',
+    label: 'name',
-    value: 'id'
+    value: 'id'
-}
+}
-// 注意不要和表单ref的命名冲突
+// 注意不要和表单ref的命名冲突
-const form = reactive<anyObj>({
+const form = reactive<anyObj>({
-    name: '',
+    name: '',
-    period: '',
+    period: '',
-    definition: '',
+    definition: '',
-    source: '',
+    source: '',
-    pid: ''
+    pid: ''
-})
+})
-const rules = {
+const rules = {
-    name: [{ required: true, message: '请输入算法名称', trigger: 'blur' }],
+    name: [{ required: true, message: '请输入算法名称', trigger: 'blur' }],
-    period: [{ required: true, message: '请选择计算周期', trigger: 'change' }],
+    period: [{ required: true, message: '请选择计算周期', trigger: 'change' }],
-    pid: [{ required: true, message: '请选择数据', trigger: 'change' }],
+    pid: [{ required: true, message: '请选择数据', trigger: 'change' }],
-    definition: [{ required: true, message: '请输入定义', trigger: 'blur' }],
+    definition: [{ required: true, message: '请输入定义', trigger: 'blur' }],
-    source: [{ required: true, message: '请输入数据来源', trigger: 'blur' }]
+    source: [{ required: true, message: '请输入数据来源', trigger: 'blur' }]
-}
+}
-const cycle = [
+const cycle = [
-    { value: '0', label: '日' },
+    { value: '0', label: '日' },
-    { value: '1', label: '月' },
+    { value: '1', label: '月' },
-    { value: '2', label: '季' },
+    { value: '2', label: '季' },
-    { value: '3', label: '年' }
+    { value: '3', label: '年' }
-]
+]
-const changeTree = (row: any) => {
+const changeTree = (row: any) => {
-    console.log("🚀 ~ changeTree ~ row:", row)
+   // console.log("🚀 ~ changeTree ~ row:", row)
-    TreeList.value = row
+    TreeList.value = row
-    if (title.value == '修改算法') {
+    if (title.value == '修改算法') {
-        if (row.level != 4) {
+        if (row.level != 4) {
-            form.name = row.name
+            form.name = row.name
-
+
-        } else {
+        } else {
-            for (let key in form) {
+            for (let key in form) {
-                form[key] = row[key]
+                form[key] = row[key]
-            }
+            }
-        }
+        }
-
+
-        form.id = row.id
+        form.id = row.id
-        key.value += 1
+        key.value += 1
-    }
+    }
-}
+}
-
+
-const open = (row: any) => {
+const open = (row: any) => {
-    title.value = row.title
+    title.value = row.title
-    dialogVisible.value = true
+    dialogVisible.value = true
-    List.value = row.row
+    List.value = row.row
-    getTheTree()
+    getTheTree()
-    // 在此处恢复默认表单
+    // 在此处恢复默认表单
-    nextTick(() => {
+    nextTick(() => {
-        for (let key in form) {
+        for (let key in form) {
-            form[key] = ''
+            form[key] = ''
-        }
+        }
-        if (row.title == '修改算法') {
+        if (row.title == '修改算法') {
-
+
-            form.pid = row.row.id
+            form.pid = row.row.id
-            TreeList.value = row.row
+            TreeList.value = row.row
-            changeTree(row.row)
+            changeTree(row.row)
-
+
-            // row.row
+            // row.row
-        }
+        }
-    })
+    })
-    formRef.value?.resetFields()
+    formRef.value?.resetFields()
-}
+}
-const submit = async () => {
+const submit = async () => {
-    loading.value = true
+    loading.value = true
-    formRef.value.validate(async (valid: boolean) => {
+    formRef.value.validate(async (valid: boolean) => {
-        if (valid) {
+        if (valid) {
-            if (title.value == '新增算法') {
+            if (title.value == '新增算法') {
-                let forms: any = {}
+                let forms: any = {}
-                if (TreeList.value.level == 3) {
+                if (TreeList.value.level == 3) {
-                    forms = form
+                    forms = form
-                } else {
+                } else {
-                    forms.name = form.name
+                    forms.name = form.name
-                    forms.pid = form.pid
+                    forms.pid = form.pid
-                }
+                }
-                await addAlgorithm(forms).then(res => {
+                await addAlgorithm(forms).then(res => {
-                    ElMessage.success('新增成功')
+                    ElMessage.success('新增成功')
-                    dialogVisible.value = false
+                    dialogVisible.value = false
-                    emit('getTree')
+                    emit('getTree')
-                })
+                })
-            } else {
+            } else {
-                let forms: any = {}
+                let forms: any = {}
-                if (TreeList.value.level == 4) {
+                if (TreeList.value.level == 4) {
-                    forms = JSON.parse(JSON.stringify(form))
+                    forms = JSON.parse(JSON.stringify(form))
-                } else {
+                } else {
-                    forms.name = form.name
+                    forms.name = form.name
-                    forms.id = form.id
+                    forms.id = form.id
-                }
+                }
-                forms.pid = null
+                forms.pid = null
-                await updateAlgorithmLibrary(forms).then(res => {
+                await updateAlgorithmLibrary(forms).then(res => {
-                    ElMessage.success('修改成功')
+                    ElMessage.success('修改成功')
-                    dialogVisible.value = false
+                    dialogVisible.value = false
-                    emit('getTree')
+                    emit('getTree')
-                })
+                })
-            }
+            }
-        }
+        }
-    })
+    })
-    await setTimeout(() => {
+    await setTimeout(() => {
-
+
-        loading.value = false
+        loading.value = false
-    }, 0)
+    }, 0)
-}
+}
-const getTheTree = () => {
+const getTheTree = () => {
-    queryAllAlgorithmLibrary().then(res => {
+    queryAllAlgorithmLibrary().then(res => {
-        res.data.forEach((item: any) => {
+        res.data.forEach((item: any) => {
-            item.children.forEach((item2: any) => {
+            item.children.forEach((item2: any) => {
-                item2.children.forEach((item3: any) => {
+                item2.children.forEach((item3: any) => {
-                    if (title.value != '修改算法') {
+                    if (title.value != '修改算法') {
-                        item3.childrens = item3.children
+                        item3.childrens = item3.children
-                        item3.children = []
+                        item3.children = []
-                    }
+                    }
-                })
+                })
-            })
+            })
-        })
+        })
-
+
-        dataTree.value = res.data
+        dataTree.value = res.data
-    })
+    })
-}
+}
-
+
-
+
-const handleInput = (field: string, value: string) => {
+const handleInput = (field: string, value: string) => {
-    // 过滤空格
+    // 过滤空格
-    const filteredValue = value.replace(/\s/g, '')
+    const filteredValue = value.replace(/\s/g, '')
-    if (filteredValue !== value) {
+    if (filteredValue !== value) {
-        form[field] = filteredValue
+        form[field] = filteredValue
-    }
+    }
-}
+}
-
+
-defineExpose({ open })
+defineExpose({ open })
-</script>
+</script>

src/views/pqs/database/algorithm/index.vue

@@ -1,346 +1,59 @@
 <template>
-    <div class="default-main" :style="height">
+    <div class="default-main">
-        <!-- 算法库 -->
+        <el-tabs v-model="activeName" type="border-card">
-        <splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
+            <el-tab-pane label="总览" name="1" v-if="tabList.includes('1')">
-            <pane :size="size">
+                <overview v-if="activeName == '1'" @algorithm="algorithm" />
-                <algorithmTree
+            </el-tab-pane>
-                    ref="treeRef"
+            <el-tab-pane label="算法库" name="2" v-if="tabList.includes('2')">
-                    :default-expand-all="false"
+                <list v-if="activeName == '2'" ref="listRef" />
-                    :default-expanded-keys="monitoringPoint.state.lineId ? [monitoringPoint.state.lineId] : []"
+            </el-tab-pane>
-                    :current-node-key="monitoringPoint.state.lineId"
+        </el-tabs>
-                    @node-click="handleNodeClick"
-                    @init="handleNodeClick"
-                    @onAddTree="onAddTree"
-                ></algorithmTree>
-            </pane>
-            <pane style="background: #fff" :style="height">
-                <div class="boxTop">
-                    <div>
-                        <el-radio-group v-model="radio">
-                            <el-radio-button v-for="(item, i) in dotList?.childrens" :label="item.name" :value="i" />
-                        </el-radio-group>
-                    </div>
-                    <div v-if="information">
-                        <el-button icon="el-icon-Plus" type="primary" @click="addUser">新增</el-button>
-                        <el-button icon="el-icon-Edit" type="primary" @click="revise">修改</el-button>
-                        <el-button icon="el-icon-Delete" type="primary" @click="deletes">删除</el-button>
-                    </div>
-                </div>
-
-                <div :style="heightTab">
-                    <vxe-table height="auto" v-bind="defaultAttribute" :data="dotList?.childrens[radio]?.children">
-                        <vxe-column field="name" title="算法名称"></vxe-column>
-                        <vxe-column field="createTime" title="创建时间"></vxe-column>
-
-                        <vxe-column field="period" title="计算周期">
-                            <template #default="{ row }">
-                                {{
-                                    row.period == 0
-                                        ? '日'
-                                        : row.period == 1
-                                        ? '月'
-                                        : row.period == 2
-                                        ? '季'
-                                        : row.period == 3
-                                        ? '年'
-                                        : ''
-                                }}
-                            </template>
-                        </vxe-column>
-                        <vxe-column field="source" title="数据来源"></vxe-column>
-                        <!-- <vxe-column field="useFLag" title="是否启用">
-                            <template #default="{ row }">
-                                <el-tag :type="row.useFLag === 1 ? 'success' : 'info'" effect="dark"
-                                    style="cursor: pointer" @click="change(row)">
-                                    {{ row.useFLag === 1 ? '是' : '否' }}
-                                </el-tag>
-                            </template>
-                        </vxe-column> -->
-                        <vxe-column field="definition" title="定义">
-                            <template #default="{ row }">
-                                <el-button type="primary" link @click="view(row)">查看</el-button>
-                            </template>
-                        </vxe-column>
-                        <!-- <vxe-column title="操作" width="150px">
-                            <template #default="{ row }">
-                                <el-button type="primary" link @click="edit(row)">修改</el-button>
-                                <el-button type="danger" link @click="del(row)">删除</el-button>
-                                <el-popconfirm title="确定删除吗？" confirm-button-type='danger'  @confirm="del(row)">
-                                    <template #reference>
-                                        <el-button type="danger" link>删除</el-button>
-                                    </template>
-                                </el-popconfirm>
-                            </template>
-                        </vxe-column> -->
-                    </vxe-table>
-                </div>
-            </pane>
-        </splitpanes>
-        <!-- 树弹框 -->
-        <addTree ref="addTreeRef" @getTree="treeRef.loadData(dotList.id)" />
-        <!-- 弹框 -->
-        <PopupEdit
-            ref="popupEditRef"
-            v-if="popupEditFlag"
-            @getTree="treeRef.loadData(dotList.id), (popupEditFlag = false)"
-        />
-        <!-- 定义 -->
-        <el-dialog draggable v-model="viewFlag" title="定义" width="60%">
-            <div style="min-height: 300px; max-height: 55vh">
-                <div class="editor" ref="editorRef" v-html="summary" />
-            </div>
-        </el-dialog>
-        <!-- 删除 -->
-        <el-dialog draggable v-model="dialogVisible" title="请选择需要删除的数据" width="400">
-            <el-tree-select
-                v-model="TreeValue"
-                :data="TreeData"
-                filterable
-                check-strictly
-                :props="defaultProps"
-                default-expand-all
-                :render-after-expand="false"
-            />
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button @click="dialogVisible = false">取消</el-button>
-                    <el-button type="primary" @click="del">删除</el-button>
-                </div>
-            </template>
-        </el-dialog>
     </div>
 </template>
+
 <script setup lang="ts">
-import { onMounted, ref, provide } from 'vue'
+import { nextTick, ref, provide, onMounted } from 'vue'
-import 'splitpanes/dist/splitpanes.css'
-import { Splitpanes, Pane } from 'splitpanes'
-import algorithmTree from '@/components/tree/pqs/algorithmTree.vue'
 import { mainHeight } from '@/utils/layout'
-import { defaultAttribute } from '@/components/table/defaultAttribute'
+import overview from './overview.vue'
-import { getLineExport, getList, selectReleation } from '@/api/event-boot/report'
+import list from './list.vue'
-import addTree from './components/addTree.vue'
+import { useRoute } from 'vue-router'
-import PopupEdit from './components/form.vue'
+const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
-import { useMonitoringPoint } from '@/stores/monitoringPoint'
+const route = useRoute()
-import { ElMessage, ElMessageBox } from 'element-plus'
+const Undocumented = ref()
-import { deleteyById } from '@/api/supervision-boot/database/index'
+const InterferenceUserTable = ref()
-import { queryAllAlgorithmLibrary, updateAlgorithmLibrary } from '@/api/supervision-boot/database/index'
-import { useAdminInfo } from '@/stores/adminInfo'
-import katex from 'katex'
-import 'katex/dist/katex.css'
-const adminInfo = useAdminInfo()
 defineOptions({
-    name: 'database/algorithm'
+    name: 'supervision/interferencemanagement  '
 })
-const monitoringPoint = useMonitoringPoint()
+const activeName = ref('1')
-const height = mainHeight(20)
+const id = ref('')
-const heightTab = mainHeight(82)
+const key = ref('')
-const size = ref(23)
+const listRef = ref()
-const addTreeRef = ref()
+const tabList = ref(['1', '2'])
-const editorRef = ref()
-const dialogVisible = ref(false)
-const viewFlag = ref(false)
-const popupEditFlag = ref(false)
-const treeRef = ref()
-const summary = ref('')
-const popupEditRef = ref()
-const TreeData = ref([])
-const TreeValue = ref([])
-const information = adminInfo.roleCode.includes('information_info')
-
-const defaultProps = {
-    label: 'name',
-    value: 'id'
-}
-const dotList: any = ref()
-
-const templatePolicy: any = ref([])
-// const tableStore = new TableStore({
-//     url: '/supervision-boot/libalgorithm/queryAllAlgorithmLibrary',
-//     method: 'GET',
-//     column: [
-//         { title: '算法名称', field: 'name' },
-//         {
-//             title: '定义',
-//             field: 'name1'
-//         },
-//         {
-//             title: '计算公式',
-//             field: 'name2'
-//         },
-//         {
-//             title: '计算周期',
-//             field: 'name3'
-//         },
-//         {
-//             title: '数据来源',
-//             field: 'name4'
-//         },
-//         {
-//             title: '是否启用',
-//             field: 'name5',
-//             render: 'tag',
-//             effect: 'dark',
-//             custom: {
-//                 0: 'info',
-//                 1: 'success'
-//             },
-//             replaceValue: {
-//                 0: '否',
-//                 1: '是'
-//             }
-//         }
-//     ],
-//     loadCallback: () => {}
-// })
-const radio = ref(0)
-
-// 新增弹框
-const addUser = () => {
-    popupEditFlag.value = true
-    setTimeout(() => {
-        popupEditRef.value.open({
-            title: '新增算法'
-        })
-    }, 100)
-}
-// 修改弹框
-const revise = () => {
-    popupEditFlag.value = true
-    setTimeout(() => {
-        popupEditRef.value.open({
-            title: '修改算法',
-            row: dotList.value
-        })
-    }, 100)
-}
-
 onMounted(() => {
-    const dom = document.getElementById('navigation-splitpanes')
+    let key = window.location.href.split('?')[0].slice(-1)
-    if (dom) {
+    const isNumber = /^\d$/.test(key)
-        size.value = Math.round((180 / dom.offsetHeight) * 120)
+    if (isNumber) {
+        tabList.value = [key]
+        activeName.value = key
     }
-    // tableStore.index()
 })
-
+const algorithm = (val: any) => {
-const view = (row: any) => {
+    activeName.value = '2'
-    viewFlag.value = true
-    summary.value = row.definition
     setTimeout(() => {
-        const spans = document.querySelectorAll('span[data-value]')
+        listRef.value.getList(val)
-        // 遍历每个 span 标签
-        spans.forEach(function (span) {
-            let val = katex.renderToString(span.getAttribute('data-value'), {
-                throwOnError: false
-            })
-            // var newDiv = document.createElement('div');
-            var newDiv = span
-            newDiv.innerHTML = val
-
-            span.parentNode.replaceChild(newDiv, span)
-        })
     }, 100)
-
-    //
-}
-
-const handleNodeClick = (data: any, node: any) => {
-    if (data.pid != '0') {
-        dotList.value = data
-        radio.value = 0
-    }
-}
-const onAddTree = () => {
-    addTreeRef.value.open('新增')
-}
-const deletes = () => {
-    TreeValue.value = []
-    queryAllAlgorithmLibrary().then(res => {
-        TreeData.value = res.data
-    })
-    dialogVisible.value = true
-}
-// 删除
-const del = () => {
-    if (TreeValue.value.length == 0) {
-        return ElMessage.warning('请选择数据')
-    }
-    ElMessageBox.confirm('此操作将永久删除, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-    }).then(() => {
-        deleteyById({ id: TreeValue.value }).then(res => {
-            ElMessage.success('删除成功')
-            dialogVisible.value = false
-            treeRef.value.loadData()
-        })
-    })
-
-    // if (TreeValue.value.length > 0) {
-    //     ElMessage.warning('请选择数据')
-    //     return
-    // }
-}
-// 启用
-const change = (row: any) => {
-    console.log('🚀 ~ change ~ row:', row)
-    ElMessageBox.confirm(`请确认是否${row.useFLag == 0 ? '启用' : '关闭'}算法?`, '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-    }).then(() => {
-        updateAlgorithmLibrary({ ...row, useFLag: row.useFLag == 0 ? 1 : 0 }).then(res => {
-            ElMessage.success(row.useFLag == 0 ? '启用' : '关闭' + '成功')
-            treeRef.value.loadData(dotList.value.id)
-        })
-    })
 }
+const layout = mainHeight(63) as any
 </script>
-<style lang="scss">
+
-.splitpanes.default-theme .splitpanes__pane {
+<style lang="scss" scoped>
-    background: #eaeef1;
+.bars_w {
+    width: 100%;
+    height: 500px;
 }
 
-.grid-content {
+:deep(.el-tabs__content) {
-    text-align: center;
+    height: v-bind('layout.height');
-}
+    overflow-y: auto;
-
-.el-divider--horizontal {
-    margin: 10px 0;
-}
-
-.mTop {
-    margin-top: 5px;
-    margin-bottom: 5px;
-}
-
-.boxTop {
-    height: 52px;
-    padding: 10px 10px 10px 0;
-    display: flex;
-    justify-content: space-between;
-}
-
-.editor {
-    table {
-        width: 100%;
-        border-collapse: collapse;
-    }
-
-    th,
-    td {
-        border: 1px solid black;
-        padding: 8px;
-        text-align: center;
-    }
-
-    th {
-        background-color: #f2f2f2;
-        font-weight: bold;
-    }
-
-    td {
-        background-color: #ffffff;
-    }
 }
 </style>

src/views/pqs/database/algorithm/list.vue

@@ -0,0 +1,359 @@
+<template>
+    <div class="default-main" :style="height">
+        <!-- 算法库 -->
+        <splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
+            <pane :size="size">
+                <algorithmTree
+                    ref="treeRef"
+                    :default-expand-all="false"
+                    :default-expanded-keys="monitoringPoint.state.lineId ? [monitoringPoint.state.lineId] : []"
+                    :current-node-key="monitoringPoint.state.lineId"
+                    @node-click="handleNodeClick"
+                    @init="handleNodeClick"
+                    @onAddTree="onAddTree"
+                ></algorithmTree>
+            </pane>
+            <pane style="background: #fff; width: 100%" :style="height">
+                <div class="boxTop">
+                    <div>
+                        <el-radio-group v-model="radio">
+                            <el-radio-button v-for="(item, i) in dotList?.childrens" :label="item.name" :value="i" />
+                        </el-radio-group>
+                    </div>
+                    <div >
+                        <el-button icon="el-icon-Plus" type="primary" @click="addUser">新增</el-button>
+                        <el-button icon="el-icon-Edit" type="primary" @click="revise">修改</el-button>
+                        <el-button icon="el-icon-Delete" type="primary" @click="deletes">删除</el-button>
+                    </div>
+                </div>
+
+                <div :style="heightTab">
+                    <vxe-table height="auto" v-bind="defaultAttribute" :data="dotList?.childrens[radio]?.children">
+                        <vxe-column field="name" title="算法名称"></vxe-column>
+                        <vxe-column field="createTime" title="创建时间"></vxe-column>
+
+                        <vxe-column field="period" title="计算周期">
+                            <template #default="{ row }">
+                                {{
+                                    row.period == 0
+                                        ? '日'
+                                        : row.period == 1
+                                        ? '月'
+                                        : row.period == 2
+                                        ? '季'
+                                        : row.period == 3
+                                        ? '年'
+                                        : ''
+                                }}
+                            </template>
+                        </vxe-column>
+                        <vxe-column field="source" title="数据来源"></vxe-column>
+                        <!-- <vxe-column field="useFLag" title="是否启用">
+                            <template #default="{ row }">
+                                <el-tag :type="row.useFLag === 1 ? 'success' : 'info'" effect="dark"
+                                    style="cursor: pointer" @click="change(row)">
+                                    {{ row.useFLag === 1 ? '是' : '否' }}
+                                </el-tag>
+                            </template>
+                        </vxe-column> -->
+                        <vxe-column field="definition" title="定义">
+                            <template #default="{ row }">
+                                <el-button type="primary" link @click="view(row)">查看</el-button>
+                            </template>
+                        </vxe-column>
+                        <!-- <vxe-column title="操作" width="150px">
+                            <template #default="{ row }">
+                                <el-button type="primary" link @click="edit(row)">修改</el-button>
+                                <el-button type="danger" link @click="del(row)">删除</el-button>
+                                <el-popconfirm title="确定删除吗？" confirm-button-type='danger'  @confirm="del(row)">
+                                    <template #reference>
+                                        <el-button type="danger" link>删除</el-button>
+                                    </template>
+                                </el-popconfirm>
+                            </template>
+                        </vxe-column> -->
+                    </vxe-table>
+                </div>
+            </pane>
+        </splitpanes>
+        <!-- 树弹框 -->
+        <addTree ref="addTreeRef" @getTree="treeRef.loadData(dotList.id)" />
+        <!-- 弹框 -->
+        <PopupEdit
+            ref="popupEditRef"
+            v-if="popupEditFlag"
+            @getTree="treeRef.loadData(dotList.id), (popupEditFlag = false)"
+        />
+        <!-- 定义 -->
+        <el-dialog draggable v-model="viewFlag" title="定义" width="60%">
+            <div style="min-height: 300px; max-height: 55vh">
+                <div class="editor" ref="editorRef" v-html="summary" />
+            </div>
+        </el-dialog>
+        <!-- 删除 -->
+        <el-dialog draggable v-model="dialogVisible" title="请选择需要删除的数据" width="400">
+            <el-tree-select
+                v-model="TreeValue"
+                :data="TreeData"
+                filterable
+                check-strictly
+                :props="defaultProps"
+                default-expand-all
+                :render-after-expand="false"
+            />
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button @click="dialogVisible = false">取消</el-button>
+                    <el-button type="primary" @click="del">删除</el-button>
+                </div>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+<script setup lang="ts">
+import { onMounted, ref, provide, nextTick } from 'vue'
+import 'splitpanes/dist/splitpanes.css'
+import { Splitpanes, Pane } from 'splitpanes'
+import algorithmTree from '@/components/tree/pqs/algorithmTree.vue'
+import { mainHeight } from '@/utils/layout'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+import { getLineExport, selectReleation } from '@/api/event-boot/report'
+import addTree from './components/addTree.vue'
+import PopupEdit from './components/form.vue'
+import { useMonitoringPoint } from '@/stores/monitoringPoint'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { deleteyById } from '@/api/supervision-boot/database/index'
+import { queryAllAlgorithmLibrary, updateAlgorithmLibrary } from '@/api/supervision-boot/database/index'
+import { useAdminInfo } from '@/stores/adminInfo'
+import katex from 'katex'
+import 'katex/dist/katex.css'
+const adminInfo = useAdminInfo()
+defineOptions({
+    name: 'database/algorithm'
+})
+const monitoringPoint = useMonitoringPoint()
+const height = mainHeight(20)
+const heightTab = mainHeight(82)
+const size = ref(19)
+const addTreeRef = ref()
+const editorRef = ref()
+const dialogVisible = ref(false)
+const viewFlag = ref(false)
+const popupEditFlag = ref(false)
+const treeRef = ref()
+const summary = ref('')
+const popupEditRef = ref()
+const TreeData = ref([])
+const TreeValue = ref([])
+const information = adminInfo.roleCode.includes('information_info')
+
+const defaultProps = {
+    label: 'name',
+    value: 'id'
+}
+const dotList: any = ref()
+
+const templatePolicy: any = ref([])
+// const tableStore = new TableStore({
+//     url: '/supervision-boot/libalgorithm/queryAllAlgorithmLibrary',
+//     method: 'GET',
+//     column: [
+//         { title: '算法名称', field: 'name' },
+//         {
+//             title: '定义',
+//             field: 'name1'
+//         },
+//         {
+//             title: '计算公式',
+//             field: 'name2'
+//         },
+//         {
+//             title: '计算周期',
+//             field: 'name3'
+//         },
+//         {
+//             title: '数据来源',
+//             field: 'name4'
+//         },
+//         {
+//             title: '是否启用',
+//             field: 'name5',
+//             render: 'tag',
+//             effect: 'dark',
+//             custom: {
+//                 0: 'info',
+//                 1: 'success'
+//             },
+//             replaceValue: {
+//                 0: '否',
+//                 1: '是'
+//             }
+//         }
+//     ],
+//     loadCallback: () => {}
+// })
+const radio = ref(0)
+
+// 新增弹框
+const addUser = () => {
+    popupEditFlag.value = true
+    setTimeout(() => {
+        popupEditRef.value.open({
+            title: '新增算法'
+        })
+    }, 100)
+}
+// 修改弹框
+const revise = () => {
+    popupEditFlag.value = true
+    setTimeout(() => {
+        popupEditRef.value.open({
+            title: '修改算法',
+            row: dotList.value
+        })
+    }, 100)
+}
+
+onMounted(() => {
+    const dom = document.getElementById('navigation-splitpanes')
+    if (dom) {
+        size.value = Math.round((180 / dom.offsetHeight) * 120)
+    }
+    // tableStore.index()
+})
+
+const view = (row: any) => {
+    viewFlag.value = true
+    summary.value = row.definition
+    setTimeout(() => {
+        const spans = document.querySelectorAll('span[data-value]')
+        // 遍历每个 span 标签
+        spans.forEach(function (span) {
+            let val = katex.renderToString(span.getAttribute('data-value'), {
+                throwOnError: false
+            })
+            // var newDiv = document.createElement('div');
+            var newDiv = span
+            newDiv.innerHTML = val
+
+            span.parentNode.replaceChild(newDiv, span)
+        })
+    }, 100)
+
+    //
+}
+
+const handleNodeClick = (data: any, node: any) => {
+    if (data.pid != '0') {
+        dotList.value = data
+        radio.value = 0
+    }
+}
+const onAddTree = () => {
+    addTreeRef.value.open('新增')
+}
+const deletes = () => {
+    TreeValue.value = []
+    queryAllAlgorithmLibrary().then(res => {
+        TreeData.value = res.data
+    })
+    dialogVisible.value = true
+}
+// 删除
+const del = () => {
+    if (TreeValue.value.length == 0) {
+        return ElMessage.warning('请选择数据')
+    }
+    ElMessageBox.confirm('此操作将永久删除, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+    }).then(() => {
+        deleteyById({ id: TreeValue.value }).then(res => {
+            ElMessage.success('删除成功')
+            dialogVisible.value = false
+            treeRef.value.loadData()
+        })
+    })
+
+    // if (TreeValue.value.length > 0) {
+    //     ElMessage.warning('请选择数据')
+    //     return
+    // }
+}
+// 启用
+const change = (row: any) => {
+    console.log('🚀 ~ change ~ row:', row)
+    ElMessageBox.confirm(`请确认是否${row.useFLag == 0 ? '启用' : '关闭'}算法?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+    }).then(() => {
+        updateAlgorithmLibrary({ ...row, useFLag: row.useFLag == 0 ? 1 : 0 }).then(res => {
+            ElMessage.success(row.useFLag == 0 ? '启用' : '关闭' + '成功')
+            treeRef.value.loadData(dotList.value.id)
+        })
+    })
+}
+const getList = (val: any) => {
+    setTimeout(async () => {
+        dotList.value = await treeRef.value.setKey(val.data.pid)
+        await dotList.value?.childrens.forEach((item: any, i: number) => {
+            if (item.id == val.data.id) {
+                radio.value = i
+            }
+        })
+    }, 500)
+}
+defineExpose({
+    getList
+})
+</script>
+<style lang="scss">
+.splitpanes.default-theme .splitpanes__pane {
+    background: #eaeef1;
+}
+
+.grid-content {
+    text-align: center;
+}
+
+.el-divider--horizontal {
+    margin: 10px 0;
+}
+
+.mTop {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.boxTop {
+    height: 52px;
+    padding: 10px 10px 10px 0;
+    display: flex;
+    justify-content: space-between;
+}
+
+.editor {
+    table {
+        width: 100%;
+        border-collapse: collapse;
+    }
+
+    th,
+    td {
+        border: 1px solid black;
+        padding: 8px;
+        text-align: center;
+    }
+
+    th {
+        background-color: #f2f2f2;
+        font-weight: bold;
+    }
+
+    td {
+        background-color: #ffffff;
+    }
+}
+</style>

src/views/pqs/database/algorithm/overview.vue

@@ -0,0 +1,196 @@
+<template>
+    <div class="default-main pt50" :style="height">
+        <!-- 算法库 -->
+        <!--  -->
+
+        <MyEchart :options="echartList" style="width: 100%" :style="height" @echart-click="echartClick"></MyEchart>
+    </div>
+</template>
+<script setup lang="ts">
+import { onMounted, ref, provide } from 'vue'
+import 'splitpanes/dist/splitpanes.css'
+
+import { mainHeight } from '@/utils/layout'
+
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { useRouter } from 'vue-router'
+import { queryAllAlgorithmLibrary, updateAlgorithmLibrary } from '@/api/supervision-boot/database/index'
+import { useAdminInfo } from '@/stores/adminInfo'
+import 'katex/dist/katex.css'
+import { useConfig } from '@/stores/config'
+const router = useRouter()
+const config = useConfig()
+const adminInfo = useAdminInfo()
+defineOptions({
+    name: 'database/algorithm'
+})
+const emits = defineEmits(['algorithm'])
+const height = mainHeight(20)
+const size = ref(19)
+
+const popupEditFlag = ref(false)
+
+const popupEditRef = ref()
+const TreeList: any = ref([])
+
+const echartList = ref({})
+
+const dotList: any = ref()
+
+const radio = ref(0)
+
+// 新增弹框
+const addUser = () => {
+    popupEditFlag.value = true
+    setTimeout(() => {
+        popupEditRef.value.open({
+            title: '新增算法'
+        })
+    }, 100)
+}
+
+onMounted(() => {
+    const dom = document.getElementById('navigation-splitpanes')
+    if (dom) {
+        size.value = Math.round((180 / dom.offsetHeight) * 120)
+    }
+    info()
+    // tableStore.index()
+})
+
+const info = () => {
+    queryAllAlgorithmLibrary().then(async res => {
+        TreeList.value = await setTreeAllNodeExpand([
+            {
+                name: '算法库',
+                level: 0,
+                children: res.data
+            }
+        ])
+
+        echartList.value = {
+            series: [
+                {
+                    type: 'tree',
+                    data: TreeList.value,
+                    top: '20',
+                    bottom: '40',
+                    left: '20',
+                    symbolSize: 7,
+                    label: {
+                        position: 'left',
+                        verticalAlign: 'middle',
+                        align: 'left',
+                        fontSize: 14,
+                        fontWeight: 600,
+                        backgroundColor: config.layout.elementUiPrimary[0],
+                        color: '#fff',
+                        borderRadius: 5,
+                        formatter: function (params) {
+                            return [`{name|${params.data.name}}`]
+                        },
+                        rich: {
+                            name: {
+                                fontSize: 14,
+                                fontWeight: 'bold',
+                                padding: [10, 10]
+                            }
+                        }
+                    },
+                    leaves: {
+                        label: {
+                            position: 'left',
+                            verticalAlign: 'middle',
+                            fontWeight: 600,
+                            align: 'left'
+                        }
+                    },
+
+                    edgeShape: 'polyline', // 折线连接线
+                    roam: true, // 可移动,可缩放
+                    expandAndCollapse: false,
+                    animationDuration: 550,
+                    animationDurationUpdate: 750
+                }
+            ]
+        }
+    })
+}
+// 点击echart
+const echartClick = (params: any) => {
+   if(params.data.level == 3){
+     emits('algorithm', params)
+   }
+}
+const setTreeAllNodeExpand = (treeData: any) => {
+    if (!treeData) return []
+    // 兼容单对象/数组两种树数据格式
+    const data = Array.isArray(treeData) ? treeData : [treeData]
+    return data.map(node => {
+        // 深拷贝节点，彻底隔离原数据
+        const newNode = {
+            ...node,
+            collapsed: node.level <= 2 ? false : true // 强制添加展开属性
+        }
+        // 递归处理子节点
+        if (node.children && node.children.length > 0) {
+            newNode.children = setTreeAllNodeExpand(node.children)
+        }
+        return newNode
+    })
+}
+</script>
+<style lang="scss">
+.splitpanes.default-theme .splitpanes__pane {
+    background: #eaeef1;
+}
+
+.grid-content {
+    text-align: center;
+}
+
+.el-divider--horizontal {
+    margin: 10px 0;
+}
+
+.mTop {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.boxTop {
+    height: 52px;
+    padding: 10px 10px 10px 0;
+
+    display: flex;
+    justify-content: space-between;
+}
+
+.editor {
+    table {
+        width: 100%;
+        border-collapse: collapse;
+    }
+
+    th,
+    td {
+        border: 1px solid black;
+        padding: 8px;
+        text-align: center;
+    }
+
+    th {
+        background-color: #f2f2f2;
+        font-weight: bold;
+    }
+
+    td {
+        background-color: #ffffff;
+    }
+}
+.button {
+    position: absolute;
+    right: 10px;
+    top: 10px;
+}
+</style>

src/views/pqs/database/case/components/annex.vue

@@ -12,7 +12,7 @@
                     <div style="display: flex;align-items: center;">
                         <div>{{ item.name }}</div>
 
-                        <el-icon class="elView" v-if="item.name && VITE_FLAG" @click="view(item)">
+                        <el-icon class="elView" v-if="item.name" @click="view(item)">
                             <View />
                         </el-icon>
                         <el-icon class="elView" v-if="item.name" @click="download(item)">
@@ -50,7 +50,7 @@ import { ref, reactive } from 'vue'
 import { defaultAttribute } from '@/components/table/defaultAttribute'
 import { getFileNameAndFilePath, downloadFile } from '@/api/system-boot/file'
 import { Download, View } from '@element-plus/icons-vue'
-const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
+
 const dialogVisible = ref(false)
 const tableData: any = ref({
 

src/views/pqs/database/case/components/drawer.vue

@@ -3,7 +3,7 @@
         <el-drawer v-model="drawer" size="60%">
             <div class="box mt20">
                 <el-upload :show-file-list="false" action="" :auto-upload="false" class="ml10" :on-change="choose"
-                    v-if="information">
+                  v-if="information" >
                     <el-button icon="el-icon-Top" type="primary">上传常见治理措施</el-button>
                 </el-upload>
                 <el-button icon="el-icon-Download" type="primary" class="ml10" @click="downloadTheReport">
@@ -15,16 +15,16 @@
                 <el-collapse-item title="国家电网有限公司企业标准" name="2">
                     <!-- <el-empty description="暂无数据" class="custom-empty iframe" /> -->
                     <div :style="`overflow: auto;`" class="iframe">
-                        <vue-office-docx v-if="url.includes('.doc') || url.includes('.docx')" :src="url" />
+                        <vue-office-docx v-if="urlKey.includes('.doc') || urlKey.includes('.docx')" :src="url" />
-                        <vue-office-excel v-if="url.includes('.xls') || url.includes('.xlsx')" :src="url"
+                        <vue-office-excel v-if="urlKey.includes('.xls') || urlKey.includes('.xlsx')" :src="url"
                             :options="excelOptions" />
-                        <!-- <vue-office-pdf v-if="url.includes('.pdf')" :src="url" /> -->
+                        <!-- <vue-office-pdf v-if="urlKey.includes('.pdf')" :src="url" /> -->
-                        <iframe v-if="url.includes('.pdf')" :src="url" style="width: 100%; height: 99%"></iframe>
+                        <iframe v-if="urlKey.includes('.pdf')" :src="url" style="width: 100%; height: 99%"></iframe>
                         <img v-if="
-                            url.includes('.png') ||
+                            urlKey.includes('.png') ||
-                            url.includes('.jpg') ||
+                            urlKey.includes('.jpg') ||
-                            url.includes('.gif') ||
+                            urlKey.includes('.gif') ||
-                            url.includes('.bmp')
+                            urlKey.includes('.bmp')
                         " :src="url" />
                     </div>
                 </el-collapse-item>
@@ -45,6 +45,7 @@ import { useAdminInfo } from '@/stores/adminInfo'
 import { ElMessage } from 'element-plus'
 import { uploadFile, getFileNameAndFilePath, downloadFile } from '@/api/system-boot/file'
 import { addStandardCase, queryStandardCase } from '@/api/supervision-boot/database/index'
+import { previewFile } from '@/utils/fileDownLoad'
 const adminInfo = useAdminInfo()
 const drawer = ref(false)
 const activeName = ref('2')
@@ -53,17 +54,14 @@ const url = ref('')
 const excelOptions = ref({})
 const information = adminInfo.roleCode.includes('information_info')
 
-const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
+
-const open = (row: any) => {
+const urlKey=ref('')
-    // console.log('🚀 ~ open ~ row:', row)
+const open = async (row: any) => {
-    // url.value = row
     drawer.value = true
-    if(VITE_FLAG){
+    urlKey.value=row
-        url.value = `/api-docx/excelreport` + row
+        const previewUrl = await previewFile(row);
-        excelOptions.value = { xls: row.split('.')[1] == 'xls' ? true : false }
+        url.value = previewUrl;
-    }else{
         
-    }
     // getFileNameAndFilePath({ filePath: row }).then(res => {
     //     url.value = res.data.url
     // })

src/views/pqs/database/case/index.vue

@@ -1,274 +1,274 @@
-<template>
+<template>
-    <div class="default-main">
+    <div class="default-main">
-        <!-- 案例库 -->
+        <!-- 案例库 -->
-        <TableHeader ref="TableHeaderRef">
+        <TableHeader ref="TableHeaderRef">
-            <template #select>
+            <template #select>
-                <el-form-item label="名称">
+                <el-form-item label="名称">
-                    <el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入搜索名称" maxlength="32" show-word-limit/>
+                    <el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入搜索名称" maxlength="32" show-word-limit/>
-                </el-form-item>
+                </el-form-item>
-
+
-
+
-            </template>
+            </template>
-
+
-            <template #operation>
+            <template #operation>
-                <el-button icon="el-icon-Plus" type="primary" @click="addUser" v-if="information">新增</el-button>
+                <el-button icon="el-icon-Plus" type="primary" @click="addUser" v-if="information">新增</el-button>
-                <el-button icon="el-icon-View" type="primary" @click="checkOutTheCriteria">查看常见治理措施</el-button>
+                <el-button icon="el-icon-View" type="primary" @click="checkOutTheCriteria">查看常见治理措施</el-button>
-
+
-                <!-- <el-upload :show-file-list="false" action="" :auto-upload="false" class="ml10" :on-change="choose"
+                <!-- <el-upload :show-file-list="false" action="" :auto-upload="false" class="ml10" :on-change="choose"
-                    v-if="information">
+                    v-if="information">
-                    <el-button icon="el-icon-Top" type="primary">上传常见治理措施</el-button>
+                    <el-button icon="el-icon-Top" type="primary">上传常见治理措施</el-button>
-                </el-upload>
+                </el-upload>
-                <el-button icon="el-icon-Download" type="primary" class="ml10" @click="downloadTheReport">
+                <el-button icon="el-icon-Download" type="primary" class="ml10" @click="downloadTheReport">
-                    下载常见治理措施
+                    下载常见治理措施
-                </el-button> -->
+                </el-button> -->
-            </template>
+            </template>
-        </TableHeader>
+        </TableHeader>
-        <Table ref="tableRef"></Table>
+        <Table ref="tableRef"></Table>
-        <!-- 弹框 -->
+        <!-- 弹框 -->
-        <PopupEdit ref="popupEditRef" @onSubmit="tableStore.index()" />
+        <PopupEdit ref="popupEditRef" @onSubmit="tableStore.index()" />
-        <!-- 简介详情 -->
+        <!-- 简介详情 -->
-        <el-dialog v-model="dialogVisible" title="事件简介" width="60%">
+        <el-dialog v-model="dialogVisible" title="事件简介" width="60%">
-            <div class="editor" v-html="summary"></div>
+            <div class="editor" v-html="summary"></div>
-        </el-dialog>
+        </el-dialog>
-        <!-- 抽屉 -->
+        <!-- 抽屉 -->
-        <drawer ref="drawerRef" />
+        <drawer ref="drawerRef" />
-        <!-- 文件 -->
+        <!-- 文件 -->
-        <annex ref="annexRef" />
+        <annex ref="annexRef" />
-    </div>
+    </div>
-</template>
+</template>
-<script setup lang="ts">
+<script setup lang="ts">
-import { onMounted, ref, provide } from 'vue'
+import { onMounted, ref, provide } from 'vue'
-import TableStore from '@/utils/tableStore'
+import TableStore from '@/utils/tableStore'
-import TableHeader from '@/components/table/header/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
-import Table from '@/components/table/index.vue'
+import Table from '@/components/table/index.vue'
-import PopupEdit from './components/form.vue'
+import PopupEdit from './components/form.vue'
-import { libcaseBeleteyById } from '@/api/supervision-boot/database/index'
+import { libcaseBeleteyById } from '@/api/supervision-boot/database/index'
-import drawer from './components/drawer.vue'
+import drawer from './components/drawer.vue'
-import annex from './components/annex.vue'
+import annex from './components/annex.vue'
-import { ElMessage } from 'element-plus'
+import { ElMessage } from 'element-plus'
-import { uploadFile, getFileNameAndFilePath, downloadFile } from '@/api/system-boot/file'
+import { uploadFile, getFileNameAndFilePath, downloadFile } from '@/api/system-boot/file'
-import { addStandardCase, queryStandardCase } from '@/api/supervision-boot/database/index'
+import { addStandardCase, queryStandardCase } from '@/api/supervision-boot/database/index'
-import { useAdminInfo } from '@/stores/adminInfo'
+import { useAdminInfo } from '@/stores/adminInfo'
-import katex from "katex";
+import katex from "katex";
-import "katex/dist/katex.css";
+import "katex/dist/katex.css";
-const adminInfo = useAdminInfo()
+const adminInfo = useAdminInfo()
-defineOptions({
+defineOptions({
-    name: 'database/case'
+    name: 'database/case'
-})
+})
-
+
-const popupEditRef = ref()
+const popupEditRef = ref()
-const drawerRef = ref()
+const drawerRef = ref()
-const TableHeaderRef = ref()
+const TableHeaderRef = ref()
-const annexRef = ref()
+const annexRef = ref()
-const dialogVisible = ref(false)
+const dialogVisible = ref(false)
-const summary = ref('')
+const summary = ref('')
-const information = adminInfo.roleCode.includes('information_info')
+const information = adminInfo.roleCode.includes('information_info')
-const tableStore = new TableStore({
+const tableStore = new TableStore({
-    url: '/supervision-boot/libcase/pageQuery',
+    url: '/supervision-boot/libcase/pageQuery',
-    method: 'POST',
+    method: 'POST',
-    column: [
+    column: [
-        { title: '电能质量事件名称', field: 'name' },
+        { title: '电能质量事件名称', field: 'name' },
-        {
+        {
-            title: '发生地点',
+            title: '发生地点',
-            field: 'location'
+            field: 'location'
-        },
+        },
-        // {
+        // {
-        //     title: '发生事件',
+        //     title: '发生事件',
-        //     field: 'type'
+        //     field: 'type'
-        // },
+        // },
-        // {
+        // {
-        //     title: '事件经过',
+        //     title: '事件经过',
-        //     field: 'process'
+        //     field: 'process'
-        // },
+        // },
-        // {
+        // {
-        //     title: '处理措施',
+        //     title: '处理措施',
-        //     field: 'measures'
+        //     field: 'measures'
-        // },
+        // },
-        // {
+        // {
-        //     title: '治理效果',
+        //     title: '治理效果',
-        //     field: 'effect'
+        //     field: 'effect'
-        // },
+        // },
-        {
+        {
-            title: '事件简介',
+            title: '事件简介',
-            width: '140',
+            width: '140',
-            render: 'buttons',
+            render: 'buttons',
-            buttons: [
+            buttons: [
-                {
+                {
-                    name: 'view',
+                    name: 'view',
-                    title: '查看',
+                    title: '查看',
-                    type: 'primary',
+                    type: 'primary',
-                    icon: 'el-icon-Plus',
+                    icon: 'el-icon-Plus',
-                    render: 'basicButton',
+                    render: 'basicButton',
-                    click: row => {
+                    click: row => {
-                        dialogVisible.value = true
+                        dialogVisible.value = true
-                        summary.value = row.summary
+                        summary.value = row.summary
-                        setTimeout(() => {
+                        setTimeout(() => {
-
+
-                            const spans = document.querySelectorAll('span[data-value]');
+                            const spans = document.querySelectorAll('span[data-value]');
-                            // 遍历每个 span 标签  
+                            // 遍历每个 span 标签  
-                            spans.forEach(function (span) {
+                            spans.forEach(function (span) {
-
+
-                                let val = katex.renderToString(span.getAttribute('data-value'), {
+                                let val = katex.renderToString(span.getAttribute('data-value'), {
-                                    throwOnError: false,
+                                    throwOnError: false,
-                                })
+                                })
-                                var newDiv = span;
+                                var newDiv = span;
-                                newDiv.innerHTML = val;
+                                newDiv.innerHTML = val;
-
+
-                                span.parentNode.replaceChild(newDiv, span);
+                                span.parentNode.replaceChild(newDiv, span);
-                            });
+                            });
-
+
-                        }, 100)
+                        }, 100)
-                    }
+                    }
-                }
+                }
-            ]
+            ]
-        },
+        },
-        {
+        {
-            title: '操作',
+             title: '操作',fixed: 'right',
-            width: '200',
+            width: '200',
-            render: 'buttons',
+            render: 'buttons',
-            buttons: [
+            buttons: [
-                {
+                {
-                    name: 'view',
+                    name: 'view',
-                    title: '详情',
+                    title: '详情',
-                    type: 'primary',
+                    type: 'primary',
-                    icon: 'el-icon-Plus',
+                    icon: 'el-icon-Plus',
-                    render: 'basicButton',
+                    render: 'basicButton',
-                    click: row => {
+                    click: row => {
-                        annexRef.value.open(row)
+                        annexRef.value.open(row)
-                    }
+                    }
-                },
+                },
-                {
+                {
-                    name: 'view',
+                    name: 'view',
-                    title: '下载附件',
+                    title: '下载附件',
-                    type: 'primary',
+                    type: 'primary',
-                    icon: 'el-icon-Plus',
+                    icon: 'el-icon-Plus',
-                    render: 'basicButton',
+                    render: 'basicButton',
-                    click: row => {
+                    click: row => {
-                        annexRef.value.open(row)
+                        annexRef.value.open(row)
-                    }
+                    }
-                },
+                },
-                {
+                {
-                    name: 'edit',
+                    name: 'edit',
-                    title: '修改',
+                    title: '修改',
-                    type: 'primary',
+                    type: 'primary',
-                    disabled: row => {
+                    disabled: row => {
-                        return !information
+                        return !information
-                    },
+                    },
-                    icon: 'el-icon-Plus',
+                    icon: 'el-icon-Plus',
-                    render: 'basicButton',
+                    render: 'basicButton',
-                    click: row => {
+                    click: row => {
-                        popupEditRef.value.open('修改案例', row)
+                        popupEditRef.value.open('修改案例', row)
-                    }
+                    }
-                },
+                },
-                {
+                {
-                    name: 'delete',
+                    name: 'delete',
-                    title: '删除',
+                    title: '删除',
-                    type: 'danger',
+                    type: 'danger',
-                    icon: 'el-icon-Delete',
+                    icon: 'el-icon-Delete',
-                    render: 'confirmButton',
+                    render: 'confirmButton',
-                    disabled: row => {
+                    disabled: row => {
-                        return !information
+                        return !information
-                    },
+                    },
-                    popconfirm: {
+                    popconfirm: {
-                        confirmButtonText: '确认',
+                        confirmButtonText: '确认',
-                        cancelButtonText: '取消',
+                        cancelButtonText: '取消',
-                        confirmButtonType: 'danger',
+                        confirmButtonType: 'danger',
-                        title: '确定删除吗？'
+                        title: '确定删除吗？'
-                    },
+                    },
-                    click: row => {
+                    click: row => {
-                        libcaseBeleteyById({ id: row.id }).then(res => {
+                        libcaseBeleteyById({ id: row.id }).then(res => {
-                            ElMessage.success('删除成功')
+                            ElMessage.success('删除成功')
-                            tableStore.index()
+                            tableStore.index()
-                        })
+                        })
-                    }
+                    }
-                }
+                }
-            ]
+            ]
-        }
+        }
-    ],
+    ],
-    loadCallback: () => { }
+    loadCallback: () => { }
-})
+})
-tableStore.table.params.searchValue = ''
+tableStore.table.params.searchValue = ''
-// 弹框
+// 弹框
-const addUser = () => {
+const addUser = () => {
-    popupEditRef.value.open('新增案例')
+    popupEditRef.value.open('新增案例')
-}
+}
-
+
-provide('tableStore', tableStore)
+provide('tableStore', tableStore)
-onMounted(() => {
+onMounted(() => {
-    tableStore.index()
+    tableStore.index()
-    // console.log('🚀 ~ libcaseBeleteyById ~ tableStore:', tableStore)
+    // console.log('🚀 ~ libcaseBeleteyById ~ tableStore:', tableStore)
-})
+})
-const checkOutTheCriteria = () => {
+const checkOutTheCriteria = () => {
-    queryStandardCase().then(res => {
+    queryStandardCase().then(res => {
-        drawerRef.value.open(res.data)
+        drawerRef.value.open(res.data)
-    })
+    })
-}
+}
-
+
-// 上传
+// 上传
-const choose = (e: any) => {
+const choose = (e: any) => {
-    ElMessage.info('上传中,请稍等...')
+    ElMessage.info('上传中,请稍等...')
-    uploadFile(e.raw, '/supervision/').then((row: any) => {
+    uploadFile(e.raw, '/supervision/').then((row: any) => {
-        addStandardCase({ caseUrl: row.data.name }).then(res => {
+        addStandardCase({ caseUrl: row.data.name }).then(res => {
-            ElMessage.success('上传成功！')
+            ElMessage.success('上传成功！')
-        })
+        })
-    })
+    })
-    //
+    //
-}
+}
-const downloadTheReport = () => {
+const downloadTheReport = () => {
-    queryStandardCase().then(res => {
+    queryStandardCase().then(res => {
-        let urls = res.data
+        let urls = res.data
-        let name = urls.match(/\/([^/]+)\.(\w+)$/)[1]
+        let name = urls.match(/\/([^/]+)\.(\w+)$/)[1]
-        ElMessage.info('下载中,请稍等...')
+        ElMessage.info('下载中,请稍等...')
-        downloadFile({ filePath: urls }).then((res: any) => {
+        downloadFile({ filePath: urls }).then((res: any) => {
-            let blob = new Blob([res], {
+            let blob = new Blob([res], {
-                type: urls.includes('.pdf')
+                type: urls.includes('.pdf')
-                    ? 'application/pdf'
+                    ? 'application/pdf'
-                    : urls.includes('.docx')
+                    : urls.includes('.docx')
-                        ? 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+                        ? 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
-                        : urls.includes('.xls')
+                        : urls.includes('.xls')
-                            ? 'application/vnd.ms-excel'
+                            ? 'application/vnd.ms-excel'
-                            : urls.includes('.xlsx')
+                            : urls.includes('.xlsx')
-                                ? 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+                                ? 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
-                                : urls.includes('.png')
+                                : urls.includes('.png')
-                                    ? 'image/png'
+                                    ? 'image/png'
-                                    : urls.includes('.jpeg')
+                                    : urls.includes('.jpeg')
-                                        ? 'image/jpeg'
+                                        ? 'image/jpeg'
-                                        : urls.includes('.jpg')
+                                        : urls.includes('.jpg')
-                                            ? 'image/jpg'
+                                            ? 'image/jpg'
-                                            : ''
+                                            : ''
-            })
+            })
-            const url = window.URL.createObjectURL(blob)
+            const url = window.URL.createObjectURL(blob)
-            const link = document.createElement('a')
+            const link = document.createElement('a')
-            link.href = url
+            link.href = url
-            link.download = name
+            link.download = name
-            document.body.appendChild(link)
+            document.body.appendChild(link)
-            link.click()
+            link.click()
-            link.remove()
+            link.remove()
-        })
+        })
-    })
+    })
-}
+}
-</script>
+</script>
-<style lang="scss">
+<style lang="scss">
-.editor {
+.editor {
-    table {
+    table {
-        width: 100%;
+        width: 100%;
-        border-collapse: collapse;
+        border-collapse: collapse;
-    }
+    }
-
+
-    th,
+    th,
-    td {
+    td {
-        border: 1px solid black;
+        border: 1px solid black;
-        padding: 8px;
+        padding: 8px;
-        text-align: center;
+        text-align: center;
-    }
+    }
-
+
-    th {
+    th {
-        background-color: #f2f2f2;
+        background-color: #f2f2f2;
-        font-weight: bold;
+        font-weight: bold;
-    }
+    }
-
+
-    td {
+    td {
-        background-color: #ffffff;
+        background-color: #ffffff;
-    }
+    }
-}
+}
-</style>
+</style>

src/views/pqs/database/standard/index.vue

@@ -20,13 +20,13 @@
                 <el-empty v-if="url.length == 0" description="暂无数据" class="custom-empty"
                     :style="`height: calc(${height.height} - 60px);`" />
                 <div :style="`height: calc(${height.height} - 60px);overflow: auto;`" v-else>
-                    <vue-office-docx v-if="url.includes('.doc') || url.includes('.docx')" :src="url" />
+                    <vue-office-docx v-if="urlKey.includes('.doc') || urlKey.includes('.docx')" :src="url" />
-                    <vue-office-excel v-if="url.includes('.xls') || url.includes('.xlsx')" :src="url"
+                    <vue-office-excel v-if="urlKey.includes('.xls') || urlKey.includes('.xlsx')" :src="url"
                         :options="excelOptions" />
                     <!-- <vue-office-pdf v-if="url.includes('.pdf')" :src="url"/> -->
-                    <iframe v-if="url.includes('.pdf')" :src="url" style="width: 100%; height: 99%"></iframe>
+                    <iframe v-if="urlKey.includes('.pdf')" :src="url" style="width: 100%; height: 99%"></iframe>
                     <img v-if="
-                        url.includes('.png') || url.includes('.jpg') || url.includes('.gif') || url.includes('.bmp')
+                        urlKey.includes('.png') || urlKey.includes('.jpg') || urlKey.includes('.gif') || urlKey.includes('.bmp')
                     " :src="url" />
                 </div>
             </pane>
@@ -56,6 +56,7 @@ import VueOfficeExcel from '@vue-office/excel'
 import VueOfficePdf from '@vue-office/pdf'
 import { deleteyLibstandard } from '@/api/supervision-boot/database/index'
 import { useAdminInfo } from '@/stores/adminInfo'
+import {previewFile } from '@/utils/fileDownLoad'
 const adminInfo = useAdminInfo()
 defineOptions({
     name: 'database/standard'
@@ -63,7 +64,7 @@ defineOptions({
 const excelOptions = ref({})
 const monitoringPoint = useMonitoringPoint()
 const height = mainHeight(20)
-const size = ref(23)
+const size = ref(19)
 const treeRef = ref()
 const addTreeRef = ref()
 const url = ref('')
@@ -77,22 +78,24 @@ onMounted(() => {
     }
 })
 
-
+const urlKey=ref('')
 const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
 const handleNodeClick = (data: any, node: any) => {
-    console.log("🚀 ~ handleNodeClick ~ data:", data)
+   // console.log("🚀 ~ handleNodeClick ~ data:", data)
     dotList.value = data
     url.value = ''
     flag.value = false
     if (data?.url != null && data?.url != '') {
         flag.value = true
-
+        urlKey.value = data.url
-        setTimeout(() => {
+        console.log('urlKey.value',urlKey.value)
+        setTimeout(async () => {
              if(VITE_FLAG){
                    url.value = `/api-docx/excelreport` + data.url
                    excelOptions.value = { xls: data.url.split('.')[1] == 'xls' ? true : false }
              }else{
-                   
+                   const previewUrl = await previewFile(data.url);
+                    url.value = previewUrl;
              }
          
             // getFileNameAndFilePath({ filePath: data.url }).then(res => {

src/views/pqs/database/stencil/components/form.vue

@@ -91,8 +91,10 @@ const submit = () => {
     formRef.value.validate(async (valid: boolean) => {
         if (valid) {
             if (urlList.value.length > 0) {
+               
                 const promises = urlList.value.map(async (item: any) => {
                     if (urlList.value[0].raw) {
+                        
                         return new Promise((resolve, reject) => {
                             uploadFile(item.raw, '/supervision/')
                                 .then((res: any) => {

src/views/pqs/database/stencil/index.vue

@@ -36,7 +36,7 @@ defineOptions({
 })
 const information = adminInfo.roleCode.includes('information_info')
 const popupEditRef = ref()
-
+const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
 const TableHeaderRef = ref()
 
 const tableStore = new TableStore({
@@ -49,7 +49,7 @@ const tableStore = new TableStore({
             field: 'createTime'
         },
         {
-            title: '操作',
+             title: '操作',fixed: 'right',
             width: '280',
             render: 'buttons',
             buttons: [
@@ -59,6 +59,9 @@ const tableStore = new TableStore({
                     type: 'primary',
                     icon: 'el-icon-Plus',
                     render: 'basicButton',
+                    // disabled: row => {
+                    //     return !VITE_FLAG
+                    // },
                     click: row => {
                         window.open(window.location.origin + '/#/previewFile?' + row.url)
                     }

src/views/pqs/harmonicMonitoring/area/TransientEventList/index.vue

@@ -4,7 +4,7 @@
             <TableHeader datePicker area showExport>
                 <template #select>
                     <el-form-item label="筛选数据">
-                        <el-input v-model="tableStore.table.params.searchValue" placeholder="输入关键字筛选" />
+                        <el-input v-model="tableStore.table.params.searchValue" placeholder="输入关键字筛选" clearable maxlength="32" show-word-limit/>
                     </el-form-item>
                     <el-form-item label="统计类型:">
                         <el-select
@@ -131,7 +131,7 @@ const tableStore = new TableStore({
         { field: 'scale', title: '电压等级', minWidth: '110' },
         // {
         //     field: 'advanceType',
-        //     title: '暂降类型',
+        //     title: '触发类型',
         //     minWidth: '90',
         //     formatter: (row: any) => {
         //         return row.cellValue || '其他'
@@ -147,7 +147,7 @@ const tableStore = new TableStore({
         },
         {
             field: 'eventType',
-            title: '暂态统计类型',
+            title: '触发类型',
             minWidth: '120',
             formatter: (row: any) => {
                 return eventList.filter(item => item.id === row.cellValue)[0]?.name
@@ -179,7 +179,7 @@ const tableStore = new TableStore({
         { field: 'duration', title: '持续时间(s)', minWidth: '100' },
 
         {
-            title: '操作',
+             title: '操作',fixed: 'right',
             width: '120',
             render: 'buttons',
             buttons: [

src/views/pqs/harmonicMonitoring/area/getIntegrityData/components/charts.vue

@@ -75,11 +75,11 @@ const tableStore = new TableStore({
             yData = []
         chartsData.value.map((item: any) => {
             xData.push(item.type)
-            if (item.single == 0 || item.single == 3.14159) {
+            // if (item.single == 0 || item.single == 3.14159) {
-                yData.push(1)
+            //     yData.push(0)
-            } else {
+            // } else {
                 yData.push(item.single)
-            }
+            //}
         })
         // tableStore.table.data.type
         const legendColorList = ['#0099CC', '#9A6601', '#CCCCCC', '#FFFFFF']
@@ -111,7 +111,19 @@ const tableStore = new TableStore({
             },
            
             tooltip: {
-               
+                formatter: function (params: any) {
+                    var tips = ''
+                    for (var i = 0; i < params.length; i++) {
+                        if (params[i].value == 3.14159) {
+                            tips += params[i].name + '</br>'
+                            tips += params[i].marker + '完整性:暂无数据'
+                        } else {
+                            tips += params[i].name + '</br>'
+                            tips += params[i].marker + '完整性:' + params[i].value.toFixed(2)
+                        }
+                    }
+                    return tips
+                }
                 // formatter: function (params: any) {
                 //     var tips = `<div style="min-width:80px;display:flex;justify-content:space-between;align-items:center">
                 //         <span style="margin-left:5px;dislpay:block;min-width:80px;color:#000">${params[0].name}</span></div>`
@@ -181,7 +193,21 @@ const tableStore = new TableStore({
 
                             // 定制显示（按顺序）
                             color: function (params) {
-                                if (params.value >= 90) {
+                                if (params.value == 3.14159) {
+                                    return new echarts.graphic.LinearGradient(
+                                        0,
+                                        1,
+                                        0,
+                                        0,
+                                        [
+                                            {
+                                                offset: 1,
+                                                color: '#ccc'
+                                            }
+                                        ],
+                                        false
+                                    )
+                                } else if (params.value >= 90) {
                                     return new echarts.graphic.LinearGradient(
                                         0,
                                         1,
@@ -209,7 +235,7 @@ const tableStore = new TableStore({
                                         ],
                                         false
                                     )
-                                } else if (params.value > 0.5 && params.value <= 60) {
+                                } else if (params.value > 0 && params.value <= 60) {
                                     return new echarts.graphic.LinearGradient(
                                         0,
                                         1,
@@ -223,7 +249,7 @@ const tableStore = new TableStore({
                                         ],
                                         false
                                     )
-                                } else if (params.value > 0 && params.value <= 0.5) {
+                                } else if (params.value == 0) {
                                     return new echarts.graphic.LinearGradient(
                                         0,
                                         1,

src/views/pqs/harmonicMonitoring/area/getIntegrityData/index.vue

@@ -56,7 +56,7 @@
                     </el-form-item>
                 </template>
                 <template #operation>
-                    <el-button type="primary" icon="el-icon-Tickets" @click="makeUp">补招</el-button>
+                    <el-button type="primary" icon="el-icon-Tickets" @click="makeUp" v-if="!VITE_FLAG">补招</el-button>
                 </template>
             </TableHeader>
         </div>
@@ -113,6 +113,7 @@ const adminInfo = useAdminInfo()
 defineOptions({
     name: 'harmonic-boot/harmonic/getIntegrityData'
 })
+const VITE_FLAG = import.meta.env.VITE_NAME == 'hainan'
 const logRef = ref()
 const tableRef = ref()
 const chartsRef = ref()

src/views/pqs/harmonicMonitoring/area/harmonicDistortionRate/index1.vue

@@ -0,0 +1,189 @@
+<template>
+    <div class="default-main">
+        <TableHeader date-picker area showExport>
+            <template #select>
+                    <el-form-item label="统计类型:" v-if="false">
+                        <el-select
+                            v-model="tableStore.table.params.statisticalType"
+                            placeholder="请选择统计类型"
+                            value-key="id"
+                            style="width: 100%"
+                        >
+                            <el-option
+                                v-for="item in classificationData"
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="电压等级:" v-if="false">
+                        <el-select
+                            v-model="tableStore.table.params.scale"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择电压等级"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="item in voltageleveloption"
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="终端厂家:" v-if="false">
+                        <el-select
+                            v-model="tableStore.table.params.manufacturer"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择终端厂家"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="(item, index) in terminaloption"
+                                :key="index"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item> 
+                    
+                    <el-form-item label="干扰源类型:">
+                        <el-select
+                            v-model="tableStore.table.params.loadType"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择干扰源类型"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="(item, index) in interfereoption"
+                                :key="index"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="电网标志">
+                    <el-select v-model="tableStore.table.params.powerFlag" placeholder="请选择电网标志">
+                        <el-option v-for="item in sign" :key="item.id" :label="item.name" :value="item.algoDescribe" />
+                    </el-select>
+                    </el-form-item>
+            </template>
+        </TableHeader>
+        <Table ref="tableRef" />
+    </div>
+</template>
+<script lang="ts" setup>
+import { ref, onMounted, watch } from 'vue'
+import { useDictData } from '@/stores/dictData'
+import { getAreaDept } from '@/api/harmonic-boot/area'
+import TableHeader from '@/components/table/header/index.vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+
+defineOptions({
+    name: 'harmonic-boot/area/harmonicDistortionRate'
+})
+
+const dictData = useDictData()
+//字典获取电压等级
+const voltageleveloption = dictData.getBasicData('Dev_Voltage_Stand')
+//字典获取终端厂家
+const terminaloption = dictData.getBasicData('Dev_Manufacturers')
+//字典获取统计类型
+const classificationData = dictData.getBasicData('Statistical_Type', ['Report_Type'])
+//字典获取干扰源类型
+const interfereoption = dictData.getBasicData('Interference_Source')
+const sign = dictData.getBasicData('power_flag')
+
+
+
+const tableStore = new TableStore({
+    url: '/harmonic-boot/tHDistortion/getTHDistortionTableData',
+    isWebPaging: true,
+    method: 'POST',
+     column: [
+        {
+            field: 'index',
+            title: '序号',
+            width: '80',
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },  
+        {
+            field: 'subStation',
+            title: '变电站',
+             minWidth: 150
+        },
+         {
+            field: 'city',
+            title: '所在地市',
+            minWidth: 100
+        },
+        {
+            field: 'manufacturer',
+            title: '终端厂家',
+            minWidth: 80
+        },
+         {
+            field: 'deviceName',
+            title: '终端名称',
+            minWidth: 80
+        },
+      
+        {
+            title: '网络参数',
+            field: 'ip',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue ? row.cellValue : '/'
+            },
+            minWidth: 120
+        },
+        {
+            title: '监测点名称',
+            field: 'lineName',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue ? row.cellValue : '/'
+            },
+            minWidth: 100
+        },
+        {
+            title: '总谐波畸变率(%)',
+            field: 'distortion',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue == 3.14159 ? '暂无数据' : row.cellValue
+            },
+            minWidth: 120
+        }
+    ],
+
+  
+})
+
+tableStore.table.params.statisticalType = classificationData[0]
+tableStore.table.params.scale = []
+tableStore.table.params.manufacturer = []
+tableStore.table.params.loadType = []
+tableStore.table.params.serverName = 'harmonicBoot'
+tableStore.table.params.powerFlag = sign[0]?.algoDescribe || 0
+provide('tableStore', tableStore)
+
+
+onMounted(() => {
+    tableStore.index()
+})
+</script>

src/views/pqs/harmonicMonitoring/area/onlinerate/components/charts.vue

@@ -107,12 +107,12 @@ const tableStore = new TableStore({
                     var tips = ''
 
                     for (var i = 0; i < params.length; i++) {
-                        if (params[i].value == 1) {
+                        if (params[i].value == 3.14159) {
                             tips += params[i].name + '</br>'
-                            tips += '在线率:暂无数据'
+                            tips += params[i].marker + '在线率:暂无数据'
                         } else {
                             tips += params[i].name + '</br>'
-                            tips += '在线率:' + params[i].value.toFixed(2)
+                            tips += params[i].marker + '在线率:' + params[i].value.toFixed(2)
                         }
                     }
                     return tips
@@ -143,7 +143,21 @@ const tableStore = new TableStore({
                             //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}
                             // 定制显示（按顺序）
                             color: function (params: any) {
-                                if (params.value >= 90) {
+                                if (params.value == 3.14159) {
+                                    return new echarts.graphic.LinearGradient(
+                                        0,
+                                        1,
+                                        0,
+                                        0,
+                                        [
+                                            {
+                                                offset: 1,
+                                                color: '#ccc'
+                                            }
+                                        ],
+                                        false
+                                    )
+                                }else if (params.value >= 90) {
                                     return new echarts.graphic.LinearGradient(
                                         0,
                                         1,
@@ -171,7 +185,7 @@ const tableStore = new TableStore({
                                         ],
                                         false
                                     )
-                                } else if (params.value <= 60 && params.value > 1) {
+                                } else if (params.value > 0 && params.value <= 60) {
                                     return new echarts.graphic.LinearGradient(
                                         0,
                                         1,
@@ -180,12 +194,12 @@ const tableStore = new TableStore({
                                         [
                                             {
                                                 offset: 1,
-                                                color: '#A52a2a'
+                                                color: '#CC0100'
                                             }
                                         ],
                                         false
                                     )
-                                } else if (params.value > 0 && params.value <= 1) {
+                                } else if (params.value == 0) {
                                     return new echarts.graphic.LinearGradient(
                                         0,
                                         1,

src/views/pqs/harmonicMonitoring/area/onlinerate/index.vue

@@ -131,6 +131,12 @@ import TableHeader from '@/components/table/header/index.vue'
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
 import charts from './components/charts.vue'
+
+
+defineOptions({
+    name: 'device-boot/getOnlineRateData'
+})
+
 const tableRef = ref()
 const chartsRef = ref()
 const dictData = useDictData()
@@ -147,7 +153,7 @@ const treeData = ref([])
 const idArr = ref([])
 const activeName = ref(0)
 const getTreeData = async () => {
-    console.log('getTreeData')
+   
     await getAreaDept().then(res => {
         var data = res.data
         data.forEach(element => {

src/views/pqs/harmonicMonitoring/area/powerAssessment/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="default-main">
-        <TableHeader datePicker ref="header">
+        <TableHeader area datePicker ref="header">
             <template v-slot:select>
                 <el-form-item label="电网标志">
                     <el-select v-model="tableStore.table.params.powerFlag" placeholder="请选择电网标志">
@@ -11,82 +11,119 @@
         </TableHeader>
         <div v-loading="tableStore.table.loading" class="pr10">
             <el-row>
-                <el-col :span="12" class="pd10">
+                <el-col :span="12" class="pd10" v-if="!VITE_FLAG">
-                    <el-tag style="background: #339966;" class="tag" size="small">5级</el-tag>
+                    <el-tag style="background: #339966" class="tag" size="small">5级</el-tag>
-                    <span style="color: #339966;" class="text">:优秀--(4.5,5]</span>
+                    <span style="color: #339966" class="text">:优秀--(4.5,5]</span>
-                    <el-tag style="background: #3399ff;" class="tag" size="small">4级</el-tag>
+                    <el-tag style="background: #3399ff" class="tag" size="small">4级</el-tag>
-                    <span style="color: #3399ff;" class="text">:良好--(4,4.5]</span>
+                    <span style="color: #3399ff" class="text">:良好--(4,4.5]</span>
-                    <el-tag style="background: #ffcc33;" class="tag" size="small">3级</el-tag>
+                    <el-tag style="background: #ffcc33" class="tag" size="small">3级</el-tag>
-                    <span style="color: #ffcc33;" class="text">:合格--(3,4]</span>
+                    <span style="color: #ffcc33" class="text">:合格--(3,4]</span>
-                    <el-tag style="background: #ff9900;" class="tag" size="small">2级</el-tag>
+                    <el-tag style="background: #ff9900" class="tag" size="small">2级</el-tag>
-                    <span style="color: #ff9900;" class="text">:较差--(2,3]</span>
+                    <span style="color: #ff9900" class="text">:较差--(2,3]</span>
-                    <el-tag style="background: #A52a2a;" class="tag" size="small">1级</el-tag>
+                    <el-tag style="background: #a52a2a" class="tag" size="small">1级</el-tag>
-                    <span style="color: #A52a2a;" class="text">:极差--[1,2]</span>
+                    <span style="color: #a52a2a" class="text">:极差--[1,2]</span>
                     <div :style="{ height: layout.height }" style="overflow-y: auto" class="mt10">
-                        <div class=" cardBox">
+                        <div class="cardBox">
                             <el-card v-for="(item, index) in tableStore.table.data" :key="index">
                                 <template #header>
-                                    <div style="cursor: pointer;">
+                                    <div style="cursor: pointer">
-                                        <el-tag v-if="item.data == 3.14159 || item.data == 0"
+                                        <el-tag
-                                            style="background: #ccc; color: #fff" size="small">
+                                            v-if="item.data == 3.14159 || item.data == 0"
+                                            style="background: #ccc; color: #fff"
+                                            size="small"
+                                        >
                                             无
                                         </el-tag>
-                                        <el-tag v-if="4.5 < item.data && item.data <= 5 && item.data !== 3.14159"
+                                        <el-tag
-                                            style="background: #339966; color: #fff" size="small">
+                                            v-if="4.5 < item.data && item.data <= 5 && item.data !== 3.14159"
+                                            style="background: #339966; color: #fff"
+                                            size="small"
+                                        >
                                             5级
                                         </el-tag>
-                                        <el-tag v-if="4 < item.data && item.data <= 4.5 && item.data !== 3.14159"
+                                        <el-tag
-                                            style="background: #3399ff; color: #fff" size="small">
+                                            v-if="4 < item.data && item.data <= 4.5 && item.data !== 3.14159"
+                                            style="background: #3399ff; color: #fff"
+                                            size="small"
+                                        >
                                             4级
                                         </el-tag>
-                                        <el-tag v-if="3 < item.data && item.data <= 4 && item.data !== 3.14159"
+                                        <el-tag
-                                            style="background: #ffcc33; color: #fff" size="small">
+                                            v-if="3 < item.data && item.data <= 4 && item.data !== 3.14159"
+                                            style="background: #ffcc33; color: #fff"
+                                            size="small"
+                                        >
                                             3级
                                         </el-tag>
-                                        <el-tag v-if="2 < item.data && item.data <= 3 && item.data !== 3.14159"
+                                        <el-tag
-                                            style="background: #ff9900; color: #fff" size="small">
+                                            v-if="2 < item.data && item.data <= 3 && item.data !== 3.14159"
+                                            style="background: #ff9900; color: #fff"
+                                            size="small"
+                                        >
                                             4级
                                         </el-tag>
-                                        <el-tag v-if="1 <= item.data && item.data <= 2 && item.data !== 3.14159"
+                                        <el-tag
-                                            style="background: #A52a2a; color: #fff" size="small">
+                                            v-if="1 <= item.data && item.data <= 2 && item.data !== 3.14159"
+                                            style="background: #a52a2a; color: #fff"
+                                            size="small"
+                                        >
                                             1级
                                         </el-tag>
                                         <span>{{ item.name }}</span>
                                     </div>
-
-
-
                                 </template>
                                 <div class="card-content">
                                     <div class="card-item" v-for="(item1, index1) in item.children" :key="index1">
-                                        <el-tag v-if="item1.data == 3.14159 || item1.data == 0"
+                                        <el-tag
-                                            style="background: #ccc; color: #fff" size="small">
+                                            v-if="item1.data == 3.14159 || item1.data == 0"
+                                            style="background: #ccc; color: #fff"
+                                            size="small"
+                                        >
                                             无
                                         </el-tag>
-                                        <el-tag v-if="4.5 < item1.data && item1.data <= 5 && item1.data !== 3.14159"
+                                        <el-tag
-                                            style="background: #339966; color: #fff" size="small">
+                                            v-if="4.5 < item1.data && item1.data <= 5 && item1.data !== 3.14159"
+                                            style="background: #339966; color: #fff"
+                                            size="small"
+                                        >
                                             5级
                                         </el-tag>
-                                        <el-tag v-if="4 < item1.data && item1.data <= 4.5 && item1.data !== 3.14159"
+                                        <el-tag
-                                            style="background: #3399ff; color: #fff" size="small">
+                                            v-if="4 < item1.data && item1.data <= 4.5 && item1.data !== 3.14159"
+                                            style="background: #3399ff; color: #fff"
+                                            size="small"
+                                        >
                                             4级
                                         </el-tag>
-                                        <el-tag v-if="3 < item1.data && item1.data <= 4 && item1.data !== 3.14159"
+                                        <el-tag
-                                            style="background: #ffcc33; color: #fff" size="small">
+                                            v-if="3 < item1.data && item1.data <= 4 && item1.data !== 3.14159"
+                                            style="background: #ffcc33; color: #fff"
+                                            size="small"
+                                        >
                                             3级
                                         </el-tag>
-                                        <el-tag v-if="2 < item1.data && item1.data <= 3 && item1.data !== 3.14159"
+                                        <el-tag
-                                            style="background: #ff9900; color: #fff" size="small">
+                                            v-if="2 < item1.data && item1.data <= 3 && item1.data !== 3.14159"
+                                            style="background: #ff9900; color: #fff"
+                                            size="small"
+                                        >
                                             2级
                                         </el-tag>
-                                        <el-tag v-if="1 <= item1.data && item1.data <= 2 && item1.data !== 3.14159"
+                                        <el-tag
-                                            style="background: #A52a2a; color: #fff" size="small">
+                                            v-if="1 <= item1.data && item1.data <= 2 && item1.data !== 3.14159"
+                                            style="background: #a52a2a; color: #fff"
+                                            size="small"
+                                        >
                                             1级
                                         </el-tag>
                                         <span class="xdf">
-                                            <el-tooltip :show-arrow="false" :offset="-0" :content="item1.name"
+                                            <el-tooltip
-                                                popper-class="atooltip" placement="bottom-start">
+                                                :show-arrow="false"
-
+                                                :offset="-0"
+                                                :content="item1.name"
+                                                placement="bottom-start"
+                                             
+                                            >
                                                 <div class="tooltipText">
                                                     {{ item1.name }}
                                                 </div>
@@ -98,34 +135,26 @@
                         </div>
                     </div>
                 </el-col>
-                <el-col :span="12">
+                <el-col :span="VITE_FLAG ? 24 : 12">
                     <my-echart class="tall" :options="echartList" />
-                    <div class="tall">
+                    <div class="tall mb10">
                         <vxe-table height="auto" auto-resize :data="tableStore.table.data" v-bind="defaultAttribute">
-
                             <vxe-column field="name" title="名称"></vxe-column>
                             <vxe-column field="zc" title="综合评估值">
                                 <template #default="scope">
-                                    <span v-if="scope.row.data == 3.14159" style="color: #000;">
+                                    <span v-if="scope.row.data == 3.14159" style="color: #000">暂无数据</span>
-                                        暂无数据
+                                    <span v-if="scope.row.data !== 3.14159" style="color: #000">
-                                    </span>
-                                    <span v-if="scope.row.data !== 3.14159" style="color: #000;">
                                         {{ scope.row.data }}
                                     </span>
                                 </template>
                             </vxe-column>
                             <vxe-column field="monitors" title="监测点个数(个)"></vxe-column>
-                            <vxe-column field="level" title="评估等级">
+                            <vxe-column field="level" title="评估等级"></vxe-column>
-
-                            </vxe-column>
                         </vxe-table>
                     </div>
-
                 </el-col>
             </el-row>
         </div>
-
-
     </div>
 </template>
 <script setup lang="ts">
@@ -138,14 +167,22 @@ import TableStore from '@/utils/tableStore'
 import { ref, onMounted, provide } from 'vue'
 import { mainHeight } from '@/utils/layout'
 import * as echarts from 'echarts/core'
+const VITE_FLAG = import.meta.env.VITE_NAME == 'qujing'
 defineOptions({
-    name: 'harmonic-boot/qydetailedAnalysis/pollutionqy'
+    name: 'harmonic-boot/area/powerAssessment'
 })
 const dictData = useDictData()
 const echartList = ref({})
 const sign = dictData.getBasicData('power_flag')
 const header = ref()
-const options = dictData.getBasicData('Pollution_Statis', ['I_Neg', 'V_Inharm', 'V_Dev', 'V_Unbalance', 'Plt', 'Freq_Dev'])
+const options = dictData.getBasicData('Pollution_Statis', [
+    'I_Neg',
+    'V_Inharm',
+    'V_Dev',
+    'V_Unbalance',
+    'Plt',
+    'Freq_Dev'
+])
 const tableStore = new TableStore({
     url: '/harmonic-boot/comAccess/getComAccessData',
     method: 'POST',
@@ -153,10 +190,6 @@ const tableStore = new TableStore({
     loadCallback: () => {
         histogram(tableStore.table.data)
         header.value.areaRef.change()
-        
-
-
-
     }
 })
 provide('tableStore', tableStore)
@@ -164,28 +197,26 @@ provide('tableStore', tableStore)
 tableStore.table.params.deptIndex = dictData.state.area[0].id
 tableStore.table.params.monitorFlag = 2
 tableStore.table.params.powerFlag = sign[0]?.algoDescribe || 0
-tableStore.table.params.statisticalType = {}
 
+tableStore.table.params.statisticalType = {}
 
 // 柱状图数据处理
 const histogram = (res: any) => {
-    console.log(123);
-
     echartList.value = {
         title: {
             text: '区域'
         },
-      
+
         legend: {
-                show: false
+            show: false
-            },
+        },
 
         xAxis: {
             name: '区域',
             data: res.map((item: any) => item.name)
         },
         yAxis: {
-            name: '等级',// 给X轴加单位
+            name: '等级', // 给X轴加单位
             min: 0,
             max: 5,
             splitLine: {
@@ -207,11 +238,10 @@ const histogram = (res: any) => {
                         texts.push('4级')
                     } else if (value == 5) {
                         texts.push('5级')
-
                     }
                     return texts
                 }
-            },
+            }
         },
 
         options: {
@@ -221,10 +251,10 @@ const histogram = (res: any) => {
                     name: '评估值',
                     type: 'bar',
                     data: res.map((item: any) => {
-                        return item.data == 3.14159 ? 0.14159 : item.data
+                        return item.data == 3.14159 ? 0.14159 : item.data == 0 ? 0.14158 : item.data
                     }),
                     barMaxWidth: 30,
-
+                    barMinHeight: 10,
                     itemStyle: {
                         normal: {
                             // 随机显示
@@ -233,44 +263,106 @@ const histogram = (res: any) => {
                             // 定制显示（按顺序）
                             color: function (params) {
                                 if (4.5 < params.value && params.value <= 5 && params.value !== 0.2) {
-                                    return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
+                                    return new echarts.graphic.LinearGradient(
-                                        {
+                                        0,
-                                            offset: 1,
+                                        1,
-                                            color: '#339966',
+                                        0,
-                                        }], false)
+                                        0,
+                                        [
+                                            {
+                                                offset: 1,
+                                                color: '#339966'
+                                            }
+                                        ],
+                                        false
+                                    )
                                 } else if (4 < params.value && params.value <= 4.5 && params.value !== 0.2) {
-                                    return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
+                                    return new echarts.graphic.LinearGradient(
-                                        {
+                                        0,
-                                            offset: 1,
+                                        1,
-                                            color: '#3399FF'
+                                        0,
-                                        }], false)
+                                        0,
+                                        [
+                                            {
+                                                offset: 1,
+                                                color: '#3399FF'
+                                            }
+                                        ],
+                                        false
+                                    )
                                 } else if (3 < params.value && params.value <= 4 && params.value !== 0.2) {
-                                    return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
+                                    return new echarts.graphic.LinearGradient(
-                                        {
+                                        0,
-                                            offset: 1,
+                                        1,
-                                            color: '#FFCC33'
+                                        0,
-                                        }], false)
+                                        0,
+                                        [
+                                            {
+                                                offset: 1,
+                                                color: '#FFCC33'
+                                            }
+                                        ],
+                                        false
+                                    )
                                 } else if (2 < params.value && params.value <= 3 && params.value !== 0.2) {
-                                    return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
+                                    return new echarts.graphic.LinearGradient(
-                                        {
+                                        0,
-                                            offset: 1,
+                                        1,
-                                            color: '#FF9900'
+                                        0,
-                                        }], false)
+                                        0,
+                                        [
+                                            {
+                                                offset: 1,
+                                                color: '#FF9900'
+                                            }
+                                        ],
+                                        false
+                                    )
                                 } else if (params.value >= 1 && params.value <= 2 && params.value !== 0.2) {
-                                    return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
+                                    return new echarts.graphic.LinearGradient(
-                                        {
+                                        0,
-                                            offset: 1,
+                                        1,
-                                            color: '#A52a2a'
+                                        0,
-                                        }], false)
+                                        0,
+                                        [
+                                            {
+                                                offset: 1,
+                                                color: '#A52a2a'
+                                            }
+                                        ],
+                                        false
+                                    )
                                 } else if (params.value == 0.2) {
-                                    return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
+                                    return new echarts.graphic.LinearGradient(
-                                        {
+                                        0,
-                                            offset: 1,
+                                        1,
-                                            color: "#999999"
+                                        0,
-                                        }], false)
+                                        0,
+                                        [
+                                            {
+                                                offset: 1,
+                                                color: '#ccc'
+                                            }
+                                        ],
+                                        false
+                                    )
+                                } else if (params.value == 0.14158) {
+                                    return new echarts.graphic.LinearGradient(
+                                        0,
+                                        1,
+                                        0,
+                                        0,
+                                        [
+                                            {
+                                                offset: 1,
+                                                color: '#ccc'
+                                            }
+                                        ],
+                                        false
+                                    )
                                 }
                             }
-                        },
+                        }
                     },
                     markLine: {
                         silent: false,
@@ -282,90 +374,81 @@ const histogram = (res: any) => {
                         emphasis: {
                             lineStyle: {
                                 width: 1
-                            },
+                            }
                         },
                         data: [
-
                             {
-                                name: "",
+                                name: '',
                                 yAxis: 1,
                                 lineStyle: {
-                                    color: '#A52a2a',
+                                    color: '#A52a2a'
                                 },
                                 label: {
                                     // position:"middle",
                                     formatter: '{b}',
                                     textStyle: {
-                                        color: '#A52a2a',
+                                        color: '#A52a2a'
-
-
                                     }
                                 }
                             },
                             {
-                                name: "",
+                                name: '',
                                 yAxis: 2,
                                 lineStyle: {
-                                    color: '#FF9900',
+                                    color: '#FF9900'
-
                                 },
                                 label: {
                                     // position:"middle",
                                     formatter: '{b}',
                                     textStyle: {
-                                        color: '#FF9900',
+                                        color: '#FF9900'
-
                                     }
                                 }
                             },
                             {
-                                name: "",
+                                name: '',
                                 yAxis: 3,
                                 lineStyle: {
-                                    color: '#FFCC33',
+                                    color: '#FFCC33'
                                 },
                                 label: {
                                     // position:"middle",
                                     formatter: '{b}',
                                     textStyle: {
-                                        color: '#FFCC33',
+                                        color: '#FFCC33'
-
                                     }
                                 }
                             },
                             {
-                                name: "",
+                                name: '',
                                 yAxis: 4,
                                 lineStyle: {
-                                    color: '#3399FF',
+                                    color: '#3399FF'
                                 },
                                 label: {
                                     // position:"middle",
                                     formatter: '{b}',
                                     textStyle: {
-                                        color: '#3399FF',
+                                        color: '#3399FF'
-
                                     }
                                 }
                             },
                             {
-                                name: "",
+                                name: '',
                                 yAxis: 5,
                                 lineStyle: {
-                                    color: '#339966',
+                                    color: '#339966'
                                 },
                                 label: {
                                     // position:"middle",
                                     formatter: '{b}',
                                     textStyle: {
-                                        color: '#339966',
+                                        color: '#339966'
-
                                     }
                                 }
-                            },
+                            }
                         ]
-                    },
+                    }
-
                 }
             ]
         }
@@ -396,7 +479,6 @@ const layout1 = mainHeight(93) as any
 }
 
 :deep(.cardBox) {
-
     box-sizing: border-box;
     overflow: auto;
     display: grid;
@@ -409,8 +491,6 @@ const layout1 = mainHeight(93) as any
         background-image: linear-gradient(var(--el-color-primary), var(--el-color-primary-light-3));
         font-weight: bold;
 
-
-
         .el-card__header {
             padding: 10px !important;
             color: #fff;
@@ -419,7 +499,6 @@ const layout1 = mainHeight(93) as any
                 display: flex;
                 justify-content: space-between;
             }
-
         }
 
         .el-card__body {
@@ -439,7 +518,6 @@ const layout1 = mainHeight(93) as any
                 width: 50%;
                 display: flex;
                 cursor: pointer;
-
             }
 
             .xdf {
@@ -455,11 +533,8 @@ const layout1 = mainHeight(93) as any
                 text-overflow: ellipsis;
                 white-space: nowrap;
                 margin-left: 5px;
-
             }
-
         }
     }
-
 }
 </style>

src/views/pqs/harmonicMonitoring/area/qualifiedRate/index.vue

@@ -74,10 +74,15 @@
                         </el-select>
                     </el-form-item>
                     <el-form-item label="电网标志">
-                    <el-select v-model="tableStore.table.params.powerFlag" placeholder="请选择电网标志">
+                        <el-select v-model="tableStore.table.params.powerFlag" placeholder="请选择电网标志">
-                        <el-option v-for="item in sign" :key="item.id" :label="item.name" :value="item.algoDescribe" />
+                            <el-option
-                    </el-select>
+                                v-for="item in sign"
-                </el-form-item>
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item.algoDescribe"
+                            />
+                        </el-select>
+                    </el-form-item>
                 </template>
             </TableHeader>
         </div>
@@ -98,6 +103,7 @@
         </div>
     </div>
 </template>
+
 <script lang="ts" setup>
 import { ref, onMounted, watch } from 'vue'
 import { useDictData } from '@/stores/dictData'
@@ -158,6 +164,8 @@ const tableStore = new TableStore({
             title: '电压等级',
             field: 'voltageLevel',
             align: 'center',
+            minWidth: 80,
+
             formatter: function (row) {
                 return row.cellValue ? row.cellValue : '/'
             }
@@ -166,6 +174,7 @@ const tableStore = new TableStore({
             title: '网络参数',
             field: 'networkParam',
             align: 'center',
+            minWidth: 120,
             formatter: function (row) {
                 return row.cellValue ? row.cellValue : '/'
             }
@@ -174,6 +183,7 @@ const tableStore = new TableStore({
             title: '监测点名称',
             field: 'lineName',
             align: 'center',
+            minWidth: 120,
             formatter: function (row) {
                 return row.cellValue ? row.cellValue : '/'
             }
@@ -182,6 +192,7 @@ const tableStore = new TableStore({
             title: '厂家',
             field: 'factoryName',
             align: 'center',
+            minWidth: 80,
             formatter: function (row) {
                 return row.cellValue ? row.cellValue : '/'
             }
@@ -190,6 +201,7 @@ const tableStore = new TableStore({
             title: '谐波电压(%)',
             field: 'harmonicVoltage',
             align: 'center',
+            minWidth: 80,
             formatter: function (row) {
                 return row.cellValue != 3.14159 ? row.cellValue : '/'
             }
@@ -198,6 +210,7 @@ const tableStore = new TableStore({
             title: '电压偏差(%)',
             field: 'voltageOffset',
             align: 'center',
+            minWidth: 80,
             formatter: function (row) {
                 return row.cellValue != 3.14159 ? row.cellValue : '/'
             }
@@ -206,6 +219,7 @@ const tableStore = new TableStore({
             title: '三相电压不平衡度(%)',
             field: 'voltageUnbalance',
             align: 'center',
+            minWidth: 100,
             formatter: function (row) {
                 return row.cellValue != 3.14159 ? row.cellValue : '/'
             }
@@ -214,6 +228,7 @@ const tableStore = new TableStore({
             title: '间谐波电压含有率(%)',
             field: 'interHarmonic',
             align: 'center',
+            minWidth: 100,
             formatter: function (row) {
                 return row.cellValue != 3.14159 ? row.cellValue : '/'
             }
@@ -222,6 +237,7 @@ const tableStore = new TableStore({
             title: '谐波电流(%)',
             field: 'harmonicCurrent',
             align: 'center',
+            minWidth: 80,
             formatter: function (row) {
                 return row.cellValue != 3.14159 ? row.cellValue : '/'
             }
@@ -230,6 +246,7 @@ const tableStore = new TableStore({
             title: '负序电流(%)',
             field: 'negativeCurrent',
             align: 'center',
+            minWidth: 80,
             formatter: function (row) {
                 return row.cellValue != 3.14159 ? row.cellValue : '/'
             }
@@ -238,6 +255,7 @@ const tableStore = new TableStore({
             title: '频率偏差(%)',
             field: 'freqOffset',
             align: 'center',
+            minWidth: 80,
             formatter: function (row) {
                 return row.cellValue != 3.14159 ? row.cellValue : '/'
             }
@@ -246,6 +264,7 @@ const tableStore = new TableStore({
             title: '闪变(%)',
             field: 'flicker',
             align: 'center',
+            minWidth: 80,
             formatter: function (row) {
                 return row.cellValue != 3.14159 ? row.cellValue : '/'
             }
@@ -255,7 +274,7 @@ const tableStore = new TableStore({
     loadCallback: () => {
         tableStore.table.data = tree2List(tableStore.table.data, Math.random() * 1000)
         tableStore.table.column[0].title = tableStore.table.params.statisticalType.name
-      
+
         chartsRef.value && chartsRef.value.getTableStoreParams(tableStore.table.params)
         setTimeout(() => {
             activeName.value == 0 && tableRef.value && tableRef.value.getRef().setAllTreeExpand(true)
@@ -311,11 +330,12 @@ const tree2List = (list: any, id?: string) => {
     })
     // 返回结果数组
     return arr
-  }
+}
 onMounted(() => {
     tableStore.index()
 })
 </script>
+
 <style lang="scss" scoped>
 // .online {
 //     width: 100%;

src/views/pqs/harmonicMonitoring/area/qualifiedRate/index1.vue

@@ -0,0 +1,253 @@
+<template>
+    <div class="default-main">
+        <TableHeader date-picker area showExport>
+            <template #select>
+                    <el-form-item label="统计类型:" v-if="false">
+                        <el-select
+                            v-model="tableStore.table.params.statisticalType"
+                            placeholder="请选择统计类型"
+                            value-key="id"
+                            style="width: 100%"
+                        >
+                            <el-option
+                                v-for="item in classificationData"
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="电压等级:" v-if="false">
+                        <el-select
+                            v-model="tableStore.table.params.scale"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择电压等级"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="item in voltageleveloption"
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="终端厂家:" v-if="false">
+                        <el-select
+                            v-model="tableStore.table.params.manufacturer"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择终端厂家"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="(item, index) in terminaloption"
+                                :key="index"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item> 
+                    
+                    <el-form-item label="干扰源类型:">
+                        <el-select
+                            v-model="tableStore.table.params.loadType"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择干扰源类型"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="(item, index) in interfereoption"
+                                :key="index"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="电网标志">
+                    <el-select v-model="tableStore.table.params.powerFlag" placeholder="请选择电网标志">
+                        <el-option v-for="item in sign" :key="item.id" :label="item.name" :value="item.algoDescribe" />
+                    </el-select>
+                    </el-form-item>
+            </template>
+        </TableHeader>
+        <Table ref="tableRef" />
+    </div>
+</template>
+<script lang="ts" setup>
+import { ref, onMounted, watch } from 'vue'
+import { useDictData } from '@/stores/dictData'
+import { getAreaDept } from '@/api/harmonic-boot/area'
+import TableHeader from '@/components/table/header/index.vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+
+defineOptions({
+    name: 'harmonic-boot/area/qualifiedRate'
+})
+
+const dictData = useDictData()
+//字典获取电压等级
+const voltageleveloption = dictData.getBasicData('Dev_Voltage_Stand')
+//字典获取终端厂家
+const terminaloption = dictData.getBasicData('Dev_Manufacturers')
+//字典获取统计类型
+const classificationData = dictData.getBasicData('Statistical_Type', ['Report_Type'])
+//字典获取干扰源类型
+const interfereoption = dictData.getBasicData('Interference_Source')
+const sign = dictData.getBasicData('power_flag')
+
+
+
+const tableStore = new TableStore({
+    url: '/harmonic-boot/steadyQualify/getSteadyQualifyTableData',
+    isWebPaging: true,
+    method: 'POST',
+    column: [
+        {
+            field: 'index',
+            title: '序号',
+            width: '80',
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
+       
+        {
+            field: 'subStation',
+            title: '变电站',
+             minWidth: 150
+        },
+         {
+            field: 'city',
+            title: '所在地市',
+            minWidth: 100
+        },   
+         {
+            field: 'manufacturer',
+            title: '终端厂家',
+            minWidth: 80
+        },
+         {
+            field: 'deviceName',
+            title: '终端名称',
+            minWidth: 80
+        },
+        {
+            title: '网络参数',
+            field: 'ip',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue ? row.cellValue : '/'
+            },
+            minWidth: 120
+        },
+        {
+            title: '监测点名称',
+            field: 'lineName',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue ? row.cellValue : '/'
+            },
+            minWidth: 100
+        },
+       
+        {
+            title: '谐波电压(%)',
+            field: 'harmonicVoltage',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            },
+            minWidth: 80
+        },
+        {
+            title: '电压偏差(%)',
+            field: 'voltageOffset',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            },
+            minWidth: 80
+        },
+        {
+            title: '三相电压不平衡度(%)',
+            field: 'voltageUnbalance',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            },
+            minWidth: 80
+        },
+        {
+            title: '间谐波电压含有率(%)',
+            field: 'interHarmonic',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            },
+            minWidth: 80
+        },
+        {
+            title: '谐波电流(%)',
+            field: 'harmonicCurrent',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            },
+            minWidth: 80
+        },
+        {
+            title: '负序电流(%)',
+            field: 'negativeCurrent',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            },
+            minWidth: 80
+        },
+        {
+            title: '频率偏差(%)',
+            field: 'freqOffset',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            },
+            minWidth: 80
+        },
+        {
+            title: '闪变(%)',
+            field: 'flicker',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            },
+            minWidth: 80
+        }
+    ],
+
+
+})
+
+tableStore.table.params.statisticalType = classificationData[0]
+tableStore.table.params.scale = []
+tableStore.table.params.manufacturer = []
+tableStore.table.params.loadType = []
+tableStore.table.params.serverName = 'harmonicBoot'
+tableStore.table.params.powerFlag = sign[0]?.algoDescribe || 0
+provide('tableStore', tableStore)
+
+
+onMounted(() => {
+    tableStore.index()
+})
+</script>

src/views/pqs/harmonicMonitoring/detailed/dirtyAreas/components/provinceDetails.vue

@@ -85,7 +85,7 @@ const title = ref('')
 const key = ref(0)
 const statisticalName = ref('')
 const open = (row: any, flag: boolean, params: any) => {
-    console.log('🚀 ~ open ~ row:', row)
+  
     voltageLevelFlag.value = flag
     loading.value = true
     title.value = row.name + '详情'

src/views/pqs/harmonicMonitoring/detailed/division/components/aListOfLoadData.vue

@@ -8,7 +8,7 @@
         <TableHeader :showReset="false" ref="TableHeaderRef">
             <template #select>
                 <el-form-item label="关键字">
-                    <el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入关键字" />
+                    <el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入关键字" maxlength="32" show-word-limit/>
                 </el-form-item>
             </template>
             <template #operation>
@@ -69,7 +69,7 @@ const tableStore = new TableStore({
         { title: '更新时间', field: 'updateTime' },
 
         {
-            title: '操作',
+             title: '操作',fixed: 'right',
             width: '180',
             render: 'buttons',
             buttons: [

src/views/pqs/harmonicMonitoring/detailed/division/components/compute.vue

@@ -194,7 +194,7 @@ const dotList: any = ref({})
 const height = mainHeight(20)
 const heightB = mainHeight(70)
 const harmonic = harmonicOptions.slice(1)
-const size = ref(23)
+const size = ref(19)
 const showTabs = ref(false)
 const loadDataOptions: any = ref([])
 const form: any = reactive({