feat(business-crud-page): 统一独立表单页顶部页面标题样式及展示

- 独立表单页 shipping-template、transport-plan、waybill-manage 加入统一的 archive-page-form__title 页面标题支持
- 全局样式抽离 archive-page-form__title 至 element-ui.scss,实现统一样式和竖条修饰
- loading-manage/form 页面新增页标题展示,保持风格一致
- master-order 编辑模式下新增页面标题支持,动态显示编辑或新增总单
- business-crud-page 组件新增 formPageTitle 属性,支持父级传递页面标题数据
- 优化多个业务页面表格和弹窗样式,调整列宽及边框圆角阴影,提高视觉一致性
- 删除 customer-archive.vue 中重复本地标题样式定义,使用全局统一样式
- 全站弹窗分组组件 section-card 相关设计规范文档更新,强化统一卡片风格
- 移除 cargo-type.vue 添加 "新建" 按钮逻辑,调整按钮显示权限
- 统一所有新增弹窗的底部操作区浮动效果及内容区最大高度限制,提升交互体验
This commit is contained in:
2026-08-21 11:07:32 +08:00
parent 10878d4aee
commit 21b7877ff1
19 changed files with 485 additions and 189 deletions
+8 -6
View File
@@ -21,9 +21,6 @@
@on-load="onLoad"
>
<template #menu-left>
<el-button type="primary" v-if="permission.cargo_type_add" @click="$refs.crud.rowAdd()">
<el-icon class="el-icon--left"><Plus /></el-icon>新建货物类型
</el-button>
<el-button type="primary" plain v-if="permission.cargo_type_import" @click="handleImport"
><el-icon class="el-icon--left"><Upload /></el-icon>批量导入</el-button
>
@@ -130,7 +127,7 @@ import { openImportDialog } from '@/utils/import-excel';
import { getUploadHeaders } from '@/utils/upload';
import NProgress from 'nprogress';
import 'nprogress/nprogress.css';
import { Plus, Upload, Download, Delete } from '@element-plus/icons-vue';
import { Upload, Download, Delete } from '@element-plus/icons-vue';
// 导入失败明细中,每个错误文本对应的「字段列」与「规则说明」
const CARGO_TYPE_FAIL_RULES = [
@@ -229,7 +226,7 @@ export const decorateCargoTypeFailDetail = async workbook => {
};
export default {
components: { Plus, Upload, Download, Delete },
components: { Upload, Download, Delete },
data() {
return {
form: {},
@@ -281,7 +278,7 @@ export default {
...mapGetters(['permission']),
permissionList() {
return {
addBtn: false,
addBtn: true,
};
},
ids() {
@@ -592,6 +589,11 @@ export default {
:deep(.avue-crud__header) {
margin-top: 12px;
background: transparent;
// 工具栏按钮组紧贴左侧
.avue-crud__left {
justify-content: flex-start;
}
}
// 除 basic-container 卡片内层 el-card 的 padding(规范 4.4