- 模板列表操作列新增“配送区域”跳转链接,调整操作列宽度为200 - 配送区域页根据路由参数设置页面标题并过滤对应模板数据 - 合并省市列为配送地区列,显示具体地区名称 - 移除配送区域页模板ID和计费方式列 - 搜索组件去除模板ID搜索框,保留新增与批量删除 - 编辑表单用级联选择组件替代省市输入,移除所属模板与计费方式字段 - 编辑表单支持配送地区回显及动态标签显示,保存时自动赋值模板ID和计费方式 - 加载地区数据建立ID到名称映射以支持地区展示
1.7 KiB
1.7 KiB
2026-07-08 工作日志
完善运费模板配送区域功能
改造内容
-
模板列表页 (
shopExpressTemplate/index.vue)- 操作列增加"配送区域"链接,点击跳转到
shopExpressTemplateDetail?templateId=xxx&title=xxx&type=xxx - 操作列宽度从 140 调整为 200
- 操作列增加"配送区域"链接,点击跳转到
-
配送区域页面 (
shopExpressTemplateDetail/index.vue)- 读取路由参数
templateId/title/type,页面标题显示"模板名称 - 配送区域" - 数据源自动按
templateId过滤 - 移除"所属模板ID"和"计费方式"列
- 省份/城市列合并为"配送地区"列,显示地区名称(通过 regions-data.json 建立 ID→名称映射)
- 传
templateId和templateType给编辑组件
- 读取路由参数
-
搜索组件 (
shopExpressTemplateDetail/components/search.vue)- 移除模板ID搜索框,仅保留添加/批量删除按钮
-
编辑表单 (
shopExpressTemplateDetail/components/shopExpressTemplateDetailEdit.vue)- 用
RegionsSelect级联选择器(provinceCity 模式)替换省份/城市的a-input-number - 移除"所属模板"下拉选择(由路由参数确定)
- 移除"计费方式"radio(从父模板继承)
- 标签根据
templateType动态显示"首件数量"或"首重重量" - 保存时自动填充
templateId和type - 编辑回显时将 provinceId/cityId 数字转回字符串数组给级联选择器
- 用
技术要点
RegionsSelect组件位于src/components/RegionsSelect/,数据源为public/json/regions-data.json- 级联选择器 value 是字符串数组(如
["110000", "110100"]),需与 model 的 number 类型互转 - 路由路径
/shop/shopExpressTemplateDetail依赖后端菜单配置,如不一致需调整