From d0525a90a3909b6e1e6f7257c5b4a556c12ec0bf Mon Sep 17 00:00:00 2001
From: GGJ <357021191@qq.com>
Date: Tue, 9 Jan 2024 16:32:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=20=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Region/components/Compatibility.vue       | 480 ++++++++++++++++++
 src/views/Event-boot/Region/statistics.vue    |  16 +-
 src/views/govern/log/operate.vue              |  39 ++
 src/views/govern/log/push.vue                 |   2 +-
 4 files changed, 532 insertions(+), 5 deletions(-)
 create mode 100644 src/views/Event-boot/Region/components/Compatibility.vue
 create mode 100644 src/views/govern/log/operate.vue

diff --git a/src/views/Event-boot/Region/components/Compatibility.vue b/src/views/Event-boot/Region/components/Compatibility.vue
new file mode 100644
index 0000000..646ff25
--- /dev/null
+++ b/src/views/Event-boot/Region/components/Compatibility.vue
@@ -0,0 +1,480 @@
+<template>
+    <div class="flex" style="margin: 15px 0">
+        <span style="width: 100px; margin-top: 3px">电压等级:</span>
+        <el-checkbox
+            :indeterminate="isIndeterminate"
+            v-model="checkAll"
+            @change="handleCheckAllChange"
+            style="margin-right: 28px"
+        >
+            全选
+        </el-checkbox>
+        <el-checkbox-group
+            v-model="checkedVoltage"
+            @change="handleCheckedVoltageChange"
+            style="height: 72px; overflow-y: auto"
+        >
+            <el-checkbox v-for="(item, index) in grade" :label="item" :key="index">{{ item.name }}</el-checkbox>
+        </el-checkbox-group>
+    </div>
+    <div class="flex" style="margin: 15px 0">
+        <span style="width: 100px; margin-top: 3px">干扰源类型:</span>
+        <el-checkbox
+            :indeterminate="isIndeterminate1"
+            v-model="checkAll1"
+            @change="handleCheckAllChange1"
+            style="margin-right: 28px"
+        >
+            全选
+        </el-checkbox>
+        <el-checkbox-group
+            v-model="checkedSource"
+            @change="handleCheckedSourceChange"
+            style="height: 72px; overflow-y: auto"
+        >
+            <el-checkbox v-for="(item, index) in type" :label="item" :key="index">{{ item.name }}</el-checkbox>
+        </el-checkbox-group>
+    </div>
+    <div class="flex" style="margin: 15px 0">
+        <span style="width: 100px; line-height: 32px">兼容曲线:</span>
+        <el-radio-group v-model="radio" @change="radioChange">
+            <el-radio label="ITIC">ITIC</el-radio>
+            <el-radio label="F47">F47</el-radio>
+        </el-radio-group>
+    </div>
+    <my-echart class="bars_w" :options="echartList" />
+    <vxe-table class="dw" :data="TableData" v-bind="defaultAttribute">
+        <vxe-column field="name" title="名称" width="100px"></vxe-column>
+        <vxe-column field="totalEvents" title="事件总数" width="100px"></vxe-column>
+        <vxe-column field="tolerable" title="可容忍" width="100px"></vxe-column>
+        <vxe-column field="Intolerable" title="不可容忍" width="100px"></vxe-column>
+    </vxe-table>
+</template>
+<script setup lang="ts">
+import { useDictData } from '@/stores/dictData'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { mainHeight } from '@/utils/layout'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+import { ref, reactive } from 'vue'
+const dictData = useDictData()
+const isIndeterminate = ref(false)
+const isIndeterminate1 = ref(false)
+const checkAll = ref(true)
+const checkAll1 = ref(true)
+const radio = ref('ITIC')
+const echartList = ref({})
+const ITIC = ref({})
+const F47 = ref({})
+const pointI: any = ref([])
+const pointIun: any = ref([])
+const pointF: any = ref([])
+const pointFun: any = ref([])
+const datalist: any = ref([])
+const TableData = ref([
+    {
+        name: '事件个数',
+        totalEvents: '',
+        tolerable: '',
+        Intolerable: ''
+    }
+])
+const checkedVoltage: any = ref(ref(dictData.getBasicData('Dev_Voltage_Stand')))
+const checkedSource: any = ref(dictData.getBasicData('Interference_Source'))
+const grade = ref(dictData.getBasicData('Dev_Voltage_Stand'))
+const type = ref(dictData.getBasicData('Interference_Source'))
+// 电压等级多选
+const handleCheckedVoltageChange = (val: any) => {
+    const checkedCount = val.length
+    checkAll.value = checkedCount === grade.value.length
+    isIndeterminate.value = checkedCount > 0 && checkedCount < grade.value.length
+}
+const handleCheckAllChange = (val: any) => {
+    checkedVoltage.value = val ? grade.value : []
+    isIndeterminate.value = false
+}
+// 干扰源类型多选
+const handleCheckAllChange1 = (val: any) => {
+    checkedSource.value = val ? type.value : []
+    isIndeterminate.value = false
+}
+const handleCheckedSourceChange = (val: any) => {
+    const checkedCount = val.length
+    checkAll1.value = checkedCount === type.value.length
+    isIndeterminate1.value = checkedCount > 0 && checkedCount < type.value.length
+}
+
+const info = async (list: any) => {
+    datalist.value = []
+    list.forEach((item: any) => {
+        if (item.eventValue < 2 && item.eventValue > 0) {
+            datalist.value.push(item)
+        }
+    })
+    await gongfunction()
+    ITIC.value = {
+        title: {
+            text: 'ITIC曲线'
+        },
+        tooltip: {
+            formatter: function (a: any) {
+                if (a[0].value[4] == undefined) {
+                    return
+                }
+
+                let relVal = ''
+                relVal = "<font style='color:" + "'>供电公司:" + '&nbsp' + '&nbsp' + a[0].value[3] + '</font><br/>'
+                relVal += "<font style='color:" + "'>变电站:" + '&nbsp' + '&nbsp' + a[0].value[4] + '</font><br/>'
+                relVal += "<font style='color:" + "'>发生时刻:" + '&nbsp' + '&nbsp' + a[0].value[2] + '</font><br/>'
+                relVal +=
+                    "<font style='color:" +
+                    "'>持续时间:" +
+                    '&nbsp' +
+                    '&nbsp' +
+                    a[0].value[0].toFixed(3) +
+                    's</font><br/>'
+                relVal +=
+                    "<font style='color:" + "'>特征幅值:" + '&nbsp' + '&nbsp' + a[0].value[1].toFixed(3) + '%</font>'
+                return relVal
+            }
+        },
+        legend: {
+            data: ['上限', '下限', '可容忍事件', '不可容忍事件'],
+            // selectedMode: false,
+            left: '10px'
+        },
+        color: ['#FF8C00', '#00BFFF', 'green', 'red'],
+        xAxis: {
+            type: 'log',
+            // min: '0.001',
+            // max: '1000',
+            name: 's',
+            splitLine: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            splitNumber: 10,
+            minInterval: 3,
+            name: '%'
+        },
+        dataZoom: {
+            type: null,
+            show: false
+        },
+        options: {
+            series: [
+                {
+                    name: '上限',
+                    type: 'line',
+                    data: [
+                        [0.001, 200],
+                        [0.003, 140],
+                        [0.003, 120],
+                        [0.5, 120],
+                        [0.5, 110],
+                        [10, 110],
+                        [1000, 110]
+                    ],
+                    showSymbol: false,
+                    tooltips: {
+                        show: false
+                    }
+                },
+                {
+                    name: '下限',
+                    type: 'line',
+                    data: [
+                        [0.02, 0],
+                        [0.02, 70],
+                        [0.5, 70],
+                        [0.5, 80],
+                        [10, 80],
+                        [10, 90],
+                        [1000, 90]
+                    ],
+                    showSymbol: false,
+                    tooltips: {
+                        show: false
+                    }
+                },
+                {
+                    name: '可容忍事件',
+                    type: 'scatter',
+                    symbol: 'circle',
+                    data: pointI.value
+                },
+                {
+                    name: '不可容忍事件',
+                    type: 'scatter',
+                    symbol: 'circle',
+                    data: pointIun.value
+                }
+            ]
+        }
+    }
+    F47.value = {
+        title: {
+            text: 'F47曲线'
+        },
+        tooltip: {
+            formatter: function (a: any) {
+                if (a[0].value[4] == undefined) {
+                    return
+                }
+
+                let relVal = ''
+                relVal = "<font style='color:" + "'>供电公司:" + '&nbsp' + '&nbsp' + a[0].value[3] + '</font><br/>'
+                relVal += "<font style='color:" + "'>变电站:" + '&nbsp' + '&nbsp' + a[0].value[4] + '</font><br/>'
+                relVal += "<font style='color:" + "'>发生时刻:" + '&nbsp' + '&nbsp' + a[0].value[2] + '</font><br/>'
+                relVal +=
+                    "<font style='color:" +
+                    "'>持续时间:" +
+                    '&nbsp' +
+                    '&nbsp' +
+                    a[0].value[0].toFixed(3) +
+                    's</font><br/>'
+                relVal +=
+                    "<font style='color:" + "'>特征幅值:" + '&nbsp' + '&nbsp' + a[0].value[1].toFixed(3) + '%</font>'
+                return relVal
+            }
+        },
+        legend: {
+            data: ['分割线', '可容忍事件', '不可容忍事件'],
+            // selectedMode: false,
+            left: '10px'
+        },
+        color: ['yellow', 'green', 'red'],
+        xAxis: {
+            type: 'log',
+            // min: '0.001',
+            // max: '1000',
+            name: 's',
+            splitLine: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            splitNumber: 10,
+            minInterval: 3,
+            name: '%'
+        },
+        dataZoom: {
+            type: null,
+            show: false
+        },
+        options: {
+            series: [
+                {
+                    name: '分割线',
+                    type: 'line',
+                    data: [
+                        [0.05, 0],
+                        [0.05, 50],
+                        [0.2, 50],
+                        [0.2, 70],
+                        [0.5, 70],
+                        [0.5, 80],
+                        [10, 80],
+                        [1000, 80]
+                    ],
+                    showSymbol: false,
+                    tooltips: {
+                        show: false
+                    }
+                },
+                {
+                    name: '可容忍事件',
+                    type: 'scatter',
+                    symbol: 'circle',
+                    data: pointF.value
+                },
+                {
+                    name: '不可容忍事件',
+                    type: 'scatter',
+                    symbol: 'circle',
+                    data: pointFun.value
+                }
+            ]
+        }
+    }
+    radioChange(radio.value)
+}
+const radioChange = (e: any) => {
+    if (e == 'ITIC') {
+        echartList.value = ITIC.value
+        TableData.value[0].totalEvents = pointI.value.length + pointIun.value.length
+        TableData.value[0].tolerable = pointI.value.length
+        TableData.value[0].Intolerable = pointIun.value.length
+    } else if (e == 'F47') {
+        echartList.value = F47.value
+        TableData.value[0].totalEvents = pointF.value.length + pointFun.value.length
+        TableData.value[0].tolerable = pointF.value.length
+        TableData.value[0].Intolerable = pointFun.value.length
+    }
+}
+
+const gongfunction = () => {
+    var standI = 0
+    var unstandI = 0
+    var standF = 0
+    var unstandF = 0
+    pointI.value = []
+    pointIun.value = []
+    pointF.value = []
+    pointFun.value = []
+    var total = 0
+    total = datalist.value.length
+    if (total == 0) {
+    } else {
+        for (var i = 0; i < datalist.value.length; i++) {
+            var point = []
+            var xx = datalist.value[i].persistTime
+            var yy = datalist.value[i].eventValue * 100
+            var time = datalist.value[i].time.replace('T', ' ')
+            var company = datalist.value[i].gdName
+            var substation = datalist.value[i].subName
+            var index = datalist.value[i].lineId
+            var eventId = datalist.value[i].eventId
+            point = [xx, yy, time, company, substation, index, eventId]
+
+            if (xx <= 0.003) {
+                var line = 0
+                line = 230 - 30000 * xx
+                if (yy > line) {
+                    unstandI++
+                    pointIun.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            } else if (xx <= 0.02) {
+                if (yy > 120) {
+                    unstandI++
+                    pointIun.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            } else if (xx <= 0.5) {
+                if (yy > 120 || yy < 70) {
+                    unstandI++
+                    pointIun.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            } else if (xx <= 10) {
+                if (yy > 110 || yy < 80) {
+                    unstandI++
+                    pointIun.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            } else {
+                if (yy > 110 || yy < 90) {
+                    unstandI++
+                    pointIun.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            }
+
+            if (xx < 0.05) {
+                standF++
+                pointF.value.push({
+                    value: point,
+                    itemStyle: { normal: { color: 'green' } }
+                })
+            } else if (xx < 0.2) {
+                if (yy > 50) {
+                    standF++
+                    pointF.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                } else {
+                    unstandF++
+                    pointFun.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                }
+            } else if (xx < 0.5) {
+                if (yy > 70) {
+                    standF++
+                    pointF.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                } else {
+                    unstandF++
+                    pointFun.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                }
+            } else {
+                if (yy > 80) {
+                    standF++
+                    pointF.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                } else {
+                    unstandF++
+                    pointFun.value.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                }
+            }
+        }
+    }
+}
+
+defineExpose({ checkedVoltage, checkedSource, info })
+const layout = mainHeight(390) as any
+</script>
+<style lang="scss" scoped>
+.flex {
+    display: flex;
+}
+.bars_w {
+    height: calc(v-bind('layout.height'));
+}
+.dw {
+    position: absolute;
+    top: 210px;
+    right: 70px;
+}
+</style>
diff --git a/src/views/Event-boot/Region/statistics.vue b/src/views/Event-boot/Region/statistics.vue
index 9133f3f..cd671ba 100644
--- a/src/views/Event-boot/Region/statistics.vue
+++ b/src/views/Event-boot/Region/statistics.vue
@@ -11,7 +11,9 @@
             <el-tab-pane label="暂降原因及类型统计" name="1">
                 <TypeStatistics ref="Statistics" />
             </el-tab-pane>
-            <el-tab-pane label="电压容忍度曲线兼容性统计" name="2"></el-tab-pane>
+            <el-tab-pane label="电压容忍度曲线兼容性统计" name="2">
+                <Compatibility ref="compatibility" />
+            </el-tab-pane>
         </el-tabs>
     </div>
 </template>
@@ -23,13 +25,14 @@ import { useDictData } from '@/stores/dictData'
 import TableStore from '@/utils/tableStore'
 import { onMounted, reactive, ref, provide } from 'vue'
 import TypeStatistics from './components/TypeStatistics.vue'
+import Compatibility from './components/Compatibility.vue'
 import { mainHeight } from '@/utils/layout'
 defineOptions({
     name: 'Region/overview'
 })
 const activeName = ref('1')
 const Statistics = ref()
-const flag = ref(true)
+const compatibility = ref()
 const dictData = useDictData()
 
 const tableStore = new TableStore({
@@ -40,6 +43,7 @@ const tableStore = new TableStore({
         if (activeName.value == '1') {
             Statistics.value.info(tableStore.table.data)
         } else {
+            compatibility.value.info(tableStore.table.data.voltageToleranceCurveDataList)
         }
     }
 })
@@ -53,10 +57,14 @@ tableStore.table.params.serverName = 'event-boot'
 onMounted(() => {
     tableStore.index()
 })
-const handleClick = async () => {
-    if (activeName.value == '1') {
+const handleClick = async (e: any) => {
+    if (e.paneName == '1') {
+        tableStore.table.params.scale = null
+        tableStore.table.params.loadType = null
         tableStore.url = '/event-boot/areaAnalysis/getEventReason'
     } else {
+        tableStore.table.params.scale = compatibility.value.checkedVoltage
+        tableStore.table.params.loadType = compatibility.value.checkedSource
         tableStore.url = '/event-boot/areaAnalysis/getVoltageToleranceCurve'
     }
     await tableStore.onTableAction('search', {})
diff --git a/src/views/govern/log/operate.vue b/src/views/govern/log/operate.vue
new file mode 100644
index 0000000..1d668c8
--- /dev/null
+++ b/src/views/govern/log/operate.vue
@@ -0,0 +1,39 @@
+<template>
+    <div class="default-main">
+        <TableHeader datePicker></TableHeader>
+        <Table ref="tableRef" />
+    </div>
+</template>
+<script setup lang="ts">
+import { Plus } from '@element-plus/icons-vue'
+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'
+
+defineOptions({
+    name: 'govern/log/push'
+})
+const tableStore = new TableStore({
+    url: '/cs-device-boot/cslog/queryLog',
+    method: 'POST',
+    column: [
+        { title: '操作日期', field: 'createTime', align: 'center' },
+        { title: '操作描述', field: 'operate', align: 'center', width: '400' },
+        { title: '用户名称', field: 'userName', align: 'center' },
+        { title: '更新时间', field: 'updateTime', align: 'center' },
+        { title: '失败原因', field: 'failReason', align: 'center' },
+        { title: '状态', field: 'result', align: 'center' },
+        { title: '登录名', field: 'loginName', align: 'center' }
+    ]
+})
+
+provide('tableStore', tableStore)
+tableStore.table.params.searchState = 0
+tableStore.table.params.sortBy = ''
+tableStore.table.params.orderBy = ''
+onMounted(() => {
+    tableStore.index()
+})
+const addMenu = () => {}
+</script>
diff --git a/src/views/govern/log/push.vue b/src/views/govern/log/push.vue
index 802c8f0..b7e4972 100644
--- a/src/views/govern/log/push.vue
+++ b/src/views/govern/log/push.vue
@@ -30,4 +30,4 @@ onMounted(() => {
     tableStore.index()
 })
 const addMenu = () => {}
-</script>
+</script>
\ No newline at end of file