manager 升级到vue3

manager/src/main.js

@@ -1,114 +1,88 @@
-// The Vue build version to load with the `import` command
-// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
-import Vue from 'vue'
-import ViewUI from 'view-design'
-// import 'view-design/dist/styles/iview.css'
-import './styles/theme.less';
+import { createApp } from "vue";
+import "core-js/stable";
+import "./styles/theme.less";
+import App from "./App.vue";
+import { router } from "./router/index";
+import store from "./store";
+import i18n from "@/locale";
+import { setupElementPlus } from "@/plugins/element";
+import { setupLegacyMessage } from "@/utils/message";
+import liliDialog from "@/components/lili-dialog";
+import PriceColorScheme from "@/components/price-color-scheme.vue";
+import { install as installVueQr } from "vue-qr";
+import {
+  getRequest,
+  postRequest,
+  putRequest,
+  deleteRequest,
+  importRequest,
+  uploadFileRequest,
+} from "@/libs/axios";
+import { setStore, getStore, removeStore } from "@/libs/storage";
+import util from "@/libs/util";
+import { md5 } from "@/utils/md5.js";
+import * as filters from "@/utils/filters";
 
-import "core-js/stable"
-// import "regenerator-runtime/runtime"
-import App from './App'
-import {router} from './router/index'
-import store from './store'
-import i18n from '@/locale'
+const { aMapSecurityJsCode, mainColor } = require("@/config");
 
-import {getRequest, postRequest, putRequest, deleteRequest, importRequest, uploadFileRequest} from '@/libs/axios'
-import {setStore, getStore, removeStore} from '@/libs/storage'
-import util from '@/libs/util'
-
-import * as filters from '@/utils/filters' // global filter
-import liliDialog from '@/components/lili-dialog'
-
-import {md5} from '@/utils/md5.js';
-
-// 打印
-import Print from 'vue-print-nb';
-
-Vue.use(Print);
-const {aMapSecurityJsCode, inputMaxLength,mainColor } = require("@/config");
-// 高德安全密钥
 if (aMapSecurityJsCode) {
   window._AMapSecurityConfig = {
     securityJsCode: aMapSecurityJsCode,
   };
 }
 
+const PC_URL = BASE.PC_URL;
+const WAP_URL = BASE.WAP_URL;
 
-Vue.config.devtools = true;
-Vue.config.productionTip = false
-const PC_URL = BASE.PC_URL; // 跳转买家端地址 pc端
-const WAP_URL = BASE.WAP_URL; // 跳转买家端地址 wap端
-Vue.prototype.linkTo = function (goodsId, skuId) {
-  // 跳转买家端商品
+// 刷新深链（如 /member/user-manage）前先从缓存注册动态路由
+util.bootstrapDynamicRoutesFromCache();
+
+const app = createApp(App);
+
+setupElementPlus(app);
+setupLegacyMessage(app);
+installVueQr(app);
+
+app.use(router);
+app.use(store);
+app.use(i18n);
+
+app.component("liliDialog", liliDialog);
+app.component("priceColorScheme", PriceColorScheme);
+
+app.config.globalProperties.getRequest = getRequest;
+app.config.globalProperties.postRequest = postRequest;
+app.config.globalProperties.putRequest = putRequest;
+app.config.globalProperties.deleteRequest = deleteRequest;
+app.config.globalProperties.importRequest = importRequest;
+app.config.globalProperties.uploadFileRequest = uploadFileRequest;
+app.config.globalProperties.setStore = setStore;
+app.config.globalProperties.getStore = getStore;
+app.config.globalProperties.removeStore = removeStore;
+app.config.globalProperties.$mainColor = mainColor;
+app.config.globalProperties.md5 = md5;
+app.config.globalProperties.$filters = filters;
+
+app.config.globalProperties.linkTo = function (goodsId, skuId) {
   let src;
   if (skuId) {
     src = `${PC_URL}/goodsDetail?skuId=${skuId}&goodsId=${goodsId}`;
   } else {
     src = `${PC_URL}/goodsDetail?goodsId=${goodsId}`;
   }
-
   window.open(src, "_blank");
 };
-Vue.prototype.wapLinkTo = function (goodsId, skuId) {
-  // app端二维码
+
+app.config.globalProperties.wapLinkTo = function (goodsId, skuId) {
   if (skuId) {
     return `${WAP_URL}/pages/product/goods?id=${skuId}&goodsId=${goodsId}`;
-  } else {
-    return `${WAP_URL}/pages/product/goods?goodsId=${goodsId}`;
   }
+  return `${WAP_URL}/pages/product/goods?goodsId=${goodsId}`;
 };
-// 引入价格格式化组件
-import priceColorScheme from 'price-color'
-Vue.use(priceColorScheme);
 
-const copyViewUi = {...ViewUI}
-copyViewUi.Input.props.maxlength.default = inputMaxLength // 挂载最大输入值
-Vue.use(copyViewUi, {
-  i18n: (key, value) => i18n.t(key, value),
+router.isReady().then(() => {
+  app.mount("#app");
 });
 
-Vue.component('liliDialog', liliDialog)
-
-
-
-// 挂载全局使用的方法
-Vue.prototype.getRequest = getRequest;
-Vue.prototype.postRequest = postRequest;
-Vue.prototype.putRequest = putRequest;
-Vue.prototype.deleteRequest = deleteRequest;
-Vue.prototype.importRequest = importRequest;
-Vue.prototype.uploadFileRequest = uploadFileRequest;
-Vue.prototype.setStore = setStore;
-Vue.prototype.getStore = getStore;
-Vue.prototype.removeStore = removeStore;
-Vue.prototype.$mainColor = mainColor;
-Vue.prototype.md5 = md5;
-
-Array.prototype.remove = function (from, to) {
-  var rest = this.slice((to || from) + 1 || this.length);
-  this.length = from < 0 ? this.length + from : from;
-  return this.push.apply(this, rest);
-};
-
-Object.keys(filters).forEach(key => {
-  Vue.filter(key, filters[key])
-})
-/* eslint-disable no-new */
-new Vue({
-  el: '#app',
-  router,
-  store,
-  i18n,
-  render: h => h(App),
-  data: {
-    currentPageName: ''
-  },
-  mounted() {
-    // 初始化菜单
-    util.initRouter(this);
-    this.currentPageName = this.$route.name;
-    // 显示打开的页面的列表
-    this.$store.commit('setOpenedList');
-    this.$store.commit('initCachePage');
-  }
-})
+// 登录后由 App.vue 触发 initRouter 拉取/更新菜单
+export { app, util };