From e410e6f49632370c2d5cc1c3846f8e2cd054652e Mon Sep 17 00:00:00 2001
From: geting <13585118195@163.com>
Date: Wed, 25 Dec 2024 17:51:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=A8=A1=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/backend/statAnalysis/request.ts   |   6 +-
 .../src/views/backend/alarms/index.vue        |  28 ++-
 .../src/views/backend/malfunction/index.vue   |  26 ++-
 .../statAnalysis/powerCurveAnalysis.vue       |   3 +
 .../backend/statAnalysis/trendAnalysis.vue    |   1 +
 .../backend/statAnalysis/trendComparison.vue  | 221 ++++++++++++++----
 6 files changed, 223 insertions(+), 62 deletions(-)

diff --git a/ui/dasadmin/src/api/backend/statAnalysis/request.ts b/ui/dasadmin/src/api/backend/statAnalysis/request.ts
index 7073f374..f4005fe3 100644
--- a/ui/dasadmin/src/api/backend/statAnalysis/request.ts
+++ b/ui/dasadmin/src/api/backend/statAnalysis/request.ts
@@ -39,7 +39,7 @@ export const runAirBlowerReq = (
     })
 }
 
-export const getReportTemplateListReq = (data: { category: '单机报表' | '多机报表'; pageNum: number; pageSize: number }) => {
+export const getReportTemplateListReq = (data: { category: '单机报表' | '多机报表' | '统计查询'; pageNum: number; pageSize: number }) => {
     return createAxios<
         never,
         Promise<{
@@ -47,7 +47,7 @@ export const getReportTemplateListReq = (data: { category: '单机报表' | '多
             msg: string
             data: {
                 total: number
-                rows: { id: string; category: '单机报表' | '多机报表'; template: string }[]
+                rows: { id: string; category: '单机报表' | '多机报表' | '统计查询'; template: string }[]
                 code: number
                 msg: string
             }
@@ -60,7 +60,7 @@ export const getReportTemplateListReq = (data: { category: '单机报表' | '多
     })
 }
 
-export const addReportTemplateListReq = (data: { category: '单机报表' | '多机报表'; template: string }) => {
+export const addReportTemplateListReq = (data: { category: '单机报表' | '多机报表' | '统计查询'; template: string }) => {
     return createAxios<
         never,
         Promise<{
diff --git a/ui/dasadmin/src/views/backend/alarms/index.vue b/ui/dasadmin/src/views/backend/alarms/index.vue
index 12865d49..59666ae2 100644
--- a/ui/dasadmin/src/views/backend/alarms/index.vue
+++ b/ui/dasadmin/src/views/backend/alarms/index.vue
@@ -94,13 +94,16 @@
                         @change="getcurrentPage"
                     ></el-pagination>
                 </div>
+                <el-dialog v-model="malFunctionVisible" title="故障录波" width="1000" :destroy-on-close="true">
+                    <MalFunction v-model:visible="malFunctionVisible" :alarms="alarms" class="malDialog"></MalFunction>
+                </el-dialog>
             </el-main>
         </el-container>
     </div>
 </template>
 
 <script setup lang="ts">
-import { reactive, ref, onMounted, computed } from 'vue'
+import { reactive, ref, onMounted, computed, watch } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { Search } from '@element-plus/icons-vue'
 import { AlarmsFieldsEnums, AlarmsTableType, GetAlarmsTableParam } from './type'
@@ -108,14 +111,16 @@ import { getAlarmListReq, eventComfirm } from '/@/api/backend/alarms/request'
 import { queryfaultCodeDict, theoreticalpowerCurveList } from '/@/api/backend/theoreticalpowerCurve/request'
 import { equipList } from '/@/api/backend/realData/request'
 import { useI18n } from 'vue-i18n'
-import { useRouter, useRoute } from 'vue-router'
-const router = useRouter()
-
+import MalFunction from '/@/views/backend/malfunction/index.vue'
 const { t } = useI18n()
 import { useAdminInfo } from '/@/stores/adminInfo'
 const adminInfo = useAdminInfo()
-
+const malFunctionVisible = ref(false)
 // 告警时间
+const alarms = ref({
+    eventTime: '',
+    deviceId: '',
+})
 
 const timeRange = ref([new Date().setHours(0, 0, 0, 0), new Date()])
 const shortcuts = [
@@ -395,13 +400,9 @@ const getfaultCodeDict = async (data: any) => {
 }
 
 const openDefalt = (row: any) => {
-    router.push({
-        name: 'faultRecord',
-        query: {
-            eventTime: row.eventTime,
-            deviceId: row.deviceId,
-        },
-    })
+    const { eventTime, deviceId } = row
+    alarms.value = { eventTime, deviceId }
+    malFunctionVisible.value = true
 }
 </script>
 
@@ -511,6 +512,9 @@ $paginationHeight: 32px;
                 justify-content: right;
                 background-color: #fff;
             }
+            .malDialog {
+                height: 540px;
+            }
         }
     }
     .modelOperate {
diff --git a/ui/dasadmin/src/views/backend/malfunction/index.vue b/ui/dasadmin/src/views/backend/malfunction/index.vue
index 417e08a2..82100c24 100644
--- a/ui/dasadmin/src/views/backend/malfunction/index.vue
+++ b/ui/dasadmin/src/views/backend/malfunction/index.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="malfunction">
         <el-container class="container">
-            <el-aside class="aside">
+            <el-aside class="aside" v-show="!props.visible">
                 <div class="searchTree">
                     <el-input v-model="searchTreeValue" clearable placeholder="搜索" :suffix-icon="Search" @change="searchTree"> </el-input>
                 </div>
@@ -179,6 +179,7 @@
 </template>
 
 <script setup lang="ts">
+import { defineProps, PropType } from 'vue'
 import { ref, reactive, computed, onMounted, nextTick, onUnmounted } from 'vue'
 import { dayjs, ElMessage, FormInstance, TreeInstance } from 'element-plus'
 import { Search, Setting } from '@element-plus/icons-vue'
@@ -194,15 +195,26 @@ import { equipList } from '/@/api/backend/temperature/request'
 import * as echarts from 'echarts'
 import { tableItemData } from './type'
 import ContextMenu from '/@/views/backend/auth/model/contextMenu.vue'
-import { useRouter, useRoute } from 'vue-router'
-
-const route = useRoute()
 
 const defaultProps = {
     children: 'children',
     label: 'label',
 }
 
+const props = defineProps({
+    alarms: {
+        type: Object as PropType<{ eventTime: string; deviceId: string }>,
+        default: () => ({
+            eventTime: undefined,
+            deviceId: undefined,
+        }),
+    },
+    visible: {
+        type: Boolean,
+        default: false,
+    },
+})
+
 const contextMenuInfo = reactive({
     visible: false,
     pos: {
@@ -313,8 +325,8 @@ const getTreeDataList = () => {
         })
     })
 }
-const initDatestart = route.query.eventTime ? dayjs(Number(route.query.eventTime)) : dayjs().startOf('month')
-const initDateend = route.query.eventTime ? dayjs(Number(route.query.eventTime)) : dayjs()
+const initDatestart = props.alarms.eventTime ? dayjs(Number(props.alarms.eventTime)) : dayjs().startOf('month')
+const initDateend = props.alarms.eventTime ? dayjs(Number(props.alarms.eventTime)) : dayjs()
 
 const searchData = reactive<{ fileName: ''; date: Date[] }>({
     fileName: '',
@@ -907,7 +919,7 @@ const checkTab = () => {
 
 onMounted(() => {
     getTreeDataList().then((data: any) => {
-        const queryId = route.query.deviceId ?? data.id
+        const queryId = props.alarms.deviceId ?? data.id
         treeRef.value && treeRef.value.setCurrentKey(queryId, true)
         curTreeData.value = treeRef.value?.getCurrentNode()
         getListForAirBlower()
diff --git a/ui/dasadmin/src/views/backend/statAnalysis/powerCurveAnalysis.vue b/ui/dasadmin/src/views/backend/statAnalysis/powerCurveAnalysis.vue
index d5c9138e..25e53371 100644
--- a/ui/dasadmin/src/views/backend/statAnalysis/powerCurveAnalysis.vue
+++ b/ui/dasadmin/src/views/backend/statAnalysis/powerCurveAnalysis.vue
@@ -393,6 +393,7 @@ const statAnalysisOperate = () => {
 
 const statAnalysisExport = () => {
     const params = statAnalysisFatory.value ? statAnalysisFatory.value : statAnalysisDeviceId.value
+    const windSource = statAnalysisSelectOptions.speedSource.filter((item: any) => item.value == statAnalysisSpeedSource.value)
     const requestData = {
         devices: [
             {
@@ -404,6 +405,8 @@ const statAnalysisExport = () => {
         endTime: new Date(statAnalysisTime.value[1]).getTime(),
         madeinfactory: params.split(':')[0],
         model: params.split(':')[1],
+        windSource: windSource[0]['label'],
+        displayCurve: AvgWindSpeedSwitch ? 0 : 1,
     }
     powerCurveExport(requestData).then((res: any) => {
         const downloadUrl = window.URL.createObjectURL(res)
diff --git a/ui/dasadmin/src/views/backend/statAnalysis/trendAnalysis.vue b/ui/dasadmin/src/views/backend/statAnalysis/trendAnalysis.vue
index 208f8f51..25dea758 100644
--- a/ui/dasadmin/src/views/backend/statAnalysis/trendAnalysis.vue
+++ b/ui/dasadmin/src/views/backend/statAnalysis/trendAnalysis.vue
@@ -588,6 +588,7 @@ const statAnalysisExport = () => {
                 startTime: new Date(time[0]).getTime(),
                 endTime: new Date(time[1]).getTime(),
                 timeName: customName[index],
+                calFunction: statAnalysisSelect.calFunction,
             }
             requestData.push(devices)
         }
diff --git a/ui/dasadmin/src/views/backend/statAnalysis/trendComparison.vue b/ui/dasadmin/src/views/backend/statAnalysis/trendComparison.vue
index 0c63b35c..d21770a6 100644
--- a/ui/dasadmin/src/views/backend/statAnalysis/trendComparison.vue
+++ b/ui/dasadmin/src/views/backend/statAnalysis/trendComparison.vue
@@ -1,51 +1,75 @@
 <template>
     <div class="contain">
-        <el-header class="headerPart">
-            <div class="topLeft">
-                <div class="selectPart">
-                    <span>{{ t('statAnalysis.time') }}</span>
-                    <el-date-picker
-                        class="statAnalysisSelect"
-                        v-model="statAnalysisTime"
-                        :type="statAnalysisInterval == '1d' ? 'daterange' : 'datetimerange'"
-                        :value-format="statAnalysisInterval == '1d' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss'"
-                        :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)]"
-                        :teleported="false"
-                        :shortcuts="shortcuts"
-                    />
+        <el-header>
+            <div class="headerPart">
+                <div class="topLeft">
+                    <div class="selectPart">
+                        <span>{{ t('statAnalysis.time') }}</span>
+                        <el-date-picker
+                            class="statAnalysisSelect"
+                            v-model="statAnalysisTime"
+                            :type="statAnalysisInterval == '1d' ? 'daterange' : 'datetimerange'"
+                            :value-format="statAnalysisInterval == '1d' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss'"
+                            :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)]"
+                            :teleported="false"
+                            :shortcuts="shortcuts"
+                        />
+                    </div>
+                    <div class="selectPart">
+                        <span>{{ t('statAnalysis.interval') }}</span>
+                        <el-select v-model="statAnalysisInterval" :placeholder="'请选择' + t('statAnalysis.interval')" class="statAnalysisSelect">
+                            <el-option v-for="v in statAnalysisSelectOptions.interval" :key="v.value" :label="v.label" :value="v.value"></el-option>
+                        </el-select>
+                    </div>
+                    <div class="selectPart">
+                        <span>{{ t('statAnalysis.calFunction') }}</span>
+                        <el-select
+                            :disabled="statAnalysisInterval == 'NONE'"
+                            v-model="statAnalysisSelectcalFunction"
+                            :placeholder="'请选择' + t('statAnalysis.calFunction')"
+                            class="statAnalysisSelect"
+                        >
+                            <el-option
+                                v-for="v in statAnalysisSelectOptions.calFunction"
+                                :key="v.value"
+                                :label="v.label"
+                                :value="v.value"
+                            ></el-option>
+                        </el-select>
+                    </div>
+                    <el-button type="primary" :icon="Crop" class="addline" @click="openMeasure">测点选择</el-button>
                 </div>
-                <div class="selectPart">
-                    <span>{{ t('statAnalysis.interval') }}</span>
-                    <el-select v-model="statAnalysisInterval" :placeholder="'请选择' + t('statAnalysis.interval')" class="statAnalysisSelect">
-                        <el-option v-for="v in statAnalysisSelectOptions.interval" :key="v.value" :label="v.label" :value="v.value"></el-option>
-                    </el-select>
+                <div class="topRight">
+                    <el-button type="primary" :loading="isLoading" @click="statAnalysisOperate()">{{ t('statAnalysis.search') }}</el-button>
+                    <el-button style="color: #0064aa" @click="statAnalysisExport()">{{ t('statAnalysis.export') }}</el-button>
+                    <el-button class="button" :icon="Notebook" type="primary" @click="addReportTemplate" plain>保存为模板</el-button>
                 </div>
-                <div class="selectPart">
-                    <span>{{ t('statAnalysis.calFunction') }}</span>
-                    <el-select
-                        :disabled="statAnalysisInterval == 'NONE'"
-                        v-model="statAnalysisSelectcalFunction"
-                        :placeholder="'请选择' + t('statAnalysis.calFunction')"
-                        class="statAnalysisSelect"
-                    >
-                        <el-option v-for="v in statAnalysisSelectOptions.calFunction" :key="v.value" :label="v.label" :value="v.value"></el-option>
-                    </el-select>
-                </div>
-                <el-button type="primary" :icon="Crop" class="addline" @click="openMeasure">测点选择</el-button>
             </div>
-            <div class="topRight">
-                <el-button type="primary" :loading="isLoading" @click="statAnalysisOperate()">{{ t('statAnalysis.search') }}</el-button>
-                <el-button style="color: #0064aa" @click="statAnalysisExport()">{{ t('statAnalysis.export') }}</el-button>
+            <div>
+                <el-space style="margin: 10px 20px">
+                    <div style="min-width: 30px">模板</div>
+                    <el-select v-model="template" placeholder="请选择模板" class="templateSelect" @change="changeTemplate" clearable>
+                        <el-option v-for="v in reportTemplateList" :key="v.id" :label="v.name" :value="v.id">
+                            <template #default>
+                                <div class="tamplateOption">
+                                    <span>{{ v.name }}</span>
+                                    <el-icon style="color: red" @click="delReportTemplate(v.id)">
+                                        <Delete />
+                                    </el-icon>
+                                </div>
+                            </template>
+                        </el-option>
+                    </el-select>
+                </el-space>
             </div>
         </el-header>
         <div class="main">
             <div
                 ref="chartContainer"
-                style="height: calc(100% - 140px); width: calc(100% - 60px); border: 1px solid rgb(217, 217, 217); margin: 40px"
+                style="height: calc(100% - 140px); width: calc(100% - 60px); border: 1px solid rgb(217, 217, 217); margin: 80px 40px"
             ></div>
         </div>
-
-        <el-dialog v-model="showMeasure" title="选择测点" width="1200" top="0">
+        <el-dialog v-model="showMeasure" title="选择测点" width="1200" top="0" :destroy-on-close="true">
             <div class="measureSlot">
                 <el-row :gutter="20">
                     <el-col :span="12">
@@ -66,6 +90,7 @@
                                     <el-table-column prop="name" label="风机名称" />
                                 </el-table>
                                 <el-table
+                                    ref="tableDataMidRef"
                                     :data="tableDataMid"
                                     v-model:selection="selectedMid"
                                     @selection-change="handleSelectionChange2"
@@ -76,6 +101,7 @@
                                     <el-table-column prop="name" label="风机名称" />
                                 </el-table>
                                 <el-table
+                                    ref="tableDataRightRef"
                                     :data="tableDataRight"
                                     v-model:selection="selectedRight"
                                     @selection-change="handleSelectionChange1"
@@ -140,13 +166,20 @@
 <script setup lang="ts">
 import { markRaw, reactive, ref, watch, nextTick, onMounted, computed } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { queryWindTurbinesPages, historyReq, trendContrastExport, windowReq } from '/@/api/backend/statAnalysis/request'
-import { ElMessage, ElMenu } from 'element-plus'
-import { DArrowRight, Plus, Crop, Close } from '@element-plus/icons-vue'
+import {
+    queryWindTurbinesPages,
+    historyReq,
+    trendContrastExport,
+    windowReq,
+    getReportTemplateListReq,
+    addReportTemplateListReq,
+    delReportTemplateListReq,
+} from '/@/api/backend/statAnalysis/request'
+import { ElMessage, ElMenu, ElMessageBox, backtopEmits } from 'element-plus'
+import { DArrowRight, Plus, Crop, Notebook, Delete } from '@element-plus/icons-vue'
 import * as echarts from 'echarts'
 import { getModelAttributeListReq } from '/@/api/backend/deviceModel/request'
 import { getCutDecimalsValue } from '/@/views/backend/equipment/airBlower/utils'
-
 const { t } = useI18n()
 
 const statAnalysisInterval = ref('1h')
@@ -236,6 +269,8 @@ onMounted(() => {
             statAnalysisOperate()
         })
     })
+
+    getReportTemplateList()
 })
 const tableDataLeft = ref([])
 const tableDataRight = ref([])
@@ -414,6 +449,8 @@ const getDateRange = (type: 'week' | 'month') => {
 }
 
 const tableDataLeftRef = ref()
+const tableDataMidRef = ref()
+const tableDataRightRef = ref()
 const openMeasure = () => {
     showMeasure.value = true
     pageSetting.current = 1
@@ -421,6 +458,12 @@ const openMeasure = () => {
         selectedLeft.value.forEach((item) => {
             tableDataLeftRef.value?.toggleRowSelection(item, true)
         })
+        selectedMid.value.forEach((item) => {
+            tableDataMidRef.value?.toggleRowSelection(item, true)
+        })
+        selectedRight.value.forEach((item) => {
+            tableDataRightRef.value?.toggleRowSelection(item, true)
+        })
         initSelect()
     })
 }
@@ -587,6 +630,96 @@ const timestampToTime = (timestamp: any) => {
     let m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()
     return Y + M + D + h + m
 }
+
+const addReportTemplate = () => {
+    ElMessageBox.prompt('请输入模板名称', '添加模板', {
+        confirmButtonText: '提交',
+        cancelButtonText: '取消',
+        inputPattern: /\S/,
+        inputErrorMessage: '模板名称不能为空',
+    }).then(({ value }) => {
+        const tem = {
+            name: value,
+            interval: statAnalysisInterval.value,
+            calFunction: statAnalysisSelectcalFunction.value,
+            multipleSelection: multipleSelection.value,
+            selectedLeft: selectedLeft.value,
+            selectedMid: selectedMid.value,
+            selectedRight: selectedRight.value,
+        }
+        const data = {
+            category: '统计查询' as const,
+            template: JSON.stringify(tem),
+        }
+        addReportTemplateListReq(data).then((res) => {
+            if (res.success) {
+                ElMessage.success('添加成功！')
+                getReportTemplateList()
+            }
+        })
+    })
+}
+const template = ref('')
+const reportTemplateList = ref([
+    {
+        name: '',
+        id: '',
+        interval: '',
+        calFunction: '',
+    },
+])
+
+const getReportTemplateList = () => {
+    getReportTemplateListReq({
+        pageNum: 1,
+        pageSize: 1000,
+        category: '统计查询',
+    }).then((res) => {
+        if (res.success) {
+            reportTemplateList.value = res.data.rows.map((item) => {
+                const tem = item.template ? JSON.parse(item.template) : {}
+                return {
+                    name: tem.name,
+                    id: item.id,
+                    interval: tem.interval,
+                    calFunction: tem.calFunction,
+                    multipleSelection: tem.multipleSelection,
+                    selectedLeft: tem.selectedLeft,
+                    selectedMid: tem.selectedMid,
+                    selectedRight: tem.selectedRight,
+                }
+            })
+        }
+    })
+}
+
+const delReportTemplate = (id: string) => {
+    ElMessageBox.confirm('确定删除该模板吗？', '删除模板', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+    }).then(() => {
+        delReportTemplateListReq({ id }).then((res) => {
+            if (res.success) {
+                ElMessage.success('删除成功！')
+                getReportTemplateList()
+                template.value = ''
+            }
+        })
+    })
+}
+
+const changeTemplate = (val: string) => {
+    const target: any = reportTemplateList.value.find((item) => item.id === val)
+    if (target) {
+        multipleSelection.value = target.multipleSelection
+        statAnalysisInterval.value = target.interval
+        statAnalysisSelectcalFunction.value = target.calFunction
+        selectedLeft.value = tableDataLeft.value.filter((item: any) => target.selectedLeft.some((selected: any) => selected.irn === item.irn))
+        selectedMid.value = tableDataMid.value.filter((item: any) => target.selectedMid.some((selected: any) => selected.irn === item.irn))
+        selectedRight.value = tableDataRight.value.filter((item: any) => target.selectedRight.some((selected: any) => selected.irn === item.irn))
+    }
+}
 </script>
 <style scoped lang="scss">
 .statAnalysis {
@@ -633,6 +766,9 @@ const timestampToTime = (timestamp: any) => {
             }
         }
     }
+    .templateSelect {
+        width: 200px;
+    }
     .selectPart {
         display: flex;
         justify-content: space-between;
@@ -746,4 +882,9 @@ const timestampToTime = (timestamp: any) => {
         }
     }
 }
+.tamplateOption {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
 </style>