update 实时产量和能耗时间为近7天
This commit is contained in:
		@@ -79,18 +79,17 @@
 | 
			
		||||
      </TechyBox>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <div style="min-height: calc(144px * var(--beilv)); flex: 1;">
 | 
			
		||||
    <!-- <div style="min-height: calc(144px * var(--beilv)); flex: 1;">
 | 
			
		||||
      <TechyBox class="elec-consume">
 | 
			
		||||
        <div class="header-part">
 | 
			
		||||
          <img src="./assets/consume/fad.png" width="32" height="32" alt="fadian" />
 | 
			
		||||
          <span>发电</span>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div style="height: 100%; flex: 1; overflow: hidden">
 | 
			
		||||
          <!-- <FadianChart /> -->
 | 
			
		||||
          <DianChart id="fa-dian" key="fa-dian" />
 | 
			
		||||
        </div>
 | 
			
		||||
      </TechyBox>
 | 
			
		||||
    </div>
 | 
			
		||||
    </div> -->
 | 
			
		||||
  </div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -16,6 +16,7 @@
 | 
			
		||||
import echarts from 'echarts'
 | 
			
		||||
import resize from '@/views/OperationalOverview/components/mixins/resize'
 | 
			
		||||
import { Random } from 'mockjs'
 | 
			
		||||
import moment from 'moment'
 | 
			
		||||
 | 
			
		||||
class ChartOption {
 | 
			
		||||
  constructor() {
 | 
			
		||||
@@ -59,7 +60,9 @@ class ChartOption {
 | 
			
		||||
      formatter: params => {
 | 
			
		||||
        return `
 | 
			
		||||
            <div style="display: flex; flex-direction: column; gap: calc(4px * var(--beilv));">
 | 
			
		||||
              <h2 style="font-size: calc(14px * var(--beilv)); margin: 0 0 4px; font-weight: normal; color: white;">${params[0].axisValue}</h2>
 | 
			
		||||
              <h2 style="font-size: calc(14px * var(--beilv)); margin: 0 0 4px; font-weight: normal; color: white;">${
 | 
			
		||||
                params[0].axisValue
 | 
			
		||||
              }</h2>
 | 
			
		||||
              <span style="display: flex; align-items: center; gap: 8px;"><span style="width: 10px; height: 10px; border-radius: 5px; background: ${
 | 
			
		||||
                this.color[0]
 | 
			
		||||
              }"></span><span>${params[0].seriesName}: ${params[0].value}</span></span>
 | 
			
		||||
@@ -77,14 +80,16 @@ class ChartOption {
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    let d = new Date()
 | 
			
		||||
    this.xAxis = {
 | 
			
		||||
      type: 'category',
 | 
			
		||||
      data: Array(7)
 | 
			
		||||
        .fill(1)
 | 
			
		||||
        .map((_, idx) => {
 | 
			
		||||
          return d.getMonth() + 1 + '-' + (d.getDate() + idx)
 | 
			
		||||
        }),
 | 
			
		||||
          let d = new moment()
 | 
			
		||||
          const day = idx ? d.subtract(idx, 'd') : d
 | 
			
		||||
          return day.format('M-DD')
 | 
			
		||||
        })
 | 
			
		||||
        .reverse(),
 | 
			
		||||
      axisTick: { show: false },
 | 
			
		||||
      axisLabel: {
 | 
			
		||||
        color: '#fff9',
 | 
			
		||||
 
 | 
			
		||||
@@ -1,9 +1,9 @@
 | 
			
		||||
<template>
 | 
			
		||||
  <div id="v3d-outter" ref="v3d-outter">
 | 
			
		||||
    <div id="V3DData" style="position: fixed; top: 0; left: 0; display: hidden;" rel="" />
 | 
			
		||||
    <!-- <div id="V3DData" style="position: fixed; top: 0; left: 0; display: hidden;" rel="" />
 | 
			
		||||
    <V3DApp @3d-loaded="handle3DLoaded" @click.native="handle3DClick" />
 | 
			
		||||
    <div v-if="showPage" id="v3d-main-content">
 | 
			
		||||
      <!-- <div v-if="true" id="v3d-main-content"> -->
 | 
			
		||||
    <div v-if="showPage" id="v3d-main-content"> -->
 | 
			
		||||
      <div v-if="true" id="v3d-main-content">
 | 
			
		||||
      <techy-header :head-title="'合肥新能源数字工厂总览'" @toggle-full-screen="toggleFullScreen" />
 | 
			
		||||
 | 
			
		||||
      <section id="techy-body-part">
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user