浏览代码

生物安防

xsh 3 年之前
父节点
当前提交
1f2c7742d0
共有 3 个文件被更改,包括 43 次插入43 次删除
  1. 36 36
      src/views/MainLayout.vue
  2. 5 5
      src/views/Zoology/Zoology.vue
  3. 2 2
      src/views/Zoology/leftTop/SwiperContent.vue

+ 36 - 36
src/views/MainLayout.vue

@@ -10,13 +10,13 @@
             <i class="duoyun" v-else-if="weather.day_weather === '多云'"></i>
             <i class="yin" v-else-if="weather.day_weather === '阴'"></i>
             <i class="xiaoyu" v-else-if="weather.day_weather === '小雨'"></i>
-            <i class="zyu" v-else-if="weather.day_weather === '中雨'"></i>
-            <i class="dyu" v-else-if="weather.day_weather === '大雨'"></i>
-            <i class="byu" v-else-if="weather.day_weather === '暴雨'"></i>
+            <i class="zyu" v-else-if="weather.day_weather.indexOf('中雨') != -1"></i>
+            <i class="dyu" v-else-if="weather.day_weather.indexOf('大雨') != -1"></i>
+            <i class="byu" v-else-if="weather.day_weather.indexOf('暴雨') != -1"></i>
             <i class="xxue" v-else-if="weather.day_weather === '小雪'"></i>
-            <i class="zxue" v-else-if="weather.day_weather === '中雪'"></i>
-            <i class="dxue" v-else-if="weather.day_weather === '大雪'"></i>
-            <i class="bxue" v-else-if="weather.day_weather === '暴雪'"></i>
+            <i class="zxue" v-else-if="weather.day_weather.indexOf('中雪') != -1"></i>
+            <i class="dxue" v-else-if="weather.day_weather.indexOf('大雪') != -1"></i>
+            <i class="bxue" v-else-if="weather.day_weather.indexOf('暴雪') != -1"></i>
             <i class="wu" v-else-if="weather.day_weather === '雾'"></i>
           </div>
           <div class="box-right">
@@ -60,13 +60,13 @@
               <i class="duoyun maxSize" v-else-if="weather.day_weather === '多云'"></i>
               <i class="yin maxSize" v-else-if="weather.day_weather === '阴'"></i>
               <i class="xiaoyu maxSize" v-else-if="weather.day_weather === '小雨'"></i>
-              <i class="zyu maxSize" v-else-if="weather.day_weather === '中雨'"></i>
-              <i class="dyu maxSize" v-else-if="weather.day_weather === '大雨'"></i>
-              <i class="byu maxSize" v-else-if="weather.day_weather === '暴雨'"></i>
+              <i class="zyu maxSize" v-else-if="weather.day_weather.indexOf('中雨') != -1"></i>
+              <i class="dyu maxSize" v-else-if="weather.day_weather.indexOf('大雨') != -1"></i>
+              <i class="byu maxSize" v-else-if="weather.day_weather.indexOf('暴雨') != -1"></i>
               <i class="xxue maxSize" v-else-if="weather.day_weather === '小雪'"></i>
-              <i class="zxue maxSize" v-else-if="weather.day_weather === '中雪'"></i>
-              <i class="dxue maxSize" v-else-if="weather.day_weather === '大雪'"></i>
-              <i class="bxue maxSize" v-else-if="weather.day_weather === '暴雪'"></i>
+              <i class="zxue maxSize" v-else-if="weather.day_weather.indexOf('中雪') != -1"></i>
+              <i class="dxue maxSize" v-else-if="weather.day_weather.indexOf('大雪') != -1"></i>
+              <i class="bxue maxSize" v-else-if="weather.day_weather.indexOf('暴雪') != -1"></i>
               <i class="wu maxSize" v-else-if="weather.day_weather === '雾'"></i>
               <span>{{weather.degree}}℃</span>
             </div>
@@ -90,13 +90,13 @@
               <i class="duoyun" v-else-if="weather.day_weather === '多云'"></i>
               <i class="yin" v-else-if="weather.day_weather === '阴'"></i>
               <i class="xiaoyu" v-else-if="weather.day_weather === '小雨'"></i>
-              <i class="zyu" v-else-if="weather.day_weather === '中雨'"></i>
-              <i class="dyu" v-else-if="weather.day_weather === '大雨'"></i>
-              <i class="byu" v-else-if="weather.day_weather === '暴雨'"></i>
+              <i class="zyu" v-else-if="weather.day_weather.search('中雨') != -1"></i>
+              <i class="dyu" v-else-if="weather.day_weather.search('大雨') != -1"></i>
+              <i class="byu" v-else-if="weather.day_weather.search('暴雨') != -1"></i>
               <i class="xxue" v-else-if="weather.day_weather === '小雪'"></i>
-              <i class="zxue" v-else-if="weather.day_weather === '中雪'"></i>
-              <i class="dxue" v-else-if="weather.day_weather === '大雪'"></i>
-              <i class="bxue" v-else-if="weather.day_weather === '暴雪'"></i>
+              <i class="zxue" v-else-if="weather.day_weather.search('中雪') != -1"></i>
+              <i class="dxue" v-else-if="weather.day_weather.search('大雪') != -1"></i>
+              <i class="bxue" v-else-if="weather.day_weather.search('暴雪') != -1"></i>
               <i class="wu" v-else-if="weather.day_weather === '雾'"></i>
             </p>
             <p>{{weather.day_weather}}</p>
@@ -110,13 +110,13 @@
               <i class="duoyun" v-else-if="weather.tomorrow.day_weather === '多云'"></i>
               <i class="yin" v-else-if="weather.tomorrow.day_weather === '阴'"></i>
               <i class="xiaoyu" v-else-if="weather.tomorrow.day_weather === '小雨'"></i>
-              <i class="zyu" v-else-if="weather.tomorrow.day_weather === '中雨'"></i>
-              <i class="dyu" v-else-if="weather.tomorrow.day_weather === '大雨'"></i>
-              <i class="byu" v-else-if="weather.tomorrow.day_weather === '暴雨'"></i>
+              <i class="zyu" v-else-if="weather.tomorrow.day_weather.search('中雨') != -1"></i>
+              <i class="dyu" v-else-if="weather.tomorrow.day_weather.search('大雨') != -1"></i>
+              <i class="byu" v-else-if="weather.tomorrow.day_weather.search('暴雨') != -1"></i>
               <i class="xxue" v-else-if="weather.tomorrow.day_weather === '小雪'"></i>
-              <i class="zxue" v-else-if="weather.tomorrow.day_weather === '中雪'"></i>
-              <i class="dxue" v-else-if="weather.tomorrow.day_weather === '大雪'"></i>
-              <i class="bxue" v-else-if="weather.tomorrow.day_weather === '暴雪'"></i>
+              <i class="zxue" v-else-if="weather.tomorrow.day_weather.search('中雪') != -1"></i>
+              <i class="dxue" v-else-if="weather.tomorrow.day_weather.search('大雪') != -1"></i>
+              <i class="bxue" v-else-if="weather.tomorrow.day_weather.search('暴雪') != -1"></i>
               <i class="wu" v-else-if="weather.tomorrow.day_weather === '雾'"></i>
             </p>
             <p>{{weather.tomorrow.day_weather}}</p>
@@ -130,13 +130,13 @@
               <i class="duoyun" v-else-if="weather.towTomorrow.day_weather === '多云'"></i>
               <i class="yin" v-else-if="weather.towTomorrow.day_weather === '阴'"></i>
               <i class="xiaoyu" v-else-if="weather.towTomorrow.day_weather === '小雨'"></i>
-              <i class="zyu" v-else-if="weather.towTomorrow.day_weather === '中雨'"></i>
-              <i class="dyu" v-else-if="weather.towTomorrow.day_weather === '大雨'"></i>
-              <i class="byu" v-else-if="weather.towTomorrow.day_weather === '暴雨'"></i>
+              <i class="zyu" v-else-if="weather.towTomorrow.day_weather.search('中雨') != -1"></i>
+              <i class="dyu" v-else-if="weather.towTomorrow.day_weather.search('大雨') != -1 "></i>
+              <i class="byu" v-else-if="weather.towTomorrow.day_weather.search('暴雨') != -1"></i>
               <i class="xxue" v-else-if="weather.towTomorrow.day_weather === '小雪'"></i>
-              <i class="zxue" v-else-if="weather.towTomorrow.day_weather === '中雪'"></i>
-              <i class="dxue" v-else-if="weather.towTomorrow.day_weather === '大雪'"></i>
-              <i class="bxue" v-else-if="weather.towTomorrow.day_weather === '暴雪'"></i>
+              <i class="zxue" v-else-if="weather.towTomorrow.day_weather.search('中雪') != -1"></i>
+              <i class="dxue" v-else-if="weather.towTomorrow.day_weather.search('大雪') != -1 "></i>
+              <i class="bxue" v-else-if="weather.towTomorrow.day_weather.search('暴雪') != -1 "></i>
               <i class="wu" v-else-if="weather.towTomorrow.day_weather === '雾'"></i>
             </p>
             <p>{{weather.towTomorrow.day_weather}}</p>
@@ -150,13 +150,13 @@
               <i class="duoyun" v-else-if="weather.threeTomorrow.day_weather === '多云'"></i>
               <i class="yin" v-else-if="weather.threeTomorrow.day_weather === '阴'"></i>
               <i class="xiaoyu" v-else-if="weather.threeTomorrow.day_weather === '小雨'"></i>
-              <i class="zyu" v-else-if="weather.threeTomorrow.day_weather === '中雨'"></i>
-              <i class="dyu" v-else-if="weather.threeTomorrow.day_weather === '大雨'"></i>
-              <i class="byu" v-else-if="weather.threeTomorrow.day_weather === '暴雨'"></i>
+              <i class="zyu" v-else-if="weather.threeTomorrow.day_weather.search('中雨') != -1"></i>
+              <i class="dyu" v-else-if="weather.threeTomorrow.day_weather.search('大雨') != -1 "></i>
+              <i class="byu" v-else-if="weather.threeTomorrow.day_weather.search('暴雨') != -1"></i>
               <i class="xxue" v-else-if="weather.threeTomorrow.day_weather === '小雪'"></i>
-              <i class="zxue" v-else-if="weather.threeTomorrow.day_weather === '中雪'"></i>
-              <i class="dxue" v-else-if="weather.threeTomorrow.day_weather === '大雪'"></i>
-              <i class="bxue" v-else-if="weather.threeTomorrow.day_weather === '暴雪'"></i>
+              <i class="zxue" v-else-if="weather.threeTomorrow.day_weather.search('中雪') != -1 "></i>
+              <i class="dxue" v-else-if="weather.threeTomorrow.day_weather.search('大雪') != -1"></i>
+              <i class="bxue" v-else-if="weather.threeTomorrow.day_weather.search('暴雪') != -1"></i>
               <i class="wu" v-else-if="weather.threeTomorrow.day_weather === '雾'"></i>
             </p>
             <p>{{weather.threeTomorrow.day_weather}}</p>

+ 5 - 5
src/views/Zoology/Zoology.vue

@@ -75,7 +75,7 @@
             </swiper>
           </template>
           <template>
-            <div style="line-height: 200px;font-size: 18px; color: white">暂无数据</div>
+            <div style="line-height: 200px;font-size: 18px; color: white">设备已掉线</div>
           </template>
         </div>
       </div>
@@ -92,7 +92,7 @@
           @emitDates="getWaterDates"
         >
           <chart-line v-if="waterData.yAxisData.length > 0" :data="waterData" :id="1"></chart-line>
-          <div v-else style="font-size: 18px; line-height: 200px; color: white">暂无数据</div>
+          <div v-else style="font-size: 18px; line-height: 200px; color: white">设备已掉线</div>
         </chart-board>
       </div>
       <div class="left-bottom">
@@ -120,7 +120,7 @@
               <chart-line :data="fodderData" :id="2"></chart-line>
             </template>
             <template v-else>
-              <div style="font-size: 18px; line-height: 150px; color: white">暂无数据</div>
+              <div style="font-size: 18px; line-height: 150px; color: white">设备已掉线</div>
             </template>
           </chart-board>
         </div>
@@ -163,7 +163,7 @@
               <chart-line :data="tempData" :id="4"></chart-line>
             </template>
             <template v-else>
-              <div style="font-size: 18px; line-height: 150px; color: white">暂无数据</div>
+              <div style="font-size: 18px; line-height: 150px; color: white">设备已掉线</div>
             </template>
           </chart-board>
         </div>
@@ -176,7 +176,7 @@
         >
           <chart-board :title="roomName + '湿度'" @emitDates="getWaterDates">
             <chart-line v-if="rhData.yAxisData.length > 0" :data="rhData" :id="5"></chart-line>
-            <div v-else style="font-size: 18px; line-height: 150px; color: white">暂无数据</div>
+            <div v-else style="font-size: 18px; line-height: 150px; color: white">设备已掉线</div>
           </chart-board>
         </div>
       </div>

+ 2 - 2
src/views/Zoology/leftTop/SwiperContent.vue

@@ -12,11 +12,11 @@
       <div class="title">{{ list.room }}</div>
       <div class="item">
         <div class="temp-icon"></div>
-        <div class="data">{{ list.temperature != null ? list.temperature + '℃' : '设备暂无数据' }}</div>
+        <div class="data">{{ list.temperature != null ? list.temperature + '℃' : '设备已掉线' }}</div>
       </div>
       <div class="item">
         <div class="rh-icon"></div>
-        <div class="data">{{ list.humidity != null ? list.humidity + 'RH' : '设备暂无数据' }}</div>
+        <div class="data">{{ list.humidity != null ? list.humidity + 'RH' : '设备已掉线' }}</div>
       </div>
     </div>
   </div>