ll

liukangdong

2024-10-12 e3c4c450480930d377b1eeb832eb75c3b4f1aa45

 screen/src/views/EnergyConsum.vue

@@ -1,10 +1,11 @@
<template>
  <v-scale-screen width="1920" height="960" :fullScreen="true">
  <div class="main_app">
    <img src="@/assets/images/bg_main_app.png" class="main_bg" alt="" />
    <div class="main_header">
      <img src="@/assets/images/maintitle@2x.png" class="main_header_bg" alt="" />
      <div class="title">安泰智慧物流园区-绿色低碳运营</div>
      <div class="time">
        <div class="time_wrap">
        <span class="date">{{ date }}</span>
        <span class="week">{{ week }}</span>
        <span class="time">{{ time }}</span>
@@ -236,6 +237,7 @@
      </div>
    </div>
  </div>
  </v-scale-screen>
</template>

<script setup>
@@ -243,6 +245,7 @@
import dayjs from 'dayjs'
import ChargeRate from '@/components/ChargeRate.vue'
import * as echarts from 'echarts'
import VScaleScreen from 'v-scale-screen'


const weekMap = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六',]
@@ -591,10 +594,12 @@

    .left_box_two {
      margin-bottom: 20px;

      .load_wrap{
        width: 100%;
        height: 210px;
        padding: 12px 12px;

        .loadRef{
          width: 100%;
          height: 100%;
@@ -606,6 +611,7 @@
      .energy_wrap{
        width: 100%;
        height: 200px;

        .energyRef{
          width: 100%;
          height: 100%;
@@ -805,6 +811,7 @@

    .right_box_one {
      margin-bottom: 20px;

      .content {
        height: 164px;
        display: flex;
@@ -825,14 +832,18 @@
        }
      }
    }

    .right_box_two{
      margin-bottom: 20px;

      .list{
        padding: 20px 24px 4px;

        .line{
          display: flex;
          align-items: center;
          margin-bottom: 16px;

          .top{
            font-weight: 500;
            font-size: 12px;
@@ -844,18 +855,21 @@
            box-shadow: inset 0px 0px 3px 0px #01D9FE;
            margin-right: 10px;
          }

          .id_card{
            color: #DBEAEA;
            font-weight: 500;
            margin-right: 14px;
            font-size: 14px;
          }

          .num{
            font-weight: 500;
            font-size: 13px;
            color: #DBEAEA;
            margin-left: 15px;
          }

          .wrap{
            flex: 1;
            height: 20px;
@@ -864,9 +878,11 @@
        }
      }
    }

    .right_box_three{
      .wrap{
        padding: 8px;

        .analyseRef{
          width: 100%;
          height: 210px;
@@ -963,7 +979,7 @@
    -webkit-text-fill-color: transparent;
  }

  .time {
  .time_wrap {
    font-size: 26px;
    font-weight: 600;
    background-image: -webkit-linear-gradient(top,
@@ -1001,11 +1017,10 @@
}

.main_app {
  width: 100%;
  min-height: 100vh;
  width: 1920px;
  height: 980px;
  color: #ffffff;
  position: relative;

  .main_bg {
    position: absolute;
    left: 0;