微调

2025-09-26 10:59:37 +08:00
parent 6fcf99284d
commit e7f7c8b537
16 changed files with 2227 additions and 2203 deletions
--- a/src/views/pqs/harmonicMonitoring/detailed/division/components/aListOfLoadData.vue
+++ b/src/views/pqs/harmonicMonitoring/detailed/division/components/aListOfLoadData.vue
@@ -47,7 +47,7 @@ import Table from '@/components/table/index.vue'
 import BackComponent from '@/components/icon/back/index.vue'
 import completenessDetails from './completenessDetails.vue'
 import { genFileId, ElMessage } from 'element-plus'
-import { uploadUserData ,deleteUserDataByIds} from '@/api/advance-boot/division'
+import { uploadUserData, deleteUserDataByIds } from '@/api/advance-boot/division'
 import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
 defineOptions({
    name: 'division/aListOfLoadData'
@@ -78,6 +78,9 @@ const tableStore = new TableStore({
                    title: '完整性详情',
                    type: 'primary',
                    icon: 'el-icon-Plus',
+                    disabled: row => {
+                        return row.integrity == 1
+                    },
                    render: 'basicButton',
                    click: row => {
                        completenessDetailsRef.value.open(row.id)
@@ -129,7 +132,7 @@ const submitupload = () => {
        ElMessage.warning('请上传文件！')
        return
    }
-      ElMessage.info('上传中,请稍等...')
+    ElMessage.info('上传中,请稍等...')
    const formData = new FormData()
    formData.append('file', fileList.value[0].raw)
    loading.value = true
--- a/src/views/pqs/harmonicMonitoring/detailed/division/components/completenessDetails.vue
+++ b/src/views/pqs/harmonicMonitoring/detailed/division/components/completenessDetails.vue
@@ -1,5 +1,4 @@
 <template>
-
    <el-dialog v-model="dialogVisible" draggable title="完整性不足详情" width="1000">
        <TableHeader :showReset="false" ref="TableHeaderRef">
            <template #select>
@@ -13,11 +12,9 @@
            </template>
        </TableHeader>
        <Table ref="tableRef"></Table>
-
    </el-dialog>
-
 </template>
-<script setup lang='ts'>
+<script setup lang="ts">
 import TableStore from '@/utils/tableStore'
 import TableHeader from '@/components/table/header/index.vue'
 import Table from '@/components/table/index.vue'
@@ -33,15 +30,20 @@ const tableStore = new TableStore({
        { title: '数据名', field: 'name' },
        { title: '用户名', field: 'userName' },
        { title: '测量点局号', field: 'lineNo' },
-        { title: '日期', field: 'upDataTime' },
-        { title: '完整性', field: 'integrity' },
+        { title: '日期', field: 'updateTime' },
+        {
+            title: '完整性(%)',
+            field: 'integrity',
+            formatter: (row: any) => {
+                return Math.floor(row.cellValue * 10000) / 100
+            }
+        }
    ],
    loadCallback: () => {
        setTimeout(() => {
-        tableStore.table.height = mainHeight(0,2).height as any
-        // console.log("🚀 ~ setTimeout ~  tableStore.table.height:", tableStore.table.height)
-
-    }, 0)
+            tableStore.table.height = mainHeight(0, 2).height as any
+            // console.log("🚀 ~ setTimeout ~  tableStore.table.height:", tableStore.table.height)
+        }, 0)
        //   setTimeout(() => {  tableStore.table.height = 'calc((100vh) / 2)'}, 1000)
    }
 })
@@ -49,17 +51,12 @@ const tableStore = new TableStore({
 provide('tableStore', tableStore)
 tableStore.table.params.searchValue = ''
 const open = (id: string) => {
-
    tableStore.table.params.userDataId = id
    dialogVisible.value = true

    tableStore.index()
-  
-
 }

 defineExpose({ open })
-
-
 </script>
 <style lang="scss" scoped></style>
--- a/src/views/pqs/harmonicMonitoring/detailed/division/components/detail.vue
+++ b/src/views/pqs/harmonicMonitoring/detailed/division/components/detail.vue
@@ -5,7 +5,7 @@
            <!-- <div style="font-size: 14px; font-weight: 500">
               
            </div> -->
-         <span class="monitoring-point">  {{ query.name || '' }}</span>
+            <span class="monitoring-point">{{ query.name || '' }}</span>
            <back-component />
        </div>

@@ -21,9 +21,11 @@
                <div style="height: calc(100vh - 250px); overflow-y: auto">
                    <div
                        class="box boxTab mb10"
-                        :style="`height: calc((100vh - 280px) / ${
-                            item.list.length == 0 ? 1 : item.list.length > 3 ? 3 : item.list.length
-                        })`"
+                        :style="{
+                            height: `calc((100vh - 280px) / ${
+                                item.list.length == 0 ? 1 : item.list.length > 3 ? 3 : item.list.length
+                            })`
+                        }"
                        v-for="(value, i) in item.dynamicOptions"
                        :key="i"
                    >
--- a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/yunxingzhuangtai/index.vue
+++ b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/yunxingzhuangtai/index.vue
@@ -1,202 +1,211 @@
-<template>
-    <div style="display: flex; flex-direction: column; height: 100%">
-        <TableHeader ref="TableHeaderRef" :showSearch="false">
-            <template v-slot:select>
-                <el-form-item label="日期">
-                    <DatePicker ref="datePickerRef"></DatePicker>
-                </el-form-item>
-                <el-form-item label="对比">
-                    <el-select v-model="searchType" clearable placeholder="可选择同比、环比">
-                        <el-option
-                            v-for="item in searchTypeOptions"
-                            :key="item.value"
-                            :label="item.label"
-                            :value="item.value"
-                        />
-                    </el-select>
-                </el-form-item>
-            </template>
-            <template v-slot:operation>
-                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
-            </template>
-        </TableHeader>
-
-        <div style="flex: 1; display: flex; overflow: hidden" class="mt10" v-loading="loading">
-            <div style="flex: 1">
-                <my-echart :options="options1" />
-            </div>
-            <div style="flex: 1">
-                <my-echart :options="options2" />
-            </div>
-        </div>
-    </div>
-</template>
-<script setup lang="ts">
-import { nextTick, onMounted, reactive, ref } from 'vue'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import MyEchart from '@/components/echarts/MyEchart.vue'
-import { useMonitoringPoint } from '@/stores/monitoringPoint'
-import { getProbabilityDistribution } from '@/api/event-boot/monitor'
-import { getRunInfoData, getComFlagInfoData } from '@/api/device-boot/communicate'
-import TableHeader from '@/components/table/header/index.vue'
-import TableStore from '@/utils/tableStore'
-const tableStore = new TableStore({
-    url: '',
-    method: 'POST',
-    column: []
-})
-const datePickerRef = ref()
-const monitoringPoint = useMonitoringPoint()
-const loading = ref(true)
-const formData = reactive({
-    id: monitoringPoint.state.lineId,
-    searchBeginTime: '',
-    searchEndTime: '',
-    periodBeginTime: '',
-    periodEndTime: ''
-})
-const searchType = ref('')
-const searchTypeOptions = [
-    {
-        label: '同比',
-        value: '1'
-    },
-    {
-        label: '环比',
-        value: '2'
-    }
-]
-const options1 = ref({})
-const options2 = ref({})
-onMounted(() => {
-    init()
-})
-const init = () => {
-    loading.value = true
-    formData.id = monitoringPoint.state.lineId
-    formData.searchBeginTime = datePickerRef.value.timeValue[0]
-    formData.searchEndTime = datePickerRef.value.timeValue[1]
-    if (searchType.value == '1') {
-        ;[formData.periodBeginTime, formData.periodEndTime] = datePickerRef.value.getYearOnYear(
-            formData.searchBeginTime,
-            formData.searchEndTime
-        )
-    } else if (searchType.value == '2') {
-        ;[formData.periodBeginTime, formData.periodEndTime] = datePickerRef.value.getMonthOnMonth(
-            formData.searchBeginTime,
-            formData.searchEndTime
-        )
-    } else {
-        formData.periodBeginTime = ''
-        formData.periodEndTime = ''
-    }
-    Promise.all([getComFlagInfoData(formData), getRunInfoData(formData)])
-        .then((res: any) => {
-            handlerOptions1(res[0].data)
-            handlerOptions2(res[1].data)
-            loading.value = false
-        })
-        .catch(() => {
-            loading.value = false
-        })
-}
-const handlerOptions1 = (data: any) => {
-    options1.value = {
-        title: {
-            text: '运行状态'
-        },
-        legend: {
-            show: false
-        },
-        tooltip: {
-            formatter: function (params: any) {
-                var res = params[0].data[0] + '<br/>终端运行状态为：'
-                var texts = ''
-                if (params[0].data[1] === 2 || params[0].data[1] === '2') {
-                    texts = '退出'
-                } else if (params[0].data[1] === 0 || params[0].data[1] === '0') {
-                    texts = '中断'
-                } else if (params[0].data[1] === 1 || params[0].data[1] === '1') {
-                    texts = '正常'
-                }
-                res = res + texts
-                return res
-            }
-        },
-        xAxis: {
-            // type: 'category',
-            // data: data.updateTime
-            type: 'time',
-            name: '时间',
-            //
-            axisLabel: {
-                formatter: {
-                    day: '{MM}-{dd}',
-                    month: '{MM}',
-                    year: '{yyyy}'
-                }
-            }
-        },
-        yAxis: {
-            name: '状态',
-            type: 'value',
-            axisLabel: {
-                // 这里重新定义就可以
-                formatter: function (value: number) {
-                    var texts = []
-                    if (value === 2) {
-                        texts.push('退出')
-                    } else if (value === 0) {
-                        texts.push('中断')
-                    } else if (value === 1) {
-                        texts.push('正常')
-                    }
-                    return texts
-                }
-            }
-        },
-        series: [
-            {
-                name: '中断运行状态',
-                data: data.type.map((item: any, index: number) => [data.updateTime[index], item]),
-                type: 'line',
-                step: 'end'
-            }
-        ]
-    }
-}
-const handlerOptions2 = (data: any) => {
-    options2.value = {
-        title: {
-            text: '在线率和完整性'
-        },
-        xAxis: {
-            type: 'category',
-            data: formData.periodBeginTime
-                ? [
-                      `${formData.searchBeginTime} 至 ${formData.searchEndTime}`,
-                      `${formData.periodBeginTime} 至 ${formData.periodEndTime}`
-                  ]
-                : [`${formData.searchBeginTime} 至 ${formData.searchEndTime}`]
-        },
-        yAxis: {
-            name: '%',
-            type: 'value'
-        },
-        series: [
-            {
-                name: '在线率',
-                data: data.onlineRateData,
-                type: 'bar'
-            },
-            {
-                name: '完整性',
-                data: data.integrityData,
-                type: 'bar'
-            }
-        ]
-    }
-}
-provide('tableStore', tableStore)
-</script>
-<style></style>
+<template>
+    <div style="display: flex; flex-direction: column; height: 100%">
+        <TableHeader ref="TableHeaderRef" :showSearch="false">
+            <template v-slot:select>
+                <el-form-item label="日期">
+                    <DatePicker ref="datePickerRef"></DatePicker>
+                </el-form-item>
+                <el-form-item label="对比">
+                    <el-select v-model="searchType" clearable placeholder="可选择同比、环比">
+                        <el-option v-for="item in searchTypeOptions" :key="item.value" :label="item.label"
+                            :value="item.value" />
+                    </el-select>
+                </el-form-item>
+            </template>
+            <template v-slot:operation>
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
+            </template>
+        </TableHeader>
+
+        <div style="flex: 1; display: flex; overflow: hidden" class="mt10" v-loading="loading">
+            <div style="flex: 1">
+                <my-echart :options="options1" />
+            </div>
+            <div style="flex: 1">
+                <my-echart :options="options2" />
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { nextTick, onMounted, reactive, ref } from 'vue'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { useMonitoringPoint } from '@/stores/monitoringPoint'
+import { getProbabilityDistribution } from '@/api/event-boot/monitor'
+import { getRunInfoData, getComFlagInfoData } from '@/api/device-boot/communicate'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import TableHeader from '@/components/table/header/index.vue'
+import TableStore from '@/utils/tableStore'
+const tableStore = new TableStore({
+    url: '',
+    method: 'POST',
+    column: []
+})
+const datePickerRef = ref()
+const monitoringPoint = useMonitoringPoint()
+const loading = ref(true)
+const formData = reactive({
+    id: monitoringPoint.state.lineId,
+    searchBeginTime: '',
+    searchEndTime: '',
+    periodBeginTime: '',
+    periodEndTime: ''
+})
+const searchType = ref('')
+const searchTypeOptions = [
+    {
+        label: '同比',
+        value: '1'
+    },
+    {
+        label: '环比',
+        value: '2'
+    }
+]
+const options1 = ref({})
+const options2 = ref({})
+onMounted(() => {
+    init()
+})
+const init = () => {
+    loading.value = true
+    formData.id = monitoringPoint.state.lineId
+    formData.searchBeginTime = datePickerRef.value.timeValue[0]
+    formData.searchEndTime = datePickerRef.value.timeValue[1]
+    if (searchType.value == '1') {
+        ;[formData.periodBeginTime, formData.periodEndTime] = datePickerRef.value.getYearOnYear(
+            formData.searchBeginTime,
+            formData.searchEndTime
+        )
+    } else if (searchType.value == '2') {
+        ;[formData.periodBeginTime, formData.periodEndTime] = datePickerRef.value.getMonthOnMonth(
+            formData.searchBeginTime,
+            formData.searchEndTime
+        )
+    } else {
+        formData.periodBeginTime = ''
+        formData.periodEndTime = ''
+    }
+    Promise.all([getComFlagInfoData(formData), getRunInfoData(formData)])
+        .then((res: any) => {
+            handlerOptions1(res[0].data)
+            handlerOptions2(res[1].data)
+            loading.value = false
+        })
+        .catch(() => {
+            loading.value = false
+        })
+}
+const handlerOptions1 = (data: any) => {
+    options1.value = {
+        title: {
+            text: '运行状态'
+        },
+        legend: {
+            show: false
+        },
+        tooltip: {
+            formatter: function (params: any) {
+                var res = params[0].data[0] + '<br/>终端运行状态为：'
+                var texts = ''
+                if (params[0].data[1] === 2 || params[0].data[1] === '2') {
+                    texts = '退出'
+                } else if (params[0].data[1] === 0 || params[0].data[1] === '0') {
+                    texts = '中断'
+                } else if (params[0].data[1] === 1 || params[0].data[1] === '1') {
+                    texts = '正常'
+                }
+                res = res + texts
+                return res
+            }
+        },
+        xAxis: {
+            // type: 'category',
+            // data: data.updateTime
+            type: 'time',
+            name: '时间',
+            //
+            axisLabel: {
+                formatter: {
+                    day: '{MM}-{dd}',
+                    month: '{MM}',
+                    year: '{yyyy}'
+                }
+            }
+        },
+        yAxis: {
+            name: '状态',
+            type: 'value',
+            axisLabel: {
+                // 这里重新定义就可以
+                formatter: function (value: number) {
+                    var texts = []
+                    if (value === 2) {
+                        texts.push('退出')
+                    } else if (value === 0) {
+                        texts.push('中断')
+                    } else if (value === 1) {
+                        texts.push('正常')
+                    }
+                    return texts
+                }
+            }
+        },
+        series: [
+            {
+                name: '中断运行状态',
+                data: data.type.map((item: any, index: number) => [data.updateTime[index], item]),
+                type: 'line',
+                step: 'end'
+            }
+        ]
+    }
+}
+const handlerOptions2 = (data: any) => {
+    let title = ''
+    if (data.integrityData.some((item: any) => item > 100)) {
+        title = '数据存在异常，已进行转换处理'
+        data.integrityData = data.integrityData.map(item => {
+            return item > 100 ? 100 : item;
+        });
+    }
+
+    options2.value = {
+        title: {
+            text: '在线率和完整性',
+            subtext: title,
+            subtextStyle: {
+                color: 'red'  // 设置副标题颜色为红色
+            }
+        },
+        xAxis: {
+            type: 'category',
+            data: formData.periodBeginTime
+                ? [
+                    `${formData.searchBeginTime} 至 ${formData.searchEndTime}`,
+                    `${formData.periodBeginTime} 至 ${formData.periodEndTime}`
+                ]
+                : [`${formData.searchBeginTime} 至 ${formData.searchEndTime}`]
+        },
+        yAxis: {
+            name: '%',
+            type: 'value'
+        },
+        series: [
+            {
+                name: '在线率',
+                data: data.onlineRateData,
+                type: 'bar'
+            },
+            {
+                name: '完整性',
+                data: data.integrityData,
+                type: 'bar'
+            }
+        ]
+    }
+}
+provide('tableStore', tableStore)
+</script>
+<style></style>