diff --git a/.workbuddy/memory/2026-08-12.md b/.workbuddy/memory/2026-08-12.md new file mode 100644 index 0000000..4862be7 --- /dev/null +++ b/.workbuddy/memory/2026-08-12.md @@ -0,0 +1,31 @@ +# 2026-08-12 + +## 全站自定义表单弹窗样式统一为客商档案风格 + +- 新增全局弹窗表单标准类 `.dialog-form--carded`(`src/styles/element-ui.scss`),统一实现: + - `section-card` 白底卡片分组 + - label 固定宽度 `calc(6em + 24px)`、右对齐、上下居中 + - input/select/cascader/tree-select/date-editor/textarea 等控件固定宽度 250px + - radio/checkbox 组宽度自适应 +- 改造文件清单: + - `src/views/flow/manager.vue`:流程变更弹窗 + - `src/views/flow/follow.vue`:流程删除弹窗 + - `src/views/system/param.vue`:参数编辑弹窗 + - `src/views/system/authlock.vue`:锁定用户、解锁确认弹窗 + - `src/views/system/user.vue`:用户编辑、修改密码弹窗 + - `src/views/business/components/waybill-import-dialog.vue`:新建导入弹窗表单区 +- 已跳过(非编辑表单弹窗):`system/dept.vue` 承运商选择搜索弹窗、`business/master-order-editor.vue` 页面级组件。 +- `npm run build` 构建通过。 + +## 港口码头(port-terminal)编辑弹窗 input 宽度统一 250px + +- 文件:`src/views/base/port-terminal.vue` +- 做法:option 加 `dialogCustomClass: 'port-terminal-edit-dialog'`,并在文件末尾新增非 scoped ` + + diff --git a/src/views/business/components/waybill-import-dialog.vue b/src/views/business/components/waybill-import-dialog.vue index ad0aba0..fa7b280 100644 --- a/src/views/business/components/waybill-import-dialog.vue +++ b/src/views/business/components/waybill-import-dialog.vue @@ -31,14 +31,14 @@ - -
- - + + + + 添加附件请上传运单明细表,仅支持 excel 格式下载模板
关闭保存草稿确认导入
-
+
导入数据明细
批量删除
@@ -153,14 +153,14 @@ const confirmImport = async () => { await formRef.value?.validate(); if (!valida } .waybill-import-create { - &__form-panel, - &__detail-panel { - border: 1px solid #eff1f7; - padding: 20px 24px; - } - - &__detail-panel { margin-top: 12px; } &__form-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 8px; } + &__detail-panel { + background: #fff; + border-radius: 6px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); + padding: 14px 16px; + margin-top: 8px; + } &__detail-head { display: flex; align-items: center; gap: 24px; margin-bottom: 8px; } &__file-tip { margin: 0 24px; color: #606266; } } diff --git a/src/views/business/project-apply.vue b/src/views/business/project-apply.vue index ad7b21a..57953d3 100644 --- a/src/views/business/project-apply.vue +++ b/src/views/business/project-apply.vue @@ -1908,7 +1908,7 @@ export default { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 72px; row-gap: 0; - margin-bottom: 16px; + margin-bottom: 8px; background: #fff; border-radius: 0 0 6px 6px; padding: 14px 16px 4px; @@ -1934,7 +1934,7 @@ export default { &__table { width: 100%; - margin-bottom: 16px; + margin-bottom: 8px; background: #fff; border-radius: 0 0 6px 6px; padding: 12px; @@ -1952,7 +1952,7 @@ export default { } &__textarea-list { - margin-bottom: 16px; + margin-bottom: 8px; background: #fff; border-radius: 0 0 6px 6px; padding: 14px 16px 4px; @@ -1975,7 +1975,7 @@ export default { } &__material-card { - margin-bottom: 16px; + margin-bottom: 8px; background: #fff; border-radius: 6px; padding: 14px 16px; @@ -2016,7 +2016,7 @@ export default { margin: 0 0 16px; background: #fff; border-radius: 6px; - padding: 12px; + padding: 12px 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); } diff --git a/src/views/flow/follow.vue b/src/views/flow/follow.vue index e1a4b80..f4f0eec 100644 --- a/src/views/flow/follow.vue +++ b/src/views/flow/follow.vue @@ -21,12 +21,24 @@ {{ row.suspensionState === 1 ? '激活' : '挂起' }} - - - - - - + + + + + + + + + + + + - - - - - - - - - + + + + + + + + + + + + + + +