增加电厂选择页，如果没有获取到socket数据，弹出提示

src/views/Factory.vue

@@ -12,8 +12,8 @@
       <!-- 关闭 -->
       <transition name="list">
         <div v-if="!factoryItem" class="factory-block factory-list">
-          <div class="factory-item" v-for="fac of factoryList">
-            <div class="factory-name" @mouseover="showFactory(fac)">{{fac.plantName}}</div>
+          <div class="factory-item" v-for="fac of factoryList" :key="fac.plantId" @mouseover="showFactory(fac)" @click="goPage(fac)">
+            <div class="factory-name">{{fac.plantName}}</div>
           </div>
         </div>
       </transition>
@@ -24,7 +24,7 @@
           <div class="y-line" :style="{height: (factoryItem.plantDevices.length > 11 ? 10 * 4.75 + 'rem' : (factoryItem.plantDevices.length - 1) * 4.75 + 'rem')}"></div>
           <div class="crew-list">
             <div class="crew-item" v-for="(dev,i) of factoryItem.plantDevices.slice(0,11)" :class="dev.runstate ? 'crew-item-run' : 'crew-item-stop'"
-              :style="{'align-self': i % 2 !== 1 ? 'flex-start' : 'flex-end'}">
+              :style="{'align-self': i % 2 !== 1 ? 'flex-start' : 'flex-end'}" :key="dev.deviceId">
               <span>{{dev.deviceName}}</span>
               <span>{{dev.runstate ? '运行' : '停机'}}</span>
               <div class="x-line" :class="i % 2 !== 1 ? 'x-line-s' : 'x-line-l'">
@@ -34,7 +34,7 @@
           </div>
           <div class="crew-list crew-list2" v-if="factoryItem.plantDevices.length > 11">
             <div class="crew-item" v-for="(dev,i) in factoryItem.plantDevices.slice(11)" :class="dev.runstate ? 'crew-item-run' : 'crew-item-stop'"
-              :style="{'align-self': i % 2 !== 1 ? 'flex-start' : 'flex-end'}">
+              :style="{'align-self': i % 2 !== 1 ? 'flex-start' : 'flex-end'}" :key="dev.deviceId">
               <span>{{dev.deviceName}}</span>
               <span>{{dev.runstate ? '运行' : '停机'}}</span>
               <div class="x-line x-line-m"></div>
@@ -156,7 +156,10 @@
       },
       // 展开电厂
       showFactory(item) {
-        if(!this.socketData) return;
+        if(!this.socketData) {
+          this.$message.error('暂未获取到机组数据，请稍后重试！');
+          return;
+        }
         this.factoryItem = item;
         this.initData();
         // 加上延迟,因为有动画
@@ -347,6 +350,7 @@
           align-items: center;
           // justify-content: center;
           position: relative;
+          cursor: pointer;
         }
 
         .arrow {