From 495e6a073c1cc73112a7b9606cd72df3f6f4e5c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 25 Aug 2026 15:31:23 +0800
Subject: [PATCH] =?UTF-8?q?style(business):=20=E4=BC=98=E5=8C=96=E8=B4=A7?=
 =?UTF-8?q?=E7=89=A9=E5=AF=BC=E5=85=A5=E5=8C=BA=E5=9F=9F=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为货物导入部分添加卡片式容器div
- 新增cargo-import-card样式，包含白色背景和圆角
- 添加内边距和阴影效果，提升视觉层次感
- 调整cargo-import区域的padding为0，确保样式一致性
---
 .../business/components/business-crud-page.vue     | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 8bbdd24..e7ffd1f 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -4998,6 +4998,7 @@
       @closed="cargoImportRows = []"
     >
       <div class="business-crud-page__cargo-import">
+        <div class="business-crud-page__cargo-import-card">
         <el-upload
           action="#"
           accept=".xls,.xlsx"
@@ -5012,6 +5013,7 @@
           </template>
         </el-upload>
         <el-button type="primary" @click="handleCargoImportTemplate">点击下载模板</el-button>
+        </div>
       </div>
       <template #footer>
         <el-button :disabled="cargoImportLoading" @click="closeCargoImportDialog">关闭</el-button>
@@ -13249,6 +13251,18 @@ export default {
     }
   }
 
+  &__cargo-import {
+    padding: 0 !important;
+  }
+
+  &__cargo-import-card {
+    background: #fff;
+    border-radius: 6px;
+    padding: 24px;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
+    width: 90%;
+  }
+
   &__cargo-table {
     width: 100%;
     min-width: 0;