lilishop-ui/seller/MIGRATION-VUE3.md

seller Vue 3 + Element Plus 迁移说明

已完成

• 依赖升级：vue@3、vue-router@4、vuex@4、element-plus、vue-lazyload@3
• 入口：src/main.js（createApp）
• 路由、动态路由、全局 $Message / $Modal / $Notice、$filters
• 移除 view-design，axios 已改用 @/utils/message
• 页面装修模块从 manager 同步（shop/wap、shop/modelList 等）
• 订单、促销、分销、统计等业务页从 manager 迁移并适配商家 API
• yarn run build 编译通过

本地运行

cd seller
yarn install
yarn run dev

Node 16+，包管理统一 yarn。商家后台默认端口见 src/config/index.js（10002）。

本轮补充（样式 / 商品发布）

• goodsOperation.vue：el-steps 步骤条
• goodsOperationFirst.vue / goodsOperationSec.vue：去除 iView 图标、ButtonGroup
• shop/hotzone/index.vue：el-dialog 热区弹窗
• common.scss / table-common.scss：列表页双 Card 间距、el-form-item 对齐
• addGoods.scss / home.scss 等：:deep() 语法修复

可选后续

• 业务代码中仍可使用 this.$Message / this.$Modal（兼容层映射到 Element Plus）
• 样式文件中残留的 .ivu-* 类名可逐步清理
• 商品发布三步流程建议上线前重点回归测试

迁移脚本

• scripts/migrate-iview-to-element.js — 从 manager 复制装修模板 + 批量替换
• scripts/copy-manager-migrations.js — 从 manager 复制已迁移业务页

上线前检查

四端统一清单（认证、axios、Element Plus、分端专项）：../MIGRATION-VUE3.md