manager 升级到vue3

This commit is contained in:
pikachu1995@126.com
2026-05-25 10:49:09 +08:00
parent e7350899bf
commit 615ee91511
239 changed files with 22907 additions and 30841 deletions

59
manager/MIGRATION-VUE3.md Normal file
View File

@@ -0,0 +1,59 @@
# manager Vue 3 + Element Plus 迁移说明
## 已完成P1P3 骨架)
- 依赖升级:`vue@3``vue-router@4``vuex@4``vue-i18n@9``element-plus`
- 入口:`src/main.js``createApp`
- 路由、动态路由、全局 `$Message` / `$Modal` / `$Notice``$filters``priceColorScheme``vue-qr@5`
- TinyMCE移除已弃用 `template` 插件
## P5 批量修复Table / 过滤器)
列表页 **60+**`el-table`;过滤器已改为 `$filters.*`;全项目已无 `$set` / `$options.filters`
## P6 表单 / 弹窗(已完成模块)
| 模块 | 状态 |
|------|------|
| 地区、秒杀设置、分销设置、修改密码、编辑器、链接弹窗 | ✅ |
| 店铺详情 / 店铺编辑 `shopOperation.vue` | ✅ |
| 售后详情 `afterSaleOrderDetail.vue` | ✅ |
| **系统设置** `sys/setting-manage/**`19 个 vue + template.js | ✅ |
| **菜单 / 部门** `sys/menu-manage/``sys/department-manage/` | ✅ |
| **页面装修** `views/page-decoration/**`PC + H5 装修、modelList、wap 模板) | ✅ |
| **文章管理** `views/page/article-manage/**` | ✅ |
| **零散页面** 礼品卡、个人中心、热区、促销编辑、视频号、错误页、短信签名等 | ✅ |
### 系统设置包含
- `settingManage.vue`Tab 壳)
- `platformSetting.vue`
- `setting/`基础、商品、订单、积分、提现、物流、OSS、短信、客服
- `pay/`:支付开关、支付宝、微信
- `authLogin/`登录、QQ、微信
- `smsSettingManage.vue`
`template.js` 中动态组件已 `markRaw`
## 可选后续
- `components/tree-table`:旧 JSX 表格,当前路由未引用;`Spin` 已改 `v-loading``beforeUnmount` 已对齐 Vue 3
- 样式文件中残留的 `.ivu-*` 类名可随页面改版逐步清理(不影响运行)
## 编译告警处理2026-05
- 全项目 `::v-deep` 已改为 Vue 3 推荐的 `:deep(...)`
- `common.scss` 合并 `table-common.scss`,去掉全局 `@import` 注入告警
- `vue.config.js` 配置 `sassOptions.silenceDeprecations` 抑制 Sass legacy API 提示
- `common.scss``.search > .el-card + .el-card` 恢复列表页双 Card 间距(原 `.ivu-card` 规则已失效)
- `element.scss`:全局 `el-table--border` 去掉列竖线
## 本地运行
```bash
cd manager
yarn install
yarn run dev
```
Node **18+**,包管理统一 **yarn**