复刻冀北地图

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

@@ -93,11 +93,11 @@ const tableStore = new TableStore({
                 return eventList.filter(item => item.id === row.cellValue)[0]?.name
             }
         },
-        {
-            field: 'severity', title: '严重度', minWidth: "80", formatter: (row: any) => {
-                return row.cellValue.toFixed(2)
-            }
-        },
+        // {
+        //     field: 'severity', title: '严重度', minWidth: "80", formatter: (row: any) => {
+        //         return row.cellValue.toFixed(2)
+        //     }
+        // },
         {
             field: 'featureAmplitude', title: '暂降幅值(%)',minWidth: "90", formatter: (row: any) => {
                 return (row.cellValue * 100).toFixed(2)

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

@@ -0,0 +1,164 @@
+<!-- 负荷数据列表 -->
+<template>
+    <div class="default-main" :style="height">
+        <div class="title">
+            负荷数据列表
+            <back-component />
+
+        </div>
+        <TableHeader :showReset="false" ref="TableHeaderRef">
+            <template #select>
+                <el-form-item label="关键字">
+                    <el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入关键字" />
+                </el-form-item>
+            </template>
+            <template #operation>
+                <el-button type="primary" icon="el-icon-Plus" @click="dialogVisible = true">新增</el-button>
+              
+            </template>
+        </TableHeader>
+        <Table ref="tableRef"></Table>
+        <!-- 详情 -->
+        <completenessDetails ref="completenessDetailsRef" />
+
+        <el-dialog v-model="dialogVisible" title="上传数据" width="500" :before-close="handleClose">
+            <el-upload ref="upload" action="" v-model:file-list="fileList" accept=".xlsx,.xls" :auto-upload="false"
+                :on-change="choose" :limit="2">
+                <el-button type="primary" class="ml10" icon="el-icon-Upload">上传文件</el-button>
+            </el-upload>
+            <template #footer>
+
+                <el-button @click="handleClose">取消</el-button>
+                <el-button type="primary" @click="submitupload">
+                    确认
+                </el-button>
+
+            </template>
+        </el-dialog>
+    </div>
+
+</template>
+<script setup lang='ts'>
+import { ref, reactive, onMounted, onUnmounted } from 'vue'
+import { mainHeight } from '@/utils/layout'
+import TableStore from '@/utils/tableStore'
+import TableHeader from '@/components/table/header/index.vue'
+import Table from '@/components/table/index.vue'
+import BackComponent from '@/components/icon/back/index.vue'
+import completenessDetails from './completenessDetails.vue'
+import { genFileId, ElMessage } from 'element-plus'
+import { uploadUserData } from '@/api/advance-boot/division'
+import type { UploadInstance, UploadProps, UploadRawFile, } from 'element-plus'
+const height = mainHeight(20)
+const completenessDetailsRef = ref()
+const dialogVisible = ref(false)
+const upload = ref<UploadInstance>()
+const fileList = ref([])
+const tableStore = new TableStore({
+    url: '/advance-boot/responsibility/userDataList',
+    method: 'POST',
+    publicHeight: 52,
+    column: [
+        { title: '表名', field: 'name' },
+        { title: '起始时间', field: 'startTime' },
+        { title: '截止时间', field: 'endTime' },
+        { title: '更新时间', field: 'updateTime' },
+
+
+        {
+            title: '操作',
+            width: '180',
+            render: 'buttons',
+            buttons: [
+
+                {
+                    name: 'edit',
+                    title: '完整性详情',
+                    type: 'primary',
+                    icon: 'el-icon-Plus',
+                    render: 'basicButton',
+                    click: row => {
+                        completenessDetailsRef.value.open(row.id)
+                    }
+                },
+                {
+                    title: '删除',
+                    type: 'danger',
+                    icon: 'el-icon-Delete',
+                    render: 'confirmButton',
+
+                    popconfirm: {
+                        confirmButtonText: '确认',
+                        cancelButtonText: '取消',
+                        confirmButtonType: 'danger',
+                        title: '确定删除吗？'
+                    },
+                    click: row => {
+                        // deleteByIds([row.id]).then(() => {
+                        //     ElMessage.success('删除成功')
+                        //     tableStore.index()
+                        // })
+                    }
+                }
+            ]
+        }
+    ],
+    loadCallback: () => { }
+})
+const handleClose = () => {
+    fileList.value = []
+    dialogVisible.value = false
+}
+// 上传
+const choose = (e: any) => {
+    upload.value!.clearFiles()
+    setTimeout(() => {
+        if (e.name.includes('.xls')) {
+            fileList.value = [e]
+        } else {
+            ElMessage.warning('请上传Excel文件！')
+        }
+    }, 0)
+
+}
+
+// 上传
+const submitupload = () => {
+    if (fileList.value.length == 0) {
+        ElMessage.warning('请上传文件！')
+        return
+    }
+    const formData = new FormData()
+    formData.append('file', fileList.value[0].raw)
+    uploadUserData(formData).then(res => {
+        ElMessage.success('上传成功')
+        handleClose()
+        tableStore.index()
+
+    })
+
+
+}
+provide('tableStore', tableStore)
+tableStore.table.params.searchValue = ''
+onMounted(() => {
+    tableStore.index()
+})
+</script>
+<style lang="scss" scoped>
+.title {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px;
+    font-size: 16px;
+    font-weight: 550;
+}
+
+:deep(.upload-demo) {
+    display: flex;
+
+    .el-upload-list__item-info {
+        width: 300px;
+    }
+}
+</style>

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

@@ -0,0 +1,65 @@
+<template>
+
+    <el-dialog v-model="dialogVisible" title="完整性不足详情" width="1000">
+        <TableHeader :showReset="false" ref="TableHeaderRef">
+            <template #select>
+                <el-form-item label="关键字">
+                    <el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入关键字" />
+                </el-form-item>
+            </template>
+            <template #operation>
+                <!-- <el-button type="primary" icon="el-icon-Plus">新增</el-button> -->
+                <!-- <back-component /> -->
+            </template>
+        </TableHeader>
+        <Table ref="tableRef"></Table>
+
+    </el-dialog>
+
+</template>
+<script setup lang='ts'>
+import TableStore from '@/utils/tableStore'
+import TableHeader from '@/components/table/header/index.vue'
+import Table from '@/components/table/index.vue'
+import { mainHeight } from '@/utils/layout'
+import { ref, reactive } from 'vue'
+const num = ref(0)
+const dialogVisible = ref(false)
+const tableStore = new TableStore({
+    url: '/advance-boot/responsibility/userDataIntegrityList',
+    method: 'POST',
+    publicHeight: 547,
+    column: [
+        { title: '数据名', field: 'name' },
+        { title: '用户名', field: 'userName' },
+        { title: '测量点局号', field: 'lineNo' },
+        { title: '日期', field: 'upDataTime' },
+        { title: '完整性', field: 'integrity' },
+    ],
+    loadCallback: () => {
+        setTimeout(() => {
+        tableStore.table.height = mainHeight(0,2).height as any
+        // console.log("🚀 ~ setTimeout ~  tableStore.table.height:", tableStore.table.height)
+
+    }, 0)
+        //   setTimeout(() => {  tableStore.table.height = 'calc((100vh) / 2)'}, 1000)
+    }
+})
+
+provide('tableStore', tableStore)
+tableStore.table.params.searchValue = ''
+const open = (id: string) => {
+
+    tableStore.table.params.userDataId = id
+    dialogVisible.value = true
+
+    tableStore.index()
+  
+
+}
+
+defineExpose({ open })
+
+
+</script>
+<style lang="scss" scoped></style>

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

@@ -0,0 +1,199 @@
+<!-- 贡献度计算 -->
+<template>
+    <div class="default-main" :style="height">
+        <div class="title">
+            贡献度计算
+            <div style="font-size: 14px;font-weight: 500;">
+                {{ dotList.alias || '' }}
+                <back-component />
+            </div>
+        </div>
+        <splitpanes :style='heightB' class='default-theme' id='navigation-splitpanes'>
+            <pane :size='size'>
+                <PointTree :showSelect="false" :default-expand-all='false' @node-click='handleNodeClick'
+                    @init='handleNodeClick'>
+                </PointTree>
+            </pane>
+            <pane style='background: #fff' :style='heightB' :size="100 - size">
+                <el-form :model="form" inline label-width="auto">
+                    <el-form-item label="谐波类型:">
+                        <el-radio-group v-model="form.type">
+                            <el-radio-button label="谐波电压" value="1" />
+                            <el-radio-button label="谐波电流" value="0" />
+                        </el-radio-group>
+                    </el-form-item>
+                    <el-form-item label="谐波次数:">
+                        <el-select v-model="form.index" filterable multiple :multiple-limit="5" collapse-tags
+                            collapse-tags-tooltip clearable placeholder="请选择次数">
+                            <el-option v-for="item in harmonic" :key="item.value" :label="item.label"
+                                :value="item.value"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="负荷数据:">
+                        <el-select v-model="form.loadData" clearable filterable placeholder="请选择负荷数据">
+                            <el-option v-for="item in loadDataOptions" :key="item.id" :label="item.name"
+                                :value="item.id"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" icon="el-icon-Plus"
+                            @click="push('/admin/division/aListOfLoadData')">新增</el-button>
+                        <el-button type="primary" icon="el-icon-Select" @click="submit">确定</el-button>
+                    </el-form-item>
+                </el-form>
+                <el-tabs v-model="activeName" type="card" class="demo-tabs" v-if="showTabs">
+                    <el-tab-pane v-for="(item, index) in tabList" :key="item" :label="item.label" :name="index">
+                        <div class="pd10">
+                            <div>
+                                <span style="color: var(--el-text-color-regular);">时间范围:</span>
+                                <el-date-picker v-model="item.time" class="mr10 ml10" type="daterange"
+                                    start-placeholder="起始时间" end-placeholder="结束时间" format="YYYY-MM-DD"
+                                    date-format="YYYY-MM-DD" time-format="YYYY-MM-DD" />
+                                <el-button type="primary" icon="el-icon-CaretRight" @click="execute(item,index)">执行</el-button>
+                            </div>
+                            <div v-if="item.showExecute">
+                                <el-form :inline="true" v-model="item.form" class="mt10">
+                                    <el-form-item label="限值:">
+                                        <el-input v-model="item.form.limit" placeholder="请输入限值" />
+                                    </el-form-item>
+                                    <el-form-item label="时间点一:"> <el-input v-model="item.form.time1"
+                                            placeholder="请输入时间点一" /></el-form-item>
+                                    <el-form-item label="时间点二:"> <el-input v-model="item.form.time2"
+                                            placeholder="请输入时间点二" /></el-form-item>
+                                    <el-form-item>
+                                        <el-button type="primary" icon="el-icon-Document">
+                                            生成动态谐波责任数据
+                                        </el-button>
+                                        <el-button type="primary" icon="el-icon-Document">
+                                            生成谐波责任指标
+                                        </el-button>
+                                    </el-form-item>
+                                </el-form>
+                            </div>
+
+                        </div>
+
+
+                    </el-tab-pane>
+
+                </el-tabs>
+            </pane>
+        </splitpanes>
+
+
+
+    </div>
+
+</template>
+<script setup lang='ts'>
+import { ref, reactive, onMounted, onUnmounted } from 'vue'
+import { mainHeight } from '@/utils/layout'
+import 'splitpanes/dist/splitpanes.css'
+import { Splitpanes, Pane } from 'splitpanes'
+import PointTree from '@/components/tree/pqs/pointTree.vue'
+import BackComponent from '@/components/icon/back/index.vue'
+import {  harmonicOptions, } from '@/utils/dictionary'
+import { userDataList } from '@/api/advance-boot/division'
+import { useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus'
+import { formatDate } from '@/utils/formatTime'
+import {getHistoryHarmData} from '@/api/advance-boot/division';
+
+const { push } = useRouter()
+const dotList: any = ref({})
+const height = mainHeight(20)
+const heightB = mainHeight(70)
+const harmonic = harmonicOptions.slice(1)
+const size = ref(0)
+const showTabs = ref(false)
+const loadDataOptions: any = ref([])
+const form: any = reactive({
+    type: '0',
+    index: [],
+    loadData: ''
+})
+const tabList: any = ref([])
+const activeName = ref(0)
+const handleNodeClick = (data: any, node: any) => {
+    console.log("🚀 ~ handleNodeClick ~ data:", data)
+    if (data.level == 6) {
+        dotList.value = data
+    }
+}
+// 确定
+const submit = () => {
+    if (form.loadData == '') {
+        return ElMessage.warning('请选择负荷数据')
+    }
+    if (form.index.length == 0) {
+        showTabs.value = false
+    } else {
+      let timeList = loadDataOptions.value.filter((item: any) => item.id == form.loadData)[0]
+        console.log("🚀 ~ submit ~ timeList:", timeList)
+        showTabs.value = true
+        let list = JSON.parse(JSON.stringify(form.index))
+        tabList.value = []
+        list.forEach((item: any) => {
+            tabList.value.push({
+                label: item + '次谐波',
+                key: item,
+                time: [timeList.startTime, timeList.endTime],
+                showExecute: false,
+                form: {
+                    limit: '',
+                    time1: '',
+                    time2: ''
+                }
+            })
+        })
+        // tabList.value =
+        activeName.value = 0
+    }
+
+}
+// 执行
+const execute = (item: any, index: number) => {
+    getHistoryHarmData({
+        searchBeginTime:item.time[0],
+        searchEndTime:item.time[1],
+        type:form.type,
+        time:item.key,
+        // userDataId:form.loadData,
+        lineId:dotList.value.id
+    }).then((res: any) => {
+        
+    })
+    tabList.value[index].showExecute = true
+}
+
+onMounted(() => {
+    const dom = document.getElementById('navigation-splitpanes')
+    if (dom) {
+        size.value = Math.round((180 / dom.offsetHeight) * 100)
+    }
+    userDataList({
+        pageNum: 1,
+        pageSize: 10000,
+        searchValue: ""
+    }).then((res: any) => {
+        loadDataOptions.value = res.data.records
+    })
+})
+</script>
+<style lang="scss" scoped>
+.title {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px;
+    font-size: 16px;
+    font-weight: 550;
+}
+
+:deep(.upload-demo) {
+    display: flex;
+
+    .el-upload-list__item-info {
+        width: 300px;
+    }
+}
+</style>

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

@@ -0,0 +1,53 @@
+<!-- 详情 -->
+<template>
+    <div class="default-main" :style="height">
+        <div class="title">
+            详情
+            <div style="font-size: 14px;font-weight: 500;">
+                {{ query.name || '' }}
+                <back-component />
+            </div>
+        </div>
+
+
+
+
+    </div>
+
+</template>
+<script setup lang='ts'>
+import { ref, reactive, onMounted, onUnmounted } from 'vue'
+import { mainHeight } from '@/utils/layout'
+import { displayHistoryData } from '@/api/advance-boot/division';
+import BackComponent from '@/components/icon/back/index.vue'
+import { useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus'
+import { id } from 'element-plus/es/locale';
+const { query } = useRoute() // 查询参数
+const dotList: any = ref({})
+const height = mainHeight(20)
+
+const tabList: any = ref([])
+const init = () => {
+    displayHistoryData({
+            id: query.id,
+            time:query.time
+        })
+
+
+
+}
+
+onMounted(() => {
+    init()
+})
+</script>
+<style lang="scss" scoped>
+.title {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px;
+    font-size: 16px;
+    font-weight: 550;
+}
+</style>

src/views/pqs/harmonicMonitoring/detailed/division/index.vue

@@ -0,0 +1,115 @@
+<template>
+    <div class="default-main">
+        <!-- 模版 -->
+        <TableHeader datePicker showExport :showReset="false" ref="TableHeaderRef">
+            <template #select>
+                <el-form-item label="关键字">
+                    <el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入关键字" />
+                </el-form-item>
+            </template>
+            <template #operation>
+                <el-button type="primary" icon="el-icon-CreditCard"
+                    @click="push('/admin/division/compute')">谐波贡献度计算</el-button>
+                <el-button type="primary" icon="el-icon-Tickets"
+                    @click="push('/admin/division/aListOfLoadData')">负荷数据列表</el-button>
+            </template>
+        </TableHeader>
+        <Table ref="tableRef"></Table>
+
+    </div>
+</template>
+<script setup lang="ts">
+import { onMounted, ref, provide } from 'vue'
+import TableStore from '@/utils/tableStore'
+import TableHeader from '@/components/table/header/index.vue'
+import { ElMessage } from 'element-plus'
+import Table from '@/components/table/index.vue'
+import { useAdminInfo } from '@/stores/adminInfo'
+import { deleteByIds } from '@/api/advance-boot/division'
+import { useRouter } from 'vue-router'
+const { push } = useRouter()
+defineOptions({
+    name: 'liabiiyty'
+})
+
+const TableHeaderRef = ref()
+
+const tableStore = new TableStore({
+    url: '/advance-boot/responsibility/responsibilityList',
+    method: 'POST',
+    column: [
+        { title: '供电公司', field: 'gdName' },
+        { title: '变电站', field: 'subName' },
+        { title: '终端名称', field: 'devName' },
+        { title: 'IP', field: 'ip' },
+        { title: '监测点名称', field: 'lineName' },
+        { title: '类型', field: 'dataType' },
+        { title: '谐波次数', field: 'dataTimes' },
+        { title: '用采数据', field: 'userDataName' },
+        { title: '计算时间', field: 'updateTime' },
+        { title: '计算窗口', field: 'timeWindow' },
+        {
+            title: '操作',
+            width: '180',
+            render: 'buttons',
+            buttons: [
+
+                {
+                    name: 'edit',
+                    title: '查看详情 ',
+                    type: 'primary',
+                    icon: 'el-icon-Plus',
+                    render: 'basicButton',
+
+                    click: row => {
+                    console.log("🚀 ~ row:", row)
+
+                        // push('/admin/division/detail')
+                        push({
+                            path: "/admin/division/detail",
+                            query: {
+                                id: row.id,
+                                time: row.dataTimes,
+                                name: `${row.gdName}>${row.subName}>${row.devName}>${row.lineName}`
+                            }
+                        })
+                    }
+                },
+                {
+                    title: '删除',
+                    type: 'danger',
+                    icon: 'el-icon-Delete',
+                    render: 'confirmButton',
+
+                    popconfirm: {
+                        confirmButtonText: '确认',
+                        cancelButtonText: '取消',
+                        confirmButtonType: 'danger',
+                        title: '确定删除吗？'
+                    },
+                    click: row => {
+                        deleteByIds([row.id]).then(() => {
+                            ElMessage.success('删除成功')
+                            tableStore.index()
+                        })
+                    }
+                }
+            ]
+        }
+    ],
+    loadCallback: () => { }
+})
+tableStore.table.params.searchValue = ''
+// 弹框
+
+
+
+
+
+provide('tableStore', tableStore)
+onMounted(() => {
+    tableStore.index()
+
+})
+</script>
+<style lang="scss"></style>

src/views/pqs/harmonicMonitoring/monitoringPoint/online/index.vue

@@ -23,9 +23,9 @@
                         <el-tab-pane label="谐波频谱" name="4" lazy v-if="!isReload">
                             <Xiebopingpu />
                         </el-tab-pane>
-                        <el-tab-pane label="告警数据统计" name="5" lazy v-if="!isReload">
+                        <!-- <el-tab-pane label="告警数据统计" name="5" lazy v-if="!isReload">
                             <Gaojingshujutongji />
-                        </el-tab-pane>
+                        </el-tab-pane> -->
                         <el-tab-pane label="监测点运行状态" name="6" lazy v-if="!isReload">
                             <Yunxingzhuangtai />
                         </el-tab-pane>