升级Vue3,iView替换ElementPlus

- 删除babel配置、更新依赖与入口初始化
- 全量替换UI组件、样式适配,新增迁移文档与标签/过滤器自动化替换脚本
This commit is contained in:
lifenlong
2026-06-05 17:49:43 +08:00
parent 615ee91511
commit 832fda813b
322 changed files with 25693 additions and 24453 deletions

40
seller/MIGRATION-VUE3.md Normal file
View File

@@ -0,0 +1,40 @@
# 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` 编译通过
## 本地运行
```bash
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 复制已迁移业务页