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

package/dist/src/views/client/SystemAppAccredit.js

@@ -0,0 +1,560 @@
+import component from "@epxing/core/src/mixins/component";
+import { resolveComponent, openBlock, createElementBlock, normalizeStyle, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, normalizeClass, withModifiers, Fragment, renderList } from "vue";
+/* empty css                      */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-client-system-app-accredit",
+  mixins: [component],
+  data() {
+    return {
+      roleMenuList: [],
+      tableData: [],
+      inputName: "",
+      serviceId: "",
+      checkRoleList: [],
+      appAllRoleList: [],
+      appAccreditRoleList: [],
+      addRoleDialog: false,
+      props: {
+        label: "title",
+        children: "children"
+      },
+      setRoleMenuDialog: false,
+      dialogTitle: "",
+      setMenuInfo: {},
+      roleUnauthorizedMenu: [],
+      roleMode: "pc",
+      pcVisible: false,
+      // pcMemu: [],
+      pcRoleMemu: [],
+      systemId: "",
+      clickRoleMenu: ""
+    };
+  },
+  methods: {
+    settingMenu(row, type, e) {
+      this.roleMode = type;
+      this.setMenuInfo = { ...row };
+      if (this.clickRoleMenu !== row.roleId + type) {
+        this.clickRoleMenu = row.roleId + type;
+        this.getUnauthorizedMenu(row.roleId);
+      }
+      const text = type === "move" ? "移动端" : "PC端";
+      this.dialogTitle = `${row.roleName}-${text}-菜单授权`;
+      this.setRoleMenuDialog = true;
+    },
+    removeTree(data, row, type) {
+      this.roleMode = type;
+      this.setMenuInfo = { ...row };
+      this.$confirm("是否删除？", {
+        confirmButtonText: this.$t("confirm"),
+        cancelButtonText: this.$t("cancel"),
+        type: "warning"
+      }).then(() => {
+        const params = {
+          action: "removeRoleModules",
+          entityId: "FM_ROLE_MODULE",
+          moduleIds: data.id,
+          roleId: this.setMenuInfo.roleId
+        };
+        if (!data.id) {
+          params.serviceId = data.serviceId;
+          delete params.moduleIds;
+        }
+        this.$http.$post(params).then(() => {
+          this.$message({
+            type: "success",
+            message: "删除成功!"
+          });
+          this.getRoleMenuList();
+        }).catch((err) => {
+          this.$message.error(err.message || "处理失败");
+        });
+      });
+    },
+    savePcMenu() {
+      const modules = this.$refs["tree-pc"].getCheckedKeys();
+      const parent = this.$refs["tree-pc"].getHalfCheckedKeys();
+      const arr = [...modules, ...parent];
+      const filterArr = arr.filter((item) => {
+        if (item) {
+          return item;
+        }
+      });
+      const str = filterArr.join(",");
+      const params = {
+        action: "saveRoleModules",
+        entityId: "FM_ROLE_MODULE",
+        roleId: this.setMenuInfo.roleId,
+        moduleIds: str
+      };
+      this.httpLoading.savePcMenu = true;
+      this.$http.$post(params).then(() => {
+        this.getRoleMenuList();
+        this.getUnauthorizedMenu();
+        this.$message.success("保存成功");
+        this.pcVisible = false;
+        this.setRoleMenuDialog = false;
+      }).catch((err) => {
+        this.$message.error(err.message || "处理失败");
+        this.pcVisible = false;
+        this.setRoleMenuDialog = false;
+      }).finally(() => {
+        this.httpLoading.savePcMenu = false;
+      });
+    },
+    getRoleMenuList() {
+      this.$http.get({
+        action: "getRoleModules",
+        entityId: "FM_ROLE_MODULE",
+        roleId: this.setMenuInfo.roleId,
+        systemId: this.systemId,
+        mode: this.roleMode,
+        serviceId: this.serviceId
+      }).then((data) => {
+        this.pcRoleMemu = data.length > 0 ? data[0].children : [];
+        if (this.roleMode === "move") {
+          this.setMenuInfo.mvModule = data.length > 0 ? data[0].children : [];
+        } else {
+          this.setMenuInfo.pcModule = data.length > 0 ? data[0].children : [];
+        }
+        const index = this.roleMenuList.findIndex((item) => item.roleId === this.setMenuInfo.roleId);
+        this.roleMenuList.splice(index, 1, { ...this.setMenuInfo });
+        this.search();
+      });
+    },
+    getUnauthorizedMenu() {
+      const params = {
+        action: "getUnauthorizedModules",
+        entityId: "FM_ROLE_MODULE",
+        systemId: this.systemId,
+        serviceId: this.serviceId,
+        mode: this.roleMode,
+        roleId: this.setMenuInfo.roleId
+      };
+      this.$http.get(params).then((data) => {
+        this.roleUnauthorizedMenu = data;
+      }).catch((err) => {
+        this.$message.error(err.message || "获取未授权菜单失败");
+      });
+    },
+    deleteMenu(roleId) {
+      this.$confirm(this.$t("Confirm the deletion") + "？").then(() => {
+        const params = {
+          action: "removeRoleModules",
+          entityId: "FM_ROLE_MODULE",
+          roleId,
+          serviceId: this.serviceId
+        };
+        this.$http.$post(params).then(() => {
+          this.$message.success("删除成功");
+          this.getRoleList();
+        }).catch((err) => {
+          this.$message.error(err.message || "删除失败");
+        });
+      });
+    },
+    saveAppRole() {
+      if (this.checkRoleList.length === 0) {
+        this.$message.error("请先选择授权角色");
+        return;
+      }
+      this.$http.$post({
+        action: "saveServiceRoles",
+        entityId: "FM_ROLE_SERVICE",
+        serviceId: this.serviceId,
+        roleIds: this.checkRoleList.join(",")
+      }).then((data) => {
+        this.$message.success("添加成功");
+        this.addRoleDialog = false;
+        this.checkRoleList = [];
+        this.getRoleList();
+      }).catch((err) => {
+        this.$message.error(err.message || "操作失败");
+      });
+    },
+    getClientSystemAppRole() {
+      const scopeParams = [
+        {
+          field: "SYSTEM",
+          mode: "equal",
+          values: this.systemId,
+          link: "or"
+        },
+        {
+          field: "TYPE",
+          mode: "equal",
+          values: "client"
+        }
+      ];
+      const params = {
+        entityId: this.$metaId,
+        scopeParams: JSON.stringify(scopeParams),
+        order_field: "TYPE",
+        order_mode: "desc"
+      };
+      this.$http.list(params).then((data) => {
+        this.appAllRoleList = data.entitys;
+        this.getRoleList();
+      });
+    },
+    search() {
+      if (this.inputName) {
+        this.tableData = this.roleMenuList.filter((item) => {
+          return item.roleName.includes(this.inputName);
+        });
+      } else {
+        this.tableData = this.roleMenuList;
+      }
+    },
+    getRoleList() {
+      const { roleType } = this.$configs;
+      const params = {
+        action: "getServiceRoleMenu",
+        entityId: "FM_MODULE",
+        serviceId: this.serviceId
+      };
+      if (roleType) {
+        params.roleType = roleType;
+      }
+      this.$http.$post(params).then((data) => {
+        this.roleMenuList = data ? [...data] : [];
+        const hasRole = {};
+        this.roleMenuList.forEach((item) => {
+          hasRole[item.roleId] = true;
+        });
+        this.appAccreditRoleList = [];
+        this.appAllRoleList.forEach((item) => {
+          if (!hasRole[item.ID]) {
+            this.appAccreditRoleList.push(item);
+          }
+        });
+        this.tableData = this.roleMenuList;
+      }).catch((err) => {
+        this.$message.error(err.message || "获取应用角色菜单失败");
+      });
+    }
+  },
+  created() {
+    this.serviceId = this.$query.serviceId || this.$tab.serviceId;
+    this.systemId = this.$query.systemId || this.$tab.systemId;
+    this.getClientSystemAppRole();
+  },
+  mounted() {
+    if (this.upPage && this.upPage.$el && this.$refs.tableCon) {
+      this.maxHight = this.upPage.$el.offsetHeight - this.$refs.tableCon.offsetTop - 40;
+    }
+  }
+};
+const _hoisted_1 = { class: "top" };
+const _hoisted_2 = {
+  class: "role-table",
+  ref: "tableCon"
+};
+const _hoisted_3 = { class: "set-menu-con" };
+const _hoisted_4 = { class: "tree-node" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { class: "set-menu-con" };
+const _hoisted_8 = { class: "tree-node" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = { class: "column-operates" };
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = { class: "role-system__content" };
+const _hoisted_14 = { class: "dialog-footer" };
+const _hoisted_15 = { class: "role-menu-container" };
+const _hoisted_16 = { class: "menu-content" };
+const _hoisted_17 = { class: "tree-node" };
+const _hoisted_18 = { class: "card-body" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_tag = resolveComponent("el-tag");
+  const _component_el_table_column = resolveComponent("el-table-column");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_el_table = resolveComponent("el-table");
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  return openBlock(), createElementBlock("div", {
+    class: "container",
+    style: normalizeStyle(_ctx.$component.style)
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      createVNode(_component_el_button, {
+        type: "primary",
+        onClick: _cache[0] || (_cache[0] = ($event) => $data.addRoleDialog = true)
+      }, {
+        default: withCtx(() => [..._cache[7] || (_cache[7] = [
+          createElementVNode("i", { class: "el-icon-plus" }, null, -1),
+          createTextVNode("添加授权角色", -1)
+        ])]),
+        _: 1
+      }),
+      createVNode(_component_el_input, {
+        class: "input-search",
+        modelValue: $data.inputName,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.inputName = $event),
+        clearable: "",
+        placeholder: "请输入角色名称",
+        onChange: $options.search
+      }, null, 8, ["modelValue", "onChange"])
+    ]),
+    createElementVNode("div", _hoisted_2, [
+      createVNode(_component_el_table, {
+        ref: "table",
+        data: $data.tableData,
+        border: "",
+        style: { "width": "100%" },
+        "max-height": _ctx.maxHight
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_table_column, {
+            label: "角色名称",
+            width: "180"
+          }, {
+            default: withCtx((scope) => [
+              createTextVNode(toDisplayString(scope.row.roleName) + " ", 1),
+              scope.row.roleType === "client" ? (openBlock(), createBlock(_component_el_tag, {
+                key: 0,
+                style: { "marginLeft": "4px" },
+                size: "default"
+              }, {
+                default: withCtx(() => [..._cache[8] || (_cache[8] = [
+                  createTextVNode("通用", -1)
+                ])]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            label: "PC端菜单权限",
+            "min-width": "400"
+          }, {
+            default: withCtx((scope) => [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_component_el_tree, {
+                  class: "menu-tree",
+                  props: $data.props,
+                  data: scope.row.pcModule,
+                  "node-key": "id"
+                }, {
+                  default: withCtx(({ node, data }) => [
+                    createElementVNode("span", _hoisted_4, [
+                      createElementVNode("span", null, [
+                        createElementVNode("i", {
+                          class: normalizeClass(data.children.length > 0 ? "el-icon-folder-opened" : "el-icon-document")
+                        }, null, 2),
+                        createElementVNode("span", null, toDisplayString(node.label), 1)
+                      ]),
+                      createElementVNode("span", {
+                        class: "remove-tree",
+                        onClick: withModifiers(($event) => $options.removeTree(data, scope.row, "pc"), ["stop"])
+                      }, [..._cache[9] || (_cache[9] = [
+                        createElementVNode("i", { class: "el-icon-close" }, null, -1)
+                      ])], 8, _hoisted_5)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["props", "data"]),
+                createElementVNode("div", null, [
+                  createElementVNode("span", {
+                    title: "菜单授权",
+                    class: "add-menu",
+                    onClick: ($event) => $options.settingMenu(scope.row, "pc", $event)
+                  }, [..._cache[10] || (_cache[10] = [
+                    createElementVNode("i", { class: "el-icon-circle-plus-outline" }, null, -1)
+                  ])], 8, _hoisted_6)
+                ])
+              ])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            label: "移动端菜单权限",
+            "min-width": "400"
+          }, {
+            default: withCtx((scope) => [
+              createElementVNode("div", _hoisted_7, [
+                createVNode(_component_el_tree, {
+                  class: "menu-tree",
+                  props: $data.props,
+                  data: scope.row.mvModule,
+                  "node-key": "id"
+                }, {
+                  default: withCtx(({ node, data }) => [
+                    createElementVNode("span", _hoisted_8, [
+                      createElementVNode("span", null, [
+                        createElementVNode("i", {
+                          class: normalizeClass(data.children.length > 0 ? "el-icon-folder-opened" : "el-icon-document")
+                        }, null, 2),
+                        createElementVNode("span", null, toDisplayString(node.label), 1)
+                      ]),
+                      createElementVNode("span", {
+                        class: "remove-tree",
+                        onClick: withModifiers(($event) => $options.removeTree(data, scope.row, "move"), ["stop"])
+                      }, [..._cache[11] || (_cache[11] = [
+                        createElementVNode("i", { class: "el-icon-close" }, null, -1)
+                      ])], 8, _hoisted_9)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["props", "data"]),
+                createElementVNode("div", null, [
+                  createElementVNode("span", {
+                    title: "菜单授权",
+                    class: "add-menu",
+                    onClick: ($event) => $options.settingMenu(scope.row, "move", $event)
+                  }, [..._cache[12] || (_cache[12] = [
+                    createElementVNode("i", { class: "el-icon-circle-plus-outline" }, null, -1)
+                  ])], 8, _hoisted_10)
+                ])
+              ])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            label: "操作",
+            width: "88"
+          }, {
+            default: withCtx((scope) => [
+              createElementVNode("div", _hoisted_11, [
+                createElementVNode("span", {
+                  onClick: ($event) => $options.deleteMenu(scope.row.roleId)
+                }, "取消授权", 8, _hoisted_12)
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["data", "max-height"])
+    ], 512),
+    createVNode(_component_el_dialog, {
+      class: "role-dialog",
+      title: "添加授权角色",
+      width: "960px",
+      modelValue: $data.addRoleDialog,
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.addRoleDialog = $event)
+    }, {
+      footer: withCtx(() => [
+        createElementVNode("span", _hoisted_14, [
+          createVNode(_component_el_button, {
+            onClick: _cache[3] || (_cache[3] = ($event) => $data.addRoleDialog = false)
+          }, {
+            default: withCtx(() => [..._cache[14] || (_cache[14] = [
+              createTextVNode("取 消", -1)
+            ])]),
+            _: 1
+          }),
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: $options.saveAppRole
+          }, {
+            default: withCtx(() => [..._cache[15] || (_cache[15] = [
+              createTextVNode("保 存", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ])
+      ]),
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_13, [
+          createVNode(_component_el_checkbox_group, {
+            modelValue: $data.checkRoleList,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.checkRoleList = $event)
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList($data.appAccreditRoleList, (item) => {
+                return openBlock(), createBlock(_component_el_checkbox, {
+                  key: item.ID,
+                  label: item.ID,
+                  value: item.ID
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(item.NAME) + " ", 1),
+                    item.TYPE === "client" ? (openBlock(), createBlock(_component_el_tag, {
+                      key: 0,
+                      size: "small"
+                    }, {
+                      default: withCtx(() => [..._cache[13] || (_cache[13] = [
+                        createTextVNode("通用", -1)
+                      ])]),
+                      _: 1
+                    })) : createCommentVNode("", true)
+                  ]),
+                  _: 2
+                }, 1032, ["label", "value"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    createVNode(_component_el_dialog, {
+      title: $data.dialogTitle,
+      modelValue: $data.setRoleMenuDialog,
+      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.setRoleMenuDialog = $event)
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_15, [
+          createElementVNode("div", _hoisted_16, [
+            createVNode(_component_el_tree, {
+              ref: "tree-pc",
+              class: "menu-tree",
+              props: $data.props,
+              "default-expand-all": "",
+              data: $data.roleUnauthorizedMenu,
+              "show-checkbox": "",
+              "node-key": "id"
+            }, {
+              default: withCtx(({ node, data }) => [
+                createElementVNode("span", _hoisted_17, [
+                  createElementVNode("span", null, [
+                    createElementVNode("i", {
+                      class: normalizeClass(data.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_18, [
+            $data.roleUnauthorizedMenu.length > 0 ? (openBlock(), createBlock(_component_el_button, {
+              key: 0,
+              type: "primary",
+              size: "medium",
+              loading: _ctx.httpLoading.savePcMenu,
+              onClick: $options.savePcMenu
+            }, {
+              default: withCtx(() => [..._cache[16] || (_cache[16] = [
+                createTextVNode("保存", -1)
+              ])]),
+              _: 1
+            }, 8, ["loading", "onClick"])) : createCommentVNode("", true),
+            createVNode(_component_el_button, {
+              size: "default",
+              onClick: _cache[5] || (_cache[5] = ($event) => $data.setRoleMenuDialog = false)
+            }, {
+              default: withCtx(() => [..._cache[17] || (_cache[17] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["title", "modelValue"])
+  ], 4);
+}
+const SystemAppAccredit = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-abf7c49c"]]);
+export {
+  SystemAppAccredit as default
+};