代码提交_3_1

src/views/air-conditioning/index.vue

@@ -1,5 +1,5 @@
 <script setup>
-import {ref, reactive} from "vue";
+import {ref, reactive,onMounted} from "vue";
 import getPath from "@/utils/getPath.js";
 import dialogBox from './components/dialogBox.vue'
 const systemNumList = ref([
@@ -166,6 +166,13 @@ const openDialog = (name) =>{
 const closeDialog = (val) =>{
   dialogBoxShow.value = val
 }
+//维护提醒
+const controlBtn = ref('on')
+const toggleControl = (event) => {
+  controlBtn.value = event.srcElement.className
+}
+onMounted(()=>{
+})
 </script>
 
 <template>
@@ -259,6 +266,11 @@ const closeDialog = (val) =>{
       <!--  维护提醒-->
       <div class="title margin10">
         <span>维护提醒</span>
+        <p class="control-btn">
+          <span :class="controlBtn==='on'?'select':''" class="on" @click="toggleControl">已超期</span>
+          <span :class="controlBtn==='off'?'select':''" class="off" style="margin-left: .7rem"
+                @click="toggleControl">即将开始</span>
+        </p>
       </div>
       <div id="reminder" class="margin10 box-bg">
         <div class="runningState">
@@ -517,4 +529,22 @@ const closeDialog = (val) =>{
   width: 13px;
   background: rgba(80, 233, 83, 1);
 }
+.control-btn {
+  display: flex;
+
+  .select {
+    background-image: url("@/assets/images/air-tab-select.png") !important;
+  }
+
+  span {
+    background-image: url("@/assets/images/air-tab.png");
+    cursor: pointer;
+    font-family: normal;
+    color: rgba(221, 255, 253, 1);
+    background-size: 100% 100%;
+    font-size: 0.8rem;
+    padding: 0.2rem 1.1rem;
+  }
+}
+
 </style>

src/views/carbonEmission/index.vue

@@ -103,17 +103,17 @@ const overviewList = ref([
   {
     name: "总排放量",
     num: 83,
-    unit: "万tCO2",
+    unit: "万tCO₂",
   },
   {
     name: "碳抵消量",
     num: 83,
-    unit: "万tCO2",
+    unit: "万tCO₂",
   },
   {
     name: "碳减排量",
     num: 83,
-    unit: "万tCO2",
+    unit: "万tCO₂",
   },
 ]);
 //总览切换时间
@@ -175,7 +175,7 @@ function getCarbonTrends() {
     yAxis: [
       {
         type: "value",
-        name: "单位:万tCO2",
+        name: "单位:万tCO₂",
         nameTextStyle: {
           color: "#DDFFFD",
           // align: "right",
@@ -379,7 +379,7 @@ const getCarbonIntensity=()=> {
     },
     yAxis: {
       type: "value",
-      name: "单位:万tCO2/人·年",
+      name: "单位:万tCO₂/人·年",
       nameTextStyle: {
         color: "#DDFFFD",
         padding: [0, 0, 0, 35],
@@ -610,7 +610,7 @@ const getCarbonEmissionStatistics = ()=> {
           textStyle: {},
           formatter: function (value) {
             return (
-              "{a|" + (value / 10000).toLocaleString() + "}" + "{b|万tCO2}"
+              "{a|" + (value / 10000).toLocaleString() + "}" + "{b|万tCO₂}"
             );
           },
           rich: {
@@ -771,27 +771,27 @@ const drawEnergyFlow = () => {
     {
       name: "电",
       nameValue: 1562,
-      valueUnit: "万tCO2",
+      valueUnit: "万tCO₂",
     },
     {
       name: "空调",
       nameValue: 562,
-      valueUnit: "万tCO2",
+      valueUnit: "万tCO₂",
     },
     {
       name: "照明",
       nameValue: 490,
-      valueUnit: "万tCO2",
+      valueUnit: "万tCO₂",
     },
     {
       name: "电梯",
       nameValue: 510,
-      valueUnit: "万tCO2",
+      valueUnit: "万tCO₂",
     },
     {
       name: "其他",
       nameValue:320,
-      valueUnit: "万tCO2",
+      valueUnit: "万tCO₂",
     },
   ];
   let sangjiColor = [

src/views/energyEfficiency/index.vue

@@ -149,7 +149,7 @@ const drawTotalChart = () => {
     yAxis: [
       {
         type: "value",
-        name: "单位:kW",
+        name: "单位:kWh",
         // padding:[0,10,0,0],
         nameTextStyle: {
           color: "#DDFFFD",

src/views/energyMonitoring/index.vue

@@ -85,7 +85,7 @@ const getRealTimeLoad = ()=> {
     yAxis: [
       {
         type: "value",
-        name: "单位:kW/h",
+        name: "单位:kWh",
         nameTextStyle: {
           color: "#DDFFFD",
         },
@@ -270,7 +270,7 @@ const getDailyElectricityConsumption = () => {
     },
     yAxis: {
       type: "value",
-      name: "单位:kW/h",
+      name: "单位:kWh",
       nameTextStyle: {
         color: "#DDFFFD",
         padding:[0,5,0,0]

src/views/overview/index.vue

@@ -8,12 +8,12 @@ import getPath from "@/utils/getPath.js";
 const realTimeLoad = ref([
   {pic:getPath.roomnum,name:'配电室数量',value:8,unit:'个'},
   {pic:getPath.WL,name:'实时负荷',value:1465.2,unit:'kW'}, //负荷
-  {pic:getPath.E,name:'今日电量',value:146,unit:'kW/h'}, //电量
+  {pic:getPath.E,name:'今日电量',value:146,unit:'kWh'}, //电量
 ])
 // 气象站
 const weatherStation = ref([
   {pic:getPath.rain,name:'雨量',value:100,unit:'mm'},
-  {pic:getPath.rainsnow,name:'雨雪',value:'实际取值',unit:'kW'},
+  {pic:getPath.rainsnow,name:'雨雪',value:'实际取值',unit:''},
   {pic:getPath.wind,name:'风向',value:'东南风'},
   {pic:getPath.illuminance,name:'光照度',value:101,unit:'lux'},
   {pic:getPath.windspeed,name:'风速',value:'东南风3级'},
@@ -83,7 +83,7 @@ const drawPowerEcharts = () =>{
     yAxis: [
       {
         type: "value",
-        name:"单位:kW/h",
+        name:"单位:kWh",
         nameTextStyle:{
           color: "#DDFFFD",
         },
@@ -413,7 +413,7 @@ function getCarbonEmission() {
     },
     yAxis: {
       type: "value",
-      name: "单位:kW/h",
+      name: "单位:kWh",
       nameTextStyle: {
         color: "#DDFFFD",
         padding:[0,5,0,0]