fix(transport-plan): 修复详情页列对齐并调整新增弹窗卡片间距
- 调整发货地址、到货地址及备注字段span设置,实现基本信息区多列平整布局 - 优化标签列固定宽度及内容换行样式,保证表格展示整齐不溢出 - transport-plan新增弹窗各分组白卡间距从12px增至16px,提升视觉分隔效果 - 验证构建成功,确保样式修改不影响整体功能表现
This commit is contained in:
@@ -186,3 +186,8 @@
|
|||||||
- 需求:用户截图反馈 /business/transport-plan 新增弹窗中各分组白卡(基本信息/收发货信息/货物信息/附件)之间上下间距不够,要求像 project-apply 弹窗一样有明显间距。
|
- 需求:用户截图反馈 /business/transport-plan 新增弹窗中各分组白卡(基本信息/收发货信息/货物信息/附件)之间上下间距不够,要求像 project-apply 弹窗一样有明显间距。
|
||||||
- 改动:`src/views/business/components/business-crud-page.vue`
|
- 改动:`src/views/business/components/business-crud-page.vue`
|
||||||
- `:deep(.avue-form__group:has(.dialog-section-title))` 的 `margin-bottom` 从 `12px` 增至 `16px`,与 project-apply.vue 的 `__grid` 卡片间距一致。
|
- `:deep(.avue-form__group:has(.dialog-section-title))` 的 `margin-bottom` 从 `12px` 增至 `16px`,与 project-apply.vue 的 `__grid` 卡片间距一致。
|
||||||
|
|
||||||
|
## 发货模板查看弹窗表格去边框
|
||||||
|
- 需求:用户截图反馈 /business/shipping-template 查看弹窗中「货物信息」表格有边框线,要求去掉。
|
||||||
|
- 改动:`src/views/business/components/business-crud-page.vue`
|
||||||
|
- 详情弹窗中货物信息和附件 `<el-table>` 移除 `border` 属性,清理残留 border-color 样式。
|
||||||
|
|||||||
@@ -227,7 +227,7 @@
|
|||||||
<div
|
<div
|
||||||
class="dialog-section-title dialog-section-title--action business-crud-page__shipping-title"
|
class="dialog-section-title dialog-section-title--action business-crud-page__shipping-title"
|
||||||
>
|
>
|
||||||
<span>收发货信息</span>
|
<span>收发货信息1</span>
|
||||||
<el-link
|
<el-link
|
||||||
v-if="!dialogReadonly"
|
v-if="!dialogReadonly"
|
||||||
type="primary"
|
type="primary"
|
||||||
@@ -1826,7 +1826,7 @@
|
|||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
</section-card>
|
</section-card>
|
||||||
<section-card v-if="config.enableTransportPlanForm" title="货物信息">
|
<section-card v-if="config.enableTransportPlanForm" title="货物信息">
|
||||||
<el-table :data="transportCargoRows" border empty-text="暂无货物信息">
|
<el-table :data="transportCargoRows" empty-text="暂无货物信息">
|
||||||
<el-table-column type="index" label="序号" width="70" align="center" />
|
<el-table-column type="index" label="序号" width="70" align="center" />
|
||||||
<el-table-column prop="cargoName" label="货物名称" min-width="180" />
|
<el-table-column prop="cargoName" label="货物名称" min-width="180" />
|
||||||
<el-table-column prop="cargoType" label="货物类型" min-width="150" />
|
<el-table-column prop="cargoType" label="货物类型" min-width="150" />
|
||||||
@@ -1842,7 +1842,7 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
</section-card>
|
</section-card>
|
||||||
<section-card v-if="config.enableAttachmentTable" :title="config.attachmentTitle || '附件'">
|
<section-card v-if="config.enableAttachmentTable" :title="config.attachmentTitle || '附件'">
|
||||||
<el-table :data="attachmentRows" border empty-text="暂无附件">
|
<el-table :data="attachmentRows" empty-text="暂无附件">
|
||||||
<el-table-column type="index" label="序号" width="70" align="center" />
|
<el-table-column type="index" label="序号" width="70" align="center" />
|
||||||
<el-table-column label="文件名" min-width="260">
|
<el-table-column label="文件名" min-width="260">
|
||||||
<template #default="{ row }">{{ row.originalName || row.name || '-' }}</template>
|
<template #default="{ row }">{{ row.originalName || row.name || '-' }}</template>
|
||||||
@@ -9807,10 +9807,6 @@ export default {
|
|||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-table) {
|
|
||||||
border-color: #eff1f7;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user