添加电能质量问题管理页面

2024-05-16 14:00:49 +08:00
parent 32f097c951
commit 0401f2efd6
11 changed files with 788 additions and 187 deletions
--- a/src/views/pqs/supervise/electricalEnergy/components1/online.vue
+++ b/src/views/pqs/supervise/electricalEnergy/components1/online.vue
@@ -0,0 +1,135 @@
+<template>
+    <!-- <div>1 监测点信息  发起预告警单 </div> -->
+
+    <TableHeader area datePicker ref="TableHeaderRef">
+        <template v-slot:select>
+            <el-form-item label="超标指标">
+                <el-select
+                    v-model="tableStore.table.params.evaluateType"
+                    multiple
+                    collapse-tags
+                    clearable
+                    placeholder="请选择评估类型"
+                >
+                    <el-option v-for="item in exceeded" :key="item.id" :label="item.name" :value="item.id" />
+                </el-select>
+            </el-form-item>
+        </template>
+    </TableHeader>
+    <Table ref="tableRef" />
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide, nextTick } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useDictData } from '@/stores/dictData'
+// Steady_Statis
+const dictData = useDictData()
+const exceeded = dictData.getBasicData('Steady_Statis')
+const tableRef = ref()
+const planAddRef = ref()
+const listFormRef = ref()
+const TableHeaderRef = ref()
+
+const tableStore = new TableStore({
+    url: '/supervision-boot/generalSurvey/getSurvey',
+    publicHeight: 65,
+    method: 'POST',
+    column: [
+        {
+            title: '序号',
+            type: 'seq',
+            align: 'center',
+            width: 60,
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
+        { field: 'orgName', title: '区域' },
+        { field: 'subName', title: '变电站' },
+        { field: 'lineName', title: '监测点名称' },
+        { field: 'voltageScale', title: '电压等级' },
+        { field: 'overDay', title: '总超标天数' },
+        { field: 'overDays', title: '连续超标天数' },
+
+        {
+            title: '操作',
+            width: '180',
+            align: 'center',
+            render: 'buttons',
+            fixed: 'right',
+            buttons: [
+                {
+                    name: 'productSetting',
+                    title: '发起告警单',
+                    type: 'warning',
+                    disabled: row => {
+                        return row.overDays <= 15
+                    },
+                    icon: 'el-icon-EditPen',
+                    render: 'confirmButton',
+                    popconfirm: {
+                        confirmButtonText: '确认',
+                        cancelButtonText: '取消',
+                        confirmButtonType: 'primary',
+                        title: '请确认发起告警单!'
+                    },
+                    click: row => {}
+                },
+                {
+                    name: 'edit',
+                    title: '发起预警单',
+                    type: 'primary',
+                    icon: 'el-icon-Open',
+                    disabled: row => {
+                        return row.overDays > 15
+                    },
+                    render: 'confirmButton',
+                    popconfirm: {
+                        confirmButtonText: '确认',
+                        cancelButtonText: '取消',
+                        confirmButtonType: 'primary',
+                        title: '请确认发起发起预警单!'
+                    },
+
+                    click: row => {}
+                }
+            ]
+        }
+    ],
+    beforeSearchFun: () => {
+        tableStore.table.params.orgNo = tableStore.table.params.deptIndex
+        tableStore.table.params.currentPage = tableStore.table.params.pageNum
+    },
+    loadCallback: () => {
+        tableStore.table.data = [
+            {
+                orgName: '张家口',
+                subName: '110kV马头山风电场',
+                lineName: '111口头线',
+                voltageScale: '110kV',
+                overDay: '20',
+                overDays: '10'
+            },
+            {
+                orgName: '张家口',
+                subName: '110kV韩家庄风电场',
+                lineName: '111缘韩一线',
+                voltageScale: '110kV',
+                overDay: '20',
+                overDays: '16'
+            }
+        ]
+    }
+})
+
+provide('tableStore', tableStore)
+
+onMounted(() => {
+    tableStore.index()
+})
+</script>
+
+<style scoped lang="scss"></style>