From ad97a3d5f82f1aa6fafcf74d9de8e7ba8178eb8b Mon Sep 17 00:00:00 2001
From: GGJ <357021191@qq.com>
Date: Thu, 11 Jan 2024 16:40:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=20=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/table/header/index.vue |   5 ++
 src/views/govern/alarm/Device.vue     | 109 +++++++++++++++++++++++++
 src/views/govern/alarm/Steady.vue     | 108 ++++++++++++++++++++++++
 src/views/govern/alarm/Transient.vue  | 113 ++++++++++++++++++++++++++
 src/views/govern/alarm/index.vue      |  47 +++++++++++
 5 files changed, 382 insertions(+)
 create mode 100644 src/views/govern/alarm/Device.vue
 create mode 100644 src/views/govern/alarm/Steady.vue
 create mode 100644 src/views/govern/alarm/Transient.vue
 create mode 100644 src/views/govern/alarm/index.vue

diff --git a/src/components/table/header/index.vue b/src/components/table/header/index.vue
index 04d5c92..93c71aa 100644
--- a/src/components/table/header/index.vue
+++ b/src/components/table/header/index.vue
@@ -63,6 +63,8 @@ onMounted(() => {
     if (props.datePicker) {
         tableStore.table.params.searchBeginTime = datePickerRef.value.timeValue[0]
         tableStore.table.params.searchEndTime = datePickerRef.value.timeValue[1]
+        tableStore.table.params.startTime = datePickerRef.value.timeValue[0]
+        tableStore.table.params.endTime = datePickerRef.value.timeValue[1]
         tableStore.table.params.timeFlag = datePickerRef.value.timeFlag
     }
     nextTick(() => {
@@ -99,6 +101,8 @@ const onComSearch = async () => {
     if (props.datePicker) {
         tableStore.table.params.searchBeginTime = datePickerRef.value.timeValue[0]
         tableStore.table.params.searchEndTime = datePickerRef.value.timeValue[1]
+        tableStore.table.params.startTime = datePickerRef.value.timeValue[0]
+        tableStore.table.params.endTime = datePickerRef.value.timeValue[1]
         tableStore.table.params.timeFlag = datePickerRef.value.timeFlag
     }
 
@@ -111,6 +115,7 @@ const dateChange = () => {
     // tableStore.table.params.searchBeginTime = date.value[0]
     // tableStore.table.params.searchEndTime = date.value[1]
 }
+defineExpose({ onComSearch })
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/govern/alarm/Device.vue b/src/views/govern/alarm/Device.vue
new file mode 100644
index 0000000..9982293
--- /dev/null
+++ b/src/views/govern/alarm/Device.vue
@@ -0,0 +1,109 @@
+<template>
+    <TableHeader datePicker ref="refheader">
+        <template v-slot:select>
+            <el-form-item label="数据来源">
+                <el-cascader
+                    placeholder="请选择数据来源"
+                    @change="sourceChange"
+                    :options="props.deviceTree"
+                    :show-all-levels="false"
+                    :props="{ checkStrictly: true }"
+                    clearable
+                ></el-cascader>
+                <!-- <el-input v-model="tableStore.table.params.searchValue" placeholder="请输入设备名称" /> -->
+            </el-form-item>
+            <el-form-item label="级别">
+                <el-select v-model="tableStore.table.params.level" placeholder="请选择级别" clearable>
+                    <el-option
+                        v-for="item in rankOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    ></el-option>
+                </el-select>
+            </el-form-item>
+        </template>
+    </TableHeader>
+    <!-- <div style="height: 300px;"> -->
+    <Table ref="tableRef" :isGroup="true" />
+    <!-- </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 TableHeader from '@/components/table/header/index.vue'
+import { mainHeight } from '@/utils/layout'
+
+const props = defineProps(['deviceTree'])
+
+const refheader = ref()
+const deviceTree = ref([])
+const tabsList = ref([
+    {
+        label: '设备告警',
+        name: 3
+    },
+    {
+        label: '稳态越限告警',
+        name: 1
+    },
+    {
+        label: '暂态事件',
+        name: 0
+    }
+])
+const rankOptions = ref([
+    {
+        value: '1',
+        label: '1级'
+    },
+    {
+        value: '2',
+        label: '2级'
+    },
+    {
+        value: '3',
+        label: '3级'
+    }
+])
+
+const tableStore = new TableStore({
+    url: '/cs-harmonic-boot/eventUser/queryEventpage',
+    method: 'POST',
+    column: [
+        { title: '工程名称', field: 'engineeringName', align: 'center' },
+        { title: '项目名称', field: 'projectName', align: 'center' },
+        { title: '设备名称', field: 'equipmentName', align: 'center' },
+        { title: '告警代码', field: 'code', align: 'center' },
+        { title: '事件描述', field: 'showName', align: 'center' },
+        { title: '发生时刻', field: 'startTime', align: 'center' }
+    ]
+})
+
+provide('tableStore', tableStore)
+//   "target": [],
+//   "type": "",
+//   "userId": ""
+tableStore.table.params.engineeringid = ''
+tableStore.table.params.projectId = ''
+tableStore.table.params.deviceId = ''
+tableStore.table.params.type = 3
+tableStore.table.params.eventIds = []
+tableStore.table.params.status = ''
+tableStore.table.params.target = []
+tableStore.table.params.userId = ''
+
+const sourceChange = (e: any) => {
+    tableStore.table.params.engineeringid = e[0] || ''
+    tableStore.table.params.projectId = e[1] || ''
+    tableStore.table.params.deviceId = e[2] || ''
+}
+
+onMounted(() => {
+    tableStore.index()
+})
+
+const addMenu = () => {}
+</script>
+<style></style>
diff --git a/src/views/govern/alarm/Steady.vue b/src/views/govern/alarm/Steady.vue
new file mode 100644
index 0000000..d41c5d3
--- /dev/null
+++ b/src/views/govern/alarm/Steady.vue
@@ -0,0 +1,108 @@
+<template>
+    <TableHeader datePicker ref="refheader">
+        <template v-slot:select>
+            <el-form-item label="数据来源">
+                <el-cascader
+                    placeholder="请选择数据来源"
+                    @change="sourceChange"
+                    :options="props.deviceTree"
+                    :show-all-levels="false"
+                    :props="{ checkStrictly: true }"
+                    clearable
+                ></el-cascader>
+                <!-- <el-input v-model="tableStore.table.params.searchValue" placeholder="请输入设备名称" /> -->
+            </el-form-item>
+            <el-form-item label="级别">
+                <el-select v-model="tableStore.table.params.level" placeholder="请选择级别" clearable>
+                    <el-option
+                        v-for="item in rankOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    ></el-option>
+                </el-select>
+            </el-form-item>
+        </template>
+    </TableHeader>
+    <!-- <div style="height: 300px;"> -->
+    <Table ref="tableRef" :isGroup="true" />
+    <!-- </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 TableHeader from '@/components/table/header/index.vue'
+import { mainHeight } from '@/utils/layout'
+
+const props = defineProps(['deviceTree'])
+
+const refheader = ref()
+const deviceTree = ref([])
+const tabsList = ref([
+    {
+        label: '设备告警',
+        name: 3
+    },
+    {
+        label: '稳态越限告警',
+        name: 1
+    },
+    {
+        label: '暂态事件',
+        name: 0
+    }
+])
+const rankOptions = ref([
+    {
+        value: '1',
+        label: '1级'
+    },
+    {
+        value: '2',
+        label: '2级'
+    },
+    {
+        value: '3',
+        label: '3级'
+    }
+])
+
+const tableStore = new TableStore({
+    url: '/cs-harmonic-boot/eventUser/queryEventpage',
+    method: 'POST',
+    column: [
+    { title: '工程名称', field: 'engineeringName', align: 'center' },
+            { title: '项目名称', field: 'projectName', align: 'center' },
+            { title: '设备名称', field: 'equipmentName', align: 'center' },
+            { title: '事件描述', field: 'showName', align: 'center' },
+            { title: '发生时刻', field: 'startTime', align: 'center' }
+    ]
+})
+
+provide('tableStore', tableStore)
+//   "target": [],
+//   "type": "",
+//   "userId": ""
+tableStore.table.params.engineeringid = ''
+tableStore.table.params.projectId = ''
+tableStore.table.params.deviceId = ''
+tableStore.table.params.type = 1
+tableStore.table.params.eventIds = []
+tableStore.table.params.status = ''
+tableStore.table.params.target = []
+tableStore.table.params.userId = ''
+
+const sourceChange = (e: any) => {
+    tableStore.table.params.engineeringid = e[0] || ''
+    tableStore.table.params.projectId = e[1] || ''
+    tableStore.table.params.deviceId = e[2] || ''
+}
+
+onMounted(() => {
+    tableStore.index()
+})
+
+const addMenu = () => {}
+</script>
+<style></style>
diff --git a/src/views/govern/alarm/Transient.vue b/src/views/govern/alarm/Transient.vue
new file mode 100644
index 0000000..375dba8
--- /dev/null
+++ b/src/views/govern/alarm/Transient.vue
@@ -0,0 +1,113 @@
+<template>
+    <TableHeader datePicker ref="refheader">
+        <template v-slot:select>
+            <el-form-item label="数据来源">
+                <el-cascader
+                    placeholder="请选择数据来源"
+                    @change="sourceChange"
+                    :options="props.deviceTree"
+                    :show-all-levels="false"
+                    :props="{ checkStrictly: true }"
+                    clearable
+                ></el-cascader>
+                <!-- <el-input v-model="tableStore.table.params.searchValue" placeholder="请输入设备名称" /> -->
+            </el-form-item>
+            <el-form-item label="级别">
+                <el-select v-model="tableStore.table.params.level" placeholder="请选择级别" clearable>
+                    <el-option
+                        v-for="item in rankOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    ></el-option>
+                </el-select>
+            </el-form-item>
+        </template>
+    </TableHeader>
+    <!-- <div style="height: 300px;"> -->
+    <Table ref="tableRef" :isGroup="true" />
+    <!-- </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 TableHeader from '@/components/table/header/index.vue'
+import { mainHeight } from '@/utils/layout'
+
+const props = defineProps(['deviceTree'])
+
+const refheader = ref()
+const deviceTree = ref([])
+const tabsList = ref([
+    {
+        label: '设备告警',
+        name: 3
+    },
+    {
+        label: '稳态越限告警',
+        name: 1
+    },
+    {
+        label: '暂态事件',
+        name: 0
+    }
+])
+const rankOptions = ref([
+    {
+        value: '1',
+        label: '1级'
+    },
+    {
+        value: '2',
+        label: '2级'
+    },
+    {
+        value: '3',
+        label: '3级'
+    }
+])
+
+const tableStore = new TableStore({
+    url: '/cs-harmonic-boot/eventUser/queryEventpage',
+    method: 'POST',
+    column: [
+        { title: '工程名称', field: 'engineeringName', align: 'center' },
+        { title: '项目名称', field: 'projectName', align: 'center' },
+        { title: '设备名称', field: 'equipmentName', align: 'center' },
+        { title: '事件描述', field: 'code', align: 'center' },
+        { title: '事件发生位置', field: 'showName', align: 'center' },
+        { title: '相别', field: 'startTime', align: 'center' },
+        { title: '持续时间', field: 'startTime', align: 'center' },
+        { title: '暂降深度', field: 'startTime', align: 'center' },
+        { title: '发生时刻', field: 'startTime', align: 'center' },
+        { title: '操作', field: 'startTime', align: 'center' }
+    ]
+})
+
+provide('tableStore', tableStore)
+//   "target": [],
+//   "type": "",
+//   "userId": ""
+tableStore.table.params.engineeringid = ''
+tableStore.table.params.projectId = ''
+tableStore.table.params.deviceId = ''
+tableStore.table.params.type = 1
+tableStore.table.params.eventIds = []
+tableStore.table.params.status = ''
+tableStore.table.params.target = []
+tableStore.table.params.userId = ''
+
+const sourceChange = (e: any) => {
+    tableStore.table.params.engineeringid = e[0] || ''
+    tableStore.table.params.projectId = e[1] || ''
+    tableStore.table.params.deviceId = e[2] || ''
+}
+
+onMounted(() => {
+    tableStore.index()
+})
+
+const addMenu = () => {}
+</script>
+<style></style>
diff --git a/src/views/govern/alarm/index.vue b/src/views/govern/alarm/index.vue
new file mode 100644
index 0000000..e222455
--- /dev/null
+++ b/src/views/govern/alarm/index.vue
@@ -0,0 +1,47 @@
+<template>
+    <div class="default-main">
+        <el-tabs v-model="activeName" class="demo-tabs">
+            <el-tab-pane label="设备告警" name="1">
+                <Device v-if="activeName == '1'" :deviceTree="deviceTree" />
+            </el-tab-pane>
+            <el-tab-pane label="稳态越限告警" name="2">
+                <Steady v-if="activeName == '2'" :deviceTree="deviceTree" />
+            </el-tab-pane>
+            <el-tab-pane label="暂态事件" name="3">
+                <Transient v-if="activeName == '3'" :deviceTree="deviceTree" />
+            </el-tab-pane>
+        </el-tabs>
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide } from 'vue'
+import Steady from './Steady.vue'
+import Transient from './Transient.vue'
+import Device from './Device.vue'
+import { getDeviceTree } from '@/api/cs-device-boot/csLedger'
+defineOptions({
+    name: 'govern/alarm/index'
+})
+const deviceTree = ref([])
+const activeName = ref('1')
+getDeviceTree().then(res => {
+    res.data.forEach((item: any) => {
+        item.value = item.id
+        item.label = item.name
+        item.children.forEach((child: any) => {
+            child.value = child.id
+            child.label = child.name
+            child.children.forEach((grand: any) => {
+                grand.value = grand.id
+                grand.label = grand.name
+                delete grand.children
+            })
+        })
+    })
+    deviceTree.value = res.data
+})
+onMounted(() => {})
+
+const addMenu = () => {}
+</script>
+<style></style>