From f51acd7623c13f728220ba249c9e81682fa290b5 Mon Sep 17 00:00:00 2001
From: GGJ <357021191@qq.com>
Date: Fri, 23 Feb 2024 16:26:32 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=B5=E5=8E=8B=E6=9A=82=E9=99=8D-=E9=AB=98?=
 =?UTF-8?q?=E7=BA=A7=E5=88=86=E6=9E=90-=E4=BA=8B=E4=BB=B6=E5=85=B3?=
 =?UTF-8?q?=E8=81=94=E5=88=86=E6=9E=90=20=E5=BD=B1=E5=93=8D=E8=8C=83?=
 =?UTF-8?q?=E5=9B=B4=E5=88=86=E6=9E=90=20=20=E8=BF=81=E7=A7=BB=2040%?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   2 +
 src/api/advance-boot/analyse.ts               |  26 +++
 src/main.ts                                   |   6 +
 .../Region/thermodynamicDiagram.vue           |   2 -
 .../analyse/eventCorrelation/index.vue        | 162 +++++++++++++++++-
 .../analyse/eventwaveform/index.vue           |   7 +
 .../voltageSags/analyse/impactscope/index.vue | 149 ++++++++++++++++
 7 files changed, 350 insertions(+), 4 deletions(-)
 create mode 100644 src/api/advance-boot/analyse.ts
 create mode 100644 src/views/pms/voltageSags/analyse/eventwaveform/index.vue
 create mode 100644 src/views/pms/voltageSags/analyse/impactscope/index.vue

diff --git a/package.json b/package.json
index 604122da..f72be292 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "echarts": "^5.4.3",
     "echarts4": "npm:echarts@^4.9.0",
     "element-plus": "^2.5.3",
+    "exceljs": "^4.4.0",
     "html2canvas": "^1.4.1",
     "jquery": "^3.7.1",
     "lodash-es": "^4.17.21",
@@ -34,6 +35,7 @@
     "vue-draggable-resizable": "3.0.0-beta.2",
     "vue-router": "4",
     "vxe-table": "^4.5.17",
+    "vxe-table-plugin-export-xlsx": "^4.0.1",
     "xe-utils": "^3.5.14"
   },
   "devDependencies": {
diff --git a/src/api/advance-boot/analyse.ts b/src/api/advance-boot/analyse.ts
new file mode 100644
index 00000000..44873d70
--- /dev/null
+++ b/src/api/advance-boot/analyse.ts
@@ -0,0 +1,26 @@
+import createAxios from '@/utils/request'
+
+// 分析记录管理
+export function queryRelevantLogPage(data: any) {
+    return createAxios({
+        url: '/advance-boot/process/queryRelevantLogPage',
+        method: 'post',
+        data: data
+    })
+}
+// 删除策略
+export function delRelevantLog(data: any) {
+    return createAxios({
+        url: '/advance-boot/process/delRelevantLog',
+        method: 'get',
+        params:data,
+    })
+}
+// 影响范围分析 查询
+export function queryEventsAssPage(data: any) {
+    return createAxios({
+        url: '/advance-boot/process/queryEventsAssPage',
+        method: 'post',
+        data,
+    })
+}
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index e5f254ce..0b7b5cb2 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -15,7 +15,13 @@ import '@/styles/index.scss'
 import '@/assets/font/iconfont.css'
 import { ElDialog } from 'element-plus'
 import BaiduMap from 'vue-baidu-map-3x'
+import ExcelJS from 'exceljs'
+import VXETablePluginExportXLSX from 'vxe-table-plugin-export-xlsx'
 
+// 方式1：NPM 安装，注入 ExcelJS 对象
+VXETable.use(VXETablePluginExportXLSX, {
+  ExcelJS
+})
 window.XEUtils = XEUtils
 
 const app = createApp(App)
diff --git a/src/views/pms/Event-boot/Region/thermodynamicDiagram.vue b/src/views/pms/Event-boot/Region/thermodynamicDiagram.vue
index b74e2987..c5418c03 100644
--- a/src/views/pms/Event-boot/Region/thermodynamicDiagram.vue
+++ b/src/views/pms/Event-boot/Region/thermodynamicDiagram.vue
@@ -105,14 +105,12 @@ const map = (res: any) => {
 
     if (geoCoordMap.value.lengt > 0) {
         geoCoordMap.value.map(item => {
-            console.log("🚀 ~ map ~ item:", item)
             areaData.push(...new Array(3).fill(item))
         })
     }
     let maxNum = 0
     let minNum = 0
     let num: any = []
-    console.log('🚀 ~ map ~ areaData:', areaData)
 
     if (areaData.length > 0) {
         areaData.forEach(item => {
diff --git a/src/views/pms/voltageSags/analyse/eventCorrelation/index.vue b/src/views/pms/voltageSags/analyse/eventCorrelation/index.vue
index 5a0c645c..d47ecf8f 100644
--- a/src/views/pms/voltageSags/analyse/eventCorrelation/index.vue
+++ b/src/views/pms/voltageSags/analyse/eventCorrelation/index.vue
@@ -1,3 +1,161 @@
 <template>
-    <div class='default-main'>关联性分析</div>
-</template>
\ No newline at end of file
+    <div class="default-main">
+        <TableHeader datePicker>
+            <template #select>
+                <el-form-item label="筛选">
+                    <el-input v-model="tableStore.table.params.searchValue" clearable placeholder="输入关键字筛选" />
+                </el-form-item>
+            </template>
+            <template #operation>
+                <el-button icon="el-icon-Tickets" type="primary" @click="analysis">分析记录管理</el-button>
+                <el-button icon="el-icon-SuccessFilled" type="primary" @click="firing">启动关联分析</el-button>
+            </template>
+        </TableHeader>
+        <Table ref="tableRef" />
+        <!-- 分析记录管理 -->
+        <el-dialog v-model="dialogAnalysis" title="分析记录管理" width="60%">
+            <vxe-table height="500" auto-resize :data="AnalysisData" v-bind="defaultAttribute">
+                <vxe-column field="timeId" title="策略名称"></vxe-column>
+                <vxe-column field="timeId" title="操作时间"></vxe-column>
+                <vxe-column field="createName" title="操作人"></vxe-column>
+                <vxe-column title="操作" width="100">
+                    <template #default="{ row }">
+                        <el-popconfirm title="是否确认删除策略！" @confirm="details(row)">
+                            <template #reference>
+                                <el-button type="danger" link>删除</el-button>
+                            </template>
+                        </el-popconfirm>
+                    </template>
+                </vxe-column>
+            </vxe-table>
+        </el-dialog>
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+import TableHeader from '@/components/table/header/index.vue'
+import { queryRelevantLogPage, delRelevantLog } from '@/api/advance-boot/analyse.ts'
+import { ElMessage, ElMessageBox } from 'element-plus'
+defineOptions({
+    name: 'govern/log/operation'
+})
+const dialogAnalysis = ref(false)
+const AnalysisData = ref([])
+const tableStore = new TableStore({
+    url: '/advance-boot/process/querySagEventsPage',
+    method: 'POST',
+    column: [
+        {
+            field: 'index',
+            title: '序号',
+            width: '60',
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
+        { field: 'startTime', title: '发生时间' },
+        { field: 'duration', title: '持续时间(s)' },
+        {
+            field: 'featureAmplitude',
+            title: '暂降(骤升)幅值(%)'
+        },
+        { field: 'gdName', title: '供电公司' },
+        { field: 'subName', title: '变电站' },
+        { field: 'lineName', title: '监测点' },
+        {
+            field: 'dealFlag',
+            title: '暂降特征幅值计算',
+            render: 'tag',
+            custom: {
+                0: 'warning',
+                1: 'success',
+                2: 'success',
+                3: 'warning'
+            },
+            replaceValue: {
+                0: '未处理',
+                1: '已处理',
+                2: '已处理,无结果',
+                3: '计算失败'
+            }
+        },
+        {
+            field: 'fileFlag',
+            title: '录波文件',
+            render: 'tag',
+            custom: {
+                0: 'warning',
+                1: 'success'
+            },
+            replaceValue: {
+                0: '不存在',
+                1: '存在'
+            }
+        },
+        {
+            title: '操作',
+            width: '120',
+            render: 'buttons',
+            buttons: [
+                {
+                    name: 'edit',
+                    title: '波形分析',
+                    type: 'primary',
+                    disabled: row => {
+                        return row.fileFlag == 0
+                    },
+                    icon: 'el-icon-Plus',
+                    render: 'basicButton',
+                    click: row => {}
+                },
+                {
+                    name: 'edit',
+                    title: '暂无波形',
+                    type: '',
+                    disabled: row => {
+                        return row.fileFlag == 1
+                    },
+                    icon: 'el-icon-Plus',
+                    render: 'basicButton'
+                }
+            ]
+        }
+    ],
+
+    loadCallback: () => {
+        tableStore.table.data.forEach((item: any) => {
+            item.failReason = item.failReason || '/'
+            item.result = item.result === 1 ? '成功' : '失败'
+            item.loginName = item.loginName || '/'
+        })
+    }
+})
+provide('tableStore', tableStore)
+onMounted(() => {
+    tableStore.index()
+})
+//分析记录管理
+const analysis = () => {
+    queryRelevantLogPage({}).then((res: any) => {
+        AnalysisData.value = res.data.records
+    })
+    dialogAnalysis.value = true
+}
+// 启动关联分析
+const firing = () => {}
+// 删除策略
+const details = (row: any) => {
+    delRelevantLog({ id: row.id }).then((res: any) => {
+        ElMessage({
+            type: 'success',
+            message: res.message
+        })
+        queryRelevantLogPage({}).then((res: any) => {
+            AnalysisData.value = res.data.records
+        })
+    })
+}
+</script>
diff --git a/src/views/pms/voltageSags/analyse/eventwaveform/index.vue b/src/views/pms/voltageSags/analyse/eventwaveform/index.vue
new file mode 100644
index 00000000..5e06e641
--- /dev/null
+++ b/src/views/pms/voltageSags/analyse/eventwaveform/index.vue
@@ -0,0 +1,7 @@
+<template>
+    <div>3</div>
+</template>
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+</script>
+<style lang="scss" scoped></style>
diff --git a/src/views/pms/voltageSags/analyse/impactscope/index.vue b/src/views/pms/voltageSags/analyse/impactscope/index.vue
new file mode 100644
index 00000000..bd026cfb
--- /dev/null
+++ b/src/views/pms/voltageSags/analyse/impactscope/index.vue
@@ -0,0 +1,149 @@
+<template>
+    <div class="default-main">
+        <TableHeader datePicker>
+            <template #select>
+                <el-form-item label="筛选">
+                    <el-input v-model="tableStore.table.params.searchValue" clearable placeholder="输入关键字筛选" />
+                </el-form-item>
+            </template>
+            <template #operation>
+                <el-button icon="el-icon-Download" type="primary" @click="exportEvent">导出</el-button>
+            </template>
+        </TableHeader>
+        <Table ref="tableRef" />
+        <!-- 分析记录管理 -->
+        <el-dialog v-model="dialogAnalysis" title="分析记录管理" width="60%">
+            <vxe-table height="500" auto-resize :data="AnalysisData" v-bind="defaultAttribute">
+                <vxe-column field="timeId" title="策略名称"></vxe-column>
+                <vxe-column field="timeId" title="操作时间"></vxe-column>
+                <vxe-column field="createName" title="操作人"></vxe-column>
+                <vxe-column title="操作" width="100">
+                    <template #default="{ row }">
+                        <el-popconfirm title="是否确认删除策略！" @confirm="details(row)">
+                            <template #reference>
+                                <el-button type="danger" link>删除</el-button>
+                            </template>
+                        </el-popconfirm>
+                    </template>
+                </vxe-column>
+            </vxe-table>
+        </el-dialog>
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+import TableHeader from '@/components/table/header/index.vue'
+import { queryRelevantLogPage, delRelevantLog } from '@/api/advance-boot/analyse.ts'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { queryEventsAssPage } from '@/api/advance-boot/analyse.ts'
+defineOptions({
+    name: 'govern/log/operation'
+})
+const dialogAnalysis = ref(false)
+const AnalysisData = ref([])
+const tableRef = ref()
+const tableStore = new TableStore({
+    url: '/advance-boot/process/queryEventsAssPage',
+    method: 'POST',
+    column: [
+        {
+            field: 'index',
+            title: '序号',
+            width: '60',
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
+        { field: 'timeId', title: '时间', width: '200' },
+        { field: 'timeId', title: '事件关联分析名称', width: '200' },
+        {
+            field: 'contentDes',
+            title: '事件关联分析描述'
+        },
+
+        {
+            title: '操作',
+            width: '200',
+            render: 'buttons',
+            buttons: [
+                {
+                    name: 'edit',
+                    title: '暂降源定位',
+                    type: 'primary',
+
+                    icon: 'el-icon-Plus',
+                    render: 'basicButton',
+                    click: row => {}
+                },
+                {
+                    name: 'edit',
+                    title: '范围查看',
+                    type: 'primary',
+
+                    icon: 'el-icon-Plus',
+                    render: 'basicButton'
+                }
+            ]
+        }
+    ],
+
+    loadCallback: () => {
+        tableStore.table.data.forEach((item: any) => {
+            item.failReason = item.failReason || '/'
+            item.result = item.result === 1 ? '成功' : '失败'
+            item.loginName = item.loginName || '/'
+        })
+    }
+})
+provide('tableStore', tableStore)
+onMounted(() => {
+    tableStore.index()
+})
+//分析记录管理
+const analysis = () => {
+    queryRelevantLogPage({}).then((res: any) => {
+        AnalysisData.value = res.data.records
+    })
+    dialogAnalysis.value = true
+}
+// 启动关联分析
+const firing = () => {}
+// 删除策略
+const details = (row: any) => {
+    delRelevantLog({ id: row.id }).then((res: any) => {
+        ElMessage({
+            type: 'success',
+            message: res.message
+        })
+        queryRelevantLogPage({}).then((res: any) => {
+            AnalysisData.value = res.data.records
+        })
+    })
+}
+// 导出
+const exportEvent = () => {
+    console.log('🚀 ~ exportEvent ~  tableRef.value:', tableRef.value)
+
+    queryEventsAssPage({
+        searchBeginTime: tableStore.table.params.searchBeginTime,
+        searchEndTime: tableStore.table.params.searchEndTime,
+        searchValue: tableStore.table.params.searchValue,
+        pageNum: 1,
+        pageSize: tableStore.table.params.total
+    }).then(res => {
+        tableRef.value.getRef().exportData({
+            filename: '影响范围分析', // 文件名字
+            sheetName: 'Sheet1',
+            type: 'xlsx', //导出文件类型 xlsx 和 csv
+            useStyle: true,
+            data: res.data.records, // 数据源 // 过滤那个字段导出
+            columnFilterMethod: function (column, $columnIndex) {
+                return !(column.$columnIndex === 0)
+            }
+        })
+    })
+}
+</script>