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

package/dist/src/components/UserFormItem.vue.js

@@ -0,0 +1,609 @@
+import { markRaw, createVNode, createTextVNode, resolveComponent } from "vue";
+import { evalWith } from "@epxing/utils/src/eval-with";
+import AddFormItem from "@epxing/components/src/add-form-item";
+import { captureRef } from "@epxing/core/src/capture-ref";
+const _sfc_main = {
+  name: "epx-user-form-item",
+  extends: AddFormItem,
+  deptMultiple: true,
+  data() {
+    return {
+      setUserDeptList: [],
+      setChargeDeptList: [],
+      deptList: [],
+      allChargeDeptList: [],
+      showDeptDialog: false,
+      filterText: "",
+      showChargeDeptDialog: false
+    };
+  },
+  computed: {
+    manageDeptList() {
+      let {
+        CHARGE_DEPT,
+        "CHARGE_DEPT#": chargeDeptNames,
+        "CHARGE_DEPT##": chargeDeptNameArr
+      } = this.data;
+      if (CHARGE_DEPT) {
+        const chargeDeptArr = CHARGE_DEPT.split(",");
+        if (!chargeDeptNameArr) chargeDeptNameArr = chargeDeptNames.split(",");
+        return chargeDeptArr.map((item, index) => ({
+          id: item,
+          name: chargeDeptNameArr[index]
+        }));
+      }
+      return [];
+    },
+    transformDeptList() {
+      return this.deptList;
+    },
+    userDeptList() {
+      let {
+        USER_DEPT = "",
+        "USER_DEPT#": userDeptName = "",
+        "USER_DEPT##": userDeptNameArr,
+        DEPT_ID,
+        CHARGE_DEPT = ""
+      } = this.data;
+      if (USER_DEPT) {
+        const userDeptArr = USER_DEPT.split(",");
+        if (!userDeptNameArr) userDeptNameArr = userDeptName.split(",");
+        const chargeDeptArr = (CHARGE_DEPT || "").split(",");
+        return userDeptArr.map((item, index) => ({
+          id: item,
+          name: userDeptNameArr[index],
+          isMain: item === DEPT_ID,
+          isCharge: chargeDeptArr.includes(item)
+        }));
+      }
+      return [];
+    },
+    chargeDeptList() {
+      let {
+        CHARGE_DEPT,
+        "CHARGE_DEPT#": chargeDeptNames,
+        "CHARGE_DEPT##": chargeDeptNameArr
+      } = this.formData;
+      if (CHARGE_DEPT) {
+        const chargeDeptArr = CHARGE_DEPT.split(",");
+        if (!chargeDeptNameArr) chargeDeptNameArr = chargeDeptNames.split(",");
+        return chargeDeptArr.map((item, index) => ({
+          id: item,
+          name: chargeDeptNameArr[index]
+        }));
+      }
+      return [];
+    },
+    deptScopeParams() {
+      const {
+        deptScopeParams = []
+      } = this.$configs;
+      const _scopeParams = this.$_.cloneDeep([...deptScopeParams]);
+      const that = this;
+      for (const scopeKey in _scopeParams) {
+        const scope = _scopeParams[scopeKey];
+        if (!scope) continue;
+        let values = scope.values;
+        if (/\$\[(.+)\]/.test(values)) {
+          values = values.replace(/\$\[(.+)\]/, (match, key) => {
+            try {
+              return evalWith(`that.$query.${key}`, {
+                that
+              }) || evalWith(`that.$tab.${key}`, {
+                that
+              }) || evalWith(`that.${key}`, {
+                that
+              }) || "";
+            } catch (error) {
+              return scope.values;
+            }
+          });
+        }
+        if (/#\{(.+)\}/.test(values)) {
+          values = values.replace(/#\{(.+)\}/, (match, key) => {
+            try {
+              return evalWith(`that.$query.${key}`, {
+                that
+              }) || evalWith(`that.$tab.${key}`, {
+                that
+              }) || "";
+            } catch (error) {
+              return scope.values;
+            }
+          });
+        }
+        scope.values = values;
+      }
+      return _scopeParams;
+    },
+    isCharge() {
+      return (id) => {
+        return this.chargeDeptList.find((item) => item.id === id);
+      };
+    }
+  },
+  watch: {
+    showDeptDialog(v) {
+      if (v) {
+        this.$nextTick(() => {
+          this.$refs.deptSearchInput.focus();
+        });
+      }
+    },
+    filterText(val) {
+      this.$refs.deptTree.filter(val);
+    },
+    "formData.IDENTITY"(v) {
+    }
+  },
+  methods: {
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.text.indexOf(value) !== -1;
+    },
+    checkChange(v, flag) {
+      if (this.$configs.deptMultiple === false && flag) {
+        this.$refs.deptTree.setCheckedKeys([v.id]);
+      }
+    },
+    treeNodeRender(h, {
+      node,
+      data,
+      store
+    }) {
+      return createVNode("span", {
+        "class": "tree-node"
+      }, [createVNode("span", null, [data.text])]);
+    },
+    chargeTreeNodeRender(h, {
+      node,
+      data,
+      store
+    }) {
+      return createVNode("span", {
+        "class": "tree-node"
+      }, [createVNode("span", null, [data.name])]);
+    },
+    renderForm() {
+      if (this.fieldsConfigs.length > 0) {
+        return createVNode("div", null, [createVNode("div", {
+          "class": "form__item"
+        }, [createVNode("label", {
+          "class": "form__label"
+        }, [createTextVNode("任职部门：")]), createVNode("div", null, [createVNode("ul", {
+          "class": "dept-list"
+        }, [this.userDeptList.map((item) => createVNode("li", {
+          "class": "dept-item"
+        }, [item.isMain && createVNode(resolveComponent("el-tag"), {
+          "class": "main-tag",
+          "size": "small"
+        }, {
+          default: () => [createTextVNode("所属")]
+        }), item.isCharge && createVNode(resolveComponent("el-tag"), {
+          "size": "small"
+        }, {
+          default: () => [createTextVNode("负责")]
+        }), createVNode("span", null, [item.name]), (this.pageType === "EDIT" || this.pageType === "ADD") && this.componentType !== "READONLY" && createVNode("i", {
+          "class": "dept-item__deleteicon el-icon-close",
+          "onClick": this.deleteSelectDept.bind(this, item.id)
+        }, null)]))]), (this.pageType === "EDIT" || this.pageType === "ADD") && this.componentType !== "READONLY" && createVNode(resolveComponent("el-button"), {
+          "class": "add-dept__btn",
+          "size": "small",
+          "onClick": this.showDeptDialogFn.bind(this)
+        }, {
+          default: () => [createTextVNode("+ 添加部门")]
+        }), createVNode("div", {
+          "class": "tips"
+        }, [createTextVNode("部门关系：一个人可以有多个任职部门，多个负责部门，一个所属部门，负责部门和所属部门从任职部门中选择")])])]), createVNode(resolveComponent("epx-table-form"), {
+          "class": "form-content",
+          "ref": "form",
+          "metaId": this.$metaId,
+          "fieldsConfigs": this.fieldsConfigs,
+          "modelValue": this.data,
+          "onUpdate:modelValue": ($event) => this.data = $event,
+          "column": this.column,
+          "labelAlign": this.$configs.labelAlign
+        }, null), createVNode("div", {
+          "class": "form__item"
+        }, [createVNode("label", {
+          "class": "form__label"
+        }, [createTextVNode("负责部门：")]), createVNode("div", null, [createVNode("ul", {
+          "class": "dept-list"
+        }, [this.manageDeptList.map((item) => createVNode("li", {
+          "class": "dept-item"
+        }, [createVNode("span", null, [item.name]), (this.pageType === "EDIT" || this.pageType === "ADD") && createVNode("i", {
+          "class": "dept-item__deleteicon el-icon-close",
+          "onClick": this.deleteSelectChargeDept.bind(this, item.id)
+        }, null)]))]), (this.pageType === "EDIT" || this.pageType === "ADD") && createVNode(resolveComponent("el-button"), {
+          "class": "add-dept__btn",
+          "size": "small",
+          "onClick": this.showChargeDeptDialogFn.bind(this)
+        }, {
+          default: () => [createTextVNode("+ 添加部门")]
+        })])]), createVNode(resolveComponent("el-dialog"), {
+          "width": "920px",
+          "modelValue": this.showDeptDialog,
+          "onUpdate:modelValue": (v) => {
+            this.showDeptDialog = false;
+          },
+          "onClose": () => {
+            this.showDeptDialog = false;
+          },
+          "class": "form-dialog epx-user-form-item__dialog",
+          "title": "选择用户任职部门"
+        }, {
+          default: () => [createVNode("div", {
+            "class": "dept-dialog"
+          }, [createVNode("div", {
+            "class": "dept-container"
+          }, [createVNode("div", {
+            "class": "dept-search"
+          }, [createVNode(resolveComponent("el-input"), {
+            "ref": captureRef(this, "deptSearchInput"),
+            "size": "default",
+            "placeholder": "输入关键字进行过滤",
+            "modelValue": this.filterText,
+            "onUpdate:modelValue": ($event) => this.filterText = $event
+          }, null)]), createVNode(resolveComponent("el-tree"), {
+            "ref": captureRef(this, "deptTree"),
+            "class": "dept-tree",
+            "data": this.transformDeptList,
+            "show-checkbox": true,
+            "default-expand-all": false,
+            "check-strictly": true,
+            "node-key": "id",
+            "check-on-click-node": true,
+            "renderContent": this.treeNodeRender,
+            "filter-node-method": this.filterNode,
+            "onCheckChange": this.addUserDept
+          }, null)]), createVNode("div", {
+            "class": "transform-dept"
+          }, null), createVNode("div", {
+            "class": "dept-container"
+          }, [createVNode("p", {
+            "class": "select-dept__title"
+          }, [createVNode("span", null, [createTextVNode("已选择的部门")]), createVNode(resolveComponent("el-tooltip"), {
+            "class": "item",
+            "effect": "dark",
+            "content": "所属部门为教职工的人事关系所在单位",
+            "placement": "top-start"
+          }, {
+            default: () => [createVNode("i", {
+              "style": {
+                marginLeft: "8px",
+                color: "#666"
+              },
+              "class": "el-icon-question"
+            }, null)]
+          })]), createVNode("ul", {
+            "class": "select-dept__list"
+          }, [this.setUserDeptList.map((item) => createVNode("li", {
+            "class": "select-dept__item"
+          }, [createVNode("span", {
+            "class": "select-dept__name"
+          }, [createVNode(resolveComponent("el-tooltip"), {
+            "class": "select-dept__tooltip",
+            "effect": "dark",
+            "content": item.name,
+            "placement": "top"
+          }, {
+            default: () => [createVNode("span", null, [item.name])]
+          }), item.isMain && createVNode(resolveComponent("el-tag"), {
+            "class": "main-tag",
+            "size": "small"
+          }, {
+            default: () => [createTextVNode("所属")]
+          }), item.isCharge && createVNode(resolveComponent("el-tag"), {
+            "size": "small"
+          }, {
+            default: () => [createTextVNode("负责")]
+          })]), createVNode("span", {
+            "class": "select-dept_operate"
+          }, [!item.isMain && createVNode(resolveComponent("el-button"), {
+            "type": "primary",
+            "link": true,
+            "onClick": this.setMainDept.bind(this, item)
+          }, {
+            default: () => [createTextVNode("设为主部门")]
+          }), !item.isCharge ? createVNode(resolveComponent("el-button"), {
+            "type": "primary",
+            "link": true,
+            "onClick": this.setChargeDept.bind(this, item)
+          }, {
+            default: () => [createTextVNode("设为负责人")]
+          }) : createVNode(resolveComponent("el-button"), {
+            "type": "primary",
+            "link": true,
+            "onClick": this.deleteChargeDept.bind(this, item)
+          }, {
+            default: () => [createTextVNode("取消负责人")]
+          }), createVNode("i", {
+            "class": "el-icon-close",
+            "onClick": this.deleteSetSelectDept.bind(this, item.id)
+          }, null)])]))])])]), createVNode("div", {
+            "class": "dept-dialog-button__group"
+          }, [createVNode(resolveComponent("el-button"), {
+            "size": "default",
+            "onClick": () => {
+              this.showDeptDialog = false;
+            }
+          }, {
+            default: () => [createTextVNode("取消")]
+          }), createVNode(resolveComponent("el-button"), {
+            "size": "default",
+            "type": "primary",
+            "onClick": this.saveDept.bind(this)
+          }, {
+            default: () => [createTextVNode("保存")]
+          })])]
+        }), createVNode(resolveComponent("el-dialog"), {
+          "width": "920px",
+          "modelValue": this.showChargeDeptDialog,
+          "onClose": () => {
+            this.showChargeDeptDialog = false;
+          },
+          "class": "form-dialog epx-user-form-item__dialog",
+          "title": "选择用户负责部门"
+        }, {
+          default: () => [this.showChargeDeptDialog && createVNode("div", {
+            "class": "dept-dialog"
+          }, [createVNode("div", {
+            "class": "dept-container"
+          }, [createVNode("p", {
+            "class": "select-dept__title"
+          }, [createVNode("span", null, [createTextVNode("任职部门")])]), createVNode(resolveComponent("el-tree"), {
+            "ref": captureRef(this, "userDeptTree"),
+            "class": "dept-tree",
+            "data": this.userDeptList,
+            "show-checkbox": true,
+            "default-expand-all": true,
+            "check-strictly": true,
+            "node-key": "id",
+            "renderContent": this.chargeTreeNodeRender,
+            "onCheckChange": this.addChargeDept
+          }, null)]), createVNode("div", {
+            "class": "transform-dept"
+          }, null), createVNode("div", {
+            "class": "dept-container"
+          }, [createVNode("p", {
+            "class": "select-dept__title"
+          }, [createVNode("span", null, [createTextVNode("负责部门")])]), createVNode("ul", {
+            "class": "select-dept__list"
+          }, [this.setChargeDeptList.map((item) => createVNode("li", {
+            "class": "select-dept__item"
+          }, [createVNode("span", {
+            "class": "select-dept__name select-dept__chargename"
+          }, [createVNode(resolveComponent("el-tooltip"), {
+            "class": "select-dept__tooltip",
+            "effect": "dark",
+            "content": item.name,
+            "placement": "top"
+          }, {
+            default: () => [createVNode("span", null, [item.name])]
+          })]), createVNode("span", {
+            "class": "select-dept_operate"
+          }, [createVNode("i", {
+            "class": "el-icon-close",
+            "onClick": this.deleteSetSelectChargeDept.bind(this, item.id)
+          }, null)])]))])])]), createVNode("div", {
+            "class": "dept-dialog-button__group"
+          }, [createVNode(resolveComponent("el-button"), {
+            "size": "default",
+            "onClick": () => {
+              this.showChargeDeptDialog = false;
+            }
+          }, {
+            default: () => [createTextVNode("取消")]
+          }), createVNode(resolveComponent("el-button"), {
+            "size": "default",
+            "type": "primary",
+            "onClick": this.saveChargeDept.bind(this)
+          }, {
+            default: () => [createTextVNode("保存")]
+          })])]
+        })]);
+      }
+    },
+    getDefaultDept() {
+      let {
+        defaultDept
+      } = this.$configs;
+      if (defaultDept) {
+        const that = this;
+        if (/\$\[(.+)\]/.test(defaultDept)) {
+          try {
+            const valueKey = defaultDept.replace(/\$\[(.+)\]/, (match, key) => key);
+            defaultDept = evalWith(`that.${valueKey}`, {
+              that
+            }) || evalWith(`that.$query.${valueKey}`, {
+              that
+            }) || evalWith(`that.$tab.${valueKey}`, {
+              that
+            }) || "";
+          } catch (err) {
+            console.error(err);
+            defaultDept = "";
+          }
+        }
+        this.$http.getLabel({
+          entityId: "FM_DEPT",
+          id: defaultDept
+        }).then((data) => {
+          this.userDeptList.push({
+            DEPT: defaultDept,
+            "DEPT#": data.label,
+            USER: this.formData.ID,
+            IS_CHARGE: "0",
+            IS_MAIN: "1"
+          });
+        });
+      }
+    },
+    getUserDeptList() {
+      this.getDefaultDept();
+    },
+    getAllDeptList() {
+      this.$http.$post({
+        action: "getTree",
+        entityId: "FM_DEPT",
+        scopeParams: JSON.stringify(this.deptScopeParams)
+      }).then((data) => {
+        this.deptList = data && markRaw(data);
+      });
+    },
+    addUserDept(item, flag) {
+      const index = this.setUserDeptList.findIndex((dept) => dept.id === item.id);
+      if (flag) {
+        if (index === -1) {
+          const dept = {
+            id: item.id,
+            name: item.text,
+            isMain: false
+          };
+          if (this.$configs.deptMultiple === false) {
+            this.setUserDeptList = [dept];
+          } else {
+            this.setUserDeptList.push(dept);
+          }
+        }
+      } else {
+        if (index !== -1) {
+          this.setUserDeptList.splice(index, 1);
+        }
+      }
+    },
+    deleteSelectDept(deptId) {
+      const userDeptList = [...this.userDeptList];
+      const index = userDeptList.findIndex((userDept) => userDept.id === deptId);
+      if (index !== -1) {
+        userDeptList.splice(index, 1);
+        const mainIndex = this.userDeptList.findIndex((item) => item.isMain);
+        this.data.USER_DEPT = userDeptList.map((item) => item.id).join(",");
+        this.data["USER_DEPT#"] = userDeptList.map((item) => item.name).join(",");
+        if (!mainIndex) {
+          const main = this.userDeptList[0];
+          this.data.DEPT_ID = main ? main.id : "";
+          this.data["DEPT_ID#"] = main ? main.name : "";
+        }
+      }
+    },
+    deleteSetSelectDept(deptId) {
+      const index = this.setUserDeptList.findIndex((userDept) => userDept.id === deptId);
+      if (index !== -1) {
+        this.setUserDeptList.splice(index, 1);
+        this.$refs.deptTree.setChecked(deptId, false);
+      }
+    },
+    setMainDept(item) {
+      const deptList = [...this.setUserDeptList];
+      deptList.map((dept) => {
+        if (dept.isMain && dept.id !== item.id) {
+          dept.isMain = false;
+        }
+        if (dept.id === item.id) {
+          dept.isMain = true;
+        }
+      });
+      this.setUserDeptList = deptList;
+    },
+    setChargeDept(item) {
+      const deptList = [...this.setUserDeptList];
+      deptList.map((dept) => {
+        if (dept.id === item.id) {
+          dept.isCharge = true;
+        }
+      });
+      this.setUserDeptList = deptList;
+    },
+    deleteChargeDept(item) {
+      const deptList = [...this.setUserDeptList];
+      deptList.map((dept) => {
+        if (dept.id === item.id) {
+          dept.isCharge = false;
+        }
+      });
+      this.setUserDeptList = deptList;
+    },
+    addChargeDept(item, flag) {
+      const index = this.setChargeDeptList.findIndex((dept) => dept.id === item.id);
+      if (flag) {
+        if (index === -1) {
+          const dept = {
+            id: item.id,
+            name: item.name
+          };
+          if (this.$configs.deptMultiple === false) {
+            this.setChargeDeptList = [dept];
+          } else {
+            this.setChargeDeptList.push(dept);
+          }
+        }
+      } else {
+        if (index !== -1) {
+          this.setChargeDeptList.splice(index, 1);
+        }
+      }
+    },
+    deleteSelectChargeDept(deptId) {
+      const chargeDeptList = [...this.manageDeptList];
+      const index = chargeDeptList.findIndex((dept) => dept.id === deptId);
+      if (index !== -1) {
+        chargeDeptList.splice(index, 1);
+        this.data.CHARGE_DEPT = chargeDeptList.map((item) => item.id).join(",");
+        this.data["CHARGE_DEPT#"] = chargeDeptList.map((item) => item.name).join(",");
+      }
+    },
+    deleteSetSelectChargeDept(deptId) {
+      const index = this.setChargeDeptList.findIndex((dept) => dept.id === deptId);
+      if (index !== -1) {
+        this.setChargeDeptList.splice(index, 1);
+        this.$refs.userDeptTree.setChecked(deptId, false);
+      }
+    },
+    showDeptDialogFn() {
+      this.setUserDeptList = this.$_.cloneDeep(this.userDeptList);
+      this.showDeptDialog = true;
+      this.$nextTick(() => {
+        this.$refs.deptTree.setCheckedKeys(this.setUserDeptList.map((item) => item.id));
+      });
+    },
+    showChargeDeptDialogFn() {
+      this.setChargeDeptList = this.$_.cloneDeep(this.chargeDeptList);
+      this.showChargeDeptDialog = true;
+      this.$nextTick(() => {
+        const keys = this.setChargeDeptList.map((item) => item.id);
+        this.$refs.userDeptTree.setCheckedKeys(keys);
+      });
+    },
+    saveDept() {
+      this.data.USER_DEPT = this.setUserDeptList.map((item) => item.id).join(",");
+      this.data["USER_DEPT#"] = this.setUserDeptList.map((item) => item.name).join(",");
+      this.data["USER_DEPT##"] = this.setUserDeptList.map((item) => item.name);
+      const mainDept = this.setUserDeptList.find((item) => item.isMain) || this.setUserDeptList[0];
+      this.data.DEPT_ID = mainDept ? mainDept.id : "";
+      this.data["DEPT_ID#"] = mainDept ? mainDept.name : "";
+      const chargeDeptList = this.setUserDeptList.filter((item) => item.isCharge);
+      this.data.CHARGE_DEPT = chargeDeptList.map((item) => item.id).join(",");
+      this.data["CHARGE_DEPT#"] = chargeDeptList.map((item) => item.name).join(",");
+      this.data["CHARGE_DEPT##"] = chargeDeptList.map((item) => item.name);
+      this.showDeptDialog = false;
+    },
+    saveChargeDept() {
+      this.data.CHARGE_DEPT = this.setChargeDeptList.map((item) => item.id).join(",");
+      this.data["CHARGE_DEPT#"] = this.setChargeDeptList.map((item) => item.name).join(",");
+      this.data["CHARGE_DEPT##"] = this.setChargeDeptList.map((item) => item.name);
+      this.showChargeDeptDialog = false;
+    },
+    $refesh() {
+      this.getUserDeptList();
+      this.getAllDeptList();
+    }
+  },
+  created() {
+    this.getUserDeptList();
+    this.getAllDeptList();
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/components/UserList.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./UserList.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/src/components/UserList.vue.js

@@ -0,0 +1,23 @@
+import { createVNode, createTextVNode } from "vue";
+import EntityList from "@epxing/components/src/entity-list";
+const _sfc_main = {
+  name: "epx-user-list",
+  extends: EntityList,
+  methods: {
+    renderHeader() {
+      return createVNode("div", {
+        "style": {
+          background: "#fff",
+          padding: "16px 10px 0",
+          fontSize: "16px"
+        }
+      }, [this.$query.deptName || this.clientConfig.NAME, createTextVNode("（"), this.total, createTextVNode("）")]);
+    }
+  },
+  created() {
+    this.renderComponents.unshift(this.renderHeader);
+  }
+};
+export {
+  _sfc_main as default
+};