样式调整

src/components/ThemePicker/index.vue

@@ -20,8 +20,12 @@ export default {
     }
   },
   created() {
-    this.theme = Cookies.get("defaultTheme")
-    document.body.style.setProperty('--theme-color', Cookies.get("defaultTheme"));
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.theme = Cookies.get("defaultTheme")
+      document.body.style.setProperty('--theme-color', Cookies.get("defaultTheme"));
+    })
   },
   computed: {
 

src/main.js

@@ -56,6 +56,8 @@ Vue.use(Wujie);
 const { setupApp, preloadApp } = Wujie;
 setupApp({
   name: "modules",
+  sync: true,
+  alive: true,
   url: "http://localhost:9530/admin/#/",
   exec: true,
 });

src/permission.js

@@ -28,6 +28,7 @@ router.beforeEach(async(to, from, next) => {
       NProgress.done()
     } else {
       if (to.meta.isModule) {
+        store.commit('modules/SET_MODULE_NAME',to.meta.moduleName)
         store.commit('modules/SET_MODULE_URI',to.meta.moduleUri)
       }
 

src/store/getters.js

@@ -8,6 +8,7 @@ const getters = {
   admins: state => state.data.admins,
   departments: state => state.data.departments,
   permission_routes: state => state.permission.routes,
-  module_uri: state => state.modules.moduleUri
+  module_uri: state => state.modules.moduleUri,
+  module_name: state => state.modules.moduleName
 }
 export default getters

src/store/modules/modules.js

@@ -1,11 +1,14 @@
 const state = {
-  moduleUri: ""
+  moduleUri: "",
+  moduleName: "",
 }
 const mutations = {
   SET_MODULE_URI: (state, uri) => {
     state.moduleUri = uri
   },
-
+  SET_MODULE_NAME: (state, name) => {
+    state.moduleName = name
+  },
 }
 
 const actions = {

src/store/modules/permission.js

@@ -37,7 +37,8 @@ export function filterAsyncRoutes(routes) {
         guard: route.guard_name,
         folder: route.folder,
         isModule: !/^\/./.test(route.path),
-        moduleUri: /^\/./.test(route.path) ? '' : `${process.env.VUE_APP_BASE_API}/${route.path}`,
+        moduleUri: /^\/./.test(route.path) ? '' : `http://localhost:9529/${route.path}`,
+        moduleName: /^\/./.test(route.path) ? '' : route.path,
       }
     }
 
@@ -71,7 +72,6 @@ const actions = {
         accessedRoutes = filterAsyncRoutes(routes)
         //把404拦截放在最后匹配
         accessedRoutes.push({ path: '*', redirect: '/404', hidden: true })
-        console.log(333,accessedRoutes)
         commit('SET_ROUTES', accessedRoutes)
         resolve(accessedRoutes)
       } catch (err) {

src/styles/navbar.scss

@@ -2839,7 +2839,7 @@ progress {
   --tblr-navbar-toggler-focus-width: 0;
   --tblr-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
   position: relative;
-  z-index: 9999999;
+  z-index: 999;
   display: flex;
   flex-wrap: wrap;
   align-items: center;

src/views/wujie/index.vue

@@ -3,7 +3,6 @@
          width="100%"
          height="100%"
          name="modules"
-         sync
          :url="module_uri"
          :props="props">
   </Wujie>
@@ -20,18 +19,21 @@ export default {
   data() {
     return {
       props: {
-        auth_token: ""
+        auth_token: "",
+        module_name: "",
       }
     }
   },
   methods: {},
   computed: {
-    ...mapGetters(['module_uri'])
+    ...mapGetters(['module_uri','module_name'])
   },
   watch: {
     module_uri: {
       handler:function(newVal) {
-        this.props.auth_token = getToken()
+        this.props.module_name = this.module_name;
+        this.props.auth_token = getToken();
+
       },
       immediate: true
     }