update

src/views/intelligentShelves/components/ShelfPanel.vue

@@ -6,7 +6,7 @@
       </template>
       <div class="body">
         <div class="top">
-          <div>货架利用率 50%</div>
+          <div>货架利用率 <text>50%</text></div>
           <div>传感器&集成器状态</div>
         </div>
         <div class="center">
@@ -27,6 +27,7 @@
         <div class="bottom">
           <div class="box" v-for="i in 6">1-{{ i }}</div>
           <div class="kong">空位12</div>
+          <div class="tip"><Tip></Tip>  </div>
         </div>
       </div>
     </Border15>
@@ -35,13 +36,19 @@
 
 <script setup lang='ts'>
 import Border15 from "@/components/borderBox/border15.vue"
+import Tip from "./Tip.vue"
 defineProps({
   config: {
     type: Object,
     default: () => {
       return {
         width: 421,
-        height: 218
+        height: 218,
+        data:{
+          name:"T-02M0",
+          rate:50,
+          
+        }
       }
     }
   }
@@ -141,6 +148,7 @@ defineProps({
   height: 100%;
 }
 .bottom {
+  position: relative;
   width: 100%;
   height: 100%;
   flex: 1.5;
@@ -166,4 +174,11 @@ defineProps({
   color: #fff;
   font-weight: 700;
 }
+.tip {
+  position: absolute;
+  bottom: 16px;
+  right: 20px;
+  width: 34px;
+  height: 34px;
+}
 </style>

src/views/intelligentShelves/index.vue

@@ -52,6 +52,13 @@ let centerConfig = ref({
   width:803,
   height:600
 })
+
+function getGoodsShelvesList() {
+  setTimeout(()=>{
+    
+  })
+}
+
 </script>