perf:左侧菜单背景色修改&project state列悬浮框样式调整

nezha-fronted/src/components/page/project/project.vue

@@ -134,10 +134,14 @@
               </div>
 <!--              <span v-else-if="item.prop == 'lastUpdate'">{{dateFormat(scope.row.lastUpdate)}}</span>-->
               <span v-else-if="item.prop == 'state'" >
-                <el-popover placement="right" width="50" trigger="hover" :content="getStateContent(scope.row)">
+                <el-popover placement="right" width="50" trigger="hover" :popper-class="scope.row.state == '1'?'small-pop':''">
                   <div slot="reference" style="width: 20px">
                     <div :class="{'active-icon green':scope.row.state == '1','active-icon red':scope.row.state == '0'}"></div>
                   </div>
+                  <div >
+                    <div v-if="scope.row.state == '1'">up</div>
+                    <div v-else>down:<br/>{{getStateErrorMsg(scope.row)}}</div>
+                  </div>
                 </el-popover>
               </span>
               <span v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</span>
@@ -622,10 +626,10 @@
       getStateContent:function(row){
         if(row){
           if(row.state == 1){
-
             return 'up';
           }else{
-            return 'down';
+            // return 'down'+'['+this.getStateErrorMsg(row)+']';
+            return `down:${this.getStateErrorMsg(row)}`
           }
         }
       },
@@ -1120,4 +1124,8 @@
   .project .sidebar-info-item{
     margin:0px !important;
   }
+  .small-pop{
+    width: 25px !important;
+    min-width: unset !important;
+  }
 </style>