修改电网一张图publicKey

src/api/admin/user.js

@@ -0,0 +1,26 @@
+import createAxios from '@/utils/request' 
+
+// 密码规则修改
+export function ruleUpdate(data) {
+    return createAxios({
+        url: '/user-boot/password/ruleUpdate',
+        method: 'post',
+        data
+    })
+}
+// 获取密码规则
+export function getRule(data) {
+    return createAxios({
+        url: '/user-boot/password/getRule',
+        method: 'post',
+        data
+    })
+}
+// 解锁超级管理员
+export function unlockRoot(data) {
+    return createAxios({
+        url: '/user-boot/password/unlockRoot',
+        method: 'post',
+        data
+    })
+}

src/api/auditManage/auditList.ts

@@ -0,0 +1,62 @@
+import createAxios from '@/utils/request' 
+
+//筛选下拉列表参数
+export function getAllUserList() {
+    return createAxios({
+        url: "/user-boot/user/getAllUserSimpleList",
+        method: "get",
+    });
+}
+//审计日志列表
+export function getAuditLog(data:any) {
+    return createAxios({
+        url: "/system-boot/audit/getAuditLog",
+        method: "post",
+        data,
+    });
+}
+//审计日志统计
+export function censusAuditLog(data:any) {
+    return createAxios({
+        url: "/system-boot/audit/censusAuditLog",
+        method: "post",
+        data,
+    });
+}
+//日志文件备份
+export function logFileWriter(data:any) {
+    return createAxios({
+        url: "/system-boot/audit/logFileWriter",
+        method: "post",
+        data,
+    });
+}
+//日志文件恢复
+export function recoverLogFile(data:any) {
+    return createAxios({
+        url: "/system-boot/audit/recoverLogFile",
+        method: "post",
+        data,
+    });
+}
+//获取在线用户
+export function getOnlineUsers(data:any) {
+    return createAxios({
+        url: "/system-boot/audit/getOnlineUsers",
+        method: "post",
+        data,
+    });
+}
+//获取表空间大小
+export function getMemoInfo() {
+    return createAxios({
+        url: "/system-boot/audit/getMemoInfo",
+        method: "post",
+    });
+}
+export function getSysConfig() {
+    return createAxios({
+        url: "/system-boot/config/getSysConfig",
+        method: "get",
+    });
+}

src/api/device-boot/transformerStrategy.ts

@@ -0,0 +1,99 @@
+import request from '@/utils/request'
+
+// 变压器台账分页查询
+export function transformerPage(data: any) {
+    return request({
+        url: '/device-boot/pqsTransformer/transformerPage',
+        method: 'post',
+        data: data
+    })
+}
+
+// 分页查询变压器策略
+export function flgployPage(data: any) {
+    return request({
+        url: '/device-boot/pqsTflgploy/flgployPage',
+        method: 'post',
+        data: data
+    })
+}
+
+//变压器台账新增
+export function insertTransformer(data: any) {
+    return request({
+        url: '/device-boot/pqsTransformer/insertTransformer',
+        method: 'post',
+        data
+    })
+}
+//新增变压器策略
+export function insertFlgPloy(data: any) {
+    return request({
+        url: '/device-boot/pqsTflgploy/insertFlgPloy',
+        method: 'post',
+        data
+    })
+}
+//变压器台账修改
+export function updateTransformer(data: any) {
+    return request({
+        url: '/device-boot/pqsTransformer/updateTransformer',
+        method: 'post',
+        data
+    })
+}
+//变压器策略详情
+export function getFlgPloyInfo(data: any) {
+    return request({
+        url: '/device-boot/pqsTflgploy/getFlgPloyInfo',
+        method: 'get',
+        params: data
+    })
+}
+//修改变压器策略
+export function updateFlgPloy(data: any) {
+    return request({
+        url: '/device-boot/pqsTflgploy/updateFlgPloy',
+        method: 'post',
+        data
+    })
+}
+//变压器台账删除
+export function delTransformer(data: any) {
+    return request({
+        url: '/device-boot/pqsTransformer/delTransformer',
+        method: 'post',
+        data
+    })
+}
+//删除变压器策略
+export function delFlgPloy(data: any) {
+    return request({
+        url: '/device-boot/pqsTflgploy/delFlgPloy',
+        method: 'get',
+        params: data
+    })
+}
+//获取变压器台账 树
+export function getTransformerTree() {
+    return request({
+        url: '/device-boot/pqsTransformer/getTransformerTree',
+        method: 'get'
+    })
+}
+//获取上下节点信息
+export function getGeneratrix(data: any) {
+    return request({
+        url: '/device-boot/pqsTransformer/getGeneratrix',
+        method: 'get',
+        params: data
+    })
+}
+//变电站节点维护
+export function nodeMaintenance(data: any) {
+    return request({
+        url: '/device-boot/pqsTransformer/nodeMaintenance',
+        method: 'post',
+        data
+    })
+}

src/components/table/indexClick.vue

@@ -0,0 +1,234 @@
+<template>
+    <div :style="{ height: typeof props.height === 'string' ? props.height : tableStore.table.height }">
+        <vxe-table
+            ref="tableRef"
+            height="auto"
+            :key="key"
+            :data="tableStore.table.data"
+            v-loading="tableStore.table.loading"
+            v-bind="Object.assign({}, defaultAttribute, $attrs)"
+            @checkbox-all="selectChangeEvent"
+            @checkbox-change="selectChangeEvent"
+            :showOverflow="showOverflow"
+            @sort-change="handleSortChange"
+        >
+            <!-- Column 组件内部是 el-table-column -->
+            <template v-if="isGroup">
+                <GroupColumn :column="tableStore.table.column" />
+            </template>
+            <template v-else>
+                <Column
+                    :attr="item"
+                    :key="key + '-column'"
+                    v-for="(item, key) in tableStore.table.column"
+                    :tree-node="item.treeNode"
+                >
+                    <!-- tableStore 预设的列 render 方案 -->
+                    <template v-if="item.render" #default="scope">
+                        <FieldRender
+                            :field="item"
+                            :row="scope.row"
+                            :column="scope.column"
+                            :index="scope.rowIndex"
+                            :key="
+                                key +
+                                '-' +
+                                item.render +
+                                '-' +
+                                (item.field ? '-' + item.field + '-' + scope.row[item.field] : '')
+                            "
+                        />
+                    </template>
+
+                    <!-- 支持可点击和下划线的列 -->
+                    <template v-else-if="item.clickable" #default="scope">
+                        <span
+                            :class="{ 'clickable-underline':item.clickable }"
+                            @click="item.clickable ? handleCellClick(scope.row, scope.column) : undefined"
+                        >
+                            {{ item.field ? scope.row[item.field] : '' }}
+                        </span>
+                    </template>
+                </Column>
+            </template>
+            <slot name="columns"></slot>
+        </vxe-table>
+    </div>
+
+    <div v-if="tableStore.showPage" class="table-pagination">
+        <el-pagination
+            :currentPage="tableStore.table.params!.pageNum"
+            :page-size="tableStore.table.params!.pageSize"
+            :page-sizes="pageSizes"
+            background
+            :layout="config.layout.shrink ? 'prev, next, jumper' : 'sizes,total, ->, prev, pager, next, jumper'"
+            :total="tableStore.table.total"
+            @size-change="onTableSizeChange"
+            @current-change="onTableCurrentChange"
+        ></el-pagination>
+    </div>
+    <slot name="footer"></slot>
+</template>
+
+<script setup lang="ts">
+import { ref, nextTick, inject, computed, onMounted, watch } from 'vue'
+import type { ElTable } from 'element-plus'
+import { VxeTableEvents, VxeTableInstance } from 'vxe-table'
+import FieldRender from '@/components/table/fieldRender/index.vue'
+import Column from '@/components/table/column/index.vue'
+import GroupColumn from '@/components/table/column/groupColumn.vue'
+import { useConfig } from '@/stores/config'
+import type TableStoreClass from '@/utils/tableStore'
+import { useRouter } from 'vue-router'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+
+const config = useConfig()
+const tableRef = ref<VxeTableInstance>()
+const tableStore = inject('tableStore') as TableStoreClass
+const router = useRouter()
+const key = ref(0)
+
+const clickedRow = ref<any>(null)
+const clickedColumn = ref<any>(null)
+
+const emit = defineEmits(['cell-click'])
+interface Props extends /* @vue-ignore */ Partial<InstanceType<typeof ElTable>> {
+    isGroup?: boolean
+    showOverflow?: boolean
+    height?: string | boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    isGroup: false,
+    showOverflow: true,
+    height: false
+})
+onMounted(() => {
+    tableStore.table.ref = tableRef.value as VxeTableInstance
+})
+// console.log(props)
+const onTableSizeChange = (val: number) => {
+    tableStore.onTableAction('page-size-change', { size: val })
+}
+
+const onTableCurrentChange = (val: number) => {
+    tableStore.onTableAction('current-page-change', { page: val })
+}
+
+const pageSizes = computed(() => {
+    let defaultSizes = [10, 20, 50, 100, 200]
+    if (tableStore.table.params!.pageSize) {
+        if (!defaultSizes.includes(tableStore.table.params!.pageSize)) {
+            defaultSizes.push(tableStore.table.params!.pageSize)
+        }
+    }
+    return defaultSizes
+})
+
+/*
+ * 记录选择的项
+ */
+const selectChangeEvent: VxeTableEvents.CheckboxChange<any> = ({ checked }) => {
+    const records = (tableRef.value as VxeTableInstance).getCheckboxRecords()
+    tableStore.onTableAction('selection-change', records)
+}
+
+const getRef = () => {
+    return tableRef.value
+}
+// 排序
+const handleSortChange = ({ column, order }: { column: TableColumn; order: 'asc' | 'desc' | null }) => {
+    // console.log('排序列:', column?.property);
+    // console.log('排序顺序:', order);
+    // tableStore.onTableAction('sortable', { column, order })
+    tableStore.table.params.sortBy = column?.property
+    tableStore.table.params.orderBy = order
+    tableStore.table.params.pageNum = 1
+
+    tableStore.index()
+    key.value += 1
+    // // 在这里可以根据 column 和 order 进行相应的数据排序操作
+    // if (order === 'asc') {
+    // } else if (order === 'desc') {
+    // }
+}
+
+// 单元格点击事件处理函数
+const handleCellClick = (row: any, column: any) => {
+    clickedRow.value = row
+    clickedColumn.value = column
+    // 触发自定义事件，通知父组件显示 dialog
+    emit('cell-click', row, column)
+    // 你也可以在这里触发一个自定义事件或调用 tableStore 的方法
+    // tableStore.onTableAction('cell-click', { row, column })
+}
+
+watch(
+    () => tableStore.table.allFlag,
+    newVal => {
+        if (tableStore.table.allFlag) {
+            tableRef.value?.exportData({
+                filename:
+                    tableStore.table.filename || document.querySelectorAll('.ba-nav-tab.active')[0].textContent || '', // 文件名字
+                sheetName: 'Sheet1',
+                type: 'xlsx', //导出文件类型 xlsx 和 csv
+                useStyle: true,
+                data: tableStore.table.allData, // 数据源 // 过滤那个字段导出
+                columnFilterMethod: function (column: any) {
+                    return !(
+                        column.column.title === undefined ||
+                        column.column.title === '序号' ||
+                        column.column.title === '操作'
+                    )
+                }
+            })
+            tableStore.table.allFlag = false
+        }
+    }
+)
+watch(
+    () => tableStore.table.data,
+    newVal => {
+        tableStore.onTableAction('selection-change', [])
+    }
+)
+
+defineExpose({
+    getRef
+})
+</script>
+
+<style scoped lang="scss">
+.ba-data-table :deep(.el-button + .el-button) {
+    margin-left: 6px;
+}
+
+.ba-data-table :deep(.table-header-cell) .cell {
+    color: var(--el-text-color-primary);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.table-pagination {
+    height: 58px;
+    box-sizing: border-box;
+    width: 100%;
+    max-width: 100%;
+    background-color: var(--ba-bg-color-overlay);
+    padding: 13px 15px;
+    border-left: 1px solid #e4e7e9;
+    border-right: 1px solid #e4e7e9;
+    border-bottom: 1px solid #e4e7e9;
+}
+
+/* 添加可点击和下划线单元格样式 */
+.clickable-underline {
+  text-decoration: underline; /* 下划线 */
+  cursor: pointer; /* 鼠标指针 */
+}
+
+.clickable-underline:hover {
+  color: #66b1ff; /* 悬停时的颜色 */
+}
+</style>

src/components/tree/pqs/deviceTree.vue

@@ -0,0 +1,43 @@
+<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 { getTransformerTree } from '@/api/device-boot/transformerStrategy'
+
+defineOptions({
+    name: 'pms/deviceTree'
+})
+const emit = defineEmits(['init'])
+const attrs = useAttrs()
+
+const tree = ref()
+const treeRef = ref()
+
+const loadData = () => {
+    getTransformerTree().then(res => {
+        tree.value = res.data
+    })
+}
+loadData()
+
+defineExpose({
+    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/router/static.ts

@@ -243,6 +243,26 @@ export const adminBaseRoute = {
                 }
             ]
         },
+        {
+            path: 'BusinessAdministrator/TerminalManagement',
+            name: '变压器策略',
+            meta: {
+                title: pageTitle('runManage'),
+                icon: 'ep:management',
+                alwaysShow: true
+            },
+            children: [
+                {
+                    path: 'addLedger',
+                    component: () =>
+                        import('@/views/pqs/business/terminal/transformerStrategy/components/addLedger.vue'),
+                    name: '变压器台账配置',
+                    meta: {
+                        title: pageTitle('router.addLedger')
+                    }
+                }
+            ]
+        },
         {
             path: '/boX',
             name: 'boX',
@@ -337,6 +357,7 @@ const staticRoutes: Array<RouteRecordRaw> = [
                     })
                 }
             }
+            
         }
     }
 ]

src/views/cockpit/teadyStatePowerQuality/limitViolationStatistics.vue

@@ -0,0 +1,129 @@
+<template>
+    <div>
+        <my-echart class="tall" :options="echartList_1" :style="{ width: prop.width, height: halfHeight }" />
+        <vxe-table ref="tableRef" :data="tableData" height="auto" :style="{ width: prop.width, height: halfHeight }">
+            <vxe-column type="seq" title="序号"></vxe-column>
+            <vxe-column field="srbName" align="center" title="部门"></vxe-column>
+            <!-- <vxe-column width="200" title="操作">
+            <template #default="{ row }">
+                <el-button type="primary" size="small" link @click="tactics(row.id, 0)">自动</el-button>
+                <el-button type="primary" size="small" link @click="tactics(row.id, 1)">手动</el-button>
+                <el-button type="primary" size="small" link @click="tactics(row.id, 2)">排除</el-button>
+            </template>
+        </vxe-column> -->
+        </vxe-table>
+        <!-- <Table ref="tableRef" :style="{ width: prop.width, height: halfHeight }"></Table> -->
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, reactive, onMounted, provide } from 'vue'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import TableStore from '@/utils/tableStore'
+const echartList_1 = ref({})
+import { useDictData } from '@/stores/dictData'
+const prop = defineProps({
+    width: { type: String },
+    height: { type: String },
+    timeKey: { type: String }
+})
+
+const halfHeight = computed(() => {
+    const h = parseFloat(prop.height || '400')
+    return `${h / 2}px`
+})
+
+const tableData = ref([])
+
+const dictData = useDictData()
+const distributionData: any = ref([])
+const tableStore: any = new TableStore({
+    url: '/event-boot/area/getAreaLineDetail',
+    method: 'POST',
+    column: [],
+    loadCallback: () => {
+        tabulation(tableStore.table.data)
+        histogram(tableStore.table.data)
+    }
+})
+provide('tableStore', tableStore)
+tableStore.table.params.deptIndex = dictData.state.area[0].id
+tableStore.table.params.statisticalType = dictData.getBasicData('Statistical_Type', ['Report_Type'])[0]
+tableStore.table.params.monitorFlag = 2
+tableStore.table.params.powerFlag = 2
+tableStore.table.params.serverName = 'event-boot'
+// 表格数据处理
+const tabulation = (res: any) => {
+    tableData.value = res.substationDetailVOList
+    distributionData.value = []
+    for (var i = 0; i < res.areaValue.length; i++) {
+        distributionData.value.push({
+            qy: res.areaValue[i][0],
+            jcd: res.areaValue[i][1],
+            zc: res.areaValue[i][2],
+            zd: res.areaValue[i][3]
+        })
+    }
+}
+// 柱状图数据处理
+const histogram = (res: any) => {
+    echartList_1.value = {
+        title: {
+            text: '区域'
+        },
+        tooltip: {
+            formatter: function (params: any) {
+                // console.log(params);
+                var tips = ''
+                for (var i = 0; i < params.length; i++) {
+                    tips += params[i].name + '</br/>'
+                    tips += '监测点数' + ':' + '&nbsp' + '&nbsp' + params[i].value + '</br/>'
+                }
+                return tips
+            }
+        },
+
+        xAxis: {
+            name: '(区域)',
+            data: distributionData.value.map((item: any) => item.qy)
+        },
+        yAxis: {
+            name: '监测点数（个）' // 给X轴加单位
+        },
+        options: {
+            series: [
+                {
+                    //   name: '暂降次数',
+                    type: 'bar',
+                    data: distributionData.value.map((item: any) => item.jcd),
+                    barMaxWidth: 30,
+                    itemStyle: {
+                        normal: {
+                            color: '#07CCCA'
+                        }
+                    },
+                    label: {
+                        show: true,
+                        position: 'top',
+                        textStyle: {
+                            //数值样式
+                            color: '#000'
+                        },
+                        fontSize: 12
+                    }
+                }
+            ]
+        }
+    }
+}
+onMounted(() => {
+    tableStore.index()
+})
+
+// watch(
+//     () => prop.timeKey,
+//     val => {
+//         tableStore.index()
+//     }
+// )
+</script>
+<style lang="scss" scoped></style>

src/views/cockpit/teadyStatePowerQuality/pointList.vue

@@ -0,0 +1,106 @@
+<template>
+    <div>
+        <!--主要监测点列表 -->
+        <TableHeader :showReset="false" ref="TableHeaderRef">
+            <template v-slot:select>
+                <el-form-item>
+                    <el-input v-model="tableStore.table.params.searchValue" placeholder="请输入"></el-input>
+                </el-form-item>
+            </template>
+        </TableHeader>
+        <Table ref="tableRef" @cell-click="handleCellClick"></Table>
+        <!-- 弹框组件 -->
+        <el-dialog v-model="dialogVisible" title="详情信息" width="800px" append-to-body destroy-on-close>
+            <p>行数据: {{ selectedRow }}</p>
+            <p>列数据: {{ selectedColumn }}</p>
+        </el-dialog>
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide, reactive, watch } from 'vue'
+
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/indexClick.vue'
+import TableHeader from '@/components/table/header/index.vue'
+import { useDictData } from '@/stores/dictData'
+import { getTimeOfTheMonth } from '@/utils/formatTime'
+const prop = defineProps({
+    width: { type: String },
+    height: { type: String },
+    timeKey: { type: String }
+})
+const dictData = useDictData()
+const fontdveoption = dictData.getBasicData('Dev_Ops')
+const dialogVisible = ref(false)
+const selectedRow = ref(null)
+const selectedColumn = ref(null)
+
+const tableStore: any = new TableStore({
+    url: '/device-boot/pqsTerminalLogs/getList',
+    method: 'POST',
+    column: [
+        {
+            field: 'index',
+            title: '序号',
+            width: '60',
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
+        { title: '名称', field: 'createBy', width: '200', clickable: true },
+        {
+            title: '日志类型',
+            field: 'logsType',
+            width: '100',
+            formatter: (row: any) => {
+                return fontdveoption.find((item: any) => item.id == row.cellValue)?.name
+            }
+        },
+
+        // {
+        //     title: '更改人员',
+        //     field: 'createBy',
+        //     width: '100'
+        // },
+        {
+            title: '更改时间',
+            field: 'updateTime',
+            width: '140'
+        },
+
+        { title: '描述', field: 'terminalDescribe' }
+    ],
+    beforeSearchFun: () => {
+        const timeKey = prop.timeKey ?? ''
+        tableStore.table.params.searchBeginTime = getTimeOfTheMonth(timeKey)[0]
+        tableStore.table.params.searchEndTime = getTimeOfTheMonth(timeKey)[1]
+    },
+    loadCallback: () => {
+        tableStore.table.height = `calc(${prop.height} - 80px)`
+    }
+})
+
+const tableRef = ref()
+provide('tableRef', tableRef)
+tableStore.table.params.type = ''
+tableStore.table.params.searchValue = ''
+provide('tableStore', tableStore)
+
+onMounted(() => {
+    tableStore.index()
+})
+
+const handleCellClick = (row: any, column: any) => {
+    selectedRow.value = row
+    selectedColumn.value = column
+    dialogVisible.value = true
+}
+
+watch(
+    () => prop.timeKey,
+    val => {
+        tableStore.index()
+    }
+)
+</script>
+<style lang="scss" scoped></style>

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

@@ -0,0 +1,233 @@
+<template>
+    <div class="default-main">
+        <div v-show="flg">
+            <TableHeader datePicker showExport ref="TableHeaderRef">
+                <template v-slot:select>
+                    <el-form :inline="true" label-width="90px" class="">
+                        <el-form-item label="用户名:">
+                            <el-select
+                                v-model="tableStore.table.params.loginName"
+                                placeholder="用户名"
+                                clearable
+                                filterable
+                            >
+                                <el-option
+                                    v-for="item in userName"
+                                    :key="item.id"
+                                    :label="item.loginName"
+                                    :value="item.loginName"
+                                ></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="事件类型:">
+                            <el-select v-model="tableStore.table.params.type" placeholder="事件类型" clearable>
+                                <el-option
+                                    v-for="item in eventType"
+                                    :key="item.id"
+                                    :label="item.label"
+                                    :value="item.id"
+                                ></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="操作类型:">
+                            <el-select v-model="tableStore.table.params.operateType" placeholder="操作类型" clearable>
+                                <el-option
+                                    v-for="item in operationType"
+                                    :key="item.value"
+                                    :label="item.value"
+                                    :value="item.value"
+                                ></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="操作结果:">
+                            <el-select v-model="tableStore.table.params.result" placeholder="操作结果" clearable>
+                                <el-option
+                                    v-for="item in resultList"
+                                    :key="item.id"
+                                    :label="item.label"
+                                    :value="item.id"
+                                ></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-form>
+                </template>
+                <template #operation>
+                    <el-button type="primary" @click="backups" :icon="DocumentCopy">文件备份</el-button>
+                    <el-button type="primary" @click="details" :icon="Tickets">统计</el-button>
+                </template>
+            </TableHeader>
+            <Table ref="tableRef" />
+        </div>
+        <div v-if="!flg">
+            <Statistics @back="onSubmit" ref="statistics" />
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide, nextTick } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
+import { getAllUserList, logFileWriter, recoverLogFile, getMemoInfo, getSysConfig } from '@/api/auditManage/auditList'
+import { ElMessage } from 'element-plus'
+import Statistics from './statistics.vue'
+import { DocumentCopy, Tickets } from '@element-plus/icons-vue'
+
+defineOptions({
+    name: 'BusinessAdministrator/Audit/Operations/Management'
+})
+
+interface UserInfo {
+    id: number | string
+    loginName: string
+}
+
+const userName = ref<UserInfo[]>([])
+const TableHeaderRef = ref()
+
+// 其他响应式数据
+const loading = ref(false)
+const statistics = ref()
+
+const flg = ref(true)
+const showMqtt = ref(false)
+const zoom = ref('') //图表焦点校验
+
+const resultList = ref([
+    { id: 1, label: '成功' },
+    { id: 0, label: '失败' }
+])
+
+const eventType = ref([
+    {
+        id: 0,
+        label: '业务事件类型'
+    },
+    {
+        id: 1,
+        label: '系统事件类型'
+    }
+]) //事件类型
+const operationType = ref([
+    { id: 1, value: '查询' },
+    { id: 2, value: '新增' },
+    { id: 3, value: '更新' },
+    { id: 4, value: '删除' },
+    { id: 5, value: '认证' },
+    { id: 6, value: '注销' },
+    { id: 7, value: '上传' },
+    { id: 8, value: '下载' },
+    { id: 9, value: '越权访问' }
+]) //操作类型
+
+const statisticsTotal = ref(undefined)
+
+const tableStore: any = new TableStore({
+    url: '/system-boot/audit/getAuditLog',
+    method: 'POST',
+    column: [
+        {
+            field: 'create_time',
+            title: '操作时间',
+            sortable: true,
+            formatter: (row: any) => {
+                return row.row.time
+            }
+        },
+        { field: 'userName', title: '操作人员' },
+        {
+            field: 'operate_type',
+            title: '操作类型',
+            sortable: true,
+            formatter: (row: any) => {
+                return row.row.operate
+            }
+        },
+        { field: 'describe', title: '事件描述' },
+        { field: 'type', title: '事件类型', sortable: true },
+        { field: 'result', title: '操作结果', sortable: true },
+        { field: 'ip', title: '操作IP' },
+        { field: 'level', title: '事件等级', sortable: true }
+    ],
+    loadCallback: () => {
+        getLogSize()
+    }
+})
+
+tableStore.table.params.loginName = ''
+tableStore.table.params.type = ''
+tableStore.table.params.operateType = ''
+tableStore.table.params.result = null
+tableStore.table.params.sortBy = ''
+tableStore.table.params.orderBy = ''
+tableStore.table.params.pageSize = 100
+
+provide('tableStore', tableStore)
+
+onMounted(() => {
+    search()
+    onSubmit()
+})
+
+//下拉框查询
+const search = () => {
+    getAllUserList().then(res => {
+        userName.value = res.data
+    })
+}
+// 统计
+const details = () => {
+    flg.value = false
+    nextTick(() => {
+        statistics.value.tableStore.index()
+    })
+}
+
+// 查询
+const onSubmit = async () => {
+    flg.value = true
+    await tableStore.index()
+}
+
+// 查询日志大小
+const getLogSize = () => {
+    getMemoInfo().then(res => {
+        getSysConfig().then(re => {
+            if (res.data > re.data.logSize) {
+                ElMessage({
+                    showClose: true,
+                    duration: 0,
+                    message: '日志表存储空间已超过' + re.data.logSize + '(M)请及时备份清理!',
+                    type: 'warning'
+                })
+            }
+        })
+    })
+}
+
+// 备份
+const backups = async () => {
+    loading.value = true
+    await logFileWriter({}).then(res => {})
+    setTimeout(() => {
+        ElMessage({
+            type: 'success',
+            message: '文件备份成功'
+        })
+        loading.value = false
+    }, 0)
+}
+
+// 恢复
+const restore = () => {
+    loading.value = true
+    recoverLogFile({}).then(res => {})
+    setTimeout(() => {
+        ElMessage({
+            type: 'success',
+            message: '文件恢复成功'
+        })
+        loading.value = false
+    }, 50000)
+}
+</script>

src/views/pqs/auditManage/auditList/statistics.vue

@@ -0,0 +1,127 @@
+<template>
+    <TableHeader datePicker showExport :showReset="false" ref="TableHeaderRef">
+        <template v-slot:select>
+            <el-form :inline="true" label-width="90px" class="">
+                <el-form-item label="用户名:">
+                    <el-select v-model="tableStore.table.params.loginName" placeholder="用户名" clearable filterable>
+                        <el-option
+                            v-for="item in userName"
+                            :key="item.id"
+                            :label="item.loginName"
+                            :value="item.loginName"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="事件类型:">
+                    <el-select v-model="tableStore.table.params.type" placeholder="事件类型" clearable>
+                        <el-option
+                            v-for="item in eventType"
+                            :key="item.id"
+                            :label="item.label"
+                            :value="item.id"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="操作类型:">
+                    <el-select v-model="tableStore.table.params.operateType" placeholder="操作类型" clearable>
+                        <el-option
+                            v-for="item in operationType"
+                            :key="item.value"
+                            :label="item.value"
+                            :value="item.value"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+            </el-form>
+        </template>
+        <template #operation>
+            <el-button @click="back" :icon="Back">返回</el-button>
+        </template>
+    </TableHeader>
+    <Table ref="tableRef_1" />
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide, nextTick } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
+import { getAllUserList } from '@/api/auditManage/auditList'
+import { Back } from '@element-plus/icons-vue'
+
+// defineOptions({
+//     name: 'admin/BusinessAdministrator/Audit/Operations/Management'
+// })
+
+interface UserInfo {
+    id: number | string
+    loginName: string
+}
+
+const emit = defineEmits(['back'])
+
+const userName = ref<UserInfo[]>([])
+const TableHeaderRef = ref()
+
+const flg = ref(true)
+
+const eventType = ref([
+    {
+        id: 0,
+        label: '业务事件类型'
+    },
+    {
+        id: 1,
+        label: '系统事件类型'
+    }
+]) //事件类型
+const operationType = ref([
+    { id: 1, value: '查询' },
+    { id: 2, value: '新增' },
+    { id: 3, value: '更新' },
+    { id: 4, value: '删除' },
+    { id: 5, value: '认证' },
+    { id: 6, value: '注销' },
+    { id: 7, value: '上传' },
+    { id: 8, value: '下载' },
+    { id: 9, value: '越权访问' }
+]) //操作类型
+
+const tableStore: any = new TableStore({
+    url: '/system-boot/audit/censusAuditLog',
+    method: 'POST',
+    column: [
+        // 根据实际统计表格的列来定义
+        { field: 'loginName', title: '操作人员' },
+        { field: 'operateType', title: '事件类型' },
+        { field: 'count', title: '事件总数' }
+    ]
+})
+
+tableStore.table.params.loginName = ''
+tableStore.table.params.type = ''
+tableStore.table.params.operateType = ''
+tableStore.table.params.result = null
+tableStore.table.params.sortBy = ''
+tableStore.table.params.orderBy = ''
+tableStore.table.params.pageSize = 100
+
+provide('tableStore', tableStore)
+
+onMounted(() => {
+    search()
+    tableStore.index()
+})
+
+//下拉框查询
+const search = () => {
+    getAllUserList().then(res => {
+        userName.value = res.data
+    })
+}
+//返回
+const back = () => {
+    flg.value = true
+    // 触发父组件的 onSubmit 方法
+    emit('back')
+}
+</script>

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

@@ -0,0 +1,55 @@
+<template>
+    <div class="default-main">
+        <TableHeader select :showReset="false"  showExport ref="TableHeaderRef"></TableHeader>
+        <Table ref="tableRef" />
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide, nextTick } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
+defineOptions({
+    name: 'BusinessAdministrator/Audit/Operations/onlineUsers'
+})
+
+const formTabRef = ref()
+const TableHeaderRef = ref()
+const show = ref(false)
+const tableStore: any = new TableStore({
+    url: '/system-boot/audit/getOnlineUsers',
+    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: 'name', title: '昵称' },
+        { field: 'loginName', title: '登录名' },
+        {
+            field: 'phone',
+            title: '手机号',
+            formatter(row: any) {
+                return row.phone ? row.phone : '/'
+            }
+        },
+        { field: 'time', title: '登录过期时间' },
+        {
+            field: 'status',
+            title: '状态',
+            formatter(row: any) {
+                return row.status ? row.status : '在线'
+            }
+        }
+    ]
+})
+
+provide('tableStore', tableStore)
+onMounted(() => {
+    tableStore.index()
+})
+</script>

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

@@ -0,0 +1,43 @@
+<template>
+    <div class="default-main">
+        <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-form-item>
+            </template>
+        </TableHeader>
+        <Table ref="tableRef" />
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide, nextTick } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
+defineOptions({
+    name: 'BusinessAdministrator/Audit/Operations/userLoginInformation'
+})
+
+const formTabRef = ref()
+const TableHeaderRef = ref()
+const tableStore: any = new TableStore({
+    url: '/system-boot/audit/getAuditLog',
+    method: 'POST',
+    column: [
+        { field: 'userName', title: '登录用户' },
+        { field: 'ip', title: '登录ip' },
+        { field: 'time', title: '登录时间' }
+    ]
+})
+
+tableStore.table.params.loginName = ''
+tableStore.table.params.operateType = '认证'
+tableStore.table.params.searchBeginTime = ''
+tableStore.table.params.searchEndTime = ''
+
+provide('tableStore', tableStore)
+onMounted(() => {
+    tableStore.index()
+})
+</script>

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

@@ -0,0 +1,691 @@
+<template>
+    <div class="default-main">
+        <div class="title">
+            变压器台账配置
+            <back-component />
+        </div>
+        <!-- 主要内容 -->
+        <div>
+            <el-row>
+                <el-col :span="5">
+                    <div style="margin: 10px; border-right: 1px solid">
+                        <div style="overflow-y: auto" class="xiaoshou" :style="height1">
+                            <!-- <el-tree
+                                class="filter-tree xiaoshou"
+                                v-loading="loading"
+                                element-loading-text="数据加载中"
+                                :style="'height:' + vh2 + 'px'"
+                                :data="treeMenuData"
+                                :props="{ children: 'children', label: 'name' }"
+                                :expand-on-click-node="false"
+                                :highlight-current="true"
+                                default-expand-all
+                                :filter-node-method="filterNode"
+                                @node-click="handleNodeClick1"
+                                ref="menuTree"
+                                node-key="id"
+                            >
+                                <span class="span-ellipsis" slot-scope="{ node, data }">
+                                    <i :class="data.icon"></i>
+                                    <span class="title" :title="node.label">{{ node.label }}</span>
+                                </span>
+                            </el-tree> -->
+                            <DeviceTree
+                                :default-expand-all="true"
+                                @node-click="handleNodeClick"
+                                @init="handleNodeClick"
+                                ref="menuTree"
+                            ></DeviceTree>
+                        </div>
+                    </div>
+                </el-col>
+                <el-col :span="19">
+                    <div class="mt10">
+                        <TableHeader showExport :showSearch="false" ref="TableHeaderRef">
+                            <template v-slot:select>
+                                <span style="font-size: 14px; line-height: 40px; color: red;">
+                                    所选变电站:
+                                    <span style="color: black">{{ subName }}</span>
+                                </span>
+                            </template>
+                            <template #operation>
+                                <el-button type="primary" class="ml10" @click="transformerAdd" :icon="Plus">
+                                    新增变压器信息
+                                </el-button>
+                            </template>
+                        </TableHeader>
+                        <div>
+                            <!-- 为分页留出空间 -->
+                            <Table ref="tableRef" height="calc(100vh - 308px)" :row-config="{ isCurrent: true, isHover: true }"></Table>
+                        </div>
+                    </div>
+                </el-col>
+            </el-row>
+        </div>
+        <!-- 变压器信息新增/修改 -->
+        <el-dialog
+            draggable
+            :title="transformerTitle"
+            v-model="transformerInformation"
+            :close-on-click-modal="false"
+            width="700px"
+            v-if="transformerInformation"
+            :before-close="resetForm"
+        >
+            <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-form-item>
+                <el-form-item label="接线方式:" prop="wiring" class="top">
+                    <el-select style="width: 100%" v-model="ruleForm.wiring" clearable placeholder="请选择接线方式">
+                        <el-option
+                            v-for="item in connectionType"
+                            :key="item.id"
+                            :label="item.name"
+                            :value="item.id"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="描述:" class="top">
+                    <el-input
+                        v-model="ruleForm.tfDescribe"
+                        placeholder="请输入"
+                        clearable
+                        type="textarea"
+                        :rows="2"
+                    ></el-input>
+                </el-form-item>
+                <el-form-item class="mt20 ml20">
+                    <el-button @click="transformerInformation = false">取消</el-button>
+                    <el-button type="primary" @click="onSubmit">确 定</el-button>
+                </el-form-item>
+            </el-form>
+        </el-dialog>
+        <!-- 节点维护 -->
+        <el-dialog
+            :close-on-click-modal="false"
+            :title="maintenanceTitle"
+            v-model="nodemaintenanceInformation"
+            width="65%"
+            v-if="nodemaintenanceInformation"
+        >
+            <el-row :gutter="20" v-loading="isLoading3" element-loading-text="数据加载中">
+                <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-tree
+                                style="cursor: pointer;display: inline-block;"
+                                :data="treeMenuLeftData"
+                                v-loading="loading"
+                                element-loading-text="数据加载中"
+                                show-checkbox
+                                node-key="id"
+                                ref="menuTreeLeft"
+                                highlight-current
+                                :check-strictly="true"
+                                :expand-on-click-node="true"
+                                default-expand-all
+                                :filter-node-method="filterNode"
+                                :props="{ children: 'children', label: 'name' }"
+                                @check="checkLeft"
+                                @node-click="handleNodeClick"
+                            >
+                                <template #default="{ node, data }">
+                                    <span class="span-ellipsis">
+                                        <i :class="data.icon"></i>
+                                        <span class="title_1" :title="node.label">{{ node.label }}</span>
+                                    </span>
+                                </template>
+                            </el-tree>
+                        </div>
+                    </div>
+                </el-col>
+                <el-col :span="8">
+                    <el-form :model="messageInfo" label-width="90px">
+                        <el-form-item label="变压器名称:">
+                            <el-input disabled v-model="messageInfo.tfName" placeholder="变压器名称"></el-input>
+                        </el-form-item>
+                        <el-form-item label="变电站:" class="top">
+                            <el-input disabled v-model="messageInfo.subIndexName" placeholder="变电站"></el-input>
+                        </el-form-item>
+                        <el-form-item label="接线方式:" class="top">
+                            <el-input disabled v-model="messageInfo.wiring" placeholder="接线方式"></el-input>
+                        </el-form-item>
+                        <el-form-item label="更新人:" class="top">
+                            <el-input disabled v-model="messageInfo.updateBy" placeholder="更新人"></el-input>
+                        </el-form-item>
+                        <el-form-item label="更新时间:" class="top">
+                            <el-input disabled v-model="messageInfo.updateTime" placeholder="更新时间"></el-input>
+                        </el-form-item>
+                    </el-form>
+                </el-col>
+                <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-tree
+                                style="cursor: pointer"
+                                :data="treeMenuRightData"
+                                v-loading="loading"
+                                element-loading-text="数据加载中"
+                                show-checkbox
+                                node-key="id"
+                                ref="menuTreeRight"
+                                :check-strictly="true"
+                                highlight-current
+                                :expand-on-click-node="true"
+                                default-expand-all
+                                :filter-node-method="filterNode"
+                                :props="{ children: 'children', label: 'name' }"
+                                @check="checkRight"
+                                @node-click="handleNodeClick"
+                            >
+                                <template #default="{ node, data }">
+                                    <span class="span-ellipsis">
+                                        <i :class="data.icon"></i>
+                                        <span class="title_1" :title="node.label">{{ node.label }}</span>
+                                    </span>
+                                </template>
+                            </el-tree>
+                        </div>
+                    </div>
+                </el-col>
+            </el-row>
+            <div style="border-top: #dddfe5 solid 1px; margin-top: 10px; margin-bottom: 5px"></div>
+            <span slot="footer" class="dialog-footer" style="display: flex; justify-content: flex-end">
+                <el-button @click="nodemaintenanceInformation = false">取 消</el-button>
+                <el-button type="primary" @click="maintenanceOnsubmit">提交</el-button>
+            </span>
+        </el-dialog>
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, reactive, watch } from 'vue'
+import BackComponent from '@/components/icon/back/index.vue'
+import { mainHeight } from '@/utils/layout'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import DeviceTree from '@/components/tree/pqs/deviceTree.vue'
+import { Plus, Setting } from '@element-plus/icons-vue'
+import TableHeader from '@/components/table/header/index.vue'
+import { useDictData } from '@/stores/dictData'
+import {
+    insertTransformer,
+    updateTransformer,
+    delTransformer,
+    nodeMaintenance,
+    getGeneratrix
+} from '@/api/device-boot/transformerStrategy'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { calc } from '@/api/advance-boot/sgGroven/sgScheme'
+
+defineOptions({
+    name: 'BusinessAdministrator/TerminalManagement/addLedger'
+})
+
+const tableRef = ref()
+const dictData = useDictData()
+
+const connectionType = dictData.getBasicData('Dev_Connect')
+
+// 新增、修改
+const transformerTitle = ref('新增变压器信息')
+
+const transformerInformation = ref(false)
+
+const ruleFormRef = ref()
+
+const menuTree = ref()
+
+const ruleForm = reactive({
+    tfName: '',
+    wiring: '',
+    subIndex: '',
+    tfDescribe: ''
+})
+// 树选择
+const subName = ref('')
+
+const parentId = ref('')
+
+const rules = reactive({
+    tfName: [{ required: true, message: '请输入变压器名', trigger: 'blur' }],
+    wiring: [{ required: true, message: '请选择接线方式', trigger: 'change' }]
+})
+
+// 变压器节点维护
+interface TreeNode {
+    id: string
+    name: string
+    icon?: string
+    level?: number
+    disabled?: boolean
+    children?: TreeNode[]
+}
+const maintenanceTitle = ref('变压器节点维护')
+const nodemaintenanceInformation = ref(false)
+const loading = ref(false)
+const isLoading3 = ref(false)
+const filterText1 = ref('')
+const filterText2 = ref('')
+const menuTreeLeft = ref()
+const menuTreeRight = ref()
+const treeMenuLeftData = ref<TreeNode[]>([])
+const treeMenuRightData = ref<TreeNode[]>([])
+const messageInfo = reactive({
+    tfName: '',
+    subIndexName: '',
+    wiring: '',
+    updateBy: '',
+    updateTime: ''
+})
+const bind = ref<any[]>([])
+const bindLevel = ref<number>(0)
+
+const tableStore = new TableStore({
+    url: '/device-boot/pqsTransformer/transformerPage',
+    method: 'POST',
+    column: [
+        { title: '变压器名称', field: 'tfName' },
+        { title: '变电站', field: 'subIndexName' },
+        {
+            title: '接线方式',
+            field: 'wiring',
+            formatter: (row: any) => {
+                if (row.column.property == 'wiring') {
+                    let title = ''
+                    connectionType.forEach(item => {
+                        if (item.id == row.row.wiring) {
+                            title = item.name
+                        }
+                    })
+                    return title
+                } else {
+                    return row.row[row.column.property]
+                }
+            }
+        },
+        { title: '更新人', field: 'updateBy' },
+        { title: '更新时间', field: 'updateTime' },
+        // {
+        //     title: '等级',
+        //     field: 'nodeGrade',
+        //     render: 'tag',
+        //     custom: {
+        //         0: 'success',
+        //         1: 'warning',
+        //         2: 'info'
+        //     },
+        //     replaceValue: {
+        //         0: '极重要',
+        //         1: '普通',
+        //         2: '备用'
+        //     }
+        // },
+        {
+            title: '描述',
+            field: 'tfDescribe'
+        },
+        {
+            title: '操作',
+            align: 'center',
+            width: '180',
+            render: 'buttons',
+            buttons: [
+                {
+                    name: 'maintenance',
+                    title: '节点维护',
+                    type: 'primary',
+                    icon: 'el-icon-Share',
+                    render: 'basicButton',
+                    click: async row => {
+                        nodemaintenanceInformation.value = true
+                        maintenance(JSON.parse(JSON.stringify(row)))
+                    }
+                },
+                {
+                    name: 'edit',
+                    title: '编辑',
+                    type: 'primary',
+                    icon: 'el-icon-EditPen',
+                    render: 'basicButton',
+                    click: row => {
+                        transformerInformation.value = true
+                        transformerTitle.value = '修改变压器信息'
+                        Object.assign(ruleForm, JSON.parse(JSON.stringify(row)))
+                    }
+                },
+
+                {
+                    name: 'del',
+                    title: '删除',
+                    type: 'danger',
+                    icon: 'el-icon-Delete',
+                    render: 'confirmButton',
+                    popconfirm: {
+                        confirmButtonText: '确认',
+                        cancelButtonText: '取消',
+                        confirmButtonType: 'danger',
+                        title: '确定删除吗？'
+                    },
+                    click: row => {
+                        delTransformer([row.tfIndex]).then(res => {
+                            ElMessage.success('删除成功')
+                            tableStore.index()
+                        })
+                    }
+                }
+            ]
+        }
+    ],
+    // beforeSearchFun: () => {
+    //     for (let key in tableStore.table.params) {
+    //         if (tableStore.table.params[key] === '' && key !== 'nodeGrade' && key !== 'searchState') {
+    //             delete tableStore.table.params[key]
+    //         }
+    //     }
+    // },
+    loadCallback: () => {}
+})
+
+tableStore.table.params.searchValue = ''
+provide('tableStore', tableStore)
+
+onMounted(() => {
+    setTimeout(() => {
+        tableStore.index()
+    }, 100)
+})
+
+const height = mainHeight(20)
+const height1 = mainHeight(85)
+const height2 = mainHeight(300)
+
+//变压器新增
+const transformerAdd = () => {
+    ruleForm.tfName = ''
+    ruleForm.wiring = ''
+    ruleForm.tfDescribe = ''
+    if (subName.value == '') {
+        ElMessage({
+            type: 'warning',
+            message: '请选择变电站'
+        })
+    } else {
+        transformerTitle.value = '新增变压器信息'
+        transformerInformation.value = true
+        nextTick(() => {
+            ruleFormRef.value.clearValidate()
+        })
+    }
+}
+
+// 树选择
+const handleNodeClick = (data: any, node: any) => {
+    if (node.level == 4) {
+        subName.value =
+            node.parent.parent.parent.data.name +
+            `>` +
+            node.parent.parent.data.name +
+            `>` +
+            node.parent.data.name +
+            `>` +
+            node.data.name
+        ruleForm.subIndex = node.data.id
+        tableStore.table.params.searchValue = node.data.id
+        parentId.value = node.data.id
+    } else if (node.level == 5) {
+        subName.value =
+            node.parent.parent.parent.parent.data.name +
+            `>` +
+            node.parent.parent.parent.data.name +
+            `>` +
+            node.parent.parent.data.name +
+            `>` +
+            node.parent.data.name
+        ruleForm.subIndex = node.parent.data.id
+        tableStore.table.params.searchValue = node.data.id
+        parentId.value = node.parent.data.id
+    } else {
+        tableStore.table.params.searchValue = ''
+    }
+    tableStore.index()
+}
+
+const resetForm = () => {
+    transformerInformation.value = false
+    Object.assign(ruleForm, {
+        tfName: '',
+        wiring: '',
+        subIndex: '',
+        tfDescribe: ''
+    })
+}
+// 确认
+const onSubmit = () => {
+    ruleFormRef.value.validate((valid: any) => {
+        if (valid) {
+            if (transformerTitle.value == '新增变压器信息') {
+                insertTransformer(ruleForm).then(res => {
+                    ElMessage.success('新增变压器信息成功')
+                    resetForm()
+                    menuTree.value.loadData()
+                    tableStore.onTableAction('search', {})
+                })
+            } else {
+                ElMessageBox.confirm('是否确认修改?', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning'
+                }).then(() => {
+                    updateTransformer(ruleForm).then(res => {
+                        ElMessage.success('修改成功')
+                        resetForm()
+                        menuTree.value.loadData()
+                        tableStore.onTableAction('search', {})
+                    })
+                })
+            }
+        }
+    })
+}
+
+// 变压器维护
+const maintenance = (val: any) => {
+    maintenanceTitle.value = '变压器节点维护'
+    maintenanceData.upNode = ''
+    maintenanceData.downNode = ''
+    maintenanceData.tfIndex = val.tfIndex
+    isLoading3.value = true
+    getGeneratrix({
+        id: val.tfIndex,
+        subId: val.subIndex
+    }).then(res => {
+        bind.value = res.data.bind
+        treeMenuLeftData.value = res.data.upNode
+        treeMenuRightData.value = res.data.downNode
+        setDisabled(treeMenuRightData.value)
+        setDisabled(treeMenuLeftData.value)
+        isLoading3.value = false
+        if (treeMenuLeftData.value && treeMenuLeftData.value.length > 0) {
+            treeMenuLeftData.value[0].children?.forEach(item => {
+                item.children?.forEach(item1 => {
+                    item1.children?.forEach(item2 => {
+                        item2.children?.forEach(item3 => {
+                            if (item3.level != null) {
+                                menuTreeLeft.value?.setCheckedKeys([item3.id])
+                                maintenanceData.upNode = item3.id
+                                bindLevel.value = item3.level
+                            }
+                        })
+                    })
+                })
+            })
+        }
+        if (treeMenuRightData.value && treeMenuRightData.value.length > 0) {
+            treeMenuRightData.value[0].children?.forEach(item => {
+                item.children?.forEach(item1 => {
+                    item1.children?.forEach(item2 => {
+                        item2.children?.forEach(item3 => {
+                            if (item3.level != null) {
+                                menuTreeRight.value?.setCheckedKeys([item3.id])
+                                maintenanceData.downNode = item3.id
+                            }
+                        })
+                    })
+                })
+            })
+        }
+        nodemaintenanceInformation.value = true
+    })
+    Object.assign(messageInfo, JSON.parse(JSON.stringify(val)))
+    connectionType.forEach(item => {
+        if (messageInfo.wiring == item.id) {
+            messageInfo.wiring = item.name
+        }
+    })
+}
+
+//设置禁选
+const setDisabled = (treeData: any[]) => {
+   treeData.forEach((item) => {
+        item.disabled = true;
+        item.children.forEach((item1:any) => {
+          item1.disabled = true;
+          item1.children.forEach((item2:any) => {
+            item2.disabled = true;
+            item2.children.forEach((item3:any) => {
+              item3.disabled = true;
+            });
+          });
+        });
+      });
+}
+
+watch(
+    () => [filterText1.value, filterText2.value],
+    ([newVal1, newVal2]) => {
+        menuTreeLeft.value.filter(newVal1)
+        menuTreeRight.value.filter(newVal2)
+    }
+)
+
+/**筛选节点 */
+const filterNode = (value: any, data: any, node: any) => {
+    if (!value) {
+        return true
+    }
+    let _array: boolean[] = [] // 显式声明类型为 boolean[]
+    getReturnNode(node, _array, value)
+    let result = false
+    _array.forEach(item => {
+        result = result || item
+    })
+    return result
+}
+
+const getReturnNode = (node: any, _array: boolean[], value: string) => {
+    let isPass = node.data && node.data.name && node.data.name.indexOf(value) !== -1
+    isPass ? _array.push(isPass) : ''
+    if (!isPass && node.level !== 1 && node.parent) {
+        getReturnNode(node.parent, _array, value)
+    }
+}
+
+const maintenanceData = reactive({
+    upNode: '',
+    downNode: '',
+    tfIndex: ''
+})
+
+//上节点选择
+const checkLeft = (checkedNodes: any, checkedKeys: any) => {
+    maintenanceData.upNode = checkedNodes.id
+    if (maintenanceData.upNode === maintenanceData.downNode) {
+        menuTreeRight.value?.setCheckedKeys([])
+        maintenanceData.downNode = ''
+    }
+    if (checkedKeys.checkedKeys.length > 1) {
+        menuTreeLeft.value?.setCheckedKeys([checkedNodes.id])
+    }
+}
+
+//下节点选择
+const checkRight = (checkedNodes: any, checkedKeys: any) => {
+    maintenanceData.downNode = checkedNodes.id
+    if (maintenanceData.downNode === maintenanceData.upNode) {
+        menuTreeLeft.value?.setCheckedKeys([])
+        maintenanceData.upNode = ''
+    }
+    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) {
+            for (let j = 0; j < bind.value.length; j++) {
+                if (bind.value[j][1] == 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][1] && maintenanceData.downNode == bind.value[i][0]) {
+                ElMessage({
+                    type: 'warning',
+                    message: '上下节点无法选择相同母线！！！'
+                })
+                return
+            }
+        }
+    }
+
+    nodeMaintenance(maintenanceData).then((res: any) => {
+        if (res.code == 'A0000') {
+            ElMessage({
+                type: 'success',
+                message: '维护成功'
+            })
+            nodemaintenanceInformation.value = false
+            tableStore.index()
+        }
+    })
+}
+</script>
+<style lang="scss" scoped>
+.title {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px;
+    font-size: 16px;
+    font-weight: 550;
+}
+
+.xiaoshou {
+    cursor: pointer !important;
+}
+
+.span-ellipsis {
+    display: block;
+    width: 100%;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+::v-deep .el-tree {
+    font-size: 13px !important;
+    font-weight: 540 !important;
+}
+</style>

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

@@ -0,0 +1,337 @@
+<!-- 变压器策略 -->
+<template>
+    <div class="default-main">
+        <TableHeader showExport :showSearch="false" ref="TableHeaderRef">
+            <template v-slot:select></template>
+            <template #operation>
+                <el-button
+                    type="primary"
+                    class="ml10"
+                    @click="push('/admin/BusinessAdministrator/TerminalManagement/addLedger')"
+                    :icon="Setting"
+                >
+                    变压器台账配置
+                </el-button>
+                <el-button type="primary" class="ml10" @click="add" :icon="Plus">新增策略</el-button>
+            </template>
+        </TableHeader>
+        <Table ref="tableRef" :row-config="{ isCurrent: true, isHover: true }"></Table>
+        <el-dialog
+            draggable
+            :title="dialogTitle"
+            v-model="dialogFormVisible"
+            :close-on-click-modal="false"
+            width="700px"
+            :before-close="resetForm"
+            v-if="dialogFormVisible"
+        >
+            <el-row :gutter="20" v-loading="isLoading1" element-loading-text="数据加载中">
+                <el-col :span="10">
+                    <div style="margin: 10px; overflow-y: auto; border-right: 1px solid" class="xiaoshou">
+                        <el-tree
+                            style="cursor: pointer; height: 380px"
+                            :data="treeMenuData"
+                            v-loading="loading"
+                            element-loading-text="数据加载中"
+                            show-checkbox
+                            node-key="id"
+                            ref="menuTree"
+                            highlight-current
+                            :expand-on-click-node="true"
+                            default-expand-all
+                            :props="{ children: 'children', label: 'name' }"
+                            @check="check"
+                        >
+                            <template #default="{ node, data }">
+                                <span class="span-ellipsis">
+                                    <i :class="data.icon"></i>
+                                    <span class="title" :title="node.label">{{ node.label }}</span>
+                                </span>
+                            </template>
+                        </el-tree>
+                    </div>
+                </el-col>
+                <el-col :span="14">
+                    <div class="box">
+                        <el-form :model="form" label-width="100px" ref="ruleFormRef">
+                            <el-form-item label="名称:">
+                                <el-input v-model="form.tpName" placeholder="请输入"></el-input>
+                            </el-form-item>
+                            <el-form-item label="描述:" class="mt20">
+                                <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>
+                                <el-button type="primary" @click="onSubmit">确 定</el-button>
+                            </el-form-item>
+                        </el-form>
+                    </div>
+                </el-col>
+            </el-row>
+        </el-dialog>
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide, reactive, nextTick } from 'vue'
+import { Plus, Setting } from '@element-plus/icons-vue'
+import {
+    getFlgPloyInfo,
+    insertFlgPloy,
+    updateFlgPloy,
+    delFlgPloy,
+    getTransformerTree
+} from '@/api/device-boot/transformerStrategy'
+import TableStore from '@/utils/tableStore'
+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 { mainHeight } from '@/utils/layout'
+import { useRouter } from 'vue-router'
+defineOptions({
+    name: '/BusinessAdministrator/TerminalManagement/transformerStrategy'
+})
+const { push } = useRouter()
+const fontdveoption: any = ref([
+    { id: 0, name: '极重要' },
+    { id: 1, name: '普通' },
+    { id: 2, name: '备用' }
+])
+const statusoption: any = ref([
+    { id: 0, name: '未启用' },
+    { id: 1, name: '启用' }
+])
+const height = mainHeight(70)
+
+const loading = ref(false)
+
+const tableRef = ref()
+
+const ruleFormRef = ref()
+
+const form: any = ref({
+    tpName: '',
+    tfDescribe: '',
+    tpIndex: '',
+    tfIndexs: []
+})
+
+const isLoading1 = ref(false)
+const treeMenuData = ref([])
+const menuTree = ref()
+const TableHeaderRef = ref()
+
+const rules = reactive({
+    name: [{ 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)
+
+const dialogTitle = ref('新增前置机')
+const processId = ref('')
+const tableStore = new TableStore({
+    url: '/device-boot/pqsTflgploy/flgployPage',
+    method: 'POST',
+    column: [
+        { title: '变压器策略名称', field: 'tpName' },
+        { title: '更新时间', field: 'updateTime' },
+        // {
+        //     title: '等级',
+        //     field: 'nodeGrade',
+        //     render: 'tag',
+        //     custom: {
+        //         0: 'success',
+        //         1: 'warning',
+        //         2: 'info'
+        //     },
+        //     replaceValue: {
+        //         0: '极重要',
+        //         1: '普通',
+        //         2: '备用'
+        //     }
+        // },
+        {
+            title: '变压器策略描述',
+            field: 'tfDescribe'
+        },
+        {
+            title: '操作',
+            align: 'center',
+            width: '180',
+            render: 'buttons',
+            buttons: [
+                {
+                    name: 'edit',
+                    title: '编辑',
+                    type: 'primary',
+                    icon: 'el-icon-EditPen',
+                    render: 'basicButton',
+
+                    click: async row => {
+                        dialogFormVisible.value = true
+                        dialogTitle.value = '修改策略信息'
+                        form.value = JSON.parse(JSON.stringify(row))
+                        getFlgPloyInfo({ id: row.tpIndex }).then(res => {
+                            menuTree.value.setCheckedKeys(res.data.tfIndexs)
+                            form.value.tfIndexs = res.data.tfIndexs
+                        })
+                    }
+                },
+                // {
+                //     name: 'edit',
+                //     title: '重启',
+                //     type: 'warning',
+                //     icon: 'el-icon-Delete',
+                //     render: 'confirmButton',
+                //     popconfirm: {
+                //         confirmButtonText: '确认',
+                //         cancelButtonText: '取消',
+                //         confirmButtonType: 'warning',
+                //         title: '确定重启吗？'
+                //     },
+                //     click: row => {
+                //         askRestartProcess({
+                //             deviceRebootType: null,
+                //             nodeId: row.id,
+                //             processNo: 1
+                //         }).then(res => {
+                //             ElMessage.success('重启成功')
+                //             tableStore.index()
+                //         })
+                //     }
+                // },
+
+                {
+                    name: 'del',
+                    title: '删除',
+                    type: 'danger',
+                    icon: 'el-icon-Delete',
+                    render: 'confirmButton',
+                    popconfirm: {
+                        confirmButtonText: '确认',
+                        cancelButtonText: '取消',
+                        confirmButtonType: 'danger',
+                        title: '确定删除吗？'
+                    },
+                    click: row => {
+                        delFlgPloy({ ids: row.tpIndex }).then(res => {
+                            ElMessage.success('删除成功')
+                            tableStore.index()
+                        })
+                    }
+                }
+            ]
+        }
+    ],
+    // beforeSearchFun: () => {
+    //     for (let key in tableStore.table.params) {
+    //         if (tableStore.table.params[key] === '' && key !== 'nodeGrade' && key !== 'searchState') {
+    //             delete tableStore.table.params[key]
+    //         }
+    //     }
+    // },
+    loadCallback: () => {}
+})
+const nodeId = ref('')
+
+const treeRef = ref()
+
+// tableStore.table.params.orderBy = 'desc'
+// tableStore.table.params.nodeGrade = ''
+// tableStore.table.params.searchState = ''
+provide('tableStore', tableStore)
+
+// 变压器台账配置
+const set = () => {
+    push({
+        path: 'addLedger',
+        query: {}
+    })
+}
+
+// 新增
+const add = () => {
+    dialogFormVisible.value = true
+    dialogTitle.value = '新增策略信息'
+    form.value = {}
+}
+
+const resetForm = () => {
+    dialogFormVisible.value = false
+    form.value = {}
+}
+
+const getTree = () => {
+    isLoading1.value = true
+    getTransformerTree().then(res => {
+        treeMenuData.value = res.data
+        isLoading1.value = false
+    })
+}
+
+// 确认
+const onSubmit = () => {
+    ruleFormRef.value.validate((valid: any) => {
+        if (valid) {
+            if (dialogTitle.value == '新增策略信息') {
+                insertFlgPloy(form.value).then(res => {
+                    ElMessage.success('新增策略信息成功')
+                    resetForm()
+                    tableStore.onTableAction('search', {})
+                })
+            } else {
+                ElMessageBox.confirm('是否确认修改?', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning'
+                }).then(() => {
+                    updateFlgPloy(form.value).then(res => {
+                        ElMessage.success('修改成功')
+                        resetForm()
+                        tableStore.onTableAction('search', {})
+                    })
+                })
+            }
+        }
+    })
+}
+
+//树多选
+const check = (currentNode: any, checkedInfo: any) => {
+    form.value.tfIndexs = checkedInfo.checkedNodes
+        .filter((item: any) => !item.children || item.children.length === 0)
+        .map((item: any) => item.id)
+}
+
+onMounted(() => {
+    getTree()
+    setTimeout(() => {
+        tableStore.index()
+    }, 100)
+})
+</script>
+<style lang="scss" scoped>
+.box {
+    position: absolute;
+    top: 100px;
+    right: 60px;
+    bottom: 0;
+    left: 300px;
+    z-index: 1;
+}
+
+.xiaoshou {
+    cursor: pointer !important;
+}
+
+// ::-webkit-scrollbar {
+//     width: 8px !important;
+//     height: 14px;
+// }
+</style>

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

@@ -126,8 +126,11 @@ const LngLat = [
     }
 ]
 import { getAssessOverview } from '@/api/device-boot/panorama'
-narimap.publicKey =
-    'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCRYFEiMdZVgY8+jIjx4GR1QbN7qVgCE0istwPZN8xRqdSV+hePUPIW1k9eCVh9gxIIWHAw2TfNZLb8l0Tmk9OH3XnZ009TNBjzZ2zWLrbjFQzgutKKI2JRLK+CaJbOZ0LiD78QnTo5Zk+ZuQBKgtyFJdp4T5gQS+Mnbj/c4EnK0QIDAQAB'
+// narimap.publicKey =
+//     'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCRYFEiMdZVgY8+jIjx4GR1QbN7qVgCE0istwPZN8xRqdSV+hePUPIW1k9eCVh9gxIIWHAw2TfNZLb8l0Tmk9OH3XnZ009TNBjzZ2zWLrbjFQzgutKKI2JRLK+CaJbOZ0LiD78QnTo5Zk+ZuQBKgtyFJdp4T5gQS+Mnbj/c4EnK0QIDAQAB'
+ narimap.publicKey =
+    'JBb74325ae94dc49358b7d699660b692'
+
 narimap.Require(
     [
         'PSRMap',

src/views/system/strategyManage/index.vue

@@ -0,0 +1,146 @@
+<template>
+    <div class="strategy-manage pd10" :style="height">
+        <el-form :inline="true" class="demo-form-inline">
+            <el-form-item>
+                <el-button @click="AddClick()" type="primary" :icon="Plus">保存</el-button>
+            </el-form-item>
+        </el-form>
+        <div style="width: 500px">
+            <el-form ref="formRef" :model="form" label-width="auto" :rules="rules">
+                <el-divider content-position="left">系统策略</el-divider>
+                <el-form-item label="最大并发数:" prop="maxUseUser">
+                    <el-input-number
+                        v-model.number="form.maxUseUser"
+                        :min="10"
+                        :max="99"
+                        style="width: 100%"
+                    ></el-input-number>
+                </el-form-item>
+                <el-divider content-position="left">账号锁定策略</el-divider>
+                <el-form-item label="密码输入错误次数:" prop="errorsCount">
+                    <el-input-number
+                        v-model.number="form.errorsCount"
+                        :min="3"
+                        :max="20"
+                        style="width: 100%"
+                    ></el-input-number>
+                </el-form-item>
+                <el-form-item label="自动解锁(分钟):" prop="releaseTime">
+                    <el-input-number
+                        v-model.number="form.releaseTime"
+                        :min="5"
+                        :max="60"
+                        style="width: 100%"
+                    ></el-input-number>
+                </el-form-item>
+                <el-form-item label="会话超时时间(秒):" prop="sessionTime">
+                    <el-input-number v-model.number="form.sessionTime" :min="10" style="width: 100%"></el-input-number>
+                </el-form-item>
+                <el-form-item label="token刷新时间(秒):" prop="sessionRefreshTime">
+                    <el-input-number
+                        v-model.number="form.sessionRefreshTime"
+                        :min="10"
+                        style="width: 100%"
+                    ></el-input-number>
+                </el-form-item>
+                <el-divider content-position="left">账号密码复杂度校验</el-divider>
+                <el-form-item label="密码有效期(月):" prop="passwordExpirationMonth">
+                    <el-input-number
+                        v-model.number="form.passwordExpirationMonth"
+                        :min="1"
+                        :max="6"
+                        style="width: 100%"
+                    ></el-input-number>
+                </el-form-item>
+                <el-form-item label="账号长时间未登录休眠期(天):" prop="sleepDay">
+                    <el-input-number
+                        v-model.number="form.sleepDay"
+                        :min="1"
+                        :max="180"
+                        style="width: 100%"
+                    ></el-input-number>
+                </el-form-item>
+            </el-form>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage } from 'element-plus'
+import { ruleUpdate, getRule, unlockRoot } from '@/api/admin/user.js'
+import { Plus } from '@element-plus/icons-vue'
+import { mainHeight } from '@/utils/layout'
+
+// 页面缓存
+defineOptions({
+    name: 'system-boot/sysConfig/timer'
+})
+
+const height = mainHeight(20)
+
+// 定义表单引用
+const formRef = ref()
+
+// 定义表单数据
+const form = reactive({
+    maxUseUser: 50,
+    errorsCount: 0,
+    passwordExpirationMonth: 0,
+    sleepDay: 90,
+    releaseTime: 0,
+    sessionTime: 0,
+    sessionRefreshTime: 0
+})
+
+// 定义表单验证规则
+const rules = {
+    maxUseUser: [{ required: true, message: '请填写最大并发数', trigger: 'blur' }],
+    errorsCount: [{ required: true, message: '请填写密码输入错误次数', trigger: 'blur' }],
+    releaseTime: [{ required: true, message: '请填写自动解锁(分钟)', trigger: 'blur' }],
+    sessionTime: [{ required: true, message: '请填写会话超时时间', trigger: 'blur' }],
+    sessionRefreshTime: [{ required: true, message: '请填写会话刷新时间', trigger: 'blur' }],
+    passwordExpirationMonth: [{ required: true, message: '请填写密码有效期', trigger: 'blur' }],
+    sleepDay: [{ required: true, message: '请填写休眠期', trigger: 'blur' }]
+}
+
+// 获取策略信息
+const info = () => {
+    getRule().then(res => {
+        Object.assign(form, res.data)
+    })
+}
+
+// 保存策略
+const AddClick = () => {
+    formRef.value.validate(valid => {
+        if (valid) {
+            ruleUpdate(form).then(res => {
+                Object.assign(form, res.data)
+                ElMessage({
+                    message: '保存成功',
+                    type: 'success'
+                })
+                info()
+            })
+        }
+    })
+}
+
+// 组件挂载时获取数据
+onMounted(() => {
+    info()
+})
+</script>
+
+<style lang="less" scoped>
+.strategy-manage {
+    background-color: #fff;
+    margin: 10px;
+}
+
+:deep(.el-form-item__label ){
+    color: var(--el-color-primary);
+    font-weight: 600;
+}
+</style>

types/table.d.ts

@@ -83,6 +83,8 @@ declare global {
             index: number
         ) => string
         children?: TableColumn[]
+        property?: string
+        clickable?: boolean  // 是否可点击
     }
 
     /* 表格右侧操作按钮 */