This commit is contained in:
仲么了
2024-02-19 15:28:44 +08:00
3 changed files with 14 additions and 16 deletions

View File

@@ -1,5 +1,5 @@
<template> <template>
<el-select v-model="interval" style="width: 90px; margin-right: 10px" @change="timeChange"> <el-select v-model="interval" style="min-width: 90px;width: 90px; margin-right: 10px" @change="timeChange">
<el-option v-for="item in timeOptions" :key="item.value" :label="item.label" :value="item.value" /> <el-option v-for="item in timeOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select> </el-select>
<el-date-picker <el-date-picker

View File

@@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<span style="font-size: 14px; font-weight: bold"> <span style="font-size: 14px; font-weight: bold">
统计区域: 中国 &ensp; 统计时间: 2023-12-01-2023-12-27 &ensp; 统计次数: {{ frequency + '次' }} 统计区域: 中国 &ensp; 统计时间: {{ Time[0] + '至' + Time[1] }} &ensp; 统计次数: {{ frequency + '次' }}
</span> </span>
<el-tabs tab-position="left" class="demo-tabs" style="margin-top: 10px"> <el-tabs tab-position="left" class="demo-tabs" style="margin-top: 10px">
<el-tab-pane label="区域"> <el-tab-pane label="区域">
@@ -47,9 +47,10 @@ import { ref, reactive, defineExpose, computed } from 'vue'
import { defaultAttribute } from '@/components/table/defaultAttribute' import { defaultAttribute } from '@/components/table/defaultAttribute'
import { mainHeight } from '@/utils/layout' import { mainHeight } from '@/utils/layout'
const areaData:any = ref([]) const areaData: any = ref([])
const levelData:any = ref([]) const levelData: any = ref([])
const shareData:any = ref([]) const shareData: any = ref([])
const Time: any = ref([])
const tableHeaderAera = ref<any[]>([ const tableHeaderAera = ref<any[]>([
{ prop: 'areaName', label: '区域名称', width: '120px' }, { prop: 'areaName', label: '区域名称', width: '120px' },
@@ -65,7 +66,8 @@ const tableHeaderLevel = ref<any[]>([
const frequency = ref<number>(875) const frequency = ref<number>(875)
const info = (list: any) => { const info = (list: any, searchBeginTime: any, searchEndTime: any) => {
Time.value = [searchBeginTime, searchEndTime]
frequency.value = list.areaStatistics.frequencySum frequency.value = list.areaStatistics.frequencySum
areaData.value = [ areaData.value = [
{ {
@@ -86,6 +88,7 @@ const info = (list: any) => {
...list.voltageStatistics.voltageLevelCalculation ...list.voltageStatistics.voltageLevelCalculation
] ]
let all = 0 let all = 0
list.monthlyStatistics.monthCalculation.forEach((item: any) => { list.monthlyStatistics.monthCalculation.forEach((item: any) => {
all += item.linked + item.notAssociated all += item.linked + item.notAssociated
}) })

View File

@@ -1,11 +1,9 @@
<template> <template>
<div class="default-main"> <div class="default-main">
<TableHeader date-picker area> <TableHeader date-picker area></TableHeader>
</TableHeader>
<el-tabs v-model="activeName" type="border-card" v-loading="tableStore.table.loading"> <el-tabs v-model="activeName" type="border-card" v-loading="tableStore.table.loading">
<el-tab-pane label="图形" name="1"> <el-tab-pane label="图形" name="1">
<Echart :list="list" ref="echarts" /> <Echart ref="echarts" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="表格" name="2"><Tableabove ref="table" /></el-tab-pane> <el-tab-pane label="表格" name="2"><Tableabove ref="table" /></el-tab-pane>
</el-tabs> </el-tabs>
@@ -14,7 +12,6 @@
<script setup lang="ts"> <script setup lang="ts">
import TableHeader from '@/components/table/header/index.vue' import TableHeader from '@/components/table/header/index.vue'
import Area from '@/components/form/area/index.vue'
import { useDictData } from '@/stores/dictData' import { useDictData } from '@/stores/dictData'
import Echart from './components/echart.vue' import Echart from './components/echart.vue'
import Tableabove from './components/Tableabove.vue' import Tableabove from './components/Tableabove.vue'
@@ -25,7 +22,6 @@ defineOptions({
name: 'Region/overview' name: 'Region/overview'
}) })
const activeName = ref('1') const activeName = ref('1')
const list = ref([])
const echarts = ref() const echarts = ref()
const Picker = ref() const Picker = ref()
const table = ref() const table = ref()
@@ -36,16 +32,15 @@ const tableStore = new TableStore({
method: 'POST', method: 'POST',
column: [], column: [],
loadCallback: () => { loadCallback: () => {
list.value = tableStore.table.data table.value.info(tableStore.table.data,tableStore.table.params.searchBeginTime,tableStore.table.params.searchEndTime)
echarts.value.Processing(tableStore.table.data.areaStatistics) echarts.value.Processing(tableStore.table.data.areaStatistics)
echarts.value.Grade(tableStore.table.data.voltageStatistics) echarts.value.Grade(tableStore.table.data.voltageStatistics)
echarts.value.Relation(tableStore.table.data.monthlyStatistics) echarts.value.Relation(JSON.parse(JSON.stringify(tableStore.table.data.monthlyStatistics)))
table.value.info(tableStore.table.data)
} }
}) })
provide('tableStore', tableStore) provide('tableStore', tableStore)
tableStore.table.params.statisticalType = dictData.getBasicData('Statistical_Type', ['Load_Type'])[3] tableStore.table.params.statisticalType = dictData.getBasicData('Statistical_Type', ['Load_Type'])[3]
tableStore.table.params.monitorFlag = 2 tableStore.table.params.monitorFlag = 2
tableStore.table.params.powerFlag = 2 tableStore.table.params.powerFlag = 2