中建四局 -双碳管理页面图片更换

src/views/projectAdmin/fourEngin/carbon/centerBottom.vue

@@ -1,8 +1,7 @@
 <template>
   <Card title="建材碳排放">
     <div class="containerBox">
-      <img src="./image/img5.png" alt="">
+      <img src="./image/centerBottomImage.png" alt="" />
-
     </div>
   </Card>
 </template>
@@ -14,7 +13,7 @@ export default {
   components: { Card },
   data() {
     return {
-      time1:'',
+      time1: ''
     }
   },
   mounted() {
@@ -53,7 +52,20 @@ export default {
           boundaryGap: false,
           type: 'category',
           boundaryGap: false,
-          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
+          data: [
+            '1月',
+            '2月',
+            '3月',
+            '4月',
+            '5月',
+            '6月',
+            '7月',
+            '8月',
+            '9月',
+            '10月',
+            '11月',
+            '12月'
+          ],
           axisLabel: {
             color: '#fff'
           },
@@ -78,8 +90,9 @@ export default {
             //  axisLine: { show: true, lineStyle: { color: '#D0FFF6' } },
             splitLine: {
               lineStyle: {
-                color: 'rgba(255, 255, 255,0.3)', type: 'dashed'
+                color: 'rgba(255, 255, 255,0.3)',
-                 },
+                type: 'dashed'
+              }
             }, // 除x轴的横轴
             axisTick: {
               show: false
@@ -90,7 +103,6 @@ export default {
                 type: 'dashed'
               }
             }
-            
           }
         ],
         series: [

src/views/projectAdmin/fourEngin/carbon/centerTop.vue

@@ -1,7 +1,7 @@
 <template>
   <Card title="项目碳排放趋势">
     <div class="containerBox">
-      <img src="./image/imgFour.png" alt>
+      <img src="./image/centerTopImage.png" alt />
     </div>
   </Card>
 </template>
@@ -70,7 +70,7 @@ export default {
     getDevList() {
       console.log('环境下拉列表进来了吗--------')
       environmentDevList({ projectSn: this.$store.state.projectSn }).then(
-        result => {
+        (result) => {
           console.log('环境监测下拉列表', result)
           this.devList = result.result
           if (result.result.length > 0) {
@@ -100,7 +100,7 @@ export default {
         projectSn: this.projectSn,
         deviceId: this.currentDevDetail.deviceId
       }
-      selectDustNoiseDataApi(data).then(res => {
+      selectDustNoiseDataApi(data).then((res) => {
         // console.log(res)
         this.dustData_24 = res.result
         this.createdEcharts2()
@@ -111,7 +111,7 @@ export default {
       let data = {
         projectSn: this.projectSn
       }
-      selectNewEnvironmentAlarmListApi(data).then(res => {
+      selectNewEnvironmentAlarmListApi(data).then((res) => {
         if (res.code == 200) {
           this.alarmList = res.result
         }
@@ -122,14 +122,16 @@ export default {
         projectSn: this.$store.state.projectSn,
         operateType: operateType,
         deviceId: deviceId
-      }).then(res => {
+      }).then((res) => {
         this.sprayDevList = res.result
       })
     },
     getSprayDevList() {
-      sprayDevListApi({ projectSn: this.$store.state.projectSn }).then(res => {
+      sprayDevListApi({ projectSn: this.$store.state.projectSn }).then(
+        (res) => {
           this.sprayDevList = res.result
-      })
+        }
+      )
     },
     /** 查询 */
     handleQuery() {
@@ -172,7 +174,7 @@ export default {
         projectSn: this.projectSn,
         deviceId: this.currentDevDetail.deviceId
       }
-      selectDustNoiseDataApi(data).then(res => {
+      selectDustNoiseDataApi(data).then((res) => {
         // console.log(res)
         this.dustData_24 = res.result
         this.createdEcharts2()
@@ -185,7 +187,7 @@ export default {
         projectSn: this.$store.state.projectSn
       }
       console.log(data)
-      getRealTimeDustNoiseDataApi(data).then(res => {
+      getRealTimeDustNoiseDataApi(data).then((res) => {
         if (res.code == 200) {
           console.log('获取环境设备详情数据------', res.result)
           if (res.result != null) {

src/views/projectAdmin/fourEngin/carbon/leftCenter.vue

@@ -1,13 +1,17 @@
 <template>
   <Card title="用水用电碳排放图">
     <div class="containerBox">
-      <img src="./image/img2.png" alt="">
+      <img src="./image/leftCenterImage.png" alt="" />
     </div>
   </Card>
 </template>
 
 <script>
-import { environmentDevList, environmentAlarmList, environmentAlarmTypeList } from '@/assets/js/api/environmentManage'
+import {
+  environmentDevList,
+  environmentAlarmList,
+  environmentAlarmTypeList
+} from '@/assets/js/api/environmentManage'
 
 import Card from '../components/Card.vue'
 export default {
@@ -243,19 +247,27 @@ export default {
       this.getList()
     },
     getDevice() {
-      environmentDevList({ projectSn: this.$store.state.projectSn }).then(result => {
+      environmentDevList({ projectSn: this.$store.state.projectSn }).then(
+        (result) => {
           if (result.success) {
             this.deviceIdArr = result.result
             console.log('get设备列表', this.deviceIdArr)
           }
-      })
+        }
+      )
     },
     getList() {
       let timeObj = {
         startTime: this.time ? this.time[0] : '',
         endTime: this.time ? this.time[1] : ''
       }
-      environmentAlarmList(Object.assign(this.pagInfo, { projectSn: this.$store.state.projectSn }, timeObj)).then(result => {
+      environmentAlarmList(
+        Object.assign(
+          this.pagInfo,
+          { projectSn: this.$store.state.projectSn },
+          timeObj
+        )
+      ).then((result) => {
         if (result.success) {
           this.List = result.result.records
           this.pagInfo.total = result.result.total
@@ -264,7 +276,7 @@ export default {
       })
     },
     getEnvironmentAlarmTypeList() {
-      environmentAlarmTypeList().then(result => {
+      environmentAlarmTypeList().then((result) => {
         if (result.success) this.alarmTypeIdArr = result.result
       })
     },
@@ -300,7 +312,6 @@ export default {
     height: 81%;
     margin-top: 40px;
     margin-left: 73px;
-
   }
   .titleTxt {
     font-size: 18px;

src/views/projectAdmin/fourEngin/carbon/leftTop.vue

@@ -2,7 +2,7 @@
   <Card title="总碳排放">
     <!-- 环境监测 -->
     <div class="contentBox">
-      <img src="./image/img1.png" alt="">
+      <img src="./image/leftTopImage.png" alt="" />
     </div>
   </Card>
 </template>
@@ -48,7 +48,6 @@ margin-left: 15px;
       .ps {
         font-size: 12px;
       }
-      
     }
   }
 }

src/views/projectAdmin/fourEngin/carbon/rightBottom.vue

@@ -1,7 +1,7 @@
 <template>
   <Card title="分区域碳排放图">
     <div class="contentBox">
-      <img src="./image/img3.png" alt="">
+      <img src="./image/leftBottomImg.png" alt="" />
     </div>
   </Card>
 </template>
@@ -9,7 +9,11 @@
 <script>
 import Card from '../components/Card.vue'
 import echarts from 'echarts4'
-import { getwaterMeterListApi, selectWaterMeterStatisticsApi, getCurrentMonthMeterRecordApi } from '@/assets/js/api/waterManage'
+import {
+  getwaterMeterListApi,
+  selectWaterMeterStatisticsApi,
+  getCurrentMonthMeterRecordApi
+} from '@/assets/js/api/waterManage'
 export default {
   components: { Card },
   data() {
@@ -33,7 +37,7 @@ export default {
   methods: {
     //用水/用电按钮切换
     select(i) {
-      this.index = i;
+      this.index = i
     },
 
     //echart图表
@@ -46,7 +50,9 @@ export default {
       this.count = res.result.count
       const res2 = await selectWaterMeterStatisticsApi(this.formInline)
       this.monthWaterList = res2.result.monthWaterList
-      const res3 = await getwaterMeterListApi({ projectSn: this.$store.state.projectSn })
+      const res3 = await getwaterMeterListApi({
+        projectSn: this.$store.state.projectSn
+      })
       console.log('res3', res3)
 
       // 基于准备好的dom，初始化echarts实例
@@ -244,7 +250,10 @@ export default {
                 }
               }
             },
-            data: [1036, 3693, 2962, 3810, 2519, 1915, 1748, 4675, 6209, 4323, 2865, 4298]
+            data: [
+              1036, 3693, 2962, 3810, 2519, 1915, 1748, 4675, 6209, 4323, 2865,
+              4298
+            ]
           }
         ]
       }
@@ -326,7 +335,6 @@ export default {
     ::v-deep .el-date-editor {
       cursor: pointer;
       .el-range__icon {
-
         line-height: 20px;
         color: #6ee4f0;
       }
@@ -350,5 +358,4 @@ export default {
   width: 100%;
   height: 100%;
 }
-
 </style>

src/views/projectAdmin/fourEngin/carbon/rightCenter.vue

@@ -1,8 +1,7 @@
 <template>
   <Card title="施工碳排放">
     <div class="contentBox">
-      <img src="./image/img7.png" alt="">
+      <img src="./image/rightCenterImage.png" alt="" />
-
     </div>
   </Card>
 </template>
@@ -12,7 +11,10 @@
 //   getwaterMeterListApi,selectWaterMeterStatisticsApi,
 //   getCurrentMonthMeterRecordApi,} from "@/assets/js/api/waterManage";
 
-import {getCurrentMonthMeterRecordApi,selectWaterMeterStatisticsApi} from'@/assets/js/api/electricDevManage'
+import {
+  getCurrentMonthMeterRecordApi,
+  selectWaterMeterStatisticsApi
+} from '@/assets/js/api/electricDevManage'
 import Card from '../components/Card.vue'
 import echarts from 'echarts4'
 export default {
@@ -31,8 +33,8 @@ export default {
       deviceIdArr: [],
       show: true,
       formInline: {
-        yearTime: "",
+        yearTime: '',
-        ammeterNo: "",
+        ammeterNo: '',
         projectSn: this.$store.state.projectSn
       },
       realTimeData: {
@@ -42,16 +44,15 @@ export default {
         monthUserWater: 0,
         thresholdValue: 0,
         ammeterL: '',
-        count:'',
+        count: ''
       },
       gateStatus: ''
-    };
+    }
   },
   mounted() {
     this.containerEcharts()
   },
   methods: {
-  
     async containerEcharts() {
       const res = await getCurrentMonthMeterRecordApi(this.formInline)
       if (res.result.ammeter === null) {
@@ -60,7 +61,7 @@ export default {
       this.ammeter = res.result.ammeter
       this.count = res.result.count
       const res1 = await selectWaterMeterStatisticsApi(this.formInline)
-      console.log('res1',res1);
+      console.log('res1', res1)
 
       if (res1.result.monthWaterList.length === 0) {
         this.realTimeData.monthUserWater = 0
@@ -156,7 +157,20 @@ export default {
         xAxis: {
           boundaryGap: false,
           type: 'category',
-          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
+          data: [
+            '1月',
+            '2月',
+            '3月',
+            '4月',
+            '5月',
+            '6月',
+            '7月',
+            '8月',
+            '9月',
+            '10月',
+            '11月',
+            '12月'
+          ],
           axisLabel: {
             color: '#fff'
           },
@@ -314,8 +328,6 @@ export default {
         .span3 {
           padding-right: 5px;
         }
-        
-       
       }
     }
   }