绘制并联调icd文件管理页面

绘制并联调终端型号管理页面
2025-04-17 16:26:09 +08:00
parent 021a1ae89b
commit c97efb5beb
13 changed files with 807 additions and 255 deletions
--- a/src/views/pqs/business/terminal/ProgramManagement/index.vue
+++ b/src/views/pqs/business/terminal/ProgramManagement/index.vue
@@ -64,7 +64,7 @@
                v-bind="defaultAttribute"
                :data="treeData"
                show-overflow
-               :tree-config="{ transform: true, parentField: 'uPid',rowField:'uId' }"
+                :tree-config="{ transform: true, parentField: 'uPid', rowField: 'uId' }"
                :scroll-y="{ enabled: true }"
            >
                <vxe-column field="name" align="left" title="电网拓扑" min-width="200" tree-node></vxe-column>
@@ -182,8 +182,9 @@ import TableStore from '@/utils/tableStore'
 import { defaultAttribute } from '@/components/table/defaultAttribute'
 import TableHeader from '@/components/table/header/index.vue'
 import { mainHeight } from '@/utils/layout'
-import { getTerminalUpLog } from '@/api/device-boot/Business.ts'
+import { getTerminalUpLog } from '@/api/device-boot/Business'
 import XEUtils from 'xe-utils'
+import { getDevTypeList } from '@/api/device-boot/modelManage'
 import { debounce } from 'lodash-es'
 import { useDictData } from '@/stores/dictData'
 defineOptions({
@@ -193,7 +194,7 @@ defineOptions({
 const pageHeight = mainHeight(83)
 const dialogHeight = mainHeight(300)
 const dictData = useDictData()
-const teriminaloption: any = dictData.getBasicData('Dev_Type')
+const teriminaloption: any = ref([])
 const teriminalstatusoption = ref([
    { name: '全部', id: '' },
    { name: '投运', id: 0 },
@@ -256,16 +257,14 @@ tableStore.table.params.searchEvent = ''
 tableStore.table.params.filterName = ''
 provide('tableStore', tableStore)

-
-
 const tree2List = (list: any, id: any) => {
    //存储结果的数组
    let arr: any = []
    // 遍历 tree 数组
    list.forEach((item: any) => {
        item.uPid = id
-        item.uId = (Math.random() * 1000)
-       
+        item.uId = Math.random() * 1000
+
        // 判断item是否存在children
        if (!item.children) return arr.push(item)
        // 函数递归，对children数组进行tree2List的转换
@@ -280,10 +279,12 @@ const tree2List = (list: any, id: any) => {
    return arr
 }

-
 tableStore.table.params.searchValue = ''
 tableStore.table.params.searchState = 0
 onMounted(() => {
+    getDevTypeList().then(res => {
+        teriminaloption.value = res.data
+    })
    tableStore.index()
 })
 const add = () => {}
@@ -316,7 +317,7 @@ const format = (percentage: any) => {
 const formFilter = (row: any) => {
    let title = '/'
    if (row.cellValue != null) {
-        teriminaloption.forEach((item: any) => {
+        teriminaloption.value.forEach((item: any) => {
            if (item.id == row.cellValue) {
                title = item.name
            }
--- a/src/views/pqs/business/terminal/TerminalManagement/components/detail.vue
+++ b/src/views/pqs/business/terminal/TerminalManagement/components/detail.vue
@@ -0,0 +1,112 @@
+<template>
+    <el-dialog draggable v-model="dialogVisible" v-if="dialogVisible" title="终端使用详情" width="70%">
+        <MyEchart :options="echartsXq" style="width: 100%; height: 300px" />
+        <vxe-table v-bind="defaultAttribute" height="400" :data="tableData">
+            <vxe-colgroup title="cup使用率">
+                <vxe-column field="date" title="使用率"></vxe-column>
+                <vxe-column field="date" title="总量"></vxe-column>
+                <vxe-column field="date" title="使用量"></vxe-column>
+                <vxe-column field="date" title="未使用量"></vxe-column>
+            </vxe-colgroup>
+            <vxe-colgroup title="内存使用率">
+                <vxe-column field="date" title="使用率"></vxe-column>
+                <vxe-column field="date" title="总量"></vxe-column>
+                <vxe-column field="date" title="使用量"></vxe-column>
+                <vxe-column field="date" title="未使用量"></vxe-column>
+            </vxe-colgroup>
+            <vxe-colgroup title="磁盘使用率">
+                <vxe-column field="date" title="使用率"></vxe-column>
+                <vxe-column field="date" title="总量"></vxe-column>
+                <vxe-column field="date" title="使用量"></vxe-column>
+                <vxe-column field="date" title="未使用量"></vxe-column>
+            </vxe-colgroup>
+        </vxe-table>
+    </el-dialog>
+</template>
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+import { ElMessage } from 'element-plus'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import {} from '@/api/device-boot/Business'
+
+const echartsXq: any = ref([])
+const dialogVisible = ref(false)
+const tableData = ref([])
+
+const open = (e: any) => {
+    console.log("🚀 ~ open ~ e:", e)
+    echartsXq.value = {
+        title: {
+            text: e.name + '性能详情'
+        },
+
+        legend: {
+            data: ['cpu使用率', '内存使用率', '磁盘使用率'],
+            icon: 'path://M0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z'
+        },
+        xAxis: {
+            type: 'time',
+            name: '时间'
+        },
+        yAxis: {
+            max: '100',
+            name: '%'
+        },
+        options: {
+            series: [
+                {
+                    name: 'cpu使用率',
+                    type: 'line',
+                    smooth: true,
+                    data: [
+                        ['2022-02-01 12:12:11', 10],
+                        ['2022-02-01 12:12:12', 20],
+                        ['2022-02-01 12:12:13', 30],
+                        ['2022-02-01 12:12:14', 44],
+                        ['2022-02-01 12:12:15', 50],
+                        ['2022-02-01 12:12:16', 65],
+                        ['2022-02-01 12:12:17', 76]
+                    ]
+                },
+                {
+                    name: '内存使用率',
+                    type: 'line',
+                    smooth: true,
+                    data: [
+                        ['2022-02-01 12:12:11', 13],
+                        ['2022-02-01 12:12:12', 54],
+                        ['2022-02-01 12:12:13', 34],
+                        ['2022-02-01 12:12:14', 44],
+                        ['2022-02-01 12:12:15', 35],
+                        ['2022-02-01 12:12:16', 53]
+                    ]
+                },
+                {
+                    name: '磁盘使用率',
+                    type: 'line',
+                    smooth: true,
+                    data: [
+                        ['2022-02-01 12:12:11', 13],
+                        ['2022-02-01 12:12:12', 2],
+                        ['2022-02-01 12:12:13', 2],
+                        ['2022-02-01 12:12:14', 32],
+                        ['2022-02-01 12:12:15', 43],
+                        ['2022-02-01 12:12:16', 23],
+                        ['2022-02-01 12:12:17', 23]
+                    ]
+                }
+            ]
+        }
+    }
+
+    dialogVisible.value = true
+}
+
+const cancel = () => {
+    dialogVisible.value = false
+}
+
+defineExpose({ open })
+</script>
+<style lang="scss" scoped></style>
--- a/src/views/pqs/business/terminal/TerminalManagement/components/disposition.vue
+++ b/src/views/pqs/business/terminal/TerminalManagement/components/disposition.vue
@@ -0,0 +1,130 @@
+<template>
+    <!-- 网路参数  终端状态   基础流量 扩展流量  流量策略  策略类型 -->
+    <!-- 新增 -->
+    <el-dialog draggable :title="title" v-model="dialogVisible" width="50%" :before-close="cancel">
+        <el-form :inline="true" :model="formInline" style="display: flex; justify-content: space-between">
+            <el-form-item label="终端状态">
+                <el-select v-model="formInline.state" placeholder="Select" size="large" style="width: 240px">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+            </el-form-item>
+
+            <el-button type="primary" icon="el-icon-Check" @click="submit">设置提交</el-button>
+        </el-form>
+        <div :style="`height: calc(50vh)`">
+            <vxe-table
+                v-loading="loading"
+                height="auto"
+                auto-resize
+                ref="tableRef"
+                v-bind="defaultAttribute"
+                :data="treeData"
+                show-overflow
+                :tree-config="{ transform: true, parentField: 'uPid', rowField: 'uId' }"
+                :scroll-y="{ enabled: true }"
+                :checkbox-config="{ labelField: 'name' }"
+            >
+                <vxe-column field="name" align="left" title="电网拓扑" min-width="200" tree-node></vxe-column>
+                <vxe-column field="ip" title="网络参数"></vxe-column>
+                <vxe-column field="runFlag" title="终端状态" v-if="key == 0">
+                    <template #default="{ row }">
+                        <el-tag v-if="row.runFlag === 0" type="success" size="small">投运</el-tag>
+                        <el-tag v-if="row.runFlag === 1" type="warning" size="small">热备用</el-tag>
+                        <el-tag v-if="row.runFlag === 2" type="danger" size="small">停运</el-tag>
+                    </template>
+                </vxe-column>
+                <vxe-column field="baseFlowMeal" title="基础套餐(MB)" v-if="key == 1"></vxe-column>
+                <vxe-column field="reamFlowMeal" title="扩展套餐(MB)" v-if="key == 1"></vxe-column>
+                <vxe-column field="flowStrategy" title="流量策略" v-if="key == 2"></vxe-column>
+                <vxe-column field="strategyFlag" title="策略类型" v-if="key == 2">
+                    <template #default="{ row }">
+                        <el-tag v-if="row.level === 4" type="primary">
+                            {{ row.strategyFlag === 0 ? '定制' : '默认' }}
+                        </el-tag>
+                    </template>
+                </vxe-column>
+            </vxe-table>
+        </div>
+    </el-dialog>
+</template>
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+import { useDictData } from '@/stores/dictData'
+import { ElMessage } from 'element-plus'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+import { getStatusManageList, updateRunFlagManage } from '@/api/device-boot/Business'
+
+const dictData = useDictData()
+const dialogVisible = ref(false)
+const emit = defineEmits(['onSubmit'])
+const loading = ref(false)
+const title = ref('')
+const tableRef = ref()
+const key = ref(0) //判断是什么配置
+const treeData: any = ref([])
+const treeDataCopy: any = ref([])
+const formInline = reactive({
+    state: '0'
+})
+const ids = ref([])
+const options = [
+    { value: '0', label: '投运' },
+    { value: '1', label: '热备用' },
+    { value: '2', label: '停运' }
+]
+const open = (e: any) => {
+    ids.value = []
+    title.value = e.title
+    loading.value = true
+    key.value = e.key
+    ids.value = e.id
+    getStatusManageList(e.id).then(res => {
+        treeData.value = tree2List(res.data, Math.random() * 1000)
+        treeDataCopy.value = JSON.parse(JSON.stringify(treeData.value))
+        setTimeout(() => {
+            tableRef.value.setAllTreeExpand(true)
+        }, 0)
+        loading.value = false
+    })
+    dialogVisible.value = true
+}
+// 提交配置
+const submit = () => {
+    updateRunFlagManage({
+        ids: ids.value,
+        runFlag: formInline.state
+    }).then(res => {
+        ElMessage.success('设置成功')
+        emit('onSubmit')
+        dialogVisible.value = false
+    })
+}
+// 处理大数据卡顿
+const tree2List = (list: any, id: any) => {
+    //存储结果的数组
+    let arr: any = []
+    // 遍历 tree 数组
+    list.forEach((item: any) => {
+        item.uPid = id
+        item.uId = Math.random() * 1000
+
+        // 判断item是否存在children
+        if (!item.children) return arr.push(item)
+        // 函数递归，对children数组进行tree2List的转换
+        const children = tree2List(item.children, item.uId)
+        // 删除item的children属性
+        delete item.children
+        // 把item和children数组添加至结果数组
+        //..children: 意思是把children数组展开
+        arr.push(item, ...children)
+    })
+    // 返回结果数组
+    return arr
+}
+const cancel = () => {
+    dialogVisible.value = false
+}
+
+defineExpose({ open })
+</script>
+<style lang="scss" scoped></style>
--- a/src/views/pqs/business/terminal/TerminalManagement/index.vue
+++ b/src/views/pqs/business/terminal/TerminalManagement/index.vue
@@ -3,47 +3,89 @@
        <TableHeader>
            <template #select>
                <el-form-item label="终端型号">
-                    <el-select v-model="tableStore.table.params.devType" clearable placeholder="请选择终端型号">
-                        <el-option v-for="item in teriminaloption" :key="item.id" :label="item.name"
-                            :value="item.id"></el-option>
+                    <el-select
+                        v-model="tableStore.table.params.devType"
+                        filterable
+                        clearable
+                        placeholder="请选择终端型号"
+                    >
+                        <el-option
+                            v-for="item in teriminaloption"
+                            :key="item.id"
+                            :label="item.name"
+                            :value="item.id"
+                        ></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="终端状态">
                    <el-select v-model="tableStore.table.params.runFlag" clearable placeholder="请选择终端状态">
-                        <el-option v-for="item in teriminalstatusoption" :key="item.id" :label="item.name"
-                            :value="item.id"></el-option>
+                        <el-option
+                            v-for="item in teriminalstatusoption"
+                            :key="item.id"
+                            :label="item.name"
+                            :value="item.id"
+                        ></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="通讯状态">
                    <el-select v-model="tableStore.table.params.comFlag" clearable placeholder="请选择通讯状态">
-                        <el-option v-for="item in stateoption" :key="item.id" :label="item.name"
-                            :value="item.id"></el-option>
+                        <el-option
+                            v-for="item in stateoption"
+                            :key="item.id"
+                            :label="item.name"
+                            :value="item.id"
+                        ></el-option>
                    </el-select>
                </el-form-item>

                <el-form-item label="筛选">
-                    <el-input v-model="tableStore.table.params.filterName" @keyup="searchEvent" placeholder="输入关键字筛选" />
+                    <el-input
+                        v-model="tableStore.table.params.filterName"
+                        @keyup="searchEvent"
+                        clearable
+                        placeholder="输入关键字筛选"
+                    />
                </el-form-item>
            </template>
            <template #operation>
-                <!-- <el-button icon="el-icon-Download" type="primary" @click="add">导出</el-button>
-                <el-button icon="el-icon-Check" type="primary" @click="add">批量升级</el-button> -->
-                <el-button type="primary" icon="el-icon-DataLine" @click="deviceData">终端状态管理</el-button>
-                <el-button type="primary" icon="el-icon-Operation" @click="liuniangconfig">流量套餐配置</el-button>
-                <el-button type="primary" icon="el-icon-Menu" @click="configliul">流量策略配置</el-button>
-                <el-button type="primary" icon="el-icon-Histogram" @click="liultjData">流量统计</el-button>
-                <el-button type="primary" icon="el-icon-Setting" @click="resect">重启前置程序</el-button>
+                <el-button type="primary" icon="el-icon-DataLine" @click="manage('终端状态管理', 0)">
+                    终端状态管理
+                </el-button>
+                <!-- <el-button type="primary" icon="el-icon-Operation" @click="manage('流量套餐配置', 1)">
+                    流量套餐配置
+                </el-button> -->
+                <!-- <el-button type="primary" icon="el-icon-Menu" @click="manage('流量策略配置', 2)">
+                    流量策略配置
+                </el-button>
+                <el-button type="primary" icon="el-icon-Histogram" @click="liultjData">流量统计</el-button> -->
+                <!-- <el-button type="primary" icon="el-icon-Setting" @click="resect">重启前置程序</el-button> -->
            </template>
        </TableHeader>
        <div :style="`height: calc(${tableStore.table.height} + 58px)`">
-            <vxe-table v-loading="tableStore.table.loading" height="auto" auto-resize ref="tableRef"
-                v-bind="defaultAttribute" :data="treeData" show-overflow
-                :tree-config="{ transform: true, parentField: 'uPid', rowField: 'uId' }" :scroll-y="{ enabled: true }"
-                :checkbox-config="{ labelField: 'name' }">
-                <vxe-column field="name" align="left" type="checkbox" title="电网拓扑" min-width="200"
-                    tree-node></vxe-column>
+            <vxe-table
+                v-loading="tableStore.table.loading"
+                height="auto"
+                auto-resize
+                ref="tableRef"
+                v-bind="defaultAttribute"
+                :data="treeData"
+                show-overflow
+                :tree-config="{ transform: true, parentField: 'uPid', rowField: 'uId' }"
+                :scroll-y="{ enabled: true }"
+                :checkbox-config="{ labelField: 'name' }"
+            >
+                <vxe-column
+                    field="name"
+                    align="left"
+                    type="checkbox"
+                    title="电网拓扑"
+                    min-width="200"
+                    tree-node
+                ></vxe-column>
                <vxe-column field="devType" title="终端型号"></vxe-column>
                <vxe-column field="version" title="版本信息"></vxe-column>
+                <vxe-column field="ip" title="网络参数"></vxe-column>
+                <vxe-column field="devType" title="终端型号"></vxe-column>
                <vxe-column field="baseFlowMeal" title="基础套餐(MB)"></vxe-column>
                <vxe-column field="reamFlowMeal" title="扩展套餐(MB)"></vxe-column>
                <vxe-column title="剩余流量(MB)">
@@ -68,88 +110,65 @@
                </vxe-column>
                <vxe-column field="runFlag" title="终端状态">
                    <template #default="{ row }">
-                        <el-tag v-if="row.runFlag === 0" style="color: #fff; background: #0099cc" size="small">
-                            投运
-                        </el-tag>
-                        <el-tag v-if="row.runFlag === 1" style="color: #fff; background: #996600" size="small">
-                            热备用
-                        </el-tag>
-                        <el-tag v-if="row.runFlag === 2" style="color: #fff; background: #cc0000" size="small">
-                            停运
-                        </el-tag>
+                        <el-tag v-if="row.runFlag === 0" type="success" size="small">投运</el-tag>
+                        <el-tag v-if="row.runFlag === 1" type="warning" size="small">热备用</el-tag>
+                        <el-tag v-if="row.runFlag === 2" type="danger" size="small">停运</el-tag>
                    </template>
                </vxe-column>
                <vxe-column field="comFlag" title="通讯状态">
                    <template #default="{ row }">
-                        <el-tag v-if="row.comFlag === 0" style="color: #fff; background: #cc0000" size="small">
-                            中断
-                        </el-tag>
-                        <el-tag v-if="row.comFlag === 1" style="color: #fff; background: #2e8b57" size="small">
-                            正常
-                        </el-tag>
+                        <el-tag v-if="row.comFlag === 0" type="danger" size="small">中断</el-tag>
+                        <el-tag v-if="row.comFlag === 1" type="success" size="small">正常</el-tag>
                    </template>
                </vxe-column>

-                <vxe-column title="操作" min-width="100">
+                <!-- <vxe-column title="操作" width="160">
                    <template #default="{ row }">
-                        <el-button v-if="row.level === 4" type="primary" size="small" link @click="uesdealia(row)"
-                            icon="el-icon-view">
+                        <el-button v-if="row.level === 4" type="primary" size="small" link @click="uesdealia(row)">
                            终端详情
                        </el-button>
-                        <el-button v-if="row.level === 4" :disabled="row.state == 1 ? true : false" type="primary"
-                            size="small" link icon="el-icon-view" @click="queryview(row)">
+                        <el-button
+                            v-if="row.level === 4"
+                            :disabled="row.state == 1 ? true : false"
+                            type="primary"
+                            size="small"
+                            link
+                            @click="queryview(row)"
+                        >
                            流量详情
                        </el-button>
                    </template>
-                </vxe-column>
+                </vxe-column> -->
            </vxe-table>
        </div>
-        <!-- 终端使用详情 -->
-        <el-dialog draggable v-model="dialogVisiblexq" v-if="dialogVisiblexq" title="终端使用详情" width="70%"
-            :before-close="handleClose">
-            <MyEchart :options="echartsXq" style="width: 100%; height: 300px" />
-            <vxe-table v-bind="defaultAttribute" height="400" :data="logtableData">
-                <vxe-colgroup title="cup使用率">
-                    <vxe-column field="date" title="使用率"></vxe-column>
-                    <vxe-column field="date" title="总量"></vxe-column>
-                    <vxe-column field="date" title="使用量"></vxe-column>
-                    <vxe-column field="date" title="未使用量"></vxe-column>
-                </vxe-colgroup>
-                <vxe-colgroup title="内存使用率">
-                    <vxe-column field="date" title="使用率"></vxe-column>
-                    <vxe-column field="date" title="总量"></vxe-column>
-                    <vxe-column field="date" title="使用量"></vxe-column>
-                    <vxe-column field="date" title="未使用量"></vxe-column>
-                </vxe-colgroup>
-                <vxe-colgroup title="磁盘使用率">
-                    <vxe-column field="date" title="使用率"></vxe-column>
-                    <vxe-column field="date" title="总量"></vxe-column>
-                    <vxe-column field="date" title="使用量"></vxe-column>
-                    <vxe-column field="date" title="未使用量"></vxe-column>
-                </vxe-colgroup>
-            </vxe-table>
-        </el-dialog>
+        <!-- 终端详情 -->
+        <detail ref="detailRef" />
+        <!-- 配置 -->
+        <disposition ref="dispositionRef" @onSubmit="tableStore.index()" />
    </div>
 </template>
 <script setup lang="ts">
-import { ref, onMounted, provide, nextTick } from 'vue'
+import { ref, onMounted, provide, nextTick, reactive } from 'vue'
 import TableStore from '@/utils/tableStore'
 import { defaultAttribute } from '@/components/table/defaultAttribute'
 import TableHeader from '@/components/table/header/index.vue'
-import { mainHeight } from '@/utils/layout'
-import { getTerminalUpLog } from '@/api/device-boot/Business.ts'
+import { ElMessage } from 'element-plus'
+import { getDevTypeList } from '@/api/device-boot/modelManage'
 import XEUtils from 'xe-utils'
 import { debounce } from 'lodash-es'
+import disposition from './components/disposition.vue'
+import detail from './components/detail.vue'
 import { useDictData } from '@/stores/dictData'
-import MyEchart from '@/components/echarts/MyEchart.vue'
+
 defineOptions({
    name: 'BusinessAdministrator/TerminalManagement/TerminalManagement'
 })
-
-const pageHeight = mainHeight(83)
-
+const dispositionRef = ref()
+const detailRef = ref()
 const dictData = useDictData()
-const teriminaloption: any = dictData.getBasicData('Dev_Type')
+
+const teriminaloption: any = ref([])
+
 const teriminalstatusoption = ref([
    { name: '全部', id: '' },
    { name: '投运', id: 0 },
@@ -161,33 +180,23 @@ const stateoption = ref([
    { name: '正常', id: 1 },
    { name: '中断', id: 0 }
 ])
-const dialogVisiblexq = ref(false)
-const dialogVisible = ref(false)
-const prodialogVisible = ref(false)
-const liudialogVisible = ref(false)
-const condialogVisible = ref(false)
-const tjdialogVisible = ref(false)
-
-const protitle = ref('')

 const treeData: any = ref([])
 const treeDataCopy: any = ref([])
-const echartsXq: any = ref([])

-const logtableData: any = ref([])
 const tableRef = ref()
-const status = ref('')
+
 const tableStore = new TableStore({
    url: '/device-boot/maintain/getTerminalMainList',
    method: 'POST',
    column: [],
    loadCallback: () => {
-
        treeData.value = tree2List(tableStore.table.data, Math.random() * 1000)
        treeDataCopy.value = JSON.parse(JSON.stringify(treeData.value))
        setTimeout(() => {
            tableRef.value.setAllTreeExpand(true)
        }, 0)
+        searchEvent()
    }
 })
 tableStore.table.params.devType = ''
@@ -201,7 +210,7 @@ const tree2List = (list: any, id: any) => {
    // 遍历 tree 数组
    list.forEach((item: any) => {
        item.uPid = id
-        item.uId = (Math.random() * 1000)
+        item.uId = Math.random() * 1000

        // 判断item是否存在children
        if (!item.children) return arr.push(item)
@@ -221,102 +230,49 @@ provide('tableStore', tableStore)
 tableStore.table.params.searchValue = ''
 tableStore.table.params.searchState = 0
 onMounted(() => {
+    getDevTypeList().then(res => {
+        teriminaloption.value = res.data
+    })
    tableStore.index()
 })

 // 终端状态管理
-const deviceData = () => { }
-// 流量套餐配置
-const liuniangconfig = () => { }
-// 流量策略配置
-const configliul = () => { }
+const manage = (name: string, key: number) => {
+    const $table = tableRef.value
+    if ($table) {
+        const selectRecords = $table
+            .getCheckboxRecords()
+            .filter((item: any) => item.level == 4)
+            .map(item => item.id)
+        console.log('🚀 ~ deviceData ~ selectRecords:', selectRecords)
+        if (selectRecords.length == 0) {
+            return ElMessage({
+                message: '请至少选择一台装置',
+                type: 'warning'
+            })
+        }
+        dispositionRef.value.open({
+            title: name,
+            id: selectRecords,
+            key: key
+        })
+    }
+}
+
 // 流量统计
-const liultjData = () => { }
+const liultjData = () => {}
 // 重启前置程序
-const resect = () => { }
+const resect = () => {}

 // 终端详情
 const uesdealia = (row: any) => {
-    echartsXq.value = {
-        title: {
-            text: row.name + '性能详情'
-        },
-
-        legend: {
-            data: ['cpu使用率', '内存使用率', '磁盘使用率'],
-            icon: 'path://M0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z'
-        },
-        xAxis: {
-            type: 'time',
-            name: '时间'
-        },
-        yAxis: {
-            max: '100',
-            name: '%'
-        },
-        options: {
-            series: [
-                {
-                    name: 'cpu使用率',
-                    type: 'line',
-                    smooth: true,
-                    data: [
-                        ['2022-02-01 12:12:11', 10],
-                        ['2022-02-01 12:12:12', 20],
-                        ['2022-02-01 12:12:13', 30],
-                        ['2022-02-01 12:12:14', 44],
-                        ['2022-02-01 12:12:15', 50],
-                        ['2022-02-01 12:12:16', 65],
-                        ['2022-02-01 12:12:17', 76]
-                    ]
-                },
-                {
-                    name: '内存使用率',
-                    type: 'line',
-                    smooth: true,
-                    data: [
-                        ['2022-02-01 12:12:11', 13],
-                        ['2022-02-01 12:12:12', 54],
-                        ['2022-02-01 12:12:13', 34],
-                        ['2022-02-01 12:12:14', 44],
-                        ['2022-02-01 12:12:15', 35],
-                        ['2022-02-01 12:12:16', 53]
-                    ]
-                },
-                {
-                    name: '磁盘使用率',
-                    type: 'line',
-                    smooth: true,
-                    data: [
-                        ['2022-02-01 12:12:11', 13],
-                        ['2022-02-01 12:12:12', 2],
-                        ['2022-02-01 12:12:13', 2],
-                        ['2022-02-01 12:12:14', 32],
-                        ['2022-02-01 12:12:15', 43],
-                        ['2022-02-01 12:12:16', 23],
-                        ['2022-02-01 12:12:17', 23]
-                    ]
-                }
-            ]
-        }
-    }
-
-    dialogVisiblexq.value = true
+    detailRef.value.open(row)
 }
 // 流量详情
-const queryview = (row: any) => { }
-// 关闭
-const handleClose = () => {
-    dialogVisible.value = false
-    prodialogVisible.value = false
-    liudialogVisible.value = false
-    condialogVisible.value = false
-    tjdialogVisible.value = false
-    dialogVisiblexq.value = false
-    // this.getList()
-}
+const queryview = (row: any) => {}
+
 // 表格过滤
-const searchEvent = debounce(e => {
+const searchEvent = debounce(() => {
    const filterVal = XEUtils.toValueString(tableStore.table.params.filterName).trim().toLowerCase()
    if (filterVal) {
        const options = { children: 'children' }
--- a/src/views/pqs/business/terminal/deviceter/index.vue
+++ b/src/views/pqs/business/terminal/deviceter/index.vue
@@ -1632,6 +1632,7 @@
 defineOptions({
    name: 'device-boot/deviceter'
 })
+import { getDevTypeList } from '@/api/device-boot/modelManage'
 import 'splitpanes/dist/splitpanes.css'
 import { Splitpanes, Pane } from 'splitpanes'
 import { LocationInformation } from '@element-plus/icons-vue'
@@ -1685,7 +1686,7 @@ const comTypeStatusArr = dictData.getBasicData('Front_Type')
 const factoryArr = dictData.getBasicData('Dev_Manufacturers')
 const voltageLevelArr = dictData.getBasicData('Dev_Voltage_Stand')

-const typeArr = dictData.getBasicData('Dev_Type')
+const typeArr = ref(dictData.getBasicData('Dev_Type'))
 const industryTypeArr = dictData.getBasicData('Business_Type')
 const loadTypeArr = dictData.getBasicData('Interference_Source')
 const optionarr = ref([
@@ -2120,7 +2121,7 @@ const add = () => {
    }

    deviceBODetail.value.manufacturer = factoryArr[0].id
-    deviceBODetail.value.devType = typeArr[0].value
+    deviceBODetail.value.devType = typeArr.value[0].value
    deviceBODetail.value.frontType = comTypeStatusArr[0].value
    deviceBODetail.value.nodeId = affiliatiedFrontArr.value[0].id
    busBarDetail.value.scale = voltageLevelArr[0].id
@@ -2973,10 +2974,15 @@ onMounted(() => {
        size.value = Math.round((180 / dom.offsetHeight) * 100)
    }
    if (VITE_FLAG) {
+      
        getYwZtSubstation({ orgId: '' }).then(res => {
            powerStationList.value = res.data
        })
-    } 
+    }else{
+        getDevTypeList().then(res => {
+            typeArr.value = res.data
+        })
+    }
    category()
 })
 area()
--- a/src/views/pqs/harmonicMonitoring/embed/onlinerate/components/table.vue
+++ b/src/views/pqs/harmonicMonitoring/embed/onlinerate/components/table.vue
@@ -157,9 +157,7 @@ tableStore.table.params.statisticalType = classificationData.filter(item => item
 tableStore.table.params.monitorFlag = 2
 tableStore.table.params.powerFlag = 2
 tableStore.table.params.serverName = 'harmonicBoot'
-
 provide('tableStore', tableStore)
-
 const tree2List = (list: any, id: any) => {
    //存储结果的数组
    let arr: any = []