From 77e7e0f050d97dabed9afd5c52d0db0f70a188bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AB=98=E4=BA=91=E9=B9=8F?= <ypgaop@isoftstone.com>
Date: Tue, 3 Dec 2024 13:52:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=85=E9=9A=9C=E5=BD=95=E6=B3=A2=EF=BC=9A?=
 =?UTF-8?q?=E5=9B=BE=E8=A1=A8=E6=98=BE=E7=A4=BA=E6=97=B6=E9=97=B4=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E6=AF=AB=E7=A7=92=20=E5=8D=95=E9=A3=8E=E6=9C=BA?=
 =?UTF-8?q?=EF=BC=9A=E6=B7=BB=E5=8A=A0=E9=A3=8E=E6=9C=BA=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=EF=BC=8C=E6=B7=BB=E5=8A=A0=E9=A3=8E=E6=9C=BA?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=E5=9E=8B=E5=8F=B7=EF=BC=8C=E5=AD=90=E7=B3=BB?=
 =?UTF-8?q?=E7=BB=9F=E5=88=86=E7=B1=BB=E6=98=BE=E7=A4=BA=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=20=E9=A3=8E=E6=9C=BA=E7=9F=A9=E9=98=B5=EF=BC=9A=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC=E5=8D=95=E9=A3=8E=E6=9C=BA=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E9=A3=8E=E6=9C=BA=E5=90=8D=E7=A7=B0=E5=9E=8B=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/backend/airBlower/request.ts      |   1 +
 .../src/views/backend/WindBlower/index.vue    | 136 ++++++++++++++++--
 .../backend/equipment/airBlower/index.vue     |   2 +
 .../views/backend/equipment/airBlower/type.ts |   1 +
 .../src/views/backend/home/homewindMatrix.vue |   2 +
 .../src/views/backend/home/windMatrix.vue     |   2 +
 .../src/views/backend/malfunction/index.vue   |   6 +-
 7 files changed, 138 insertions(+), 12 deletions(-)

diff --git a/ui/dasadmin/src/api/backend/airBlower/request.ts b/ui/dasadmin/src/api/backend/airBlower/request.ts
index d254aee4..c7d26c4d 100644
--- a/ui/dasadmin/src/api/backend/airBlower/request.ts
+++ b/ui/dasadmin/src/api/backend/airBlower/request.ts
@@ -8,6 +8,7 @@ export const getAirBlowerListReq = () => {
             belongLine: string
             irn: string
             madeinfactory: string
+            deviceCode: string
             model: string
             modelId: string
             name: string
diff --git a/ui/dasadmin/src/views/backend/WindBlower/index.vue b/ui/dasadmin/src/views/backend/WindBlower/index.vue
index f5e8dc3f..822c80cc 100644
--- a/ui/dasadmin/src/views/backend/WindBlower/index.vue
+++ b/ui/dasadmin/src/views/backend/WindBlower/index.vue
@@ -35,7 +35,9 @@
                 <div class="cardContentLeft">
                     <!--实时预览-->
                     <div class="overview">
-                        <div class="cardLabel">实时预览</div>
+                        <div class="cardLabel">
+                            {{ '名称：' + route.query.name + '&nbsp;&nbsp;&nbsp;&nbsp;' + '型号：' + route.query.model }}
+                        </div>
                         <div class="overviewDataSection" ref="listContainer">
                             <div class="overviewDataSectionItem">
                                 <span class="realLeft">机组运行状态：</span>
@@ -101,6 +103,14 @@
                 <div class="cardContentCenter">
                     <!--风机控制-->
                     <div class="controlBackgroundImg">
+                        <div class="switchWindBlower">
+                            <el-tooltip :content="beforeAirBlower.name">
+                                <el-icon color="#fff" size="30" @click="switchAirblower(0)"><ArrowLeftBold /></el-icon>
+                            </el-tooltip>
+                            <el-tooltip :content="afterAirBlower.name">
+                                <el-icon color="#fff" size="30" @click="switchAirblower(1)"><ArrowRightBold /></el-icon>
+                            </el-tooltip>
+                        </div>
                         <div class="control-type">
                             <el-tag v-if="realTimeData.locked === 1" class="control-tag control-tag-left" type="primary">已锁定</el-tag>
                             <el-tag class="control-tag" type="primary">{{ realTimeDataState }}</el-tag>
@@ -305,14 +315,15 @@
 </template>
 
 <script setup lang="ts">
-import { nextTick, onActivated, onMounted, reactive, ref, computed, onBeforeMount, onUnmounted, VNode, VNodeRef } from 'vue'
+import { nextTick, onActivated, onMounted, reactive, ref, computed, watch, onBeforeMount, onUnmounted, VNode, VNodeRef } from 'vue'
 import * as echarts from 'echarts'
 import { useEventListener } from '@vueuse/core'
 import { useI18n } from 'vue-i18n'
-import { DArrowRight } from '@element-plus/icons-vue'
+import { DArrowRight, ArrowLeftBold, ArrowRightBold } from '@element-plus/icons-vue'
 import { getRealValueListReq, getRealValueRangeReq } from '/@/api/backend/deviceModel/request'
 import { getModelAttributeListReq } from '/@/api/backend/deviceModel/request'
-import { useRoute } from 'vue-router'
+import { getAirBlowerListReq } from '/@/api/backend/airBlower/request'
+import { useRoute, useRouter } from 'vue-router'
 import Overview from './overview.vue'
 import { TableInstance } from 'element-plus'
 import { dayjs, ElMessage, ElMessageBox } from 'element-plus'
@@ -323,7 +334,7 @@ import { useEnumStore } from '/@/stores/enums'
 const enumStore = useEnumStore()
 
 const route = useRoute()
-
+const router = useRouter()
 const { t } = useI18n()
 
 const windBlower = ref()
@@ -400,8 +411,9 @@ const initpowerChart = () => {
         tooltip: {
             trigger: 'axis',
             axisPointer: {
-                type: 'shadow',
+                type: 'line',
             },
+            show: true,
         },
         xAxis: {
             type: 'category',
@@ -602,7 +614,7 @@ const initTrendChart = (type: 'day' | 'month') => {
             top: 30,
             right: 10,
             bottom: 20,
-            left: 45,
+            left: 100,
             borderColor: '#dadada',
         },
         tooltip: {
@@ -1054,7 +1066,7 @@ const createRealTimeData = async () => {
                         realDataForSub[index].type138.push(showData)
                     } else if (item.attributeType === 140) {
                         const copyData = {
-                            name: item.attributeName +' '+ item.attributeCode,
+                            name: item.attributeCode + ' ' + item.attributeName,
                             value: showData.value,
                         }
                         realDataForSub[index].type140.push(copyData)
@@ -1150,6 +1162,7 @@ const getChartData = <T extends string = any>(params: {
         getRealValueRangeReq(data).then((res) => {
             if (res.success) {
                 const data = res.data[route.query.irn as string]
+                if (!data) return
                 const rangeKeys = Object.keys(data)
                 const times: any = {}
                 const val: any = {}
@@ -1248,6 +1261,8 @@ const getThisDayChartDataForMinute = () => {
 }
 
 const getAllChartData = (type: ('power' | 'trend' | 'frequency')[] = ['power', 'trend', 'frequency']) => {
+    console.log(type, '-_-----')
+
     if (type.includes('power')) {
         getThisDayChartData().then(() => {
             initpowerChart()
@@ -1338,7 +1353,60 @@ const getAlarmList = () => {
         }
     })
 }
-getAlarmList()
+const airBlowerList = ref<
+    {
+        irn: string
+        model: string
+        name: string
+        deviceCode: string
+        iotModelId: string
+    }[]
+>([])
+
+const getAirBlowerList = () => {
+    getAirBlowerListReq().then((res) => {
+        if (res.success) {
+            airBlowerList.value = res.data.map((item) => {
+                return {
+                    irn: item.irn,
+                    model: item.model,
+                    name: item.name,
+                    deviceCode: item.deviceCode,
+                    iotModelId: item.modelId,
+                }
+            })
+        }
+    })
+}
+
+const beforeAirBlower = computed(() => {
+    const len = airBlowerList.value.length
+    if (len === 0) return { irn: '', model: '', name: '', deviceCode: '', iotModelId: '' }
+    const curIndex = airBlowerList.value.findIndex((item) => item.irn === route.query.irn)
+    if (curIndex === 0) return airBlowerList.value[len - 1]
+    return airBlowerList.value[curIndex - 1]
+})
+const afterAirBlower = computed(() => {
+    const len = airBlowerList.value.length
+    if (len === 0) return { irn: '', model: '', name: '', deviceCode: '', iotModelId: '' }
+    const curIndex = airBlowerList.value.findIndex((item) => item.irn === route.query.irn)
+    if (curIndex === len - 1) return airBlowerList.value[0]
+    return airBlowerList.value[curIndex + 1]
+})
+const switchAirblower = (type: 0 | 1) => {
+    const data = type === 0 ? beforeAirBlower.value : afterAirBlower.value
+    const query = {
+        irn: data.irn,
+        iotModelId: data.iotModelId,
+        deviceCode: data.deviceCode,
+        model: data.model,
+        name: data.name,
+    }
+    router.push({
+        name: 'windTurbine',
+        query,
+    })
+}
 onMounted(() => {
     window.addEventListener('resize', sizeChange)
     sizeChange()
@@ -1346,6 +1414,8 @@ onMounted(() => {
     createScroll()
     useEventListener(window, 'resize', echartsResize)
     autoUpdate()
+    getAlarmList()
+    getAirBlowerList()
 })
 
 onUnmounted(() => {
@@ -1356,8 +1426,34 @@ onUnmounted(() => {
     const chartKeys = Object.keys(state.charts) as Array<keyof typeof state.charts>
     chartKeys.forEach((key) => {
         state.charts[key] && state.charts[key].dispose()
+        state.charts[key] = null
     })
 })
+
+watch(
+    () => route.query.irn,
+    () => {
+        console.log('切换风机', route.query.name)
+
+        autoUpdateForSecondTimer && clearInterval(autoUpdateForSecondTimer)
+        autoUpdateForSecondTimer = null
+        autoUpdateTimerForHourTimer && clearInterval(autoUpdateTimerForHourTimer)
+        autoUpdateTimerForHourTimer = null
+        autoUpdateTimerForMinuteTimer && clearInterval(autoUpdateTimerForMinuteTimer)
+        autoUpdateTimerForMinuteTimer = null
+        const chartKeys = Object.keys(state.charts) as Array<keyof typeof state.charts>
+        chartKeys.forEach((key) => {
+            state.charts[key] && state.charts[key].dispose()
+            state.charts[key] = null
+        })
+
+        nextTick(() => {
+            autoUpdate()
+            getAlarmList()
+            getAllChartData()
+        })
+    }
+)
 </script>
 
 <style scoped lang="scss">
@@ -1515,6 +1611,28 @@ $labelHeight: 38px;
             aspect-ratio: 43 / 24;
             background: url('/@/assets/WindBlower/bg.png') no-repeat;
             background-size: contain;
+            &:hover {
+                .switchWindBlower {
+                    opacity: 1;
+                }
+            }
+            .switchWindBlower {
+                position: absolute;
+                left: 50%;
+                top: 5%;
+                transform: translateX(-50%);
+                width: 100px;
+                height: 40px;
+                // background-color: red;
+                opacity: 0;
+                display: flex;
+                justify-content: space-between;
+                transition: opacity 0.4s;
+                .el-icon:hover {
+                    cursor: pointer;
+                    color: rgba(255, 255, 255, 0.7);
+                }
+            }
             .control-type {
                 width: 100%;
                 display: flex;
diff --git a/ui/dasadmin/src/views/backend/equipment/airBlower/index.vue b/ui/dasadmin/src/views/backend/equipment/airBlower/index.vue
index 9cb2f788..a7e4516d 100644
--- a/ui/dasadmin/src/views/backend/equipment/airBlower/index.vue
+++ b/ui/dasadmin/src/views/backend/equipment/airBlower/index.vue
@@ -655,6 +655,8 @@ const openWindTurbine = (row: TableDataObjType) => {
             irn: row.irn,
             iotModelId: row.iotModelId,
             deviceCode: row.deviceCode,
+            model: row.model,
+            name:row.name
         },
     })
 }
diff --git a/ui/dasadmin/src/views/backend/equipment/airBlower/type.ts b/ui/dasadmin/src/views/backend/equipment/airBlower/type.ts
index 91619566..c5666176 100644
--- a/ui/dasadmin/src/views/backend/equipment/airBlower/type.ts
+++ b/ui/dasadmin/src/views/backend/equipment/airBlower/type.ts
@@ -39,6 +39,7 @@ export type TableColumnType = {
     align?: 'left' | 'right' | 'center'
     custom?: 'header' | 'default'
     type?: 'default' | 'selection' | 'index' | 'expand'
+    sortable?:boolean
 }
 
 export type CommandReqType = {
diff --git a/ui/dasadmin/src/views/backend/home/homewindMatrix.vue b/ui/dasadmin/src/views/backend/home/homewindMatrix.vue
index f231bb41..fd9c6830 100644
--- a/ui/dasadmin/src/views/backend/home/homewindMatrix.vue
+++ b/ui/dasadmin/src/views/backend/home/homewindMatrix.vue
@@ -126,6 +126,8 @@ const handleDoubleClick = (row) => {
             irn: row.irn,
             iotModelId: row.modelId,
             name: row.name,
+            deviceCode: row.deviceCode,
+            model: row.model,
         },
     })
 }
diff --git a/ui/dasadmin/src/views/backend/home/windMatrix.vue b/ui/dasadmin/src/views/backend/home/windMatrix.vue
index 51e1d763..edcd4c72 100644
--- a/ui/dasadmin/src/views/backend/home/windMatrix.vue
+++ b/ui/dasadmin/src/views/backend/home/windMatrix.vue
@@ -125,6 +125,8 @@ const handleClick = (row) => {
             irn: row.irn,
             iotModelId: row.modelId,
             deviceCode: row.deviceCode,
+            name: row.name,
+            model: row.model,
         },
     })
 }
diff --git a/ui/dasadmin/src/views/backend/malfunction/index.vue b/ui/dasadmin/src/views/backend/malfunction/index.vue
index 9d1a1d61..9dcb51c0 100644
--- a/ui/dasadmin/src/views/backend/malfunction/index.vue
+++ b/ui/dasadmin/src/views/backend/malfunction/index.vue
@@ -466,11 +466,11 @@ const readFile = (data: tableItemData) => {
             attrName.forEach((item) => {
                 if (item === 'TimeStamp') {
                     previewChartData.TimeStamp = previewChartData.TimeStamp.map((item: any) => {
-                        return dayjs(item).format('YYYY-MM-DD HH:mm:ss')
+                        return dayjs(item).format('YYYY-MM-DD HH:mm:ss.SSS')
                     })
                 } else if (item === 'TimeStampUTC') {
                     previewChartData.TimeStamp = previewChartData.TimeStampUTC.map((item: any) => {
-                        return dayjs(item).format('YYYY-MM-DD HH:mm:ss')
+                        return dayjs(item).format('YYYY-MM-DD HH:mm:ss.SSS')
                     })
                 } else {
                     data.push({
@@ -625,7 +625,7 @@ const initPreviewChart = () => {
         tooltip: {
             trigger: 'axis',
             axisPointer: {
-                type: 'shadow',
+                type: 'line',
             },
         },
         xAxis: {