'123'

ruoyi-ui/src/views/storageLocation/locationConsuming.vue

@@ -221,17 +221,15 @@
           </el-dialog>
       </el-tab-pane>
       <el-tab-pane label="已选库位" name="locationSelected">
-        <el-container>
-          <el-main>
         <el-row :gutter="10" style="letter-spacing: 5px;">
           <el-col :span="8">
-                <div class="grid-content bg-purpleA">黄色线芯A区</div>
+            <div class="grid-content bg-purpleA">黄色线芯A区(已选{{countSelA}})</div>
           </el-col>
           <el-col :span="8">
-                <div class="grid-content bg-purpleB">绿色线芯B区</div>
+            <div class="grid-content bg-purpleB">绿色线芯B区(已选{{countSelB}})</div>
           </el-col>
           <el-col :span="8">
-                <div class="grid-content bg-purpleC">红色线芯C区</div>
+            <div class="grid-content bg-purpleC">红色线芯C区(已选{{countSelC}})</div>
           </el-col>
         </el-row>
         <el-row :gutter="10">
@@ -380,11 +378,15 @@
             </el-card>
           </el-col>
         </el-row>
-          </el-main>
         <el-footer style="margin:0 auto;">
+          <el-row type="flex" justify="center">
+            <el-col :span="6">
+              <div class="grid-content mt20">
                 <el-button type="primary" @click="confirm()">确认</el-button>
+              </div>
+            </el-col>
+          </el-row>
         </el-footer>
-        </el-container>
       </el-tab-pane>
     </el-tabs>
     <!-- 操作详情对话框 -->
@@ -410,7 +412,7 @@
   }
   .scrollable{
     overflow: auto; /* 自动开启滚动条 */
-    max-height: 580px; /* 设置最大高度 */
+    max-height: 500px; /* 设置最大高度 */
   }
 
   /*最上方三大块样式*/
@@ -524,6 +526,16 @@
       countC(){
         // 使用 find 方法找到第一个符合条件的对象
         return this.materialDetailC.filter(task => task.materialState === '1').length;
+      },
+
+      countSelA(){
+        return this.selMaterialDetailA.length;
+      },
+      countSelB(){
+        return this.selMaterialDetailB.length;
+      },
+      countSelC(){
+        return this.selMaterialDetailC.length;
       }
     },
     methods: {