feat：添加机柜显示u位 信息

nezha-fronted/src/components/common/deleteButton.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="delete-button">
+    <div :class="['delete-button',(deleteObjs.length<1?'':'delete-button-light')]">
       <el-button class="nz-btn nz-btn-size-normal nz-btn-style-light" :class="{'nz-btn-disabled' : deleteObjs.length<1}" @click="batchDelete"><span><i class="nz-icon nz-icon-delete"></i></span></el-button>
     </div>
 </template>
@@ -52,11 +52,17 @@
 <style scoped>
   .delete-button{
     margin-left: 16px;
-  }
+    opacity: 0.7;
-  .delete-button .nz-icon-delete{
+    border-radius: 2px;
-    color: #ee6723;
   }
   .delete-button .nz-btn-disabled .nz-icon-delete{
-    color: #e5e5e5;
+    opacity: 0.5;
+    color: #D14A2B;
+  }
+  .delete-button-light.delete-button{
+    border-radius: 2px;
+  }
+  .delete-button-light .nz-icon-delete{
+    color:  #D14A2B;
   }
 </style>

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

@@ -119,7 +119,7 @@
             <span  >{{scope.row.idc.name}}</span>
           </div>
           <template v-if="item.prop=='cabinet'">
-            <span v-if="scope.row.cabinet && scope.row.cabinet != '--'">{{returnData(scope.row.cabinet).name}}</span>
+            <span v-if="scope.row.cabinet && scope.row.cabinet != '--'">{{returnData(scope.row.cabinet).name}}{{returnCabinet( scope.row.cabinetStart, scope.row.cabinetEnd)}}</span>
             <span v-else >{{returnData(scope.row.cabinet)}}</span>
           </template>
           <div v-if="item.prop=='model'">
@@ -582,6 +582,12 @@
           return "--";
         }
       },
+      returnCabinet(start,end){//返回机柜u位信息
+       if(!start|| !end){
+         return ''
+       }
+        return `[${start} - ${end}]`
+      },
       closeAllPop() {
         this.$refs.idcConfigBox.forEach((item) => {
           item.show(false);