调整样式，最终版

src/common/const.js

 // 常量
 // const server_ip = '8.130.25.40'; // 测试服务器
 const server_ip = '22.57.64.22:8256'; // 线上内网ip
-// const server_ip = '192.168.43.122:8258';
+// const server_ip = '192.168.43.25:8258';
 
 export const CONFIG = {
   SERVER_IP: server_ip,

src/components/NumberFlipper/index.vue

@@ -10,7 +10,7 @@
         </div>
         <div v-else class="down">
             <num :number="relNumber" />
-            <span class="unit">{{unit}}</span>
+            <span class="unit" v-if="unit">{{unit}}</span>
         </div>
     </div>
 </template>

src/router/index.js

@@ -146,7 +146,7 @@ function initRoleRoute() {
   const newRouter = createRouter(); // 新建路由
   router.matcher = newRouter.matcher; // 置换router
   router.addRoutes([...newRoleRoutes, ...anyRoutes]);
-  console.log('路由初始化完成', newRoleRoutes);
+  // console.log('路由初始化完成', newRoleRoutes);
 }
 
 // 初始化用户、电厂、机组列表，从本地读取，如果都存在并未过期，返回undefined，否则返回1或2

src/views/CrewMonitoring.vue

@@ -57,7 +57,7 @@
         <div class="chart-title">机组背景量</div>
         <div class="chart-main">
           <div class="chart-nums">
-            <number-flipper v-for="v of dataLeftBottom" class="chart-num" :key="v.kksCode" :title="v.cpName" :unit="v.cpUnit" :number="v.kksValueR" :state="v.state" :point="1" simple="1" />
+            <number-flipper v-for="v of dataLeftBottom" class="chart-num" :key="v.kksCode" :title="v.cpName" :unit="v.cpType ? v.cpUnit : ''" :number="v.kksValueR" :state="v.state" :point="1" simple="1" />
           </div>
           <!-- <chart-bar-three id="ChartLeftBottom" ref="ChartLeftBottom" class="chart-chart" :chartData="dataLeftBottom" /> -->
         </div>

src/views/Factory.vue

@@ -166,7 +166,7 @@
       // 展开电厂
       showFactory(item) {
         if(!this.socketData) {
-          this.$message.error('暂未获取到机组数据，请稍后重试！');
+		  if(document.getElementsByClassName('el-message').length === 0) this.$message.error('暂未获取到机组数据，请稍后重试！'); // 防止重复提示
           return;
         }
         this.factoryItem = item;

src/views/FactoryInfo.vue

@@ -6,9 +6,9 @@
     </div> -->
     <transition name="fade">
       <div class="crew-list" v-show="crewListShow">
-        <div class="crew-item" v-for="item of $x_allData" :key="item.deviceId" @click="goPage(item.deviceId)">
+        <div class="crew-item" v-for="item of $x_allData" :key="item.deviceId">
           <!-- <img src="../assets/img/crew.png" /> -->
-          <div class="name" :class="item.runstate ? (item.runstate == 1 ? 'name-run' : 'name-stop') : 'name-error'">{{item.deviceName}}</div>
+          <div class="name" :class="item.runstate ? (item.runstate == 1 ? 'name-run' : 'name-stop') : 'name-error'" @click="goPage(item.deviceId)">{{item.deviceName}}</div>
           <!-- <number-flipper class="number" unit="kW" :number="item.power" :point="1" /> -->
           <scroll-window class="roll-left">
             <el-scrollbar class="win-list">
@@ -173,7 +173,6 @@
         position: relative;
         width: 20%;
         height: 50%;
-        cursor: pointer;
         
         img {
           width: auto;
@@ -193,6 +192,7 @@
           top: 0.5rem;
           // position: absolute;
           // left: 5%;
+		  cursor: pointer;
         }
         .name-run{
           border-color: $color-red;

src/views/TrendAnalysis.vue

@@ -8,7 +8,7 @@
         <el-button class="btn" @click="exportData">导出数据</el-button>
       </div>
       <div class="center">
-        {{$x_factory.plantName}} - 趋势分析
+        趋势分析
       </div>
       <div class="right">
         <!-- <i class="el-icon-close" @click="back" /> -->