| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { ref, onMounted, nextTick } from 'vue' |
| | | import VScaleScreen from 'v-scale-screen' |
| | | import Percent from '@/components/percent.vue' |
| | | import Loading from '@/components/Loading.vue' |
| | | import {onMounted, ref} from 'vue' |
| | | import dayjs from 'dayjs' |
| | | import ChargeRate from '@/components/ChargeRate.vue' |
| | | import { statusMap } from '@/utils/config' |
| | | import * as echarts from 'echarts' |
| | | import duration from 'dayjs/plugin/duration' |
| | | dayjs.extend(duration) |
| | | import 'swiper/css/swiper.min.css' |
| | | import Swiper from 'swiper' |
| | | import { |
| | | zxloadCurve, |
| | | zxenergyDataList |
| | | } from '@/api' |
| | | import {zxenergyDataList, zxloadCurve} from '@/api' |
| | | |
| | | dayjs.extend(duration) |
| | | |
| | | |
| | | const weekMap = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六',] |
| | |
| | | |
| | | const getData2 = () => { |
| | | zxenergyDataList({ type: 0 }).then(res => { |
| | | const result = res.data || [] |
| | | data2.value = result |
| | | data2.value = res.data || [] |
| | | initEnergy() |
| | | }) |
| | | } |
| | |
| | | color: new echarts.graphic.LinearGradient( |
| | | 0, 0, 0, 1, |
| | | [ |
| | | { offset: 0, color: 'rgba(255, 184, 0, 1)' }, |
| | | { offset: 0, color: 'rgb(255,184,0)' }, |
| | | { offset: 1, color: 'rgba(255, 138, 0, 0.20)' } |
| | | ] |
| | | ), |