lw-cdp-ui 1.3.70 → 1.4.0

package/dist/components/lwLayout/index.vue

@@ -265,6 +265,62 @@ export default {
       this.$tool.data.set('tenantId', user.userAuthInfo.tenantId)
       this.$tool.data.set('userAuthInfo', userAuthInfo)
       this.$store.state.user = userAuthInfo
+
+      // 动态菜单
+      if (this.$config.MENU_DYNAMIC) {
+        let MENU_LIST = this.$tool.data.get('MENU_LIST') || {}
+        let menu = await this.$api.auth.menu()
+        MENU_LIST['DYNAMIC_MENU'] = this.exportMenu(menu)
+        this.$tool.data.set('MENU_LIST', MENU_LIST)
+      }
+    },
+    // 处理动态菜单
+    exportMenu(originData) {
+      // 主处理函数
+      const processNode = (node, parentRoute = null) => {
+        // 创建基础路由结构
+        const route = {
+          name: node.pageName,
+          path: node.path,
+          component: node.component, // 组件由外部处理
+          sort: node.sort, // 组件由外部处理
+          meta: {
+            ...node.meta,
+            code: node.applications[0],
+            roles: [...node.authority, node.menuId]
+          }
+        }
+
+        // 处理子节点
+        if (node.children && node.children.length) {
+          route.children = node.children.sort((a, b) => a.sort - b.sort).map(child => processNode(child, route))
+        }
+
+        return route
+      }
+
+      // 按applications分组
+      const groupedData = {}
+
+      originData.forEach(item => {
+        // 获取应用类型（如ec、cdp等）
+        const appType = item.applications[0]
+
+        if (!groupedData[appType]) {
+          groupedData[appType] = []
+        }
+
+        // 处理当前节点
+        const processedNode = processNode(item)
+        groupedData[appType].push(processedNode)
+      })
+
+      // 对每个应用类型的菜单进行排序
+      Object.keys(groupedData).forEach(appType => {
+        groupedData[appType].sort((a, b) => a.sort - b.sort)
+      })
+
+      return groupedData
     },
     onLayoutResize() {
       this.$store.commit('SET_ismobile', document.body.clientWidth < 992)

package/dist/components/lwLogin/index.vue

@@ -177,129 +177,126 @@ export default {
     isEncryption: {
       type: Boolean,
       default: true
-    },
-
+    }
   },
   components: {
-    Lang,
+    Lang
   },
   data() {
     return {
       isRegistered: false,
       ruleForm: {
-        user: "",
-        password: "",
+        user: '',
+        password: '',
         role: 0,
-        autologin: false,
-      },
-      registForm: {
+        autologin: false
       },
+      registForm: {},
       rules: {
         user: [
           {
             required: true,
-            message: this.t("loginPage.userError"),
-            trigger: "blur",
-          },
+            message: this.t('loginPage.userError'),
+            trigger: 'blur'
+          }
         ],
         password: [
           {
             required: true,
-            message: this.t("loginPage.PWError"),
-            trigger: "blur",
-          },
+            message: this.t('loginPage.PWError'),
+            trigger: 'blur'
+          }
         ],
         name: [
           {
             required: true,
             message: this.t('loginPage.enterTitle'),
-            trigger: "blur",
-          },
+            trigger: 'blur'
+          }
         ],
         phone: [
           {
             required: true,
             message: this.t('loginPage.enterPhone'),
-            trigger: "blur",
+            trigger: 'blur'
           },
           {
             pattern: /^[1]([3-9])[0-9]{9}$/,
             message: this.t('loginPage.correctPhone'),
-            trigger: "blur",
-          },
+            trigger: 'blur'
+          }
         ],
         company: [
           {
             required: true,
             message: this.t('loginPage.enterCompany'),
-            trigger: "blur",
-          },
+            trigger: 'blur'
+          }
         ],
         position: [
           {
             required: true,
             message: this.t('loginPage.selectPosition'),
-            trigger: "change",
-          },
+            trigger: 'change'
+          }
         ],
         description: [
           {
             required: true,
             message: this.t('loginPage.selectPurpose'),
-            trigger: "change",
-          },
-        ],
+            trigger: 'change'
+          }
+        ]
       },
       optionsDescription: [
         {
           name: this.t('purposes.findSolution'),
-          id: "1",
+          id: '1'
         },
         {
           name: this.t('purposes.compareProducts'),
-          id: "2",
+          id: '2'
         },
         {
           name: this.t('purposes.other'),
-          id: "3",
-        },
+          id: '3'
+        }
       ],
       optionsCompany: [
         {
           name: this.t('positions.techStaff'),
-          id: "1",
+          id: '1'
         },
         {
           name: this.t('positions.businessStaff'),
-          id: "2",
+          id: '2'
         },
         {
           name: this.t('positions.researchStaff'),
-          id: "3",
+          id: '3'
         },
         {
           name: this.t('positions.marketingStaff'),
-          id: "4",
+          id: '4'
         },
         {
           name: this.t('positions.operationStaff'),
-          id: "5",
+          id: '5'
         },
         {
           name: this.t('positions.otherStaff'),
-          id: "6",
-        },
+          id: '6'
+        }
       ],
-      islogin: false,
-
-    };
+      islogin: false
+    }
   },
 
   created: function () {
-    this.$store.commit("clearViewTags");
-    this.$store.commit("clearKeepLive");
-    this.$store.commit("clearIframeList")
-    this.$tool.data.remove("MENU_LIST")
+    this.$store.commit('clearViewTags')
+    this.$store.commit('clearKeepLive')
+    this.$store.commit('clearIframeList')
+    this.$tool.data.remove('MENU_LIST')
   },
   methods: {
     // 加密
@@ -309,42 +306,42 @@ export default {
       return encryptor.encrypt(txt) // 对数据进行加密
     },
     async login() {
-      let validate = await this.$refs.loginForm
-        .validate()
-        .catch(() => { });
+      let validate = await this.$refs.loginForm.validate().catch(() => {})
       if (!validate) {
-        return false;
+        return false
       }
 
       let data = {
         username: this.ruleForm.user,
-        password: this.ruleForm.password,
-      };
+        password: this.ruleForm.password
+      }
 
       if (this.isEncryption) {
         const publicKey = await this.$api.auth.key()
         if (publicKey) {
           data = {
             username: this.encrypt(publicKey, this.ruleForm.user),
-            password: this.encrypt(publicKey, this.ruleForm.password),
-          };
+            password: this.encrypt(publicKey, this.ruleForm.password)
+          }
         }
       }
 
       //获取token
       let token = await this.$api.auth.token(data)
-      this.$tool.data.set("TOKEN", token);
+      this.$tool.data.set('TOKEN', token)
 
-      this.islogin = true;
+      this.islogin = true
       // 获取所有bu
       let bu = await this.$api.auth.bu()
       if (bu.length == 0) {
-        this.$message.warning('用户没有应用权限');
+        this.$message.warning('用户没有应用权限')
         return false
       }
       this.$tool.data.set('buList', bu)
       let code = this.$tool.data.get('buCode')
-      let item = bu.find(x => { return x.code == code })
+      let item = bu.find(x => {
+        return x.code == code
+      })
       if (!item) {
         this.$tool.data.set('buCode', bu[0].code)
       }
@@ -353,57 +350,110 @@ export default {
       let user = await this.$api.auth.user()
       // 处理应用显示逻辑
       let application = [...new Set(user.userAuthInfo.menus.map(permission => permission.split('.')[0].split('_')[0]))]
-      user.userAuthInfo.grantedApplications = user.userAuthInfo.grantedApplications.filter(x => application.includes(x.code))
+      user.userAuthInfo.grantedApplications = user.userAuthInfo.grantedApplications.filter(x =>
+        application.includes(x.code)
+      )
 
       let userAuthInfo = {
         ...user.userAuthInfo,
         combined: user.combined,
         loginPage: user.loginPage,
-        menuContent: user.menuContent,
+        menuContent: user.menuContent
       }
       this.$tool.data.set('tenantId', user.userAuthInfo.tenantId)
       this.$tool.data.set('userAuthInfo', userAuthInfo)
       // 用与应用菜单显示
       this.$store.state.user = userAuthInfo
 
+      // 动态菜单
+      if (this.$config.MENU_DYNAMIC) {
+        let MENU_LIST = this.$tool.data.get('MENU_LIST') || {}
+        let menu = await this.$api.auth.menu()
+        MENU_LIST['DYNAMIC_MENU'] = this.exportMenu(menu)
+        this.$tool.data.set('MENU_LIST', MENU_LIST)
+      }
 
       // 兼容旧项目设置信息
-      sessionStorage.setItem('easyweb_session_passport_current_user', JSON.stringify({ v: user }))
-      sessionStorage.setItem('easyweb_session_passport_bu', JSON.stringify({ v: bu[0] }))
-      sessionStorage.setItem('easyweb_session_passport_bu_list', JSON.stringify({ v: bu }))
-      document.cookie = `Authorization=Bearer ${token}`;
-
+      sessionStorage.setItem('easyweb_session_passport_current_user', JSON.stringify({v: user}))
+      sessionStorage.setItem('easyweb_session_passport_bu', JSON.stringify({v: bu[0]}))
+      sessionStorage.setItem('easyweb_session_passport_bu_list', JSON.stringify({v: bu}))
+      document.cookie = `Authorization=Bearer ${token}`
 
       // 检验是否初始化
       if (this.isInitialized) {
         let initialized = await this.$api.auth.initialized()
         this.$tool.data.set('zoneInitialized', initialized)
         if (initialized) {
-          this.$router.push(this.$config.DASHBOARD_URL);
+          this.$router.push(this.$config.DASHBOARD_URL)
         } else {
-          this.$router.push(this.$config.INIT_URL);
+          this.$router.push(this.$config.INIT_URL)
         }
       } else {
-        this.$router.push(this.$config.DASHBOARD_URL);
+        this.$router.push(this.$config.DASHBOARD_URL)
       }
 
-
-      this.$message.success(this.t('loginPage.loginSuccess'));
-      this.islogin = false;
+      this.$message.success(this.t('loginPage.loginSuccess'))
+      this.islogin = false
     },
     // 申请试用
     async apply() {
-      let validate = await this.$refs.registForm
-        .validate()
-        .catch(() => { });
+      let validate = await this.$refs.registForm.validate().catch(() => {})
       if (!validate) {
-        return false;
+        return false
       }
       await this.$api.auth.apply(this.registForm)
-      this.$message.success(this.t('loginPage.applySuccess'));
+      this.$message.success(this.t('loginPage.applySuccess'))
+    },
+    // 处理动态菜单
+    exportMenu(originData) {
+      // 主处理函数
+      const processNode = (node, parentRoute = null) => {
+        // 创建基础路由结构
+        const route = {
+          name: node.pageName,
+          path: node.path,
+          component: node.component, // 组件由外部处理
+          sort: node.sort, // 组件由外部处理
+          meta: {
+            ...node.meta,
+            code: node.applications[0],
+            roles: [...node.authority, node.menuId]
+          }
+        }
+
+        // 处理子节点
+        if (node.children && node.children.length) {
+          route.children = node.children.sort((a, b) => a.sort - b.sort).map(child => processNode(child, route))
+        }
+
+        return route
+      }
+
+      // 按applications分组
+      const groupedData = {}
+
+      originData.forEach(item => {
+        // 获取应用类型（如ec、cdp等）
+        const appType = item.applications[0]
+
+        if (!groupedData[appType]) {
+          groupedData[appType] = []
+        }
+
+        // 处理当前节点
+        const processedNode = processNode(item)
+        groupedData[appType].push(processedNode)
+      })
+
+      // 对每个应用类型的菜单进行排序
+      Object.keys(groupedData).forEach(appType => {
+        groupedData[appType].sort((a, b) => a.sort - b.sort)
+      })
+
+      return groupedData
     }
-  },
-};
+  }
+}
 </script>
 
 <style lang="scss" scoped>