{"version":3,"sources":["webpack:///./src/views/role_center/Authority.vue","webpack:///src/views/role_center/Authority.vue","webpack:///./src/views/role_center/Authority.vue?5c76","webpack:///./src/views/role_center/Authority.vue?9632","webpack:///./src/views/role_center/Authority.vue?25ba","webpack:///./src/utils/mixin.js"],"names":["render","_vm","this","_c","_self","staticClass","verifyPermission","attrs","on","$event","dialogVisible","isEditRoleName","_v","_e","_l","roleList","item","index","key","id","class","auth_active","curRoleIndex","tabRoleItemChange","_s","roleName","stopPropagation","editRole","deleteRole","staticStyle","ref","form","menuList","menuName","children","length","childItem","threeItem","auth","authItem","value","handleChange","model","isCheck","callback","$$v","$set","expression","text","setRoleAuth","setDialogTitlt","close","roleForm","submitLoading","createRole","staticRenderFns","mixins","data","list","state","authMenu","menuAuthList","currentAuthList","created","computed","methods","getRoleList","getMenuChildren","generateTreeData","flatData","treeData","getMenuList","authHandle","array","getAuthByRole","then","roleAuthMenuList","setMenuListAuth","roleAuthList","v","JSON","setCurrentAuthItemIsChecked","menuItemAuth","roleItemAuth","i","num","getNowAuthList","menuId","roleId","authValue","nowAuthList","confirmButtonText","cancelButtonText","type","catch","component","GetUnlimitedQRCodeMinix","GetUnlimitedQRCode","sendData","env_version","process","Promise","resolve","reject","$api","thirdyParty","res","code","$message","error","msg","verifyPermissionMinix","currentMenuAuth","mounted","getCurrentMenuAuth","$route","meta","user","getRightsMenus","parse","setTimeout","$router","replace","isShow","filter","countdown","getterKey","setterKey","localName","mixin","timer","$watch","val","oldVal","clearTimeout","isFinite","window","localStorage","setItem","removeItem","Math","ceil","Number","immediate","$on","Error"],"mappings":"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","file":"js/chunk-028759b6.1.2.2.1732696861440.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"auth page2\"},[_c('div',{staticClass:\"tab-list\"},[(_vm.verifyPermission('Add'))?_c('el-button',{attrs:{\"type\":\"primary\",\"size\":\"small\"},on:{\"click\":function($event){_vm.dialogVisible = true;\n        _vm.isEditRoleName = false;}}},[_vm._v(\"添加角色\")]):_vm._e(),_c('ul',_vm._l((_vm.roleList),function(item,index){return _c('li',{key:item.id,class:{ auth_active: _vm.curRoleIndex === index },on:{\"click\":function($event){return _vm.tabRoleItemChange(index)}}},[_c('div',[_vm._v(_vm._s(item.roleName))]),_c('div',{staticClass:\"operation\"},[(_vm.verifyPermission('Update'))?_c('span',{staticClass:\"el-icon-edit\",on:{\"click\":function($event){$event.stopPropagation();return _vm.editRole(item)}}}):_vm._e(),(_vm.verifyPermission('Delete'))?_c('span',{staticClass:\"el-icon-delete\",on:{\"click\":function($event){$event.stopPropagation();return _vm.deleteRole(item.id)}}}):_vm._e()])])}),0)],1),_c('div',{staticStyle:{\"overflow\":\"auto\"}},[_c('el-form',{ref:\"form\",staticClass:\"auth-table\",attrs:{\"model\":_vm.form,\"label-width\":\"120px\",\"size\":\"mini\",\"label-position\":\"left\"}},[_c('h3',[_vm._v(\" 权限配置\"),_c('span',{staticStyle:{\"font-size\":\"12px\",\"color\":\"red\",\"font-weight\":\"normal\"}},[_vm._v(\"（查询权限为基本权限，如不勾选，则表示不能查看该功能菜单）\")])]),_c('el-form-item',{staticClass:\"auth-table_thead\",attrs:{\"label\":\"菜单\"}},[_c('div',[_vm._v(\"权限\")])]),_vm._l((_vm.menuList),function(item){return _c('el-form-item',{key:item.id,attrs:{\"label\":item.menuName}},[(item.children && item.children.length > 0)?[_c('div',{staticClass:\"sitem\"},_vm._l((item.children),function(childItem){return _c('el-form-item',{key:childItem.id,attrs:{\"label\":childItem.menuName}},[_c('div',{staticClass:\"flex auth-list\"},[(childItem.children && childItem.children.length > 0)?[_c('div',{staticClass:\"sitem\"},_vm._l((childItem.children),function(threeItem){return _c('el-form-item',{key:threeItem.id,attrs:{\"label\":threeItem.menuName}},[_c('div',{staticClass:\"flex auth-list\"},_vm._l((threeItem.auth),function(authItem){return _c('div',{key:authItem.value,staticClass:\"checkbox-group\"},[_c('el-checkbox',{on:{\"change\":function($event){return _vm.handleChange($event, threeItem, authItem)}},model:{value:(authItem.isCheck),callback:function ($$v) {_vm.$set(authItem, \"isCheck\", $$v)},expression:\"authItem.isCheck\"}},[_vm._v(_vm._s(authItem.text))])],1)}),0)])}),1)]:_vm._e(),_vm._l((childItem.auth),function(authItem){return [(!authItem.children)?_c('div',{key:authItem.value,staticClass:\"checkbox-group\"},[_c('el-checkbox',{on:{\"change\":function($event){return _vm.handleChange($event, childItem, authItem)}},model:{value:(authItem.isCheck),callback:function ($$v) {_vm.$set(authItem, \"isCheck\", $$v)},expression:\"authItem.isCheck\"}},[_vm._v(_vm._s(authItem.text))])],1):_vm._e()]})],2)])}),1)]:[_c('div',{staticClass:\"flex auth-list\",staticStyle:{\"padding-bottom\":\"15px\"}},_vm._l((item.auth),function(authItem){return _c('div',{key:authItem.value,staticClass:\"checkbox-group\"},[_c('el-checkbox',{on:{\"change\":function($event){return _vm.handleChange($event, item, authItem)}},model:{value:(authItem.isCheck),callback:function ($$v) {_vm.$set(authItem, \"isCheck\", $$v)},expression:\"authItem.isCheck\"}},[_vm._v(_vm._s(authItem.text))])],1)}),0)]],2)}),_c('el-form-item',{staticStyle:{\"padding\":\"0\",\"border\":\"none\",\"margin-top\":\"10px\"}},[(_vm.verifyPermission('Update'))?_c('el-button',{attrs:{\"icon\":\"el-icon-folder-add\",\"type\":\"primary\"},on:{\"click\":_vm.setRoleAuth}},[_vm._v(\"保存\")]):_vm._e()],1)],2)],1),_c('el-dialog',{attrs:{\"title\":_vm.setDialogTitlt,\"visible\":_vm.dialogVisible,\"close-on-click-modal\":false,\"close-on-press-escape\":false,\"width\":\"300px\"},on:{\"update:visible\":function($event){_vm.dialogVisible=$event},\"close\":_vm.close}},[_c('div',{staticClass:\"flex role-input\"},[_c('el-input',{attrs:{\"placeholder\":\"输入角色名\",\"size\":\"small\"},model:{value:(_vm.roleForm.roleName),callback:function ($$v) {_vm.$set(_vm.roleForm, \"roleName\", $$v)},expression:\"roleForm.roleName\"}}),_c('el-button',{attrs:{\"type\":\"primary\",\"size\":\"small\",\"loading\":_vm.submitLoading},on:{\"click\":_vm.createRole}},[_vm._v(\"保存\")])],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"auth page2\">\r\n    <div class=\"tab-list\">\r\n      <el-button type=\"primary\"\r\n                 size=\"small\"\r\n                 @click=\"\r\n          dialogVisible = true;\r\n          isEditRoleName = false;\r\n        \"\r\n                 v-if=\"verifyPermission('Add')\">添加角色</el-button>\r\n      <ul>\r\n        <li v-for=\"(item, index) in roleList\"\r\n            :key=\"item.id\"\r\n            :class=\"{ auth_active: curRoleIndex === index }\"\r\n            @click=\"tabRoleItemChange(index)\">\r\n          <div>{{ item.roleName }}</div>\r\n          <div class=\"operation\">\r\n            <span class=\"el-icon-edit\"\r\n                  @click.stop=\"editRole(item)\"\r\n                  v-if=\"verifyPermission('Update')\"></span>\r\n            <span class=\"el-icon-delete\"\r\n                  @click.stop=\"deleteRole(item.id)\"\r\n                  v-if=\"verifyPermission('Delete')\"></span>\r\n          </div>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n    <div style=\"overflow: auto\">\r\n      <el-form ref=\"form\"\r\n               :model=\"form\"\r\n               label-width=\"120px\"\r\n               size=\"mini\"\r\n               class=\"auth-table\"\r\n               label-position=\"left\">\r\n        <h3>\r\n          权限配置<span style=\"font-size: 12px; color: red; font-weight: normal\">（查询权限为基本权限，如不勾选，则表示不能查看该功能菜单）</span>\r\n        </h3>\r\n        <el-form-item label=\"菜单\"\r\n                      class=\"auth-table_thead\">\r\n          <div>权限</div>\r\n        </el-form-item>\r\n        <el-form-item :label=\"item.menuName\"\r\n                      v-for=\"item in menuList\"\r\n                      :key=\"item.id\">\r\n          <template v-if=\"item.children && item.children.length > 0\">\r\n            <div class=\"sitem\">\r\n              <el-form-item :label=\"childItem.menuName\"\r\n                            v-for=\"childItem in item.children\"\r\n                            :key=\"childItem.id\">\r\n                <div class=\"flex auth-list\">\r\n                  <template v-if=\"childItem.children && childItem.children.length > 0\">\r\n                    <div class=\"sitem\">\r\n                      <el-form-item :label=\"threeItem.menuName\"\r\n                                    v-for=\"threeItem in childItem.children\"\r\n                                    :key=\"threeItem.id\">\r\n                        <div class=\"flex auth-list\">\r\n                          <div v-for=\"authItem in threeItem.auth\"\r\n                               :key=\"authItem.value\"\r\n                               class=\"checkbox-group\">\r\n                            <el-checkbox v-model=\"authItem.isCheck\"\r\n                                         @change=\"\r\n                                handleChange($event, threeItem, authItem)\r\n                              \">{{ authItem.text }}</el-checkbox>\r\n                          </div>\r\n                        </div>\r\n                      </el-form-item>\r\n                    </div>\r\n                  </template>\r\n                  <template v-for=\"authItem in childItem.auth\">\r\n                    <div v-if=\"!authItem.children\"\r\n                         :key=\"authItem.value\"\r\n                         class=\"checkbox-group\">\r\n                      <el-checkbox v-model=\"authItem.isCheck\"\r\n                                   @change=\"handleChange($event, childItem, authItem)\">{{ authItem.text }}</el-checkbox>\r\n                    </div>\r\n                  </template>\r\n                </div>\r\n              </el-form-item>\r\n            </div>\r\n          </template>\r\n          <template v-else>\r\n            <div class=\"flex auth-list\"\r\n                 style=\"padding-bottom: 15px\">\r\n              <div v-for=\"authItem in item.auth\"\r\n                   :key=\"authItem.value\"\r\n                   class=\"checkbox-group\">\r\n                <el-checkbox v-model=\"authItem.isCheck\"\r\n                             @change=\"handleChange($event, item, authItem)\">{{ authItem.text }}</el-checkbox>\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </el-form-item>\r\n        <el-form-item style=\"padding: 0; border: none; margin-top: 10px\">\r\n          <el-button icon=\"el-icon-folder-add\"\r\n                     type=\"primary\"\r\n                     @click=\"setRoleAuth\"\r\n                     v-if=\"verifyPermission('Update')\">保存</el-button>\r\n          <!-- <el-button icon=\"el-icon-delete\" type=\"danger\" @click=\"deleteRole\" v-if=\"verifyPermission('Delete')\">删除</el-button> -->\r\n        </el-form-item>\r\n      </el-form>\r\n    </div>\r\n    <el-dialog :title=\"setDialogTitlt\"\r\n               :visible.sync=\"dialogVisible\"\r\n               :close-on-click-modal=\"false\"\r\n               :close-on-press-escape=\"false\"\r\n               width=\"300px\"\r\n               @close=\"close\">\r\n      <div class=\"flex role-input\">\r\n        <el-input v-model=\"roleForm.roleName\"\r\n                  placeholder=\"输入角色名\"\r\n                  size=\"small\"></el-input>\r\n        <el-button type=\"primary\"\r\n                   size=\"small\"\r\n                   :loading=\"submitLoading\"\r\n                   @click=\"createRole\">保存</el-button>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { verifyPermissionMinix } from \"@/utils/mixin\";\r\nexport default {\r\n  mixins: [verifyPermissionMinix],\r\n  data () {\r\n    return {\r\n      list: [\r\n        {\r\n          isCheck: true,\r\n          text: 123,\r\n        },\r\n      ],\r\n      state: true,\r\n      submitLoading: false,\r\n      form: {},\r\n      curRoleIndex: 0,\r\n      dialogVisible: false,\r\n      roleList: [],\r\n      roleForm: {},\r\n      authMenu: [],\r\n      menuList: [],\r\n      menuAuthList: [],\r\n      currentAuthList: [],\r\n      isEditRoleName: false,\r\n    };\r\n  },\r\n  created () {\r\n    this.getMenuList();\r\n  },\r\n  computed: {\r\n    setDialogTitlt () {\r\n      return this.isEditRoleName ? \"修改角色\" : \"添加角色\";\r\n    },\r\n  },\r\n  methods: {\r\n    // 获取角色列表\r\n    getRoleList () {\r\n      this.$api.role.getRoles().then((res) => {\r\n        // console.log(\"role\", res);\r\n        if (res.code === 0) {\r\n          this.roleList = res.data;\r\n          this.getAuthByRole();\r\n        }\r\n      });\r\n    },\r\n    getMenuChildren (pid, list) {\r\n      const children = [];\r\n      list.forEach((item) => {\r\n        if (item.parentId == pid) {\r\n          if (item.auth) {\r\n            item.auth = JSON.parse(item.auth);\r\n            item.auth.forEach((authItem, authItemIndex, arr2) => {\r\n              authItem.isCheck = false;\r\n              //this.$set(arr2[y], \"isCheck\", false);\r\n            });\r\n          }\r\n          children.push(item);\r\n        }\r\n      });\r\n      return children;\r\n    },\r\n    generateTreeData (flatData, parentId = null) {\r\n      const treeData = [];\r\n      flatData.forEach((item) => {\r\n        if (item.parentId == parentId) {\r\n          // console.log(111, item.parentId, parentId);\r\n          if (item.auth) {\r\n            item.auth = JSON.parse(item.auth);\r\n\r\n            item.auth.forEach((authItem, authItemIndex, arr2) => {\r\n              authItem.isCheck = false;\r\n              //this.$set(arr2[y], \"isCheck\", false);\r\n            });\r\n          }\r\n          const children = this.generateTreeData(flatData, item.id);\r\n          if (children.length) {\r\n            item.children = children;\r\n          }\r\n          treeData.push(item);\r\n        }\r\n      });\r\n      return treeData;\r\n    },\r\n\r\n    // 获取菜单列表\r\n    getMenuList () {\r\n      this.$api.role.getAuthMenu().then((res) => {\r\n        // console.log(res);\r\n        if (res.code === 0) {\r\n          this.menuList = [];\r\n          // this.menuList = this.generateTreeData(res.data, 0);\r\n          // console.log(this.menuList);\r\n          // this.getRoleList();\r\n\r\n          // return;\r\n          this.authMenu = res.data;\r\n          // console.log(res.data);\r\n          this.authMenu.forEach((item, index, arr) => {\r\n            if (item.parentId == 0) {\r\n              if (item.children && !item.auth) {\r\n                item.children = this.authHandle(item.children)\r\n              }\r\n              if (item.auth && item.children.length == 0 || !item.children) {\r\n                item.auth = JSON.parse(item.auth);\r\n\r\n                item.auth.forEach((authItem, authItemIndex, arr2) => {\r\n                  authItem.isCheck = false;\r\n                  //this.$set(arr2[y], \"isCheck\", false);\r\n                });\r\n              }\r\n              // let children = this.getMenuChildren(item.id, res.data);\r\n              // item.children = children;\r\n\r\n              this.menuList.push(item);\r\n            }\r\n          });\r\n\r\n          this.getRoleList();\r\n        }\r\n      });\r\n    },\r\n    authHandle (array) {\r\n      let list = []\r\n      array.forEach((item, index, arr) => {\r\n        if (item.auth) {\r\n          item.auth = JSON.parse(item.auth);\r\n\r\n          item.auth.forEach((authItem, authItemIndex, arr2) => {\r\n            authItem.isCheck = false;\r\n            //this.$set(arr2[y], \"isCheck\", false);\r\n          });\r\n        }\r\n        list.push(item)\r\n\r\n      });\r\n      return list\r\n    },\r\n    // 获取当前角色的权限\r\n    getAuthByRole () {\r\n      this.$api.role\r\n        .getAuthByRole(this.roleList[this.curRoleIndex].id)\r\n        .then((res) => {\r\n          if (res.code === 0) {\r\n            let roleAuthMenuList = res.data.menuAuthList;\r\n            roleAuthMenuList.forEach((item) => {\r\n              if (!item.auth) return;\r\n\r\n              item.authValue = JSON.parse(item.authValue);\r\n            });\r\n            this.setMenuListAuth(this.menuList, roleAuthMenuList);\r\n          }\r\n        });\r\n    },\r\n\r\n    //匹配角色的菜单权限 递归形式\r\n    setMenuListAuth (menuList, roleAuthList) {\r\n      menuList.forEach((v, i) => {\r\n        if (v.auth) {\r\n          roleAuthList.forEach((vr, ir) => {\r\n            if (v.id == vr.menuId && vr.authValue) {\r\n              this.setCurrentAuthItemIsChecked(\r\n                v.auth,\r\n                JSON.parse(vr.authValue)\r\n              );\r\n              this.$forceUpdate();\r\n            }\r\n          });\r\n        }\r\n        if (v.children && v.children.length > 0)\r\n          this.setMenuListAuth(v.children, roleAuthList);\r\n      });\r\n      //console.log(\"authList\",this.menuList,roleAuthMenuList)\r\n    },\r\n\r\n    //匹配菜单是否有权限的状态\r\n    setCurrentAuthItemIsChecked (menuItemAuth, roleItemAuth) {\r\n      menuItemAuth.forEach((v, i, arr) => {\r\n        roleItemAuth.forEach((vRole) => {\r\n          if (v.value === vRole.value) {\r\n            v.isCheck = true;\r\n          }\r\n        });\r\n      });\r\n    },\r\n\r\n    //强制更新选中状态\r\n    handleChange (isCheck, item, auth) {\r\n      let num = 0;\r\n      // console.log(item);\r\n      if (auth.value == \"Select\" && auth.isCheck == true) {\r\n        item.auth.forEach((i) => {\r\n          i.isCheck = true;\r\n        });\r\n      } else if (auth.value == \"Select\" && auth.isCheck == false) {\r\n        item.auth.forEach((i) => {\r\n          i.isCheck = false;\r\n        });\r\n      }\r\n      if (auth.value != \"Select\" && auth.isCheck == true) {\r\n        item.auth[0].isCheck = true;\r\n      }\r\n      item.auth.forEach((i) => {\r\n        if (i.value != \"Select\" && i.isCheck == true) {\r\n          num++;\r\n        }\r\n      });\r\n      // if (num == 0 && item.auth.length > 1) {\r\n      //   item.auth[0].isCheck = false;\r\n      // }\r\n      this.$forceUpdate();\r\n    },\r\n\r\n    //获取设置的权限 递归调用\r\n    getNowAuthList (menuList, nowAuthList) {\r\n      // console.log(menuList);\r\n      menuList.forEach((v) => {\r\n        // console.log(v);\r\n        if (v.children && v.children.length > 0) {\r\n          var data = {\r\n            menuId: v.id,\r\n            roleId: this.roleList[this.curRoleIndex].id,\r\n            authValue: \"null\",\r\n          };\r\n\r\n          nowAuthList.push(data);\r\n\r\n          this.getNowAuthList(v.children, nowAuthList);\r\n        }\r\n        if (!v.auth) return;\r\n        var authItems = v.auth.filter((auth) => auth.isCheck);\r\n        if (authItems.length <= 0) return;\r\n        var data = {\r\n          menuId: v.id,\r\n          roleId: this.roleList[this.curRoleIndex].id,\r\n          authValue: JSON.stringify(authItems),\r\n        };\r\n        nowAuthList.push(data);\r\n      });\r\n    },\r\n\r\n    // 提交保存设置权限数据\r\n    setRoleAuth () {\r\n      var nowAuthList = [];\r\n      this.getNowAuthList(this.menuList, nowAuthList);\r\n\r\n      this.submitLoading = true;\r\n      let sendData = {\r\n        roleId: this.roleList[this.curRoleIndex].id,\r\n        menuAuthList: nowAuthList,\r\n      };\r\n      this.$api.role.setRoleAuth(sendData).then((res) => {\r\n        if (res.code === 0) {\r\n          this.$message.success(\"保存成功\");\r\n        } else {\r\n          this.$message.error(\"保存失败\");\r\n        }\r\n        this.submitLoading = false;\r\n      });\r\n    },\r\n    // 创建角色\r\n    createRole () {\r\n      if (this.roleForm.roleName === \"\") {\r\n        return (this.dialogVisible = false);\r\n      }\r\n      this.$api.role.addRole(this.roleForm).then((res) => {\r\n        if (res.code === 0) {\r\n          this.$message.success(\"添加成功\");\r\n          this.getRoleList();\r\n          this.tabRoleItemChange(0);\r\n          // location.reload();\r\n        } else {\r\n          this.$message.error(\"添加失败\");\r\n        }\r\n        this.dialogVisible = false;\r\n      });\r\n    },\r\n    // 修改角色\r\n    editRole (item) {\r\n      this.dialogVisible = true;\r\n      this.isEditRoleName = true;\r\n      this.$set(this.roleForm, \"roleName\", item.roleName);\r\n      this.roleForm.id = item.id;\r\n    },\r\n    deleteRole (id) {\r\n      this.$confirm(\"是否删除？\", \"提示\", {\r\n        confirmButtonText: \"确定\",\r\n        cancelButtonText: \"取消\",\r\n        type: \"warning\",\r\n      })\r\n        .then(() => {\r\n          this.$api.role.deleteRole(id).then((res) => {\r\n            if (res.code === 0) {\r\n              this.$message.success(\"操作成功\");\r\n              this.getRoleList();\r\n              // location.reload();\r\n            } else {\r\n              this.$message.error(res.msg);\r\n            }\r\n          });\r\n        })\r\n        .catch(() => { });\r\n    },\r\n    tabRoleItemChange (index) {\r\n      this.curRoleIndex = index;\r\n      this.getMenuList();\r\n    },\r\n    close () {\r\n      this.roleForm = {};\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\">\r\n.page2 {\r\n  position: relative;\r\n  border-radius: 6px;\r\n  padding: 16px;\r\n  background-color: #fff;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: auto;\r\n}\r\n.el-tabs--border-card {\r\n  height: auto !important;\r\n}\r\n.checkbox-group {\r\n  label {\r\n    margin-right: 30px !important;\r\n  }\r\n}\r\n.auth {\r\n  display: flex;\r\n  padding: 20px;\r\n  padding-bottom: 40px;\r\n  h1 {\r\n    margin: 0 0 20px 0;\r\n    font-weight: normal;\r\n    font-size: 18px;\r\n  }\r\n  .el-form {\r\n    margin-left: 60px;\r\n  }\r\n  .tab-list {\r\n    background-color: #f5f7fa;\r\n    height: 100%;\r\n    overflow: auto;\r\n\r\n    .el-button {\r\n      width: 100%;\r\n    }\r\n    ul {\r\n      margin-top: 10px;\r\n      li {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 10px;\r\n        cursor: pointer;\r\n        border-left: 5px solid #f5f7fa;\r\n        border-right: 5px solid #f5f7fa;\r\n        .operation {\r\n          opacity: 0;\r\n          margin-left: 12px;\r\n          transition: all 0.3s;\r\n          span {\r\n            margin-left: 8px;\r\n          }\r\n        }\r\n        &:hover {\r\n          .operation {\r\n            opacity: 1;\r\n          }\r\n        }\r\n      }\r\n      .auth_active {\r\n        background-color: #fff;\r\n        color: var(--theme-black);\r\n        font-weight: bold;\r\n        border-left: 5px solid #f5f7fa;\r\n        border-right: 5px solid #f5f7fa;\r\n      }\r\n    }\r\n  }\r\n}\r\n.role-input {\r\n  .el-button {\r\n    margin-left: 10px;\r\n  }\r\n}\r\n.retract {\r\n  position: relative;\r\n  padding-left: 80px;\r\n  top: -57px;\r\n}\r\n.auth-table {\r\n  .auth-table_thead.el-form-item {\r\n    border-top: 1px solid #e9e9e9;\r\n    font-weight: 600;\r\n    padding: 5px 0;\r\n\r\n    margin-top: 8px;\r\n    .el-form-item__label {\r\n      color: #333;\r\n    }\r\n  }\r\n  .el-form-item {\r\n    margin: 0;\r\n    padding-top: 15px;\r\n    border-bottom: 1px solid #e9e9e9;\r\n  }\r\n  .border-none {\r\n    border: none;\r\n  }\r\n  .sitem {\r\n    .el-form-item:first-child {\r\n      padding-top: 0;\r\n    }\r\n    .el-form-item {\r\n      padding-bottom: 15px;\r\n    }\r\n    .el-form-item:last-child {\r\n      border: none;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Authority.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Authority.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Authority.vue?vue&type=template&id=980f1d3e&\"\nimport script from \"./Authority.vue?vue&type=script&lang=js&\"\nexport * from \"./Authority.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Authority.vue?vue&type=style&index=0&id=980f1d3e&prod&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Authority.vue?vue&type=style&index=0&id=980f1d3e&prod&lang=less&\"","import { getArrayTree } from './function'\r\n\r\nexport const getRecruitmentState = {\r\n  methods: {\r\n    getRecruitmentState(val) {\r\n      let state = ''\r\n      switch (Number(val)) {\r\n        case 1:\r\n          state = '正在招聘'\r\n          break\r\n        case 2:\r\n          state = '暂停招聘'\r\n          break\r\n        case 3:\r\n          state = '成功招聘'\r\n          break\r\n        case 4:\r\n          state = '终止招聘'\r\n          break\r\n      }\r\n      return state\r\n    }\r\n  }\r\n}\r\n\r\nexport const EducationMinix = {\r\n  data() {\r\n    return {\r\n      educationList: []\r\n    }\r\n  },\r\n  created() {\r\n    // this.getEducationList();\r\n  },\r\n  methods: {\r\n    // getEducationList() {\r\n    //   this.$api.base.getEnumerationData(\"Degrees\").then((res) => {\r\n    //     if (res.Error === false) {\r\n    //       this.educationList = res.Data;\r\n    //     }\r\n    //   });\r\n    // },\r\n    getEducationName(id) {\r\n      let educationName = ''\r\n      this.educationList.forEach((item) => {\r\n        if (item.Id === id) {\r\n          educationName = item.Description\r\n        }\r\n      })\r\n      return educationName\r\n    }\r\n  }\r\n}\r\n\r\nexport const getCitysMinix = {\r\n  data() {\r\n    return {\r\n      cityList: []\r\n    }\r\n  },\r\n  created() {\r\n    // this.getCityList();\r\n  },\r\n  methods: {\r\n    getCityList() {\r\n      this.$api.base.getCitys().then((res) => {\r\n        if (res.Error === false) {\r\n          this.cityList = getArrayTree(res.Data, 'Id', 'ParentId')\r\n        }\r\n      })\r\n    }\r\n  }\r\n}\r\n\r\nexport const getUsersMinix = {\r\n  data() {\r\n    return {\r\n      users: []\r\n    }\r\n  },\r\n  created() {\r\n    this.getAllUser()\r\n  },\r\n  methods: {\r\n    getAllUser() {\r\n      var menuId = this.$route.meta.menuId || window.sessionStorage.getItem('mRportId') || 0\r\n      this.$api.user.getAllUser(menuId).then((res) => {\r\n        if (res.code === 0) {\r\n          this.users = res.data\r\n        }\r\n      })\r\n    }\r\n  }\r\n}\r\n\r\nexport const GetUnlimitedQRCodeMinix = {\r\n  data() {\r\n    return {}\r\n  },\r\n  created() { },\r\n  methods: {\r\n    GetUnlimitedQRCode(value) {\r\n      console.log(value)\r\n      let sendData = value\r\n      //体验版\r\n      // sendData.env_version = 'trial'\r\n      // 开发版\r\n      // sendData.env_version = 'develop'\r\n      // 正式版\r\n      // sendData.env_version = 'release'\r\n      sendData.env_version=process.env.VUE_APP_WEIXIN_EDITION\r\n\r\n      return new Promise((resolve, reject) => {\r\n        this.$api.thirdyParty.GetUnlimitedQRCode(sendData).then((res) => {\r\n          if (res.code == 0) {\r\n            resolve(res.data)\r\n          } else {\r\n            this.$message.error(res.msg)\r\n          }\r\n        })\r\n      })\r\n    }\r\n  }\r\n}\r\n\r\nexport const verifyPermissionMinix = {\r\n  data() {\r\n    return {\r\n      currentMenuAuth: []\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getCurrentMenuAuth()\r\n  },\r\n  methods: {\r\n    getCurrentMenuAuth() {\r\n      const menuId = this.$route.meta.menuId\r\n      this.$api.user.getRightsMenus(menuId).then((res) => {\r\n        if (res.code === 0) {\r\n          this.currentMenuAuth = JSON.parse(res.data)\r\n          if (!this.currentMenuAuth || this.currentMenuAuth.length === 0) {\r\n            this.$message.error('权限不足')\r\n            setTimeout(() => {\r\n              this.$router.replace('/home')\r\n            }, 1000)\r\n          }\r\n        }\r\n      })\r\n    },\r\n    verifyPermission(value) {\r\n      if (!this.currentMenuAuth || this.currentMenuAuth.length === 0) return\r\n      let isShow = true\r\n      const item = this.currentMenuAuth.filter((v) => v.value === value)\r\n      if (item.length === 0) {\r\n        isShow = false\r\n      }\r\n      return isShow\r\n\r\n      return true\r\n    }\r\n  }\r\n}\r\n\r\n\r\nexport const btnVerifyPermissionMinix = {\r\n  data() {\r\n    return {\r\n      currentMenuAuth: []\r\n    }\r\n  },\r\n  mounted() {\r\n  },\r\n  methods: {\r\n    getCurrentMenuAuth(id, value) {\r\n      const menuId = id\r\n\r\n      this.$api.user.getRightsMenus(menuId).then((res) => {\r\n        if (res.code === 0) {\r\n          this.currentMenuAuth = JSON.parse(res.data)\r\n          if (!this.currentMenuAuth || this.currentMenuAuth.length === 0) {\r\n            return false\r\n          }\r\n          let isShow = true\r\n          const item = this.currentMenuAuth.filter((v) => v.value === value)\r\n          if (item.length === 0) {\r\n            isShow = false\r\n          }\r\n          return isShow\r\n        }\r\n      })\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * 生成倒计时 mixin，按秒进行倒计时\r\n * @param {string} getterKey 要注入的属性名，改属性可读写，用于获取或设置剩余秒数\r\n * @param {string} localName 本地存储名称\r\n * @param {string} [setterKey] 要注入的方法名，可选，改方法用于重置剩余秒数\r\n *\r\n * @example 传入一个字符串参数，注入一个可读写的属性用于取值和重置\r\n * <template>\r\n *   <button :disabled=\"!!seconds\" @click=\"seconds = 60\">\r\n *     {{ seconds || '发送验证码' }}\r\n *   </button>\r\n * </template>\r\n * <script>\r\n * import countdown from '@/mixins/countdown'\r\n * export default {\r\n *   mixins: [\r\n *     countdown('seconds')\r\n *   ]\r\n * }\r\n * </script>\r\n *\r\n * @example 传入第二个字符串参数，再注入一个重置的方法\r\n * <template>\r\n *   <button :disabled=\"!!seconds\" @click=\"setCountdown(60)\">\r\n *     {{ seconds || '发送验证码' }}\r\n *   </button>\r\n * </template>\r\n * <script>\r\n * import countdown from '@/mixins/countdown'\r\n * export default {\r\n *   mixins: [\r\n *     countdown('seconds', 'setCountdown')\r\n *   ]\r\n * }\r\n * </script>\r\n */\r\nexport function countdown(getterKey, setterKey, localName) {\r\n  if (typeof getterKey === \"string\") {\r\n    const mixin = {\r\n      data() {\r\n        return {\r\n          // 属性注入到 data 中\r\n          [getterKey]: 0,\r\n        };\r\n      },\r\n      created() {\r\n        let timer = null;\r\n        this.$watch(\r\n          getterKey,\r\n          (val, oldVal) => {\r\n            if (timer !== null) {\r\n              clearTimeout(timer);\r\n              timer = null;\r\n            }\r\n            // 非数字类型转成数字类型\r\n            if (typeof val !== \"number\") {\r\n              this[getterKey] = Number(val);\r\n              return;\r\n            }\r\n            // 非法值，转成 0\r\n            if (!isFinite(val)) {\r\n              this[getterKey] = 0;\r\n              return;\r\n            }\r\n            // 负数，转成 0\r\n            if (val < 0) {\r\n              this[getterKey] = 0;\r\n              return;\r\n            }\r\n            // 小数，向上取整\r\n            if (val % 1 !== 0) {\r\n              this[getterKey] = Math.ceil(val);\r\n              return;\r\n            }\r\n            if (val > 0) {\r\n              if (localName) {\r\n                window.localStorage.setItem(localName, val)\r\n              }\r\n              if (val == 1 && localName) {\r\n                window.localStorage.removeItem(localName)\r\n              }\r\n              timer = setTimeout(\r\n                () => {\r\n                  this[getterKey] = val - 1;\r\n                },\r\n                // 整数时倒计时 1s，小数时倒计时超出整数秒的时间\r\n                oldVal % 1 > 0 ? (oldVal * 1000) % 1000 : 1000\r\n              );\r\n            }\r\n          },\r\n          {\r\n            immediate: true,\r\n          }\r\n        );\r\n        // 组件销毁时清除定时器\r\n        this.$on('hook:destroyed', () => {\r\n          if (timer !== null) {\r\n            clearTimeout(timer)\r\n          }\r\n        })\r\n      },\r\n    };\r\n    if (typeof setterKey === \"string\") {\r\n      // 再注入一个方法\r\n      mixin.methods = {\r\n        [setterKey](val) {\r\n          this[getterKey] = val;\r\n        },\r\n      };\r\n    }\r\n    return mixin;\r\n  }\r\n  // 参数不规范时抛出错误\r\n  throw new Error(\"Invalid arguments\");\r\n}"],"sourceRoot":""}