机柜详情u位提示

@@ -31,9 +31,9 @@
                             <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="资源状态：优">
                         </div>
                     </div>
-
                 </div>
             </div>
+            <i v-if="UpositionBottom!=-1" class="el-icon-arrow-left" :style="'position: absolute;right:-12px;color:#1e9fff;bottom:'+UpositionBottom+'px;'"></i>
         </div>
     </div>
     <!-- 右侧机柜详细信息 -->

@@ -20,6 +20,11 @@ export default {
             type: Boolean,
             default: false
         },
+        //传过来的U位
+        Uposition:{
+            type:String,
+            default:"4"
+        }
     },
     data(){
         return {
@@ -188,8 +193,6 @@ export default {
 
         // 挂载完
         Vue.onMounted(() => {
-            console.log('&&&',proxy.machineData)
-
             proxy.getData();
 
         })
@@ -216,7 +219,10 @@ export default {
                 }
             })
         }
-
+        let UpositionBottom=Vue.ref(-1);
+        if(props.machineData.Uposition){
+            UpositionBottom.value=(props.machineData.Uposition-1)*16
+        }
         const getDeviceInfo=()=>{
             proxy.deviceDatas.map((item,index)=>{
                 if(CabinetNum==item.name){
@@ -334,7 +340,8 @@ export default {
             isShowDevice,
             getDeviceInfo,
             getData,
-            theirRoom
+            theirRoom,
+            UpositionBottom
         }
     }
 }