style(business): 优化货物导入区域样式

- 为货物导入部分添加卡片式容器div
- 新增cargo-import-card样式,包含白色背景和圆角
- 添加内边距和阴影效果,提升视觉层次感
- 调整cargo-import区域的padding为0,确保样式一致性
This commit is contained in:
2026-08-25 15:31:23 +08:00
parent 1ebd4d0fa3
commit 495e6a073c
@@ -4998,6 +4998,7 @@
@closed="cargoImportRows = []" @closed="cargoImportRows = []"
> >
<div class="business-crud-page__cargo-import"> <div class="business-crud-page__cargo-import">
<div class="business-crud-page__cargo-import-card">
<el-upload <el-upload
action="#" action="#"
accept=".xls,.xlsx" accept=".xls,.xlsx"
@@ -5013,6 +5014,7 @@
</el-upload> </el-upload>
<el-button type="primary" @click="handleCargoImportTemplate">点击下载模板</el-button> <el-button type="primary" @click="handleCargoImportTemplate">点击下载模板</el-button>
</div> </div>
</div>
<template #footer> <template #footer>
<el-button :disabled="cargoImportLoading" @click="closeCargoImportDialog">关闭</el-button> <el-button :disabled="cargoImportLoading" @click="closeCargoImportDialog">关闭</el-button>
<el-button <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 { &__cargo-table {
width: 100%; width: 100%;
min-width: 0; min-width: 0;