修改污区图

2025-04-29 14:31:25 +08:00
parent 4aac705a72
commit 1018de896e
3 changed files with 108 additions and 45 deletions
--- a/src/api/device-boot/Business.ts
+++ b/src/api/device-boot/Business.ts
@@ -151,9 +151,10 @@ export function getList(data: any) {
    })
 }
 //查询前置-进程-设备-设备树
-export function nodeDeviceTree() {
+export function nodeDeviceTree(data: any) {
    return createAxios({
        url: '/device-boot/nodeDevice/nodeDeviceTree',
        method: 'post',
+        params: data
    })
 }
--- a/src/views/pqs/business/terminal/FrontManagement/index.vue
+++ b/src/views/pqs/business/terminal/FrontManagement/index.vue
@@ -39,27 +39,42 @@
                    @current-change="currentChangeEvent"
                ></Table>
            </div>
-            <div class="pd10" style="width: 400px">
+            <div class="pd10" style="width: 400px" v-loading="loading">
+                <el-input v-model="filterText" placeholder="请输入内容" clearable show-word-limit @input="change">
+                    <template #prefix>
+                        <Icon name="el-icon-Search" style="font-size: 16px" />
+                    </template>
+                </el-input>
                <el-tree
-                    style="max-width: 600px"
+                    :style="height"
+                    style="overflow-y: auto"
                    :data="dataSource"
                    node-key="id"
+                    ref="treeRef"
                    default-expand-all
-                    :expand-on-click-node="false"
+                    :props="defaultProps"
+                    :filter-node-method="filterNode"
+                    
                >
                    <template #default="{ node, data }">
                        <div class="custom-tree-node">
                            <span>{{ node.label }}</span>
                            <div>
-                                <el-button type="primary" link>Append</el-button>
-                                <el-button style="margin-left: 4px" type="danger" link>删除</el-button>
+                                <!-- <el-button type="primary" v-if="data.id == undefined" link icon="el-icon-Plus" ></el-button> -->
+                                <el-button
+                                    style="margin-left: 4px"
+                                    icon="el-icon-Edit"
+                                    v-if="data.id"
+                                    type="primary"
+                                    @click="edit(data)"
+                                    link
+                                ></el-button>
                            </div>
                        </div>
                    </template>
                </el-tree>
            </div>
        </div>
-
        <el-dialog
            draggable
            :title="dialogTitle"
@@ -126,8 +141,25 @@
                <el-button type="primary" @click="onSubmit">确 定</el-button>
            </template>
        </el-dialog>
+
        <!-- 绑定监测点 -->
        <Bind ref="bindRef" />
+        <!-- 绑定进程号 -->
+        <el-dialog draggable title="选择进程号" v-model="popUps" :close-on-click-modal="false" width="400px">
+            <el-select v-model="processNo" placeholder="请选择进程号" style="width: 100%">
+                <el-option
+                    v-for="item in dataSource"
+                    :key="item.name"
+                    :label="item.name"
+                    :value="item.name"
+                ></el-option>
+            </el-select>
+
+            <template #footer>
+                <el-button @click="popUps = false">取 消</el-button>
+                <el-button type="primary" @click="bindTheProcess">确 定</el-button>
+            </template>
+        </el-dialog>
    </div>
 </template>
 <script setup lang="ts">
@@ -138,12 +170,12 @@ import Table from '@/components/table/index.vue'
 import TableHeader from '@/components/table/header/index.vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { ElButton } from 'element-plus'
-import type Node from 'element-plus/es/components/tree/src/model/node'
+import { mainHeight } from '@/utils/layout'
 import Bind from './bind.vue'
 defineOptions({
    name: 'BusinessAdministrator/TerminalManagement/FrontManagement'
 })
-
+const filterText = ref('')
 const fontdveoption: any = ref([
    { id: 0, name: '极重要' },
    { id: 1, name: '普通' },
@@ -153,10 +185,18 @@ const statusoption: any = ref([
    { id: 0, name: '未启用' },
    { id: 1, name: '启用' }
 ])
+const height = mainHeight(70)
 const bindRef = ref()
+const loading = ref(false)
+const popUps = ref(false)
 const tableRef = ref()
+const processNo = ref('')
 const ruleFormRef = ref()
-
+const dataSource = ref([])
+const defaultProps = {
+    children: 'deviceInfoList',
+    label: 'name'
+}
 const formData: any = ref({
    name: '',
    ip: '',
@@ -283,11 +323,61 @@ const tableStore = new TableStore({
 })
 // 点击行
 const currentChangeEvent = () => {
-    nodeDeviceTree().then(res => {})
-    const row = tableRef.value.getRef().getCurrentRecord()
-    console.log('🚀 ~ currentChangeEvent ~ row:', row)
+    loading.value = true
+    dataSource.value = []
+    nodeDeviceTree({
+        nodeId: tableRef.value.getRef().getCurrentRecord().id
+    }).then(res => {
+        dataSource.value = res.data.processDeviceList.filter(item => (item.name = item.processNo + ''))
+        loading.value = false
+    })
+    // const row = tableRef.value.getRef().getCurrentRecord()
+}
+const treeRef = ref()
+// 树过滤
+const change = val => {
+    treeRef.value!.filter(filterText.value)
+}
+const edit = (data: any) => {
+    console.log("🚀 ~ edit ~ data:", data)
+    processNo.value = data.processNo
+    popUps.value = true
+}
+const bindTheProcess = () => {}
+const filterNode = (value: string, data: any, node: any) => {
+    if (!value) return true
+    // return data.name.includes(value)
+    if (data.name) {
+        return chooseNode(value, data, node)
+    }
 }

+// 过滤父节点 / 子节点 (如果输入的参数是父节点且能匹配，则返回该节点以及其下的所有子节点；如果参数是子节点，则返回该节点的父节点。name是中文字符，enName是英文字符.
+const chooseNode = (value: string, data: any, node: any) => {
+    if (data.name.indexOf(value) !== -1) {
+        return true
+    }
+    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 bind = () => {}

 tableStore.table.params.orderBy = 'desc'
@@ -339,36 +429,7 @@ onMounted(() => {
        tableStore.index()
    }, 100)
 })
-const dataSource = ref([
-    {
-        id: 2,
-        label: 'Level one 2',
-        children: [
-            {
-                id: 5,
-                label: 'Level two 2-1'
-            },
-            {
-                id: 6,
-                label: 'Level two 2-2'
-            }
-        ]
-    },
-    {
-        id: 3,
-        label: 'Level one 3',
-        children: [
-            {
-                id: 7,
-                label: 'Level two 3-1'
-            },
-            {
-                id: 8,
-                label: 'Level two 3-2'
-            }
-        ]
-    }
-])
+
 const addMenu = () => {}
 </script>
 <style lang="scss" scoped>
--- a/src/views/pqs/harmonicMonitoring/detailed/dirtyAreas/components/provinceDetails.vue
+++ b/src/views/pqs/harmonicMonitoring/detailed/dirtyAreas/components/provinceDetails.vue
@@ -16,7 +16,7 @@
                <template #default="scope">
                    <span v-if="scope.row.data == 3.14159" type="primary" size="small">暂无数据</span>
                    <span v-else type="primary" size="small">
-                        {{ scope.row.data }}
+                        {{ parseFloat(scope.row.data.toFixed(2))  }}
                    </span>
                </template>
            </vxe-column>
@@ -77,13 +77,14 @@ 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 + '详情'
    statisticalName.value = params.statisticalType.name + '(%)'
    tableData.value = []
    if (flag) {
-        getLineInfoById({ ...params, deptIndex: row.pid, id: row.id }).then((res: any) => {
+        getLineInfoById({ ...params, deptIndex: row.pid, id: row.id ,powerFlag: row.powerFlag }).then((res: any) => {
            tableData.value = res.data
            loading.value = false
        }).catch(() => {