电表报表

2025-07-09 23:52:19 +08:00
parent b8827248cb
commit 0336e67ac5
6 changed files with 118 additions and 55 deletions
--- a/src/api/ems/dzjk.js
+++ b/src/api/ems/dzjk.js
@ -151,19 +151,26 @@ export function batteryAveTemp(siteId) {
    method: 'get'
  })
 }
-
+// 功率曲线
+export function getPowerData({siteId,deviceId,startDate,endDate,dataType}) {
+  return request({
+    url: `/ems/statsReport/getPowerData?siteId=${siteId}&deviceId=${deviceId}&startDate=${startDate}&endDate=${endDate}&dataType=${dataType}`,
+    method: 'get'
+  })
+}

 //电表列表
 export function getLoadNameList(siteId) {
  return request({
-    url: `/ems/statsReport/getLoadNameList/batteryAveTemp?siteId=${siteId}`,
+    url: `/ems/statsReport/getLoadNameList?siteId=${siteId}`,
    method: 'get'
  })
 }
 // 电表报表
 export function getAmmeterData({siteId,deviceId,dateTime}) {
  return request({
-    url: `/ems/statsReport/getAmmeterData??siteId=${siteId}&deviceId=${deviceId}&dateTime=${dateTime}`,
+    url: `/ems/statsReport/getAmmeterData?siteId=${siteId}&deviceId=${deviceId}&dateTime=${dateTime}`,
    method: 'get'
  })
 }
+
--- a/src/views/ems/dzjk/tjbb/dbbb/index.vue
+++ b/src/views/ems/dzjk/tjbb/dbbb/index.vue
@ -1,10 +1,10 @@

 <template>
-  <div style="width:100%">
+  <div style="width:100%" v-loading="loading">
    <!--    搜索栏-->
    <el-form :inline="true" class="select-container">
      <el-form-item label="电表">
-        <el-select v-model="search.deviceId" placeholder="请选择" :loading="loading" loading-text="正在加载数据">
+        <el-select v-model="search.deviceId" placeholder="请选择"  loading-text="正在加载数据">
          <el-option :label="item.deviceName" :value="item.id" v-for="(item,index) in deviceOptions" :key="index+'dbOptions'"></el-option>
        </el-select>
      </el-form-item>
@ -33,17 +33,16 @@
          class="common-table"
          :data="tableData"
          stripe
-          max-height="500"
-          show-summary
-          sum-text="汇总"
          style="width: 100%;margin-top:25px;">
-<!--      todo汇总数据  :summary-method="getSummaries"-->
 <!--        汇总列-->
          <el-table-column label="汇总">
            <el-table-column
-              prop="dateTime"
+              prop="dataTime"
              label="日期"
              width="120">
+              <template slot-scope="scope">
+                <span>{{scope.row.dataTime}}{{scope.row.dataTime === '汇总' ? '' : ':00'}}</span>
+              </template>
            </el-table-column>
          </el-table-column>
 <!--充电量列-->
@ -140,6 +139,7 @@ export default {
    },
    // 获取数据
    getData(){
+      if(!this.search.deviceId) return
      this.loading=true
      getAmmeterData({siteId:this.siteId,deviceId:this.search.deviceId,dateTime:formatDate(this.search.date)}).then(response=>{
        this.tableData=response?.data || [];
@ -155,13 +155,18 @@ export default {
    },
    init(){
      this.loading = true
+      this.deviceOptions = []
+      this.search.deviceId=''
+      this.search.date=''
+      this.tableData=[]
      this.getDbList().then(()=>{
-        this.onReset()
+        if(this.search.deviceId){
+          this.onReset()
+        }else{
+          this.loading = false
+        }
      })
    },
-    getSummaries(){
-
-    }
  },

  mounted(){
--- a/src/views/ems/dzjk/tjbb/dcdqx/index.vue
+++ b/src/views/ems/dzjk/tjbb/dcdqx/index.vue
@ -98,11 +98,12 @@ export default {
      })
    },
    getData(){
-      this.loading=true;
      const {siteId,pcs,activeBtn}=this;
      const [start='',end='']=(this.dateRange || [])
+      if(!pcs) return
      //接口调用完成之后 设置图表、结束loading
-      getStackData({siteId,deviceId:pcs,startTime:formatDate(start),endTime:formatDate(end),dataType:activeBtn}).then(response => {
+      this.loading=true;
+       getStackData({siteId,deviceId:pcs,startTime:formatDate(start),endTime:formatDate(end),dataType:activeBtn}).then(response => {
        this.setOption(response?.data || [])
      }).finally(()=>{this.loading=false;})

@ -152,9 +153,15 @@ export default {
    },
    init(){
      this.loading = true
+      this.pcs=''
+      this.pcsOptions=[]
      this.initChart()
      this.getPcsList().then(()=>{
-        this.onReset()
+        if(this.pcs){
+          this.onReset()
+        }else{
+          this.loading = false
+        }
      })
    }
  },
--- a/src/views/ems/dzjk/tjbb/dcwd/index.vue
+++ b/src/views/ems/dzjk/tjbb/dcwd/index.vue
@ -151,9 +151,10 @@ export default {
    },
    //表格数据
    async getTableData(){
-      this.loading=true;
      const {stackId,clusterId,date} =this.search
      const {siteId,pageNum,pageSize}=this
+      if(!stackId) return
+      this.loading=true;
      await getClusterData({dateTime:formatDate(date),stackId,clusterId,siteId,pageNum,pageSize}).then(response => {
        this.tableData=response?.rows || [];
        this.totalSize = response?.total || 0
@ -177,10 +178,19 @@ export default {
      }).finally(() => {this.clusterloading =false})
    },
    async init(){
+      this.loading = true
+      this.search={stackId:'',clusterId:'',date:''}
+      this.stackOptions=[]//{id:'',deviceName:''}
+      this.clusterOptions=[]//{id:'',deviceName:''}
+      this.tableData=[]
      // 只有页面初次加载或切换站点的时候调用电池堆列表，其他情况不需要
      await this.getStackList()
-      await this.getClusterList()
-      await this.onReset()
+      if(this.search.stackId){
+        await this.getClusterList()
+        await this.onReset()
+      }else{
+        this.loading = false
+      }


    }
--- a/src/views/ems/dzjk/tjbb/glqx/index.vue
+++ b/src/views/ems/dzjk/tjbb/glqx/index.vue
@ -8,6 +8,11 @@
 <!--            <el-option :label="item.name" :value="item.id" v-for="(item,index) in wdOptions" :key="index+'sblxOptions'"></el-option>-->
 <!--          </el-select>-->
 <!--        </el-form-item>-->
+        <el-form-item label="PCS">
+          <el-select v-model="pcs" placeholder="请选择" :loading="loading" loading-text="正在加载数据">
+            <el-option :label="item.deviceName" :value="item.id" v-for="(item,index) in pcsOptions" :key="index+'pcsListOptions'"></el-option>
+          </el-select>
+        </el-form-item>
        <el-form-item label="时间选择">
          <el-date-picker
            v-model="dateRange"
@ -46,9 +51,12 @@
 <script>
 import * as echarts from 'echarts'
 import resize from "@/mixins/ems/resize";
+import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
+import {getPcsNameList, getPowerData} from "@/api/ems/dzjk";
+import {formatDate} from "@/filters/ems";
 export default {
  name:'DzjkTjbbGlqx',
-  mixins: [resize],
+  mixins: [resize,getQuerySiteId],
  data() {
    return {
      pickerOptions:{
@ -59,18 +67,14 @@ export default {
      defaultDateRange:[],//默认展示的时间
      dateRange:[],
      loading:false,
-      // todo delete
-      // wd:'',
-      // wdOptions: [
-      //   {name:'网点一',id:1},
-      //   {name:'网点二',id:2},
-      // ],
-      activeBtn:'dwgl',
+      pcs:'',
+      pcsOptions: [],
+      activeBtn:'1',
      btnList:[
-        {name:'电网功率',id:'dwgl'},
-        {name:'负载功率',id:'fzgl'},
-        {name:'储能功率',id:'cngl'},
-        {name:'光伏功率',id:'gfgl'},
+        {name:'电网功率',id:'1',attr:'gridPower'},
+        {name:'负载功率',id:'2',attr:'loadPower'},
+        {name:'储能功率',id:'3',attr:'storagePower'},
+        {name:'光伏功率',id:'4',attr:'pvPower'},
      ],

    }
@ -80,6 +84,7 @@ export default {
      if(id !== this.activeBtn){
        console.log('点击了不同的菜单，更新数据')
        this.activeBtn=id;
+        this.getData()
      }
    },
    // 搜索
@ -91,15 +96,29 @@ export default {
      this.dateRange=[]
      this.getData()
    },
-    getData(){
-      this.loading=true;
-      this.chart.showLoading()
-      //接口调用完成之后 设置图表、结束loading
-      this.setOption()
-      this.loading=false;
-      this.chart.hideLoading()
+    getPcsList(){
+      return getPcsNameList(this.siteId).then(response => {
+        const data = response?.data || [];
+        this.pcsOptions = data
+        this.pcs = data.length>0?data[0].id:'';
+      })
    },
-    setOption() {
+    getData(){
+      const {siteId,pcs,activeBtn}=this;
+      const [start='',end='']=(this.dateRange || [])
+      if(!pcs) return
+      //接口调用完成之后 设置图表、结束loading
+      this.loading=true;
+      getPowerData({siteId,deviceId:pcs,startDate:formatDate(start),endDate:formatDate(end),dataType:activeBtn}).then(response => {
+        this.setOption(response?.data || [])
+      }).finally(()=>{this.loading=false;})
+    },
+    setOption(data) {
+      const {name,attr} =this.btnList.find(item=>item.id===this.activeBtn)
+      const source = [['日期',name]]
+      data.forEach((item,index)=>{
+        source.push([item.statisDate,item[attr]])
+      })
      this.chart.setOption({
        color:['#FFBD00','#3C81FF'],
        legend: {
@ -116,35 +135,41 @@ export default {
          color:"#333333",
        },
        xAxis: {
-          data: ['01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24'],
-        },
+          type: 'category',
+         },
        yAxis: {
          type: 'value',
        },
+        dataset:{source},
        series: [
          {
-            name:this.btnList.find(item=>item.id===this.activeBtn).name,
-            data: [80,92,1,34,90,130,320,80,9,91,34,90,80,92,1,34,90,130,320,80,9,91,34,90],
+            name,
            type: 'scatter',
          }
-          // ,{
-          //   name:'实时电池平均SOC',
-          //   data: [820,932,901,934,1290,1330,1320,820,932,901,934,1290],
-          //   type: 'scatter',
-          // }
-          ]
-      })
+        ]
+      },true)
    },
    initChart() {
      this.chart = echarts.init(document.querySelector('#glqxEchart'));
+    },
+    init(){
+      this.loading = true
+      this.pcs=''
+      this.pcsOptions=[]
+      this.initChart()
+      this.getPcsList().then(()=>{
+        if(this.pcs){
+          this.onReset()
+        }else{
+          this.loading = false
+        }
+      })
    }
  },
  mounted(){
    const now = new Date();
    const lastMonth = new Date(now.getFullYear(), now.getMonth() - 1, 1);
    this.defaultDateRange = [lastMonth, now];
-    this.initChart()
-    this.getData()
  },
  beforeDestroy() {
    if (!this.chart) {
--- a/src/views/ems/dzjk/tjbb/pcsqx/index.vue
+++ b/src/views/ems/dzjk/tjbb/pcsqx/index.vue
@ -101,9 +101,10 @@ export default {
      })
    },
    getData(){
-      this.loading=true;
      const {siteId,pcs,activeBtn}=this;
      const [start='',end='']=(this.dateRange || [])
+      if(!pcs) return
+      this.loading=true;
      //接口调用完成之后 设置图表、结束loading
      getPCSData({siteId,deviceId:pcs,startTime:formatDate(start),endTime:formatDate(end),dataType:activeBtn}).then(response => {
        this.setOption(response?.data || [])
@ -156,9 +157,17 @@ export default {
    },
    init(){
      this.loading = true
+      this.pcs=''
+      this.pcsOptions=[]
+      this.dateRange =[]
      this.initChart()
      this.getPcsList().then(()=>{
-        this.onReset()
+        if(this.pcs){
+          this.onReset()
+        }else{
+          this.loading=false;
+        }
+
      })
    }
  },