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

package/dist/src/components/permiss/CommonRoleMenu.js

@@ -0,0 +1,591 @@
+import '../../../style.css';
+import component from "@epxing/core/src/mixins/component";
+import { resolveComponent, openBlock, createElementBlock, normalizeStyle, createElementVNode, createVNode, withCtx, createTextVNode, Fragment, renderList, normalizeClass, toDisplayString, withModifiers, createBlock, createCommentVNode } from "vue";
+/* empty css                   */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-permiss-common-role-menu",
+  mixins: [component],
+  data() {
+    return {
+      systemList: [],
+      systemId: null,
+      systemAllChecked: {},
+      props: {
+        label: "title",
+        children: "children"
+      },
+      inputName: "",
+      tableData: [],
+      showTableData: [],
+      addRoleDialog: false,
+      roleUnauthorizedMenu: [],
+      setRoleMenuDialog: false,
+      addRoleAppDialog: false,
+      allRoleSystemList: [],
+      checkedServices: []
+    };
+  },
+  computed: {
+    readonly() {
+      const { pageType } = this.$query;
+      return pageType === "READONLY";
+    }
+  },
+  watch: {
+    // Vue3 的浅层 watcher 不响应数组原地变更，而 checkedServices 有两条 push/splice 路径：
+    // ① getSystemRoleService()：`= []` 后 push 已授权 id——只触发 `= []` 那一次（那时数组还空着，
+    //    算出的结果是「全都没全选」），push 进真实数据后不再触发 ⇒ 初始化后全选态恒为错；
+    // ② changeSystemAllChecked()：纯 push / splice ⇒ 一次都不触发。
+    // 子项点击那条路不受影响——group 的 v-model 走 EP 内部的 concat / 展开后 splice，产生的是
+    // 新数组，浅层 watcher 本来就会跑。
+    // 不需要 flush: 'post'：handler 只读 data、只写 systemAllChecked，不碰 $refs（RouterView
+    // 那次要配 post，是因为它的 handler 里读了 this.$refs.page）。
+    checkedServices: {
+      deep: 1,
+      handler() {
+        this.allRoleSystemList.forEach((item) => {
+          const allChecked = item.allServices.every((item2) => this.checkedServices.includes(item2.id));
+          if (allChecked !== this.systemAllChecked[item.id]) {
+            this.systemAllChecked[item.id] = allChecked;
+            this.oldSystemAllChecked = { ...this.systemAllChecked };
+          }
+        });
+      }
+    },
+    systemId() {
+      this.getRoleAppList();
+    }
+  },
+  methods: {
+    changeSystemAllChecked(systemId, v) {
+      const system = this.allRoleSystemList.find((item) => item.id === systemId);
+      if (system) {
+        system.allServices.forEach((item) => {
+          const index = this.checkedServices.findIndex((id) => id === item.id);
+          if (v) {
+            if (index === -1) {
+              this.checkedServices.push(item.id);
+            }
+          } else {
+            if (index !== -1) {
+              this.checkedServices.splice(index, 1);
+            }
+          }
+        });
+      }
+    },
+    getRoleAppList() {
+      if (!this.systemId) {
+        this.tableData = [];
+        return;
+      }
+      const params = {
+        action: "getRoleServiceModules",
+        entityId: "FM_ROLE_MODULE",
+        systemId: this.systemId,
+        roleId: this.$query.id
+      };
+      this.$http.$post(params).then((data) => {
+        this.tableData = data;
+        this.search();
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    search() {
+      this.showTableData = this.tableData.filter((item) => item.title.includes(this.inputName));
+    },
+    settingMenu(row, type, e) {
+      this.roleMode = type;
+      this.setMenuInfo = { ...row };
+      this.getUnauthorizedMenu();
+      const text = type === "move" ? "移动端" : "PC端";
+      this.dialogTitle = `${row.title}-${text}-菜单授权`;
+      this.setRoleMenuDialog = true;
+    },
+    getUnauthorizedMenu() {
+      const params = {
+        action: "getRoleServiceUnauthorizedModules",
+        entityId: "FM_ROLE_MODULE",
+        serviceId: this.setMenuInfo.serviceId,
+        mode: this.roleMode,
+        roleId: this.roleId
+      };
+      this.$http.get(params).then((data) => {
+        this.roleUnauthorizedMenu = data;
+      }).catch((err) => {
+        this.$message.error(err.message || "获取未授权菜单失败");
+      });
+    },
+    removeTree(data, type) {
+      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.roleId
+        };
+        if (!data.id) {
+          params.serviceId = data.serviceId;
+          delete params.moduleIds;
+        }
+        this.$http.$post(params).then(() => {
+          this.$message({
+            type: "success",
+            message: "删除成功!"
+          });
+          this.getRoleAppList();
+        }).catch((err) => {
+          this.$message.error(err.message || "处理失败");
+        });
+      }).catch(() => {
+        this.$message({
+          type: "info",
+          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.roleId,
+        moduleIds: str
+      };
+      this.httpLoading.savePcMenu = true;
+      this.$http.$post(params).then(() => {
+        this.getRoleAppList();
+        this.$message.success("保存成功");
+        this.setRoleMenuDialog = false;
+      }).catch((err) => {
+        this.$message.error(err.message || "处理失败");
+        this.setRoleMenuDialog = false;
+      }).finally(() => {
+        this.httpLoading.savePcMenu = false;
+      });
+    },
+    cancelAuthorization(serviceId) {
+      this.$confirm("是否取消授权？", {
+        confirmButtonText: this.$t("confirm"),
+        cancelButtonText: this.$t("cancel"),
+        type: "warning"
+      }).then(() => {
+        const params = {
+          action: "removeRoleModules",
+          entityId: "FM_ROLE_MODULE",
+          roleId: this.roleId,
+          serviceId
+        };
+        this.$http.$post(params).then(() => {
+          this.$message.success("删除成功");
+          this.getRoleServiceSystem();
+          this.getSystemRoleService();
+        }).catch((err) => {
+          this.$message.error(err.message || "删除失败");
+        });
+      });
+    },
+    getSystemRoleService() {
+      this.$http.list({
+        action: "getSystemRoleService",
+        entityId: "FM_SERVICE",
+        roleId: this.roleId
+      }).then((data) => {
+        this.allRoleSystemList = data.entitys;
+        this.checkedServices = [];
+        data.entitys.forEach((item) => {
+          if (item.authServices) {
+            this.checkedServices.push(...item.authServices.map((item2) => item2.id));
+          }
+        });
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    saveRoleApp() {
+      this.$http.save({
+        action: "saveRoleServices",
+        entityId: "FM_ROLE_SERVICE",
+        roleId: this.roleId,
+        serviceIds: this.checkedServices.join(",")
+      }).then((data) => {
+        this.getRoleServiceSystem();
+        this.getSystemRoleService();
+        this.addRoleAppDialog = false;
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    getRoleServiceSystem() {
+      this.$http.get({
+        action: "getRoleServiceSystem",
+        entityId: "FM_SYSTEM",
+        roleId: this.roleId
+      }).then((data) => {
+        this.systemList = data.entitys;
+        if (data.entitys.length > 0 && !this.systemId) this.systemId = data.entitys[0].id;
+        this.getRoleAppList();
+      });
+    }
+  },
+  created() {
+    this.roleId = this.$query.id;
+    this.getRoleServiceSystem();
+    this.getSystemRoleService();
+  }
+};
+const _hoisted_1 = { class: "system-container" };
+const _hoisted_2 = { class: "system-list" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "content" };
+const _hoisted_5 = { class: "top" };
+const _hoisted_6 = {
+  class: "role-table",
+  ref: "tableCon"
+};
+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: "set-menu-con" };
+const _hoisted_12 = { class: "tree-node" };
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = { class: "column-operates" };
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = { class: "role-system__content" };
+const _hoisted_18 = { class: "clearfix" };
+const _hoisted_19 = { class: "role-system-item__title" };
+const _hoisted_20 = { class: "dialog-footer" };
+const _hoisted_21 = { class: "role-menu-container" };
+const _hoisted_22 = { class: "menu-content" };
+const _hoisted_23 = { class: "tree-node" };
+const _hoisted_24 = { 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_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_card = resolveComponent("el-card");
+  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, {
+        class: "add-app-btn",
+        type: "primary",
+        onClick: _cache[0] || (_cache[0] = ($event) => $data.addRoleAppDialog = true)
+      }, {
+        default: withCtx(() => [..._cache[7] || (_cache[7] = [
+          createElementVNode("i", { class: "el-icon-plus" }, null, -1),
+          createTextVNode("添加授权应用", -1)
+        ])]),
+        _: 1
+      }),
+      createElementVNode("ul", _hoisted_2, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.systemList, (item) => {
+          return openBlock(), createElementBlock("li", {
+            class: normalizeClass(["system-item", { "is-active": $data.systemId === item.id }]),
+            key: item.id,
+            onClick: ($event) => $data.systemId = item.id
+          }, toDisplayString(item.name) + "11", 11, _hoisted_3);
+        }), 128))
+      ])
+    ]),
+    createElementVNode("div", _hoisted_4, [
+      createElementVNode("div", _hoisted_5, [
+        createVNode(_component_el_input, {
+          class: "input-search",
+          modelValue: $data.inputName,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.inputName = $event),
+          clearable: "",
+          placeholder: _ctx.$t("hall.enter_application_name"),
+          onChange: $options.search
+        }, null, 8, ["modelValue", "placeholder", "onChange"])
+      ]),
+      createElementVNode("div", _hoisted_6, [
+        createVNode(_component_el_table, {
+          ref: "table",
+          data: $data.showTableData,
+          height: "100%",
+          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.title), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              label: "PC端菜单权限",
+              "min-width": "400"
+            }, {
+              default: withCtx((scope) => [
+                createElementVNode("div", _hoisted_7, [
+                  createVNode(_component_el_tree, {
+                    class: "menu-tree",
+                    props: $data.props,
+                    data: scope.row.pcChildren,
+                    "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, "pc"), ["stop"])
+                        }, [..._cache[8] || (_cache[8] = [
+                          createElementVNode("i", { class: "el-icon-close" }, null, -1)
+                        ])], 8, _hoisted_9)
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["props", "data"]),
+                  createElementVNode("div", null, [
+                    createElementVNode("span", {
+                      title: "菜单授权",
+                      class: "add-menu",
+                      onClick: ($event) => $options.settingMenu(scope.row, "pc", $event)
+                    }, [..._cache[9] || (_cache[9] = [
+                      createElementVNode("i", { class: "el-icon-circle-plus-outline" }, null, -1)
+                    ])], 8, _hoisted_10)
+                  ])
+                ])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              label: "移动端菜单权限",
+              "min-width": "400"
+            }, {
+              default: withCtx((scope) => [
+                createElementVNode("div", _hoisted_11, [
+                  createVNode(_component_el_tree, {
+                    class: "menu-tree",
+                    props: $data.props,
+                    data: scope.row.mvChildren,
+                    "node-key": "id"
+                  }, {
+                    default: withCtx(({ node, data }) => [
+                      createElementVNode("span", _hoisted_12, [
+                        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, "move"), ["stop"])
+                        }, [..._cache[10] || (_cache[10] = [
+                          createElementVNode("i", { class: "el-icon-close" }, null, -1)
+                        ])], 8, _hoisted_13)
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["props", "data"]),
+                  createElementVNode("div", null, [
+                    createElementVNode("span", {
+                      title: "菜单授权",
+                      class: "add-menu",
+                      onClick: ($event) => $options.settingMenu(scope.row, "move", $event)
+                    }, [..._cache[11] || (_cache[11] = [
+                      createElementVNode("i", { class: "el-icon-circle-plus-outline" }, null, -1)
+                    ])], 8, _hoisted_14)
+                  ])
+                ])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              label: "操作",
+              width: "88"
+            }, {
+              default: withCtx((scope) => [
+                createElementVNode("div", _hoisted_15, [
+                  createElementVNode("span", {
+                    onClick: ($event) => $options.cancelAuthorization(scope.row.serviceId)
+                  }, "取消授权", 8, _hoisted_16)
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data", "max-height"])
+      ], 512)
+    ]),
+    createVNode(_component_el_dialog, {
+      class: "role-dialog",
+      title: "添加授权应用",
+      width: "960px",
+      modelValue: $data.addRoleAppDialog,
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.addRoleAppDialog = $event)
+    }, {
+      footer: withCtx(() => [
+        createElementVNode("span", _hoisted_20, [
+          createVNode(_component_el_button, {
+            onClick: _cache[3] || (_cache[3] = ($event) => $data.addRoleAppDialog = false)
+          }, {
+            default: withCtx(() => [..._cache[13] || (_cache[13] = [
+              createTextVNode("取 消", -1)
+            ])]),
+            _: 1
+          }),
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: $options.saveRoleApp
+          }, {
+            default: withCtx(() => [..._cache[14] || (_cache[14] = [
+              createTextVNode("保 存", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ])
+      ]),
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_17, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($data.allRoleSystemList, (system) => {
+            return openBlock(), createBlock(_component_el_card, {
+              class: "role-system-item",
+              shadow: "hover",
+              key: system.id
+            }, {
+              header: withCtx(() => [
+                createElementVNode("div", _hoisted_18, [
+                  createElementVNode("span", _hoisted_19, toDisplayString(system.name), 1),
+                  createVNode(_component_el_checkbox, {
+                    class: "fr",
+                    "model-value": $data.systemAllChecked[system.id],
+                    onChange: (v) => $options.changeSystemAllChecked(system.id, v)
+                  }, {
+                    default: withCtx(() => [..._cache[12] || (_cache[12] = [
+                      createTextVNode("全选", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["model-value", "onChange"])
+                ])
+              ]),
+              default: withCtx(() => [
+                createVNode(_component_el_checkbox_group, {
+                  modelValue: $data.checkedServices,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.checkedServices = $event)
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(system.allServices, (item) => {
+                      return openBlock(), createBlock(_component_el_checkbox, {
+                        key: item.id,
+                        label: item.id,
+                        value: item.id
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(item.name), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "value"]);
+                    }), 128))
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue"])
+              ]),
+              _: 2
+            }, 1024);
+          }), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    $data.setRoleMenuDialog ? (openBlock(), createBlock(_component_el_dialog, {
+      key: 0,
+      title: _ctx.dialogTitle,
+      modelValue: $data.setRoleMenuDialog,
+      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.setRoleMenuDialog = $event)
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_21, [
+          createElementVNode("div", _hoisted_22, [
+            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_23, [
+                  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_24, [
+            $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[15] || (_cache[15] = [
+                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[16] || (_cache[16] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["title", "modelValue"])) : createCommentVNode("", true)
+  ], 4);
+}
+const CommonRoleMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-bb74a135"]]);
+export {
+  CommonRoleMenu as default
+};