Merge branch 'master' of http://192.168.1.22:3000/frontend/admin-sjzx
This commit is contained in:
@@ -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
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<span style="font-size: 14px; font-weight: bold">
|
<span style="font-size: 14px; font-weight: bold">
|
||||||
统计区域: 中国   统计时间: 2023-12-01-2023-12-27   统计次数: {{ frequency + '次' }}
|
统计区域: 中国   统计时间: {{ Time[0] + '至' + Time[1] }}   统计次数: {{ 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
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user