@epxing/business 0.0.0-stage → 5.3.0-beta.1

package/dist/src/base/RoleAccredit.js

@@ -0,0 +1,1086 @@
+import component from "@epxing/core/src/mixins/component";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, Fragment, renderList, normalizeClass, toDisplayString, withCtx, createTextVNode, withModifiers, createBlock, createCommentVNode } from "vue";
+/* empty css                 */
+/* empty css                  */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-role-accredit",
+  mixins: [component],
+  data() {
+    return {
+      baseInfo: {},
+      serviceId: "",
+      roleId: "",
+      checkedRightMap: {},
+      rightSelectionList: [],
+      dataScope: {},
+      dataScopeOperateRightId: null,
+      dataScopeEntityId: null,
+      fieldScopeOperateRightId: null,
+      checkFieldAll: false,
+      fieldScope: {},
+      fieldMap: {},
+      allRightList: [],
+      addRightDialog: false,
+      searchKey: "",
+      seachEntityName: "",
+      filterDrawer: false,
+      columnIndex: null,
+      rowSpanInfo: {},
+      scopeParams: [],
+      pcMemu: [],
+      mobileMenu: [],
+      pcRoleMemu: [],
+      mobileRoleMenu: [],
+      pcCheckMemu: [],
+      mobileCheckMenu: [],
+      pcVisible: false,
+      mobileVisible: false,
+      props: {
+        label: "NAME",
+        children: "children"
+      },
+      service: [],
+      activeService: {},
+      searchRole: ""
+    };
+  },
+  computed: {
+    searchMethod() {
+      return this.service.filter((item) => {
+        return item["SERVICE|NAME"].match(this.searchRole);
+      });
+    },
+    getDataScopeText() {
+      return (dataScope) => {
+        if (dataScope) {
+          const scope = JSON.parse(dataScope);
+          return scope.scopeText || this.$t("not");
+        }
+      };
+    },
+    getFieldScopeText() {
+      return (fieldScope) => {
+        if (fieldScope) {
+          const scope = JSON.parse(fieldScope);
+          return scope.fieldNames;
+        }
+      };
+    },
+    isCheckFieldIndeterminate() {
+      return (entityId2, { fields = [] }) => {
+        return this.fieldMap[entityId2] && this.fieldMap[entityId2].length > fields.length;
+      };
+    },
+    seachEntity() {
+      return this.allRightList.filter((item) => {
+        return item.entityName.match(this.searchKey);
+      });
+    }
+  },
+  methods: {
+    addService() {
+      const query = {
+        title: this.$t("application of new"),
+        metaId: "FM_ROLE_SERVICE",
+        flag: "v_sub_add",
+        component: "entity-add-page",
+        pageType: "ADD",
+        submitParams: {
+          "bean.ROLE": this.$query.id
+        },
+        fieldConfigs: {
+          ROLE: { state: "HIDDEN" }
+        },
+        parentId: this.$query.id,
+        openType: this.$isMobile ? null : 2,
+        callback: this.getService
+      };
+      this.$createPage(query);
+    },
+    switchService(service) {
+      this.activeService = service;
+      this.roleId = service.ROLE;
+      this.serviceId = service.SERVICE;
+      this.getBaseInfo();
+      this.getCheckedRightList();
+      this.getAllRightList();
+      this.getRolePcMenu();
+      this.getRoleMoveMenu();
+      this.getPcRoleList();
+      this.getMoveRoleList();
+    },
+    savePcMenu() {
+      const modules = this.$refs["tree-pc"].getCheckedKeys();
+      const parent = this.$refs["tree-pc"].getHalfCheckedKeys();
+      const arr = [...modules, ...parent];
+      const str = arr.join(",");
+      const params = {
+        action: "saveRoleModule",
+        entityId: "FM_ROLE_MODULE",
+        roleId: this.roleId,
+        serviceId: this.serviceId,
+        mode: "pc",
+        menuIds: str
+      };
+      this.$http.$request(params).then((data2) => {
+        this.getRolePcMenu();
+        this.$message.success(this.$t("save successfully"));
+        this.pcVisible = false;
+      }).catch((err) => {
+        this.$message.error(err.message || this.$t("deal with failure"));
+        this.pcVisible = false;
+      });
+    },
+    saveMobileMenu() {
+      const modules = this.$refs["tree-mobile"].getCheckedKeys();
+      const parent = this.$refs["tree-mobile"].getHalfCheckedKeys();
+      const arr = [...modules, ...parent];
+      const str = arr.join(",");
+      const params = {
+        action: "saveRoleModule",
+        entityId: "FM_ROLE_MODULE",
+        roleId: this.roleId,
+        serviceId: this.serviceId,
+        mode: "move",
+        menuIds: str
+      };
+      this.$http.$request(params).then((data2) => {
+        this.getRoleMoveMenu();
+        this.$message.success(this.$t("save successfully"));
+        this.mobileVisible = false;
+      }).catch((err) => {
+        this.$message.error(err.message || this.$t("deal with failure"));
+        this.mobileVisible = false;
+      });
+    },
+    getBaseInfo() {
+      this.$http.get({
+        entityId: "FM_ROLE",
+        id: this.roleId
+      }).then((data2) => {
+        this.baseInfo = data2.data;
+      });
+    },
+    seachEntityNameMethod() {
+      this.checkedRightMap[this.serviceId] = null;
+      this.getCheckedRightList();
+    },
+    // seachEntity () {
+    //   this.getAllRightList()
+    // },
+    getAllRightList() {
+      this.$http.$request({
+        action: "getRoleOperateInfos",
+        entityId: "FM_ROLE_OPERATE",
+        roleId: this.roleId,
+        // name: this.searchKey,
+        serviceId: this.serviceId
+      }).then((data2) => {
+        this.allRightList = data2.eiList;
+      });
+    },
+    getCheckedRightList() {
+      const serviceId = this.serviceId;
+      if (this.checkedRightMap[serviceId]) return;
+      const params = {
+        action: "getRoleOperates",
+        entityId: "FM_ROLE_OPERATE",
+        roleId: this.roleId,
+        name: this.seachEntityName,
+        serviceId
+      };
+      this.$http.$request(params).then((data2) => {
+        this.checkedRightMap[serviceId] = data2.roiList;
+      });
+    },
+    isRowChecked(row, index) {
+      return row.operateInfos.every((item) => item.checked);
+    },
+    changeRowChecked(row, v) {
+      row.operateInfos.forEach((item) => {
+        item.checked = v;
+      });
+    },
+    removeCheckedRightList() {
+      const sessionList = this.rightSelectionList.map((item) => item.id);
+      this.$http.removeMulti({
+        entityId: "FM_ROLE_OPERATE",
+        ids: sessionList.join(",")
+      }).then((data2) => {
+        this.$message.success(this.$t("deleted successfully"));
+        this.checkedRightMap[this.serviceId] = null;
+        this.getCheckedRightList(this.serviceId);
+        this.getAllRightList(this.serviceId);
+      });
+    },
+    rightSelectionChange(v) {
+      this.rightSelectionList = v;
+    },
+    rightSpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 1) {
+        const checkedRightList = this.checkedRightMap[this.serviceId];
+        if (checkedRightList) {
+          const index = checkedRightList.findIndex((item) => item.entityName === row.entityName);
+          const repetList = checkedRightList.filter((item) => item.entityName === row.entityName);
+          if (repetList.length > 1) {
+            if (index === rowIndex) {
+              return {
+                rowspan: repetList.length,
+                colspan: 1
+              };
+            } else {
+              return {
+                rowspan: 0,
+                colspan: 0
+              };
+            }
+          }
+        }
+      }
+    },
+    editDataScope(row) {
+      this.dataScopeEntityId = null;
+      const dataScope = row.dataScope ? JSON.parse(row.dataScope) : {};
+      this.scopeParams = dataScope.scopeParams ? dataScope.scopeParams : [];
+      this.dataScopeEntityId = row.entityId;
+      this.dataScopeOperateRightId = row.id;
+      this.filterDrawer = true;
+    },
+    // 保存数据范围
+    saveScopeParams() {
+      const scopeParams = this.$refs.scopeDrawer.scopeParams || [];
+      let scopeText = "";
+      const _scopeParmas = scopeParams.map((item) => {
+        const { lb = "", field, mode, values, rb = "", link, label, "mode#": modelLabel = this.$t("yes"), "values#": valueLabel, "link#": linkLabel = "" } = item;
+        const text = lb + label + modelLabel + (valueLabel || values) + rb + linkLabel;
+        scopeText += text;
+        return { lb, field, mode, values, rb, link };
+      });
+      const params = {
+        action: "setDataScope",
+        entityId: "FM_ROLE_OPERATE",
+        roleOperateId: this.dataScopeOperateRightId
+      };
+      const scopeInfo = JSON.stringify({
+        scopeParams: _scopeParmas,
+        scopeText
+      });
+      this.$http.save({
+        ...params,
+        scopeInfo
+      }).then((data2) => {
+        const checkedRightList = this.checkedRightMap[this.serviceId];
+        if (checkedRightList) {
+          const index = checkedRightList.findIndex((item) => item.id === this.dataScopeOperateRightId);
+          if (index !== -1) {
+            const item = { ...checkedRightList[index], dataScope: scopeInfo };
+            checkedRightList.splice(index, 1, item);
+          }
+        }
+        this.filterDrawer = false;
+        this.$message.success(this.$t("save successfully"));
+      }).catch((err) => {
+        this.$message.error(err.message || this.$t("fail to save"));
+      });
+    },
+    saveFieldScope(entityId2) {
+      const params = {
+        action: "setFieldScope",
+        entityId: "FM_ROLE_OPERATE",
+        id: this.fieldScopeOperateRightId
+      };
+      const { type = "1", fields } = this.fieldScope;
+      const fieldList2 = this.fieldMap[entityId2] || [];
+      const fieldNames = fields.map((item) => {
+        const fieldItem = fieldList2.find((fieldItem2) => fieldItem2.code === item) || {};
+        return fieldItem.text;
+      });
+      const fieldStr = fields.join(",");
+      const fieldNameStr = (type === "1" ? this.$t("include") + "：" : this.$t("exclusive") + "：") + fieldNames.join(",");
+      this.$http.$request({
+        ...params,
+        type,
+        fields: fieldStr,
+        fieldNames: fieldNameStr
+      }).then((data2) => {
+        this.$message.success(this.$t("save successfully"));
+        const checkedRightList = this.checkedRightMap[this.serviceId];
+        if (checkedRightList) {
+          const index = checkedRightList.findIndex((item) => item.id === this.fieldScopeOperateRightId);
+          if (index !== -1) {
+            const item = { ...checkedRightList[index], fieldScope: JSON.stringify({ fields: fieldStr, fieldNames: fieldNameStr, type }) };
+            checkedRightList.splice(index, 1, item);
+          }
+        }
+        this.fieldScopeOperateRightId = null;
+        this.fieldScope = {
+          fields: [],
+          type: "1"
+        };
+      });
+    },
+    editFieldScope(row) {
+      this.getEntityFieldList(row.entityId);
+      this.fieldScope = {
+        type: "1",
+        fields: []
+      };
+      this.fieldScopeOperateRightId = row.id;
+      if (row.fieldScope) {
+        const scope = JSON.parse(row.fieldScope);
+        const { fields = "", type = "1" } = scope;
+        this.fieldScope = {
+          type,
+          fields: fields.split(",")
+        };
+      }
+    },
+    checkFieldAllChange(entityId2) {
+      const fieldList2 = this.fieldMap[entityId2] || [];
+      if (this.checkFieldAll) {
+        this.fieldScope.fields = fieldList2.map((item) => item.code);
+      } else {
+        this.fieldScope.fields = [];
+      }
+    },
+    getEntityFieldList(entityId) {
+      const fieldList = this.fieldMap[entityId];
+      if (fieldList) return;
+      this.$http.entityFieldTreeStore({
+        metaId: entityId,
+        allSub: false,
+        node: "root"
+      }).then((data) => {
+        const jsonData = eval("(" + data + ")");
+        if (jsonData) {
+          this.fieldMap[entityId] = jsonData[0].children;
+        }
+      });
+    },
+    saveRoleRight() {
+      const operates = this.allRightList.reduce((operates2, item) => operates2.concat(item.operateInfos.filter((oItem) => oItem.checked)), []);
+      const operateIds = operates.map((item) => item.operateId).join(",");
+      this.$http.$post({
+        action: "saveRoleOperate",
+        entityId: "FM_ROLE_OPERATE",
+        roleId: this.roleId,
+        serviceId: this.serviceId,
+        operateIds
+      }).then((data2) => {
+        this.$message.success(this.$t("save successfully"));
+        this.checkedRightMap[this.serviceId] = null;
+        this.getCheckedRightList(this.serviceId);
+        this.getAllRightList();
+        this.searchKey = "";
+        this.addRightDialog = false;
+      });
+    },
+    closeFieldScope() {
+      this.fieldScopeOperateRightId = null;
+      this.pcVisible = false;
+      this.mobileVisible = false;
+    },
+    getPcRoleList() {
+      this.$http.get({
+        action: "getServiceMenu",
+        entityId: "FM_MODULE",
+        serviceId: this.serviceId,
+        mode: "pc"
+      }).then((data2) => {
+        this.pcMemu = data2;
+      });
+    },
+    getMoveRoleList() {
+      this.$http.get({
+        action: "getServiceMenu",
+        entityId: "FM_MODULE",
+        serviceId: this.serviceId,
+        mode: "move"
+      }).then((data2) => {
+        this.mobileMenu = data2;
+      });
+    },
+    getRolePcMenu() {
+      this.$http.get({
+        action: "getRoleMenu",
+        entityId: "FM_ROLE_MODULE",
+        serviceId: this.serviceId,
+        roleId: this.roleId,
+        mode: "pc"
+      }).then((data2) => {
+        this.pcRoleMemu = data2;
+        this.getRoleCheck(data2);
+        this.$refs["tree-pc"].setCheckedKeys(this.pcCheckMemu);
+      });
+    },
+    getRoleCheck(arr) {
+      arr.forEach((item) => {
+        if (item.children.length > 0) {
+          this.getRoleCheck(item.children);
+        } else {
+          this.pcCheckMemu.push(item.ID);
+        }
+      });
+    },
+    getRoleMCheck(arr) {
+      arr.forEach((item) => {
+        if (item.children.length > 0) {
+          this.getRoleMCheck(item.children);
+        } else {
+          this.mobileCheckMenu.push(item.ID);
+        }
+      });
+    },
+    getRoleMoveMenu() {
+      this.$http.get({
+        action: "getRoleMenu",
+        entityId: "FM_ROLE_MODULE",
+        serviceId: this.serviceId,
+        roleId: this.roleId,
+        mode: "move"
+      }).then((data2) => {
+        this.mobileRoleMenu = data2;
+        this.getRoleMCheck(data2);
+        this.$refs["tree-mobile"].setCheckedKeys(this.mobileCheckMenu);
+      });
+    },
+    getService() {
+      this.$http.list({
+        action: "getRoleService",
+        entityId: "FM_ROLE_SERVICE",
+        roleId: this.roleId
+      }).then((data2) => {
+        this.service = data2.entitys;
+        this.activeService = this.service.find((item) => {
+          return item.SERVICE === this.$query.serviceId;
+        });
+      });
+    }
+  },
+  created() {
+    window.addEventListener("click", this.closeFieldScope);
+    this.roleId = this.$query.roleId;
+    this.serviceId = this.$query.serviceId;
+    this.getService();
+    this.getBaseInfo();
+    this.getCheckedRightList();
+    this.getAllRightList();
+    this.getRolePcMenu();
+    this.getRoleMoveMenu();
+    this.getPcRoleList();
+    this.getMoveRoleList();
+  },
+  unmounted() {
+    window.removeEventListener("click", this.closeFieldScope);
+  }
+};
+const _hoisted_1 = { class: "container" };
+const _hoisted_2 = { class: "left" };
+const _hoisted_3 = { class: "menu-keyword" };
+const _hoisted_4 = { class: "menu-list" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "add-client" };
+const _hoisted_7 = { class: "right" };
+const _hoisted_8 = { key: 0 };
+const _hoisted_9 = { class: "clearfix" };
+const _hoisted_10 = { style: { "marginRight": "190px" } };
+const _hoisted_11 = { class: "clearfix" };
+const _hoisted_12 = { class: "role-menu-container" };
+const _hoisted_13 = { class: "pc-menu" };
+const _hoisted_14 = { class: "menu-header" };
+const _hoisted_15 = { class: "popover-menu-con" };
+const _hoisted_16 = { class: "card-body" };
+const _hoisted_17 = { class: "menu-content" };
+const _hoisted_18 = { class: "tree-node" };
+const _hoisted_19 = { class: "mobile-menu" };
+const _hoisted_20 = { class: "menu-header" };
+const _hoisted_21 = { class: "popover-menu-con" };
+const _hoisted_22 = { class: "card-body" };
+const _hoisted_23 = { class: "menu-content" };
+const _hoisted_24 = { class: "tree-node" };
+const _hoisted_25 = { class: "clearfix" };
+const _hoisted_26 = { class: "search-inline" };
+const _hoisted_27 = { class: "button-group" };
+const _hoisted_28 = ["onClick"];
+const _hoisted_29 = ["onClick"];
+const _hoisted_30 = { class: "field-scope-operate" };
+const _hoisted_31 = ["onClick"];
+const _hoisted_32 = ["onClick"];
+const _hoisted_33 = { class: "dialog-right-input" };
+const _hoisted_34 = { style: { marginTop: "24px", textAlign: "center" } };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_card = resolveComponent("el-card");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_el_popover = resolveComponent("el-popover");
+  const _component_el_table_column = resolveComponent("el-table-column");
+  const _component_el_radio_button = resolveComponent("el-radio-button");
+  const _component_el_radio_group = resolveComponent("el-radio-group");
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
+  const _component_el_table = resolveComponent("el-table");
+  const _component_epx_scope_drawer = resolveComponent("epx-scope-drawer");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("div", _hoisted_3, [
+        createVNode(_component_el_input, {
+          size: "middle",
+          modelValue: $data.searchRole,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.searchRole = $event),
+          "prefix-icon": "el-icon-search",
+          placeholder: _ctx.$t("keyword")
+        }, null, 8, ["modelValue", "placeholder"])
+      ]),
+      createElementVNode("ul", _hoisted_4, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.searchMethod, (service) => {
+          return openBlock(), createElementBlock("li", {
+            class: normalizeClass(["menu-item", service.ID === $data.activeService.ID && "menu-item__active"]),
+            key: service.ID,
+            onClick: ($event) => $options.switchService(service)
+          }, toDisplayString(service["SERVICE|NAME"]), 11, _hoisted_5);
+        }), 128))
+      ]),
+      createElementVNode("div", _hoisted_6, [
+        createVNode(_component_el_button, {
+          type: "primary",
+          link: "",
+          onClick: $options.addService
+        }, {
+          default: withCtx(() => [
+            createTextVNode("+ " + toDisplayString(_ctx.$t("Add application")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ])
+    ]),
+    createElementVNode("div", _hoisted_7, [
+      $data.roleId && $data.serviceId ? (openBlock(), createElementBlock("div", _hoisted_8, [
+        createVNode(_component_el_card, { class: "box-card" }, {
+          header: withCtx(() => [
+            createElementVNode("div", _hoisted_9, [
+              createElementVNode("span", null, toDisplayString(_ctx.$t("basic information")), 1)
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", null, [
+              createElementVNode("span", _hoisted_10, toDisplayString(_ctx.$t("Application Name")) + "：" + toDisplayString($data.activeService["SERVICE|NAME"]), 1),
+              createTextVNode(" " + toDisplayString(_ctx.$t("Grant role")) + "：" + toDisplayString($data.baseInfo.NAME), 1)
+            ])
+          ]),
+          _: 1
+        }),
+        createVNode(_component_el_card, { class: "box-card" }, {
+          header: withCtx(() => [
+            createElementVNode("div", _hoisted_11, [
+              createElementVNode("span", null, toDisplayString(_ctx.$t("menu function")), 1)
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_12, [
+              createElementVNode("div", _hoisted_13, [
+                createElementVNode("div", _hoisted_14, [
+                  createElementVNode("div", null, [
+                    _cache[20] || (_cache[20] = createElementVNode("i", { class: "el-icon-monitor" }, null, -1)),
+                    createTextVNode(" " + toDisplayString(_ctx.$t("PC menu")), 1)
+                  ]),
+                  createVNode(_component_el_popover, {
+                    placement: "bottom-end",
+                    width: "200",
+                    trigger: "manual",
+                    visible: $data.pcVisible,
+                    "onUpdate:visible": _cache[4] || (_cache[4] = ($event) => $data.pcVisible = $event)
+                  }, {
+                    reference: withCtx(() => [
+                      createElementVNode("i", {
+                        class: "el-icon-setting",
+                        onClick: _cache[3] || (_cache[3] = withModifiers(($event) => $data.pcVisible = !$data.pcVisible, ["stop"]))
+                      })
+                    ]),
+                    default: withCtx(() => [
+                      createVNode(_component_el_card, {
+                        class: "tree-card",
+                        header: _ctx.$t("menu settings"),
+                        shadow: "never",
+                        onClick: _cache[2] || (_cache[2] = withModifiers(() => {
+                        }, ["stop"]))
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("div", _hoisted_15, [
+                            createVNode(_component_el_tree, {
+                              ref: "tree-pc",
+                              class: "menu-tree",
+                              props: $data.props,
+                              data: $data.pcMemu,
+                              "show-checkbox": "",
+                              "node-key": "ID",
+                              "default-checked-keys": $data.pcCheckMemu
+                            }, null, 8, ["props", "data", "default-checked-keys"])
+                          ]),
+                          createElementVNode("div", _hoisted_16, [
+                            createVNode(_component_el_button, {
+                              type: "primary",
+                              size: "default",
+                              onClick: $options.savePcMenu
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(_ctx.$t("save")), 1)
+                              ]),
+                              _: 1
+                            }, 8, ["onClick"]),
+                            createVNode(_component_el_button, {
+                              size: "default",
+                              onClick: _cache[1] || (_cache[1] = ($event) => $data.pcVisible = false)
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(_ctx.$t("cancel")), 1)
+                              ]),
+                              _: 1
+                            })
+                          ])
+                        ]),
+                        _: 1
+                      }, 8, ["header"])
+                    ]),
+                    _: 1
+                  }, 8, ["visible"])
+                ]),
+                createElementVNode("div", _hoisted_17, [
+                  createVNode(_component_el_tree, {
+                    class: "menu-tree",
+                    props: $data.props,
+                    "default-expand-all": "",
+                    data: $data.pcRoleMemu,
+                    "node-key": "ID"
+                  }, {
+                    default: withCtx(({ node, data: data2 }) => [
+                      createElementVNode("span", _hoisted_18, [
+                        createElementVNode("i", {
+                          class: normalizeClass(data2.children.length > 0 ? "el-icon-folder-opened" : "el-icon-document")
+                        }, null, 2),
+                        createElementVNode("span", null, toDisplayString(node.label), 1)
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["props", "data"])
+                ])
+              ]),
+              createElementVNode("div", _hoisted_19, [
+                createElementVNode("div", _hoisted_20, [
+                  createElementVNode("div", null, [
+                    _cache[21] || (_cache[21] = createElementVNode("i", { class: "el-icon-mobile" }, null, -1)),
+                    createTextVNode(" " + toDisplayString(_ctx.$t("mobile menu")), 1)
+                  ]),
+                  createVNode(_component_el_popover, {
+                    placement: "bottom-end",
+                    width: "200",
+                    trigger: "manual",
+                    visible: $data.mobileVisible,
+                    "onUpdate:visible": _cache[8] || (_cache[8] = ($event) => $data.mobileVisible = $event)
+                  }, {
+                    reference: withCtx(() => [
+                      createElementVNode("i", {
+                        class: "el-icon-setting",
+                        onClick: _cache[7] || (_cache[7] = withModifiers(($event) => $data.mobileVisible = !$data.mobileVisible, ["stop"]))
+                      })
+                    ]),
+                    default: withCtx(() => [
+                      createVNode(_component_el_card, {
+                        class: "tree-card",
+                        header: _ctx.$t("menu settings"),
+                        shadow: "never",
+                        onClick: _cache[6] || (_cache[6] = withModifiers(() => {
+                        }, ["stop"]))
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("div", _hoisted_21, [
+                            createVNode(_component_el_tree, {
+                              ref: "tree-mobile",
+                              class: "menu-tree",
+                              props: $data.props,
+                              data: $data.mobileMenu,
+                              "show-checkbox": "",
+                              "node-key": "ID",
+                              "default-checked-keys": $data.mobileCheckMenu
+                            }, null, 8, ["props", "data", "default-checked-keys"])
+                          ]),
+                          createElementVNode("div", _hoisted_22, [
+                            createVNode(_component_el_button, {
+                              type: "primary",
+                              size: "default",
+                              onClick: $options.saveMobileMenu
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(_ctx.$t("save")), 1)
+                              ]),
+                              _: 1
+                            }, 8, ["onClick"]),
+                            createVNode(_component_el_button, {
+                              size: "default",
+                              onClick: _cache[5] || (_cache[5] = ($event) => $data.mobileVisible = false)
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(_ctx.$t("cancel")), 1)
+                              ]),
+                              _: 1
+                            })
+                          ])
+                        ]),
+                        _: 1
+                      }, 8, ["header"])
+                    ]),
+                    _: 1
+                  }, 8, ["visible"])
+                ]),
+                createElementVNode("div", _hoisted_23, [
+                  createVNode(_component_el_tree, {
+                    class: "menu-tree",
+                    props: $data.props,
+                    "default-expand-all": "",
+                    data: $data.mobileRoleMenu,
+                    "node-key": "ID"
+                  }, {
+                    default: withCtx(({ node, data: data2 }) => [
+                      createElementVNode("span", _hoisted_24, [
+                        createElementVNode("i", {
+                          class: normalizeClass(data2.children.length > 0 ? "el-icon-folder-opened" : "el-icon-document")
+                        }, null, 2),
+                        createElementVNode("span", null, toDisplayString(node.label), 1)
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["props", "data"])
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }),
+        createVNode(_component_el_card, { class: "box-card" }, {
+          header: withCtx(() => [
+            createElementVNode("div", _hoisted_25, [
+              createElementVNode("div", _hoisted_26, [
+                createElementVNode("div", _hoisted_27, [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    size: "default",
+                    onClick: _cache[9] || (_cache[9] = ($event) => $data.addRightDialog = true)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("add permission")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    onClick: $options.removeCheckedRightList
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("remove permissions")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                createElementVNode("div", null, [
+                  createVNode(_component_el_input, {
+                    size: "default",
+                    placeholder: _ctx.$t("please enter an object name"),
+                    modelValue: $data.seachEntityName,
+                    "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $data.seachEntityName = $event),
+                    onChange: $options.seachEntityNameMethod,
+                    class: "input-with-select",
+                    clearable: "",
+                    "suffix-icon": "el-icon-search"
+                  }, null, 8, ["placeholder", "modelValue", "onChange"])
+                ])
+              ])
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", null, [
+              createVNode(_component_el_table, {
+                data: $data.checkedRightMap[$data.serviceId],
+                onSelectionChange: $options.rightSelectionChange,
+                border: "",
+                "span-method": $options.rightSpanMethod,
+                style: { "width": "100%" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_table_column, {
+                    type: "selection",
+                    width: "55"
+                  }),
+                  createVNode(_component_el_table_column, {
+                    prop: "entityName",
+                    label: _ctx.$t("object name"),
+                    "min-width": "160"
+                  }, null, 8, ["label"]),
+                  createVNode(_component_el_table_column, {
+                    prop: "operateName",
+                    label: _ctx.$t("object operation"),
+                    "min-width": "160"
+                  }, null, 8, ["label"]),
+                  createVNode(_component_el_table_column, {
+                    prop: "dataScope",
+                    label: _ctx.$t("scope of data"),
+                    "min-width": "160"
+                  }, {
+                    default: withCtx(({ row }) => [
+                      !row.dataScope ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        class: "add-scope",
+                        onClick: ($event) => $options.editDataScope(row)
+                      }, "+ " + toDisplayString(_ctx.$t("select range")), 9, _hoisted_28)) : (openBlock(), createElementBlock("span", {
+                        key: 1,
+                        class: "edit-scope",
+                        onClick: ($event) => $options.editDataScope(row)
+                      }, [
+                        createTextVNode(toDisplayString($options.getDataScopeText(row.dataScope)) + " ", 1),
+                        _cache[22] || (_cache[22] = createElementVNode("i", { class: "el-icon-edit" }, null, -1))
+                      ], 8, _hoisted_29))
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  createVNode(_component_el_table_column, {
+                    prop: "fieldScope",
+                    label: _ctx.$t("range of fields"),
+                    "min-width": "160"
+                  }, {
+                    default: withCtx(({ row }) => [
+                      createVNode(_component_el_popover, {
+                        "popper-class": "role-app-field-scope-popover",
+                        value: $data.fieldScopeOperateRightId === row.id,
+                        ref: "popover",
+                        title: _ctx.$t("setting field ranges"),
+                        width: "400",
+                        trigger: "manual"
+                      }, {
+                        reference: withCtx(() => [
+                          !row.fieldScope ? (openBlock(), createElementBlock("span", {
+                            key: 0,
+                            class: "add-scope",
+                            onClick: withModifiers(($event) => $options.editFieldScope(row), ["stop"])
+                          }, "+ " + toDisplayString(_ctx.$t("select range")), 9, _hoisted_31)) : (openBlock(), createElementBlock("span", {
+                            key: 1,
+                            class: "edit-scope",
+                            onClick: withModifiers(($event) => $options.editFieldScope(row), ["stop"])
+                          }, [
+                            createTextVNode(toDisplayString($options.getFieldScopeText(row.fieldScope)), 1),
+                            _cache[23] || (_cache[23] = createElementVNode("i", { class: "el-icon-edit" }, null, -1))
+                          ], 8, _hoisted_32))
+                        ]),
+                        default: withCtx(() => [
+                          createElementVNode("div", {
+                            class: "field-scope-setting",
+                            onClick: _cache[15] || (_cache[15] = withModifiers(() => {
+                            }, ["stop"]))
+                          }, [
+                            createVNode(_component_el_radio_group, {
+                              class: "field-radio-group",
+                              modelValue: $data.fieldScope.type,
+                              "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => $data.fieldScope.type = $event),
+                              size: "default"
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_el_radio_button, {
+                                  label: "1",
+                                  value: "1"
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(toDisplayString(_ctx.$t("include")), 1)
+                                  ]),
+                                  _: 1
+                                }),
+                                createVNode(_component_el_radio_button, {
+                                  label: "0",
+                                  value: "0"
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(toDisplayString(_ctx.$t("exclusive")), 1)
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue"]),
+                            createVNode(_component_el_checkbox, {
+                              class: "check-field-all",
+                              indeterminate: $options.isCheckFieldIndeterminate(row.entityId, $data.fieldScope),
+                              modelValue: $data.checkFieldAll,
+                              "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => $data.checkFieldAll = $event),
+                              onChange: ($event) => $options.checkFieldAllChange(row.entityId)
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(_ctx.$t("check all")), 1)
+                              ]),
+                              _: 1
+                            }, 8, ["indeterminate", "modelValue", "onChange"]),
+                            $data.fieldMap[row.entityId] ? (openBlock(), createBlock(_component_el_checkbox_group, {
+                              key: 0,
+                              class: "field-checkbox-group",
+                              modelValue: $data.fieldScope.fields,
+                              "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => $data.fieldScope.fields = $event)
+                            }, {
+                              default: withCtx(() => [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList($data.fieldMap[row.entityId], (field) => {
+                                  return openBlock(), createBlock(_component_el_checkbox, {
+                                    label: field.code,
+                                    value: field.code,
+                                    key: field.code
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(field.text), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["label", "value"]);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1032, ["modelValue"])) : createCommentVNode("", true),
+                            createElementVNode("div", _hoisted_30, [
+                              createVNode(_component_el_button, {
+                                type: "primary",
+                                size: "default",
+                                onClick: withModifiers(($event) => $options.saveFieldScope(row.entityId), ["stop"])
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(_ctx.$t("determine")), 1)
+                                ]),
+                                _: 1
+                              }, 8, ["onClick"]),
+                              createVNode(_component_el_button, {
+                                size: "default",
+                                onClick: _cache[14] || (_cache[14] = ($event) => $data.fieldScopeOperateRightId = null)
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(_ctx.$t("cancel")), 1)
+                                ]),
+                                _: 1
+                              })
+                            ])
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["value", "title"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }, 8, ["data", "onSelectionChange", "span-method"])
+            ])
+          ]),
+          _: 1
+        })
+      ])) : createCommentVNode("", true)
+    ]),
+    createVNode(_component_epx_scope_drawer, {
+      ref: "scopeDrawer",
+      visible: $data.filterDrawer,
+      "onUpdate:visible": _cache[16] || (_cache[16] = ($event) => $data.filterDrawer = $event),
+      metaId: $data.dataScopeEntityId,
+      params: $data.scopeParams
+    }, {
+      button: withCtx(() => [
+        createVNode(_component_el_button, {
+          class: "scope-save-btn",
+          type: "primary",
+          onClick: $options.saveScopeParams
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.$t("save")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ]),
+      _: 1
+    }, 8, ["visible", "metaId", "params"]),
+    createVNode(_component_el_dialog, {
+      class: "right-dialog",
+      "model-value": $data.addRightDialog,
+      title: _ctx.$t("adding operation rights"),
+      onClose: _cache[19] || (_cache[19] = ($event) => $data.addRightDialog = false)
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_33, [
+          createVNode(_component_el_input, {
+            placeholder: _ctx.$t("please enter an object name"),
+            modelValue: $data.searchKey,
+            "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => $data.searchKey = $event),
+            clearable: ""
+          }, null, 8, ["placeholder", "modelValue"])
+        ]),
+        createVNode(_component_el_table, {
+          data: $options.seachEntity,
+          style: { "width": "100%" },
+          height: "480"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_table_column, {
+              label: _ctx.$t("object name"),
+              prop: "entityName"
+            }, null, 8, ["label"]),
+            createVNode(_component_el_table_column, {
+              label: _ctx.$t("check all")
+            }, {
+              default: withCtx(({ row }) => [
+                createVNode(_component_el_checkbox, {
+                  value: $options.isRowChecked(row),
+                  onChange: (v) => $options.changeRowChecked(row, v)
+                }, null, 8, ["value", "onChange"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            createVNode(_component_el_table_column, {
+              label: _ctx.$t("object operation"),
+              "min-width": "240"
+            }, {
+              default: withCtx(({ row }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(row.operateInfos || [], (operate) => {
+                  return openBlock(), createBlock(_component_el_checkbox, {
+                    modelValue: operate.checked,
+                    "onUpdate:modelValue": ($event) => operate.checked = $event,
+                    key: operate.operateId
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(operate.operateName), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["data"]),
+        createElementVNode("div", _hoisted_34, [
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: $options.saveRoleRight
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("determine")), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"]),
+          createVNode(_component_el_button, {
+            onClick: _cache[18] || (_cache[18] = ($event) => $data.addRightDialog = false)
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("cancel")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 1
+    }, 8, ["model-value", "title"])
+  ]);
+}
+const RoleAccredit = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f4ec55e4"]]);
+export {
+  RoleAccredit as default
+};