12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- 1. 功能需求拆解
- - 在客户联系人下方添加联系人电话字段
- - 联系人电话可以从下拉框选择时自动获取
- - 允许手动输入客户联系人和电话
- - 需要修改表单验证规则
- 2. 技术实现要点
- - 修改表单结构,添加新字段
- - 添加联系人选择联动逻辑
- - 调整验证规则
- - 确保提交时包含新增字段
- 3. UI交互设计
- - 保持与现有表单风格一致
- - 确保字段间的联动平滑
- 1. 修改上传组件配置
- - 将limit改为3
- - 调整照片预览样式
- 2. 调整数据处理
- - 修改checkImage字段存储格式
- - 使用英文逗号拼接多个图片id
- - 调整相关处理方法
- 1. 功能优化
- - 添加多选功能
- - 保持单张上传处理
- - 控制上传数量限制
- 2. 样式优化
- - 增加弹窗宽度
- - 优化图片显示布局
- - 调整上传组件样式
- 1. 问题定位
- - 当前上传请求未成功发送
- - 需要自定义上传实现
- 2. 解决方案
- - 移除action属性
- - 使用http-request自定义上传
- - 完善错误处理
- 1. 问题修复
- - 替换 $http 为 axios
- - 优化异步上传逻辑
- 2. 上传流程优化
- - 使用 Promise.all 处理多文件
- - 添加上传进度提示
- - 完善错误处理
|