| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- 1. UI优化
- - 将el-autocomplete改为el-select组件
- - 添加了allow-create属性支持创建新选项
- - 在下拉选项中显示联系人电话
- - 统一了与服务人员选择框的样式
- 2. 交互优化
- - 支持搜索过滤(filterable)
- - 支持直接输入新联系人(allow-create)
- - 选择已有联系人时自动填充电话
- - 清空选择时重置电话
- 3. 数据处理逻辑
- - 区分新增和选择已有联系人
- - 新增联系人时先调用保存接口
- - 保存成功后再提交验收信息
- - 保存失败时提示错误并中断提交
- 4. 新增功能
- - 添加saveNewCustomerContact方法处理新联系人保存
- - 优化handleContactChange方法处理选择变更
- 5. 数据结构简化
- - 移除了customerContactId字段
- - 只保留customContactName和telephone字段
- - 简化了表单验证规则
- 6. 验证规则优化
- - 客户联系人改为非必填
- - 联系人姓名设为必填
- - 电话号码添加了格式验证（11位手机号）
- 7. 数据提交更新
- - 提交时增加了customContactName和telephone字段
- 8. 上传组件优化
- - 设置最大上传数量为3张
- - 添加上传限制提示文字
- - 简化上传相关事件绑定
- 9. 数据结构优化
- - 新增checkImageList数组存储图片ID
- - 使用逗号拼接方式存储多个图片ID
- - 添加previewUrl用于图片预览
- 10. 功能增强
- - 添加超出限制提示
- - 优化图片预览功能
- - 完善图片删除逻辑
- 11. 数据处理逻辑
- - 上传成功时添加ID到列表并更新拼接字符串
- - 删除图片时从列表移除并更新拼接字符串
- - 表单重置时清空图片列表
- 1. 上传方式优化
- - 移除默认的action上传方式
- - 使用http-request自定义上传
- - 添加完整的错误处理
- 2. 上传流程优化
- - 改为即时上传模式
- - 上传成功后直接更新ID列表
- - 失败时自动移除失败文件
- 3. 请求处理优化
- - 添加正确的Content-Type
- - 完善响应处理逻辑
- - 增加成功/失败提示
- 4. 验证优化
- - 保留文件类型和大小验证
- - 提交时验证是否有上传图片
- - 优化错误提示信息
- 5. 界面布局优化
- - 增加弹窗宽度至700px
- - 缩小图片显示尺寸为120px
- - 优化图片列表布局（flex布局）
- - 添加图片间距
- 6. 样式优化
- - 统一图片尺寸
- - 添加弹性布局
- - 优化间距和对齐
- - 美化提示文字
- 1. 依赖更新
- - 引入axios替代this.$http
- - 添加上传进度处理
- 2. 上传功能优化
- - 添加上传进度显示
- - 完善文件状态管理
- - 优化错误处理逻辑
- 3. 请求配置优化
- - 添加Authorization头
- - 配置上传进度回调
- - 完善请求头设置
- 4. 文件状态管理
- - 添加文件上传状态
- - 添加上传进度显示
- - 优化文件列表更新逻辑
- 5. 错误处理增强
- - 完善错误信息展示
- - 优化失败文件处理
- - 添加文件状态更新
|
