qgb-process 0.2.3 → 0.2.7

package/src/components/public/NewLeftMenu.vue

@@ -1,418 +1,418 @@
-<!--
- * @Descripttion: 左侧菜单
- * @version: 1.0.0
- * @Author: Chendajiang
- * @Date: 2019-08-14 17:45:57
- * @LastEditors: Yxj
- * @LastEditTime: 2021-08-02 16:32:05
- -->
-
-<template>
-  <div class="aside-bar" v-loading="!menuFinish">
-    <el-menu
-      :default-active="currentPath"
-      :default-openeds="defaultOpeneds"
-      class="el-menu-vertical-demo"
-      unique-opened
-    >
-      <!-- <template v-for="ele in leftMenuData" v-if="ele.meta&&ele.meta.isMenu">
-        <el-submenu
-          :index="ele.path"
-          :class="defaultOpeneds == ele.path?'jz-menu-is-actived':''"
-          :key="ele.path"
-          v-if="ele.children&&ele.children.length>0&&ele.path !== '/'&&isShowMenu(ele.children)"
-        >
-          <template slot="title">
-            <img class="menu-icon" :src="ele.icon" alt />
-            <span>{{ele.meta.Title}}</span>
-          </template>
-          <el-menu-item
-            v-for="item in ele.children"
-            :key="item.path"
-            :index="item.path"
-            v-if="item.meta&&item.meta.isMenu"
-            @click="navTo(item.path,item.name)"
-          >{{item.meta.Title}}</el-menu-item>
-        </el-submenu>
-        <el-menu-item
-          :index="ele.path"
-          :key="ele.path"
-          v-else
-          @click="navTo(ele.path,ele.name)"
-          class="menu-submenu"
-        >
-          <img class="menu-icon" :src="ele.icon" alt />
-          <span slot="title">{{ele.meta.Title}}</span>
-        </el-menu-item>
-      </template>-->
-      <NavMenu :MenuData="leftMenuData" :defaultOpeneds="defaultOpeneds"></NavMenu>
-    </el-menu>
-  </div>
-</template>
-<script>
-import _ from "lodash-es";
-import { gitMenuConfig } from "@/api/apiFormBuilder/menu";
-export default {
-  name: "LeftMenu",
-  props: {},
-  data() {
-    return {
-      leftMenuData: [],
-      customMenu: {}
-      // defaultOpeneds: ""
-    };
-  },
-  components: {
-    NavMenu: () => import("@/components/public/components/MenuList")
-  },
-  watch: {
-    currentMenu: {
-      handler: function(indexVal, oldVal) {
-        this.initMenu(indexVal);
-      },
-      deep: true,
-      immediate: true
-    },
-    menuFinish: {
-      handler: function(indexVal, oldVal) {
-        if (indexVal) {
-          this.initMenu(this.$store.state.currentMenu);
-        }
-      }
-    }
-  },
-  computed: {
-    currentPath() {
-      const len = this.$route.matched.length;
-      if (len > 0) {
-        const str = this.$route.matched[len - 1].path;
-        if (len > 2) {
-          if (this.$route.matched[0].path === "") {
-            return "/";
-          } else if (str.charAt(str.length - 1) == "/" || len > 3) {
-            return this.$route.matched[len - 2].path;
-          } else {
-            return this.$route.matched[len - 1].path;
-          }
-        }
-        // 自定义菜单展开
-        if (this.$route.path.indexOf("formGeneration") > -1 || this.$route.path.indexOf("formDataDetail") > -1) {
-          return "/designListPage/" + this.$route.params.id
-        }
-        return this.$route.path;
-      }
-    },
-    menuFinish() {
-      return this.$store.state.menuFinish;
-    },
-    currentMenu() {
-      return this.$store.state.currentMenu;
-    },
-    isCollapse() {
-      return this.$store.state.isCollapse;
-    },
-    defaultOpeneds() {
-      const Path = [];
-      // 自定义菜单处理
-      if (this.$route.matched[0] && this.$route.matched[0].path.indexOf("/customFrom") > -1) {
-        const id = this.$route.params.id;
-        let menuPath = "";
-        Object.keys(this.customMenu).forEach(i => {
-          if (this.customMenu[i].indexOf("/designListPage/" + id) > -1) {
-            menuPath = i
-          }
-        })
-        const menuSecond = "/designListPage/" + id;
-        return ["/Hgcgl", menuPath, menuSecond]
-      } else {
-        this.$route.matched.map(item => {
-          Path.push(item.path);
-        });
-      }
-      // if (this.$route.matched.length >= 2) {
-      //   return this.$route.matched[1].path
-      // }
-      // return this.$route.path
-      // console.log(Path)
-      return Path;
-    },
-    companyNo: function() {
-      return this.$store.state.user.cno;
-    }
-  },
-  methods: {
-    isShowMenu(arr) {
-      const arrList = arr.filter(item => {
-        return item.meta && item.meta.isMenu;
-      });
-      if (arrList.length > 0) {
-        return true;
-      } else {
-        return false;
-      }
-    },
-    navTo(path, name, index) {
-      // console.log(path,'path')
-      // console.log(name,'name')
-      if (this.$route.path !== path) {
-        this.$router.push({ path });
-      }
-      if (name == "AddCheckType") {
-        this.$_addCheckType();
-      }
-      /* if (this.toOther(path)) {
-        return
-      }
-
-      if (this.$store.state.auth_user.identifiers.indexOf(name) > -1 || path.indexOf('/formGeneration') > -1) {
-        if (this.$route.path !== path) {
-          this.$router.push({ path })
-        }
-      } else {
-        // 没有权限
-        this.$confirm('当前功能需要完成企业认证后才可使用，请先进行企业认证！', '提示', {
-          confirmButtonText: '去认证',
-          cancelButtonText: '暂不认证',
-          type: 'warning'
-        })
-          .then(() => {
-          })
-          .catch(() => {
-          })
-      }
-      */
-    },
-    initMenu() {
-      // indexVal
-      const indexVal = "/Hgcgl";
-      const menu = this.$router.options.routes;
-      this.leftMenuData = menu
-      // let menus = menu.filter(item => {
-      //   return item.path == indexVal && item.meta.isMenu;
-      // });
-      // if (menus.length > 0) {
-      //   this.leftMenuData = menus[0].children;
-      //   this.$nextTick(() => {
-      //     if (
-      //       menus[0].children[0].children &&
-      //       menus[0].children[0].children.length > 0
-      //     ) {
-      //       // this.defaultOpeneds = menus[0].children[0].path;
-      //     }
-      //   });
-      // } else {
-      //   this.leftMenuData = [];
-      // }
-
-      this.getConfigMenu();
-    },
-    toOther(path) {
-      const personallist = ["/Hzlgl", "/Hlabor"]; // 租赁 // 工队
-      // let qiyelist = ['/Hgcgl'] //  企业管理
-      const qiyelist = ["/Hgcgl", "/Hshop", "/ZCJY", "/ZSFX"]; //  企业管理
-
-      const bol1 = personallist.indexOf(this.currentMenu); // 个人认证
-      const bol2 = qiyelist.indexOf(this.currentMenu); // 企业认证
-
-      const bol3 = this.$store.getters.getUser.personalAuth === 0; // 未实名认证
-      const bol4 = this.$store.state.user.userRole === 0; // 未企业认证
-
-      if (!bol3 && !bol4) {
-        return false;
-      }
-
-      if (path == "/electronicContract" && bol4) {
-        // 电子合同
-        const data = {
-          type: "error",
-          buttonSubmit: "去认证",
-          buttonClose: "暂不认证",
-          msg: {
-            title: "提示",
-            content: "当前功能需要完成企业认证后才可使用，请先进行企业认证！"
-          },
-          callBack: async function() {
-            this.$router.push({ path: "/enterpriseAuthentication" });
-          }.bind(this)
-        };
-        this.$_popout1(data);
-        return true;
-      }
-      if (bol1 != -1 && bol3) {
-        const data = {
-          type: "error",
-          buttonSubmit: "去认证",
-          buttonClose: "暂不认证",
-          msg: {
-            title: "提示",
-            content: "当前功能需要完成个人认证后才可使用，请先进行个人认证！"
-          },
-          callBack: async function() {
-            this.$router.push({ path: "/authenticationRealName" });
-          }.bind(this)
-        };
-        this.$_popout1(data);
-        return true;
-      }
-
-      if (bol2 != -1 && bol4) {
-        const data = {
-          type: "error",
-          buttonSubmit: "去认证",
-          buttonClose: "暂不认证",
-          msg: {
-            title: "提示",
-            content: "当前功能需要完成企业认证后才可使用，请先进行企业认证！"
-          },
-          callBack: async function() {
-            this.$router.push({ path: "/enterpriseAuthentication" });
-          }.bind(this)
-        };
-        this.$_popout1(data);
-        return true;
-      }
-      return false;
-    },
-    async getConfigMenu() {
-
-      if (!this.companyNo) return;
-      const params = { companyNo: this.companyNo };
-      const { data } = await gitMenuConfig(params);
-      if (data.state == "ok") {
-        const menuList = _.sortBy(data.data, function(item) {
-          return item.sort;
-        });
-        menuList.forEach(item => {
-          if (item.subMenu.length > 0) {
-            item.subMenu = _.sortBy(item.subMenu, function(secItem) {
-              return secItem.sort;
-            });
-          }
-        });
-        const menu = this.formatMenu(menuList);
-        const json = {};
-        menu.forEach((item, index) => {
-          const child = []
-          if (item.children && item.children.length > 0) {
-            item.children.forEach(i => {
-              child.push(i.path)
-            })
-          }
-          json[item.path] = child
-        })
-        this.customMenu = json
-        this.leftMenuData = this.leftMenuData.concat(menu);
-      }
-    },
-    formatMenu(menuList) {
-      const menu = [];
-      menuList.forEach(item => {
-        const path = item.pid ? "/designListPage/" + item.id : "/" + item.id;
-        const obj = {
-          path: path,
-          name: "",
-          icon: "",
-          meta: {
-            Title: item.name,
-            isMenu: item.isShow == 1
-          }
-        };
-        obj.children = item.subMenu ? this.formatMenu(item.subMenu) : "";
-        if (!item.pid && item.subMenu && item.subMenu.length == 0) {
-          obj.meta.isMenu = false;
-        }
-        menu.push(obj);
-      });
-      return menu;
-    }
-  },
-  created() {},
-  mounted() {}
-};
-</script>
-
-<style lang="scss">
-//如果没有此样式的话  折叠有子级菜单的父菜单文字是不会隐藏的
-.el-menu--collapse .el-menu-item span,
-.el-menu--collapse .el-submenu .el-submenu__title span {
-  height: 0;
-  width: 0;
-  overflow: hidden;
-  visibility: hidden;
-  display: inline-block;
-}
-.el-menu--collapse .el-menu-item .el-submenu__icon-arrow,
-.el-menu--collapse .el-submenu .el-submenu__title .el-submenu__icon-arrow {
-  display: none;
-}
-// end
-.aside .el-submenu .el-menu-item {
-  min-width: 100px;
-  padding: 0 20px;
-  text-align: left;
-}
-.el-submenu__title {
-  font-size: 16px  !important;
-  display: flex;
-  align-items: center;
-}
-.el-menu-item:not(.menu-submenu) {
-  text-align: center;
-  font-size: 16px;
-}
-.el-menu-item,
-.el-submenu__title {
-  height: 42px !important;
-  line-height: 42px !important;
-}
-.el-submenu.is-active.jz-menu-is-actived {
-  > .el-submenu__title {
-    background-color: #ecf5ff;
-    color: #0286df;
-    position: relative;
-    &::after {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      width: 3px;
-      background-color: #0286df;
-    }
-  }
-}
-</style>
-<style lang="scss" rel="stylesheet/scss" scoped>
-.aside-bar {
-  height: 100%;
-  .el-menu-vertical-demo {
-    height: 100%;
-    overflow-y: auto;
-    overflow-x: hidden;
-  }
-}
-.el-menu-vertical-demo:not(.el-menu--collapse) {
-  width: 200px;
-  min-height: 400px;
-}
-.el-menu-item.is-active {
-  background-color: #ecf5ff;
-  color: #0286df;
-}
-.el-menu-item.is-active::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  width: 3px;
-  background-color: #0286df;
-}
-.menu-icon {
-  margin: 0 20px 0 3px;
-}
-
-.menu-submenu {
-  font-size: 16px;
-}
-</style>
+<!--
+ * @Descripttion: 左侧菜单
+ * @version: 1.0.0
+ * @Author: Chendajiang
+ * @Date: 2019-08-14 17:45:57
+ * @LastEditors: Yxj
+ * @LastEditTime: 2021-08-02 16:32:05
+ -->
+
+<template>
+  <div class="aside-bar" v-loading="!menuFinish">
+    <el-menu
+      :default-active="currentPath"
+      :default-openeds="defaultOpeneds"
+      class="el-menu-vertical-demo"
+      unique-opened
+    >
+      <!-- <template v-for="ele in leftMenuData" v-if="ele.meta&&ele.meta.isMenu">
+        <el-submenu
+          :index="ele.path"
+          :class="defaultOpeneds == ele.path?'jz-menu-is-actived':''"
+          :key="ele.path"
+          v-if="ele.children&&ele.children.length>0&&ele.path !== '/'&&isShowMenu(ele.children)"
+        >
+          <template slot="title">
+            <img class="menu-icon" :src="ele.icon" alt />
+            <span>{{ele.meta.Title}}</span>
+          </template>
+          <el-menu-item
+            v-for="item in ele.children"
+            :key="item.path"
+            :index="item.path"
+            v-if="item.meta&&item.meta.isMenu"
+            @click="navTo(item.path,item.name)"
+          >{{item.meta.Title}}</el-menu-item>
+        </el-submenu>
+        <el-menu-item
+          :index="ele.path"
+          :key="ele.path"
+          v-else
+          @click="navTo(ele.path,ele.name)"
+          class="menu-submenu"
+        >
+          <img class="menu-icon" :src="ele.icon" alt />
+          <span slot="title">{{ele.meta.Title}}</span>
+        </el-menu-item>
+      </template>-->
+      <NavMenu :MenuData="leftMenuData" :defaultOpeneds="defaultOpeneds"></NavMenu>
+    </el-menu>
+  </div>
+</template>
+<script>
+import _ from "lodash-es";
+import { gitMenuConfig } from "@/api/apiFormBuilder/menu";
+export default {
+  name: "LeftMenu",
+  props: {},
+  data() {
+    return {
+      leftMenuData: [],
+      customMenu: {}
+      // defaultOpeneds: ""
+    };
+  },
+  components: {
+    NavMenu: () => import("@/components/public/components/MenuList")
+  },
+  watch: {
+    currentMenu: {
+      handler: function(indexVal, oldVal) {
+        this.initMenu(indexVal);
+      },
+      deep: true,
+      immediate: true
+    },
+    menuFinish: {
+      handler: function(indexVal, oldVal) {
+        if (indexVal) {
+          this.initMenu(this.$store.state.currentMenu);
+        }
+      }
+    }
+  },
+  computed: {
+    currentPath() {
+      const len = this.$route.matched.length;
+      if (len > 0) {
+        const str = this.$route.matched[len - 1].path;
+        if (len > 2) {
+          if (this.$route.matched[0].path === "") {
+            return "/";
+          } else if (str.charAt(str.length - 1) == "/" || len > 3) {
+            return this.$route.matched[len - 2].path;
+          } else {
+            return this.$route.matched[len - 1].path;
+          }
+        }
+        // 自定义菜单展开
+        if (this.$route.path.indexOf("formGeneration") > -1 || this.$route.path.indexOf("formDataDetail") > -1) {
+          return "/designListPage/" + this.$route.params.id
+        }
+        return this.$route.path;
+      }
+    },
+    menuFinish() {
+      return this.$store.state.menuFinish;
+    },
+    currentMenu() {
+      return this.$store.state.currentMenu;
+    },
+    isCollapse() {
+      return this.$store.state.isCollapse;
+    },
+    defaultOpeneds() {
+      const Path = [];
+      // 自定义菜单处理
+      if (this.$route.matched[0] && this.$route.matched[0].path.indexOf("/customFrom") > -1) {
+        const id = this.$route.params.id;
+        let menuPath = "";
+        Object.keys(this.customMenu).forEach(i => {
+          if (this.customMenu[i].indexOf("/designListPage/" + id) > -1) {
+            menuPath = i
+          }
+        })
+        const menuSecond = "/designListPage/" + id;
+        return ["/Hgcgl", menuPath, menuSecond]
+      } else {
+        this.$route.matched.map(item => {
+          Path.push(item.path);
+        });
+      }
+      // if (this.$route.matched.length >= 2) {
+      //   return this.$route.matched[1].path
+      // }
+      // return this.$route.path
+      // console.log(Path)
+      return Path;
+    },
+    companyNo: function() {
+      return this.$store.state.user.cno;
+    }
+  },
+  methods: {
+    isShowMenu(arr) {
+      const arrList = arr.filter(item => {
+        return item.meta && item.meta.isMenu;
+      });
+      if (arrList.length > 0) {
+        return true;
+      } else {
+        return false;
+      }
+    },
+    navTo(path, name, index) {
+      // console.log(path,'path')
+      // console.log(name,'name')
+      if (this.$route.path !== path) {
+        this.$router.push({ path });
+      }
+      if (name == "AddCheckType") {
+        this.$_addCheckType();
+      }
+      /* if (this.toOther(path)) {
+        return
+      }
+
+      if (this.$store.state.auth_user.identifiers.indexOf(name) > -1 || path.indexOf('/formGeneration') > -1) {
+        if (this.$route.path !== path) {
+          this.$router.push({ path })
+        }
+      } else {
+        // 没有权限
+        this.$confirm('当前功能需要完成企业认证后才可使用，请先进行企业认证！', '提示', {
+          confirmButtonText: '去认证',
+          cancelButtonText: '暂不认证',
+          type: 'warning'
+        })
+          .then(() => {
+          })
+          .catch(() => {
+          })
+      }
+      */
+    },
+    initMenu() {
+      // indexVal
+      const indexVal = "/Hgcgl";
+      const menu = this.$router.options.routes;
+      this.leftMenuData = menu
+      // let menus = menu.filter(item => {
+      //   return item.path == indexVal && item.meta.isMenu;
+      // });
+      // if (menus.length > 0) {
+      //   this.leftMenuData = menus[0].children;
+      //   this.$nextTick(() => {
+      //     if (
+      //       menus[0].children[0].children &&
+      //       menus[0].children[0].children.length > 0
+      //     ) {
+      //       // this.defaultOpeneds = menus[0].children[0].path;
+      //     }
+      //   });
+      // } else {
+      //   this.leftMenuData = [];
+      // }
+
+      this.getConfigMenu();
+    },
+    toOther(path) {
+      const personallist = ["/Hzlgl", "/Hlabor"]; // 租赁 // 工队
+      // let qiyelist = ['/Hgcgl'] //  企业管理
+      const qiyelist = ["/Hgcgl", "/Hshop", "/ZCJY", "/ZSFX"]; //  企业管理
+
+      const bol1 = personallist.indexOf(this.currentMenu); // 个人认证
+      const bol2 = qiyelist.indexOf(this.currentMenu); // 企业认证
+
+      const bol3 = this.$store.getters.getUser.personalAuth === 0; // 未实名认证
+      const bol4 = this.$store.state.user.userRole === 0; // 未企业认证
+
+      if (!bol3 && !bol4) {
+        return false;
+      }
+
+      if (path == "/electronicContract" && bol4) {
+        // 电子合同
+        const data = {
+          type: "error",
+          buttonSubmit: "去认证",
+          buttonClose: "暂不认证",
+          msg: {
+            title: "提示",
+            content: "当前功能需要完成企业认证后才可使用，请先进行企业认证！"
+          },
+          callBack: async function() {
+            this.$router.push({ path: "/enterpriseAuthentication" });
+          }.bind(this)
+        };
+        this.$_popout1(data);
+        return true;
+      }
+      if (bol1 != -1 && bol3) {
+        const data = {
+          type: "error",
+          buttonSubmit: "去认证",
+          buttonClose: "暂不认证",
+          msg: {
+            title: "提示",
+            content: "当前功能需要完成个人认证后才可使用，请先进行个人认证！"
+          },
+          callBack: async function() {
+            this.$router.push({ path: "/authenticationRealName" });
+          }.bind(this)
+        };
+        this.$_popout1(data);
+        return true;
+      }
+
+      if (bol2 != -1 && bol4) {
+        const data = {
+          type: "error",
+          buttonSubmit: "去认证",
+          buttonClose: "暂不认证",
+          msg: {
+            title: "提示",
+            content: "当前功能需要完成企业认证后才可使用，请先进行企业认证！"
+          },
+          callBack: async function() {
+            this.$router.push({ path: "/enterpriseAuthentication" });
+          }.bind(this)
+        };
+        this.$_popout1(data);
+        return true;
+      }
+      return false;
+    },
+    async getConfigMenu() {
+
+      if (!this.companyNo) return;
+      const params = { companyNo: this.companyNo };
+      const { data } = await gitMenuConfig(params);
+      if (data.state == "ok") {
+        const menuList = _.sortBy(data.data, function(item) {
+          return item.sort;
+        });
+        menuList.forEach(item => {
+          if (item.subMenu.length > 0) {
+            item.subMenu = _.sortBy(item.subMenu, function(secItem) {
+              return secItem.sort;
+            });
+          }
+        });
+        const menu = this.formatMenu(menuList);
+        const json = {};
+        menu.forEach((item, index) => {
+          const child = []
+          if (item.children && item.children.length > 0) {
+            item.children.forEach(i => {
+              child.push(i.path)
+            })
+          }
+          json[item.path] = child
+        })
+        this.customMenu = json
+        this.leftMenuData = this.leftMenuData.concat(menu);
+      }
+    },
+    formatMenu(menuList) {
+      const menu = [];
+      menuList.forEach(item => {
+        const path = item.pid ? "/designListPage/" + item.id : "/" + item.id;
+        const obj = {
+          path: path,
+          name: "",
+          icon: "",
+          meta: {
+            Title: item.name,
+            isMenu: item.isShow == 1
+          }
+        };
+        obj.children = item.subMenu ? this.formatMenu(item.subMenu) : "";
+        if (!item.pid && item.subMenu && item.subMenu.length == 0) {
+          obj.meta.isMenu = false;
+        }
+        menu.push(obj);
+      });
+      return menu;
+    }
+  },
+  created() {},
+  mounted() {}
+};
+</script>
+
+<style lang="scss">
+//如果没有此样式的话  折叠有子级菜单的父菜单文字是不会隐藏的
+.el-menu--collapse .el-menu-item span,
+.el-menu--collapse .el-submenu .el-submenu__title span {
+  height: 0;
+  width: 0;
+  overflow: hidden;
+  visibility: hidden;
+  display: inline-block;
+}
+.el-menu--collapse .el-menu-item .el-submenu__icon-arrow,
+.el-menu--collapse .el-submenu .el-submenu__title .el-submenu__icon-arrow {
+  display: none;
+}
+// end
+.aside .el-submenu .el-menu-item {
+  min-width: 100px;
+  padding: 0 20px;
+  text-align: left;
+}
+.el-submenu__title {
+  font-size: 16px  !important;
+  display: flex;
+  align-items: center;
+}
+.el-menu-item:not(.menu-submenu) {
+  text-align: center;
+  font-size: 16px;
+}
+.el-menu-item,
+.el-submenu__title {
+  height: 42px !important;
+  line-height: 42px !important;
+}
+.el-submenu.is-active.jz-menu-is-actived {
+  > .el-submenu__title {
+    background-color: #ecf5ff;
+    color: #0286df;
+    position: relative;
+    &::after {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      width: 3px;
+      background-color: #0286df;
+    }
+  }
+}
+</style>
+<style lang="scss" rel="stylesheet/scss" scoped>
+.aside-bar {
+  height: 100%;
+  .el-menu-vertical-demo {
+    height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+}
+.el-menu-vertical-demo:not(.el-menu--collapse) {
+  width: 200px;
+  min-height: 400px;
+}
+.el-menu-item.is-active {
+  background-color: #ecf5ff;
+  color: #0286df;
+}
+.el-menu-item.is-active::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 3px;
+  background-color: #0286df;
+}
+.menu-icon {
+  margin: 0 20px 0 3px;
+}
+
+.menu-submenu {
+  font-size: 16px;
+}
+</style>