纯水监测 给与基础数据与样式

src/views/pureWaterSystem/index.vue

@@ -96,12 +96,102 @@
       return {
         echartsTimer:null,
         //组件传参
-        propsData1:null,
-        propsData2:null,
-        propsDataA:null,
-        propsDataB:null,
-        propsDataC:null,
-        propsDataD:null,
+        propsData1:{
+          title:'理科综合实验楼C',
+          checkType:false,
+        },
+        propsData2:{
+          title:'食品楼A',
+          checkType:false,
+        },
+        propsDataA:{
+          deviceName: "理科楼（序列号158）",
+          deviceStatus: 0,
+          buildName: "理科综合实验楼C",
+          deviceCode: "38-3b-2f-73-88-86",
+          waterNo: "78102432315042",
+          annualOutput: 0.0,
+          monthlyOutput: 0.0,
+          lastMonthOutput: 0.0,
+          isRiseMonthlyOutput: false,
+          lastYearSameMonthOutput: 0.0,
+          tankLevel: 0.0,
+          tankCapacity: 0.0,
+          inletWaterTemp: 0.0,
+          outletWaterTemp: 0.0,
+          pipeFlowRate: 0.0,
+          inletResistivity: 0.0,
+          outletResistivity: 0.0,
+          returnPressure: 0.0,
+          maxReturnPressure: 1.0,
+          minReturnPressure: 0.0
+        },
+        propsDataB:{
+          deviceName: "理科楼（序列号157）",
+          deviceStatus: 0,
+          buildName: "理科综合实验楼C",
+          deviceCode: "98-f1-8a-16-78-22",
+          waterNo: "78102432315042",
+          annualOutput: 0.0,
+          monthlyOutput: 0.0,
+          lastMonthOutput: 0.0,
+          isRiseMonthlyOutput: false,
+          lastYearSameMonthOutput: 0.0,
+          tankLevel: 0.0,
+          tankCapacity: 0.0,
+          inletWaterTemp: 0.0,
+          outletWaterTemp: 0.0,
+          pipeFlowRate: 0.0,
+          inletResistivity: 0.0,
+          outletResistivity: 0.0,
+          returnPressure: 0.0,
+          maxReturnPressure: 1.0,
+          minReturnPressure: 0.0
+        },
+        propsDataC:{
+          deviceName: "食品楼（序列号160）",
+          deviceStatus: 0,
+          buildName: "食品楼A",
+          deviceCode: "9c-b9-f7-f5-de-b3",
+          waterNo: "78102432315062",
+          annualOutput: 0.0,
+          monthlyOutput: 0.0,
+          lastMonthOutput: 0.0,
+          isRiseMonthlyOutput: false,
+          lastYearSameMonthOutput: 0.0,
+          tankLevel: 0.0,
+          tankCapacity: 0.0,
+          inletWaterTemp: 0.0,
+          outletWaterTemp: 0.0,
+          pipeFlowRate: 0.0,
+          inletResistivity: 0.0,
+          outletResistivity: 0.0,
+          returnPressure: 0.0,
+          maxReturnPressure: 1.0,
+          minReturnPressure: 0.0
+        },
+        propsDataD:{
+          deviceName: "食品楼（序列号155）",
+          deviceStatus: 0,
+          buildName: "食品楼A",
+          deviceCode: "58-73-e7-09-ff-0d",
+          waterNo: "78102432315062",
+          annualOutput: 0.0,
+          monthlyOutput: 0.0,
+          lastMonthOutput: 0.0,
+          isRiseMonthlyOutput: false,
+          lastYearSameMonthOutput: 0.0,
+          tankLevel: 0.0,
+          tankCapacity: 0.0,
+          inletWaterTemp: 0.0,
+          outletWaterTemp: 0.0,
+          pipeFlowRate: 0.0,
+          inletResistivity: 0.0,
+          outletResistivity: 0.0,
+          returnPressure: 0.0,
+          maxReturnPressure: 1.0,
+          minReturnPressure: 0.0
+        },
       }
     },
     created(){
@@ -127,17 +217,17 @@
       waterMonitorWaterUseData(){
         waterMonitorWaterUseData({}).then(response => {
           for(let i=0;i<response.data.length;i++){
-            for(let o=0;o<response.data[i].pureWaterMonitorVOList.length;o++){
-              if(response.data[i].pureWaterMonitorVOList[o].deviceCode == '9c-b9-f7-f5-de-b3'){
-                response.data[i].pureWaterMonitorVOList[o].deviceImg = require('@/assets/ZDimages/pureWater/shipinlou.png')
-              }else if(response.data[i].pureWaterMonitorVOList[o].deviceCode == '58-73-e7-09-ff-0d'){
-                response.data[i].pureWaterMonitorVOList[o].deviceImg = require('@/assets/ZDimages/pureWater/shipinlou.png')
-              }else if(response.data[i].pureWaterMonitorVOList[o].deviceCode == '98-f1-8a-16-78-22'){
-                response.data[i].pureWaterMonitorVOList[o].deviceImg = require('@/assets/ZDimages/pureWater/likelou.png')
-              }else if(response.data[i].pureWaterMonitorVOList[o].deviceCode == '38-3b-2f-73-88-86'){
-                response.data[i].pureWaterMonitorVOList[o].deviceImg = require('@/assets/ZDimages/pureWater/likelou.png')
-              }
-            }
+            // for(let o=0;o<response.data[i].pureWaterMonitorVOList.length;o++){
+            //   if(response.data[i].pureWaterMonitorVOList[o].deviceCode == '9c-b9-f7-f5-de-b3'){
+            //     response.data[i].pureWaterMonitorVOList[o].deviceImg = require('@/assets/ZDimages/pureWater/shipinlou.png')
+            //   }else if(response.data[i].pureWaterMonitorVOList[o].deviceCode == '58-73-e7-09-ff-0d'){
+            //     response.data[i].pureWaterMonitorVOList[o].deviceImg = require('@/assets/ZDimages/pureWater/shipinlou.png')
+            //   }else if(response.data[i].pureWaterMonitorVOList[o].deviceCode == '98-f1-8a-16-78-22'){
+            //     response.data[i].pureWaterMonitorVOList[o].deviceImg = require('@/assets/ZDimages/pureWater/likelou.png')
+            //   }else if(response.data[i].pureWaterMonitorVOList[o].deviceCode == '38-3b-2f-73-88-86'){
+            //     response.data[i].pureWaterMonitorVOList[o].deviceImg = require('@/assets/ZDimages/pureWater/likelou.png')
+            //   }
+            // }
             if(i === 0){
               this.$set(this,'propsData1',{
                 title:response.data[i].buildName

src/views/pureWaterSystem/pageComponent/pureWaterPage.vue

@@ -11,8 +11,12 @@
         </span>
       </div>
       <div class="device-photo-area">
-        <img v-if="propsData.deviceImg" :src="propsData.deviceImg" class="photo"/>
-        <div v-else class="photo-placeholder"></div>
+        <!--<img v-if="propsData.deviceImg" :src="propsData.deviceImg" class="photo"/>-->
+        <img v-if="propsData.deviceCode == '9c-b9-f7-f5-de-b3'" :src="require('@/assets/ZDimages/pureWater/shipinlou.png')" class="photo"/>
+        <img v-if="propsData.deviceCode == '58-73-e7-09-ff-0d'" :src="require('@/assets/ZDimages/pureWater/shipinlou.png')" class="photo"/>
+        <img v-if="propsData.deviceCode == '98-f1-8a-16-78-22'" :src="require('@/assets/ZDimages/pureWater/likelou.png')" class="photo"/>
+        <img v-if="propsData.deviceCode == '38-3b-2f-73-88-86'" :src="require('@/assets/ZDimages/pureWater/likelou.png')" class="photo"/>
+        <!--<div v-else class="photo-placeholder"></div>-->
       </div>
     </div>