From 92000b039f2a3b88c16a32cd36c7f4683ea2644e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=B2=E4=B9=88=E4=BA=86?= <zhongchunyang@rocan.com.cn>
Date: Tue, 27 Feb 2024 11:17:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=8B=E4=BB=B6=E5=88=86=E6=9E=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/event-boot/transient.ts               |  20 +++
 src/views/auth/audit/index.vue                |   2 +-
 .../online/eventStatistics/index.vue          |  24 +--
 .../online/eventStudy/index.vue               | 163 +++++++-----------
 .../monitoringPoint/online/index.vue          |   8 +-
 5 files changed, 103 insertions(+), 114 deletions(-)
 create mode 100644 src/api/event-boot/transient.ts

diff --git a/src/api/event-boot/transient.ts b/src/api/event-boot/transient.ts
new file mode 100644
index 00000000..0fa54e99
--- /dev/null
+++ b/src/api/event-boot/transient.ts
@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+
+export function downloadWaveFile(data: any) {
+    return request({
+        url: '/event-boot/transient/downloadWaveFile',
+        method: 'post',
+        data: data.lineId,
+        responseType: 'blob'
+    })
+}
+
+// 事件分析  shushiboxi 获取数据
+export function getMonitorEventAnalyseWave(data:any) {
+    return request({
+        url: "/event-boot/transient/getTransientAnalyseWave",
+        method: "post",
+        data
+    });
+}
+
diff --git a/src/views/auth/audit/index.vue b/src/views/auth/audit/index.vue
index f9a7b5d8..24b64a78 100644
--- a/src/views/auth/audit/index.vue
+++ b/src/views/auth/audit/index.vue
@@ -23,7 +23,7 @@ const tableStore = new TableStore({
     method: 'POST',
     url: '/user-boot/user/checkUserList',
     column: [
-        // { width: '60', type: 'checkbox' },
+        { width: '60', type: 'checkbox' },
         { title: '名称', field: 'name' },
         { title: '登录名', field: 'loginName' },
         { title: '角色', field: 'roleName' },
diff --git a/src/views/pms/voltageSags/monitoringPoint/online/eventStatistics/index.vue b/src/views/pms/voltageSags/monitoringPoint/online/eventStatistics/index.vue
index f99bb014..70f2e1d2 100644
--- a/src/views/pms/voltageSags/monitoringPoint/online/eventStatistics/index.vue
+++ b/src/views/pms/voltageSags/monitoringPoint/online/eventStatistics/index.vue
@@ -1,22 +1,22 @@
 <template>
     <el-tabs v-model='activeName' type='border-card' class='event-statistics' tab-position='left' :style='height'>
-        <el-tab-pane label='ITIC曲线分析' name='1'>
-            <ITICquxianfenxi v-if='activeName === "1"' />
+        <el-tab-pane lazy label='ITIC曲线分析' name='1'>
+            <ITICquxianfenxi />
         </el-tab-pane>
-        <el-tab-pane label='SEMI F47 分析' name='2'>
-            <SEMIF47fenxi v-if='activeName === "2"' />
+        <el-tab-pane lazy label='SEMI F47 分析' name='2'>
+            <SEMIF47fenxi />
         </el-tab-pane>
-        <el-tab-pane label='电压暂降表及密度' name='3'>
-            <Dianyazanjiangbiaojimidu v-if='activeName === "3"' />
+        <el-tab-pane lazy label='电压暂降表及密度' name='3'>
+            <Dianyazanjiangbiaojimidu />
         </el-tab-pane>
-        <el-tab-pane label='暂降分布统计' name='4'>
-            <Zanjiangfenbutongji v-if='activeName === "4"' />
+        <el-tab-pane lazy label='暂降分布统计' name='4'>
+            <Zanjiangfenbutongji />
         </el-tab-pane>
-        <el-tab-pane label='暂降幅值概率分布' name='5'>
-            <Zanjiangfuzhigailvfenbu v-if='activeName === "5"' />
+        <el-tab-pane lazy label='暂降幅值概率分布' name='5'>
+            <Zanjiangfuzhigailvfenbu />
         </el-tab-pane>
-        <el-tab-pane label='持续时间概率分布' name='6'>
-            <Chixushijiangailvfenbu v-if='activeName === "6"' />
+        <el-tab-pane lazy label='持续时间概率分布' name='6'>
+            <Chixushijiangailvfenbu />
         </el-tab-pane>
     </el-tabs>
 </template>
diff --git a/src/views/pms/voltageSags/monitoringPoint/online/eventStudy/index.vue b/src/views/pms/voltageSags/monitoringPoint/online/eventStudy/index.vue
index 9d18be8d..6bf47dbe 100644
--- a/src/views/pms/voltageSags/monitoringPoint/online/eventStudy/index.vue
+++ b/src/views/pms/voltageSags/monitoringPoint/online/eventStudy/index.vue
@@ -3,57 +3,48 @@
         <!-- 表头 -->
         <TableHeader date-picker>
             <template v-slot:operation>
-                <el-button :icon='Plus' type='primary' @click='addUser'>添加</el-button>
+                <el-button :icon='Download' type='primary' @click='download'>波形下载</el-button>
             </template>
         </TableHeader>
         <!-- 表格 -->
-        <Table ref='tableRef' />
+        <Table ref='tableRef' :checkboxConfig='checkboxConfig' />
     </div>
 </template>
 <script setup lang='ts'>
-import { Plus } from '@element-plus/icons-vue'
-import { ref, onMounted, provide, defineOptions } from 'vue'
+import { Download } from '@element-plus/icons-vue'
+import { ref, onMounted, provide, reactive } from 'vue'
 import { ElMessageBox, ElMessage } from 'element-plus'
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
 import TableHeader from '@/components/table/header/index.vue'
 import { mainHeight } from '@/utils/layout'
+import { useMonitoringPoint } from '@/views/pms/voltageSags/monitoringPoint/online/store'
+import { useDictData } from '@/stores/dictData'
+import { checkUser } from '@/api/user-boot/user'
+import { VxeTablePropTypes } from 'vxe-table'
+import { downloadWaveFile, getMonitorEventAnalyseWave } from '@/api/event-boot/transient'
 
+const dictData = useDictData()
+const eventTypeOptions = dictData.getBasicData('Event_Statis')
+const monitoringPoint = useMonitoringPoint()
 const tableStore = new TableStore({
     publicHeight: 60,
-    url: '/user-boot/user/list',
+    url: '/event-boot/monitor/getMonitorEventAnalyseQuery',
     method: 'POST',
     column: [
-        { title: '用户名称', field: 'name', minWidth: '130' },
-        { title: '登录名', field: 'loginName', minWidth: '130' },
-        { title: '角色', field: 'roleName', minWidth: '130' },
-        { title: '部门', field: 'deptName', minWidth: '200' },
-        { title: '电话', field: 'phoneShow', minWidth: '100' },
-        { title: '注册时间', field: 'registerTime', minWidth: '130' },
-        { title: '登录时间', field: 'loginTime', minWidth: '130' },
-        { title: '类型', field: 'casualUserName', minWidth: '80' },
-        {
-            title: '状态',
-            field: 'state',
-            width: '100',
-            render: 'tag',
-            custom: {
-                0: 'danger',
-                1: 'success',
-                2: 'warning',
-                3: 'warning',
-                4: 'info',
-                5: 'danger'
-            },
-            replaceValue: {
-                0: '注销',
-                1: '正常',
-                2: '锁定',
-                3: '待审核',
-                4: '休眠',
-                5: '密码过期'
-            }
-        },
+        { width: '60', type: 'checkbox' },
+        { title: '序号', type: 'seq', width: '60' },
+        { title: '变电站名称', field: 'subName', minWidth: '130' },
+        { title: '监测点名称', field: 'lineName', minWidth: '130' },
+        { title: '网络参数', field: 'ip', minWidth: '130' },
+        { title: '电压等级(kV)', field: 'voltageScale', width: '100' },
+        { title: '暂降发生时刻', field: 'startTime', width: '200' },
+        { title: '暂降类型', field: 'advanceType', minWidth: '130' },
+        { title: '暂降原因', field: 'advanceReason', minWidth: '130' },
+        { title: '触发类型', field: 'eventTypeName', minWidth: '80' },
+        { title: '暂降(骤升)幅值(%)', field: 'featureAmplitude', minWidth: '80' },
+        { title: '持续时间(s)', field: 'duration', minWidth: '80' },
+        { title: '严重度', field: 'severity', minWidth: '80' },
         {
             title: '操作',
             width: '180',
@@ -62,89 +53,67 @@ const tableStore = new TableStore({
             buttons: [
                 {
                     name: 'edit',
-                    title: '编辑',
-                    type: 'primary',
-                    icon: 'el-icon-EditPen',
-                    render: 'basicButton',
-                    disabled: row => {
-                        return row.state !== 1
-                    },
-                    click: row => {
-                    }
-                },
-                {
-                    name: 'edit',
-                    title: '修改密码',
+                    title: '波形查看',
                     type: 'primary',
                     icon: 'el-icon-Lock',
                     render: 'basicButton',
                     disabled: row => {
-                        return row.state !== 1
+                        return row.fileFlag === 0
                     },
                     click: row => {
-                        ElMessageBox.prompt('二次校验密码确认', '注销用户', {
-                            confirmButtonText: '确认',
-                            cancelButtonText: '取消',
-                            inputType: 'password'
-                        }).then(({ value }) => {
+                        getMonitorEventAnalyseWave({
+                            id: row.eventId,
+                            systemType: 0,
+                            type: 0
+                        }).then(res => {
+                            console.log(res)
+                            ElMessage.error('暂无可下载的波形文件!')
                         })
                     }
-                },
-                {
-                    name: 'edit',
-                    title: '激活',
-                    type: 'primary',
-                    icon: 'el-icon-Open',
-                    render: 'basicButton',
-                    disabled: row => {
-                        return row.state !== 2 && row.state !== 5 && row.state !== 0 && row.state !== 4
-                    },
-                    click: row => {
-                    }
-                },
-                {
-                    name: 'edit',
-                    title: '注销',
-                    type: 'danger',
-                    icon: 'el-icon-SwitchButton',
-                    render: 'basicButton',
-                    disabled: row => {
-                        return row.state !== 1 && row.state !== 3
-                    },
-                    click: row => {
-                    }
                 }
             ]
         }
     ],
     loadCallback: () => {
         tableStore.table.data.forEach((item: any) => {
-            item.deptName = item.deptName || '/'
-            item.phoneShow = item.phone || '/'
-            item.roleName = item.role.length ? item.role : '/'
-            switch (item.casualUser) {
-                case 0:
-                    item.casualUserName = '临时用户'
-                    break
-                case 1:
-                    item.casualUserName = '长期用户'
-                    break
-                default:
-                    item.casualUserName = '/'
-                    break
-            }
+            item.eventTypeName = eventTypeOptions.find(item2 => item2.id === item.eventType)?.name
+            item.featureAmplitude = (item.featureAmplitude * 100).toFixed(0)
         })
     }
 })
 provide('tableStore', tableStore)
-tableStore.table.params.searchState = 1
-tableStore.table.params.casualUser = -1
-tableStore.table.params.orderBy = ''
+tableStore.table.params.lineId = monitoringPoint.state.lineId
+tableStore.table.params.searchState = 0
 onMounted(() => {
     // 加载数据
     tableStore.index()
 })
-
-const addUser = () => {
+const checkboxConfig = reactive<VxeTablePropTypes.CheckboxConfig<any>>({
+    checkMethod: ({ row }) => {
+        return row.fileFlag === 1
+    }
+})
+const download = () => {
+    if (!tableStore.table.selection.length) {
+        ElMessage.warning('请选择数据')
+        return
+    }
+    downloadWaveFile({
+        lineId: tableStore.table.selection.map((item: any) => item.eventId)
+    }).then((res: any) => {
+        if (res.type == 'application/json') {
+            ElMessage.warning('暂无可下载的波形文件!')
+            return
+        }
+        ElMessage.success('下载中。。。!')
+        let blob = new Blob([res], { type: 'application/zip' }) // console.log(blob) // var href = window.URL.createObjectURL(blob); //创建下载的链接
+        const url = window.URL.createObjectURL(blob)
+        const link = document.createElement('a') // 创建a标签
+        link.href = url
+        link.download = '波形分析下载' // 设置下载的文件名
+        document.body.appendChild(link)
+        link.click() //执行下载
+        document.body.removeChild(link) //释放标签
+    })
 }
 </script>
diff --git a/src/views/pms/voltageSags/monitoringPoint/online/index.vue b/src/views/pms/voltageSags/monitoringPoint/online/index.vue
index 2d4ea6e1..8f993fba 100644
--- a/src/views/pms/voltageSags/monitoringPoint/online/index.vue
+++ b/src/views/pms/voltageSags/monitoringPoint/online/index.vue
@@ -1,16 +1,16 @@
 <template>
     <div class='default-main' style='position: relative'>
         <el-tabs v-model='activeName' type='border-card' class='demo-tabs'>
-            <el-tab-pane label='导航' name='1' :style='height'>
+            <el-tab-pane label='导航' name='1' :style='height' lazy>
                 <Navigation @changeTab='changeTab' />
             </el-tab-pane>
-            <el-tab-pane label='事件统计' name='2' >
+            <el-tab-pane label='事件统计' name='2' lazy>
                 <EventStatistics />
             </el-tab-pane>
-            <el-tab-pane label='事件分析' name='3' >
+            <el-tab-pane label='事件分析' name='3' lazy>
                 <EventStudy />
             </el-tab-pane>
-            <el-tab-pane label='运行情况' name='4' >
+            <el-tab-pane label='运行情况' name='4' lazy>
                 <RunningCondition />
             </el-tab-pane>
         </el-tabs>