feat(project-apply): 优化表单提示与客户承运商表格交互
- 将“项目资金使用额度”和“项目应收账款额度”提示从placeholder移至label右侧问号tooltip - 调整提示文案为“实际业务回款周期内付款”和“回款期内最大应收账款额” - 客户信息和承运商信息表格中“客户”“承运商”列变为可点击链接,点击跳转查看客商档案 - 删除客户和承运商表格中的“联系人”“联系方式”列 - 表单输入框placeholder统一调整为“请选择”或“请输入” - 新增openCustomerArchive方法支持查看客商档案,缺失ID时提示警告 - 项目申请页面用户查询条件由account改为phone,相关表格列同步调整 - 部门管理权限调整,操作列只显示“添加”按钮,删除查看、编辑、删除按钮相关代码及样式 - Vite配置中更新本地开发端口为2889并修改API代理目标地址为局域网地址http://172.16.203.228:8000 - 修正项目申请页面部分样式,使label问号图标与文字baseline对齐和换行显示
This commit is contained in:
@@ -58,3 +58,25 @@
|
||||
- 根因:`<el-form-item label="业务部门">` 误加 `class="project-apply-form__item--full"`(该类对应样式 `:deep(.project-apply-form__item--full) { grid-column: 1 / -1; ... }` 是横跨整行的:本意只用于"项目由来说明"等多行文本字段)。
|
||||
- 修复:移除该 class,业务部门恢复为半宽(一行两列网格的常规项),仅"项目由来说明"等需要全宽铺开的字段仍保留 full。同时把样式块上方注释由「占满整行的表单项(业务部门 / 项目由来说明)」改为「占满整行的表单项(如项目由来说明等多行文本字段)」,避免再误读。
|
||||
|
||||
## project-apply 字段 label 问号悬浮提示
|
||||
- 文件:`src/views/business/project-apply.vue`
|
||||
- 需求:把"项目资金使用额度"/"项目应收账款额度"两字段的提示从 placeholder 移到 label 右侧问号 tooltip。
|
||||
- 实现:
|
||||
- 两 `el-form-item` 加 `class="project-apply-form__tip-label"`,用 `#label` slot 包裹文字 + `<el-tooltip content=... placement="top"><el-icon class="project-apply-form__label-tip"><QuestionFilled /></el-icon></el-tooltip>`。
|
||||
- placeholder 改回"请输入"。
|
||||
- 提示文案按截图(去掉"额度"二字):资金使用额度→`实际业务回款周期内付款`;应收账款额度→`回款期内最大应收账款额`。
|
||||
- scoped 样式:`__tip-label :deep(.el-form-item__label){vertical-align:top}` 保持默认 inline 布局,让文字按全局 `white-space: normal` 换行显示;`__label-tip{margin-left:4px;color:#a8abb2;cursor:help;vertical-align:-0.125em}` 问号与文字 baseline 对齐。
|
||||
- 图标 `QuestionFilled` 已在 main.js 全局注册(@element-plus/icons-vue),模板可直接用。
|
||||
- 可复用模式:其它表单字段如需 label 旁问号提示,套用此 slot 结构即可。
|
||||
|
||||
## project-apply 详情页客户/承运商表格改造
|
||||
- 文件:`src/views/business/project-apply.vue`
|
||||
- 需求:
|
||||
1. 客户信息、承运商信息两个表格的「客户」「承运商」列改为可点击链接,跳转打开对应客商档案。
|
||||
2. 删除两个表格的「联系人」「联系方式」列。
|
||||
- 实现:
|
||||
- 模板:两列的 `el-table-column` 用 `#default` slot 渲染 `<el-link type="primary" :underline="false" @click="openCustomerArchive(row)">`,显示 `row.customer` / `row.carrier`。
|
||||
- 删除原 `prop="contact"` 和 `prop="phone"` 两列。
|
||||
- methods 新增 `openCustomerArchive(row)`:取 `getCustomerRowId(row)`(`row.id || row.customerId || row.carrierId`),无 ID 时 `this.$message.warning`;有 ID 则 `this.$router.push({ path: '/vehicle/customer-archive/form', query: { id: String(id), name: '查看客商档案', view: '1' } })`。
|
||||
- 注意:客商档案查看态由 `customer-archive.vue` 的 `this.$route.query.view === '1'` 识别,与现有查看逻辑一致。
|
||||
|
||||
|
||||
Reference in New Issue
Block a user