fix: 申请补胚样式修改

src/views/order/factoryOrderNew/component/OperateDetailsDialog.vue

@@ -48,6 +48,7 @@
             :show-sku="false"
             :show-product-info="false"
             :image-field="'variantImage'"
+            :padding-top="'100%'"
           >
             <template #bottom_left>
               <span
@@ -226,12 +227,19 @@
       </div>
     </div>
     <template #footer>
-      <div style="text-align: center">
+      <div class="dialog-footer">
+        <div style="font-size: 14px">
+          已选择
+          <strong style="color: red">{{ selectedItems.length }}</strong>
+          条数据
+        </div>
+        <div style="margin: 0 auto">
           <ElButton @click="visible = false">取消</ElButton>
           <ElButton type="primary" :loading="submitting" @click="handleConfirm">
             确定
           </ElButton>
         </div>
+      </div>
     </template>
   </ElDialog>
 </template>
@@ -385,7 +393,7 @@ defineExpose({ open })
 
 .operate-order-card-grid {
   display: grid;
-  grid-template-columns: repeat(6, 1fr);
+  grid-template-columns: repeat(5, 1fr);
   grid-template-rows: max-content;
   gap: 12px;
   overflow-y: auto;
@@ -412,7 +420,7 @@ defineExpose({ open })
 
 .card-info-grid {
   display: grid;
-  grid-template-columns: 1fr 90px;
+  grid-template-columns: 1fr 120px;
   gap: 4px;
   font-size: 12px;
   margin-top: 6px;
@@ -526,4 +534,8 @@ defineExpose({ open })
     font-size: 15px;
   }
 }
+.dialog-footer {
+  display: flex;
+  align-items: center;
+}
 </style>