hy-dispatch-ui-v3 0.2.67 → 0.2.69

package/es/bussiness/hyElectronicFence/cpns/electronicFenceAssociatedUsersDialog/electronicFenceAssociatedUsersDialog.vue.mjs

@@ -0,0 +1,316 @@
+import { defineComponent, useTemplateRef, ref, nextTick, openBlock, createBlock, unref, isRef, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, createElementBlock, createCommentVNode } from 'vue';
+import { ElMessage, ElAutoResizer } from 'element-plus';
+import VirtualList from 'vue3-virtual-scroll-list';
+import { saveFnApi, findAllApi } from '../../../../api/index.mjs';
+import { orgTreeApi } from '../../../../api/organization.mjs';
+import '../../../../hooks/index.mjs';
+import '../../../../components/index.mjs';
+import _sfc_main$1 from './electronicFenceAssociatedUsersItem.vue.mjs';
+import { $t } from '../../../../hooks/useLocale.mjs';
+import { useMixins } from '../../../../hooks/useMixins.mjs';
+import { useDialog } from '../../../../hooks/useDialog.mjs';
+import { HyDialog } from '../../../../components/hyDialog/index.mjs';
+import { HyTree } from '../../../../components/hyTree/index.mjs';
+import { HyButton } from '../../../../components/hyButton/index.mjs';
+import { HyInputSearch } from '../../../../components/hyInput/index.mjs';
+import { HyIcon } from '../../../../components/hyIcon/index.mjs';
+
+import "../../style/electronicFenceAssociatedUsersDialog.scss";
+
+const __default__ = defineComponent({
+  name: "HyElectronicFenceAssociatedUsersDialog"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    ifDraggable: {
+      type: Boolean,
+      default: false
+    },
+    ifShrink: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["onSubmit"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const useElectronicFenceAssociatedUsersDialog = (hy) => {
+      const HyDialogRef2 = useTemplateRef("HyDialogRef");
+      const treeRef2 = useTemplateRef("treeRef");
+      const dialogVisible2 = ref(false);
+      const loading2 = ref(false);
+      const mapRailId2 = ref(null);
+      const filterValue2 = ref();
+      const selectedList2 = ref([]);
+      const filterSelectedList2 = ref([]);
+      const titleBasicInfoList2 = ref([]);
+      async function show2(data) {
+        hy.setDragLevelIndex("HyDialogRef");
+        hy.dialogVisible.value = true;
+        hy.loading.value = true;
+        hy.mapRailId.value = data.mapRailId;
+        hy.titleBasicInfoList.value = [
+          { label: "\u56F4\u680F\u540D\u79F0", value: data.railName },
+          { label: "\u56F4\u680FID", value: data.id }
+        ];
+        await hy.getMapRailUser();
+        hy.getTreeData();
+      }
+      async function onSubmit2() {
+        try {
+          const res = await saveFnApi("mapRail/mapRailUser", {
+            mapRailId: hy.mapRailId.value,
+            userIdList: hy.selectedList.value.map((v) => v.id)
+          });
+          if (res.code === 200) {
+            ElMessage.success($t("bussiness.operationSuccessful"));
+            hy.emits("onSubmit");
+          } else {
+            ElMessage.error(res.msg);
+            return Promise.reject();
+          }
+        } catch (err) {
+          console.error(err);
+          return Promise.reject();
+        }
+      }
+      async function getMapRailUser2() {
+        try {
+          const res = await findAllApi("mapRail/mapRailUser", {
+            mapRailId: hy.mapRailId.value,
+            showChildOrg: 1
+          });
+          hy.selectedList.value = (res.data || []).map((v) => ({
+            ...v,
+            id: v.userId,
+            devName: v.name
+          }));
+          hy.filterSelectedHandler();
+        } catch (err) {
+          console.error(err);
+        }
+      }
+      async function getTreeData2() {
+        if (!hy.dialogVisible.value) return;
+        const res = await orgTreeApi({
+          showDevice: false,
+          showGroup: false
+        });
+        await nextTick();
+        const data = res.data;
+        hy.treeRef.value.getData(data || []).then(() => {
+          hy.loading.value = false;
+        });
+      }
+      function filterSelectedHandler2() {
+        if (!hy.filterValue.value) {
+          hy.filterSelectedList.value = [...hy.selectedList.value];
+          return;
+        }
+        hy.filterSelectedList.value = hy.selectedList.value.filter((item) => {
+          return item.devName && item.devName.includes(hy.filterValue.value) || item.orgName && item.orgName.includes(hy.filterValue.value);
+        });
+      }
+      function onCheckTree2(dataList = []) {
+        hy.selectedList.value = dataList;
+        hy.filterSelectedHandler();
+      }
+      function onDeleteSelected2(item, index) {
+        if (hy.loading.value) return;
+        const findIndex = hy.selectedList.value.findIndex((v) => item.id === v.id);
+        if (findIndex !== -1) {
+          hy.selectedList.value.splice(findIndex, 1);
+        }
+        hy.filterSelectedList.value.splice(index, 1);
+        hy.treeRef.value.singleRemovalFn(item);
+      }
+      function clearSelected2() {
+        if (!hy.selectedList.value.length || hy.loading.value) return;
+        HyConfirmDialog.confirm({
+          content: `<div><p>\u786E\u5B9A\u6E05\u7A7A\u9009\u4E2D\u7684\u5173\u8054\u7528\u6237\u5417\uFF1F</p></div>`,
+          onSubmit: () => {
+            hy.selectedList.value = [];
+            hy.treeRef.value.setCheckedKeys([]);
+            hy.filterSelectedHandler();
+            ElMessage.success($t("bussiness.operationSuccessful"));
+          }
+        });
+      }
+      return {
+        HyDialogRef: HyDialogRef2,
+        treeRef: treeRef2,
+        dialogVisible: dialogVisible2,
+        loading: loading2,
+        mapRailId: mapRailId2,
+        filterValue: filterValue2,
+        selectedList: selectedList2,
+        filterSelectedList: filterSelectedList2,
+        titleBasicInfoList: titleBasicInfoList2,
+        show: show2,
+        onSubmit: onSubmit2,
+        getMapRailUser: getMapRailUser2,
+        getTreeData: getTreeData2,
+        filterSelectedHandler: filterSelectedHandler2,
+        onCheckTree: onCheckTree2,
+        onDeleteSelected: onDeleteSelected2,
+        clearSelected: clearSelected2
+      };
+    };
+    const {
+      minimizedShow,
+      setDragLevelIndex,
+      onMinimized,
+      HyDialogRef,
+      treeRef,
+      dialogVisible,
+      loading,
+      mapRailId,
+      filterValue,
+      selectedList,
+      filterSelectedList,
+      titleBasicInfoList,
+      show,
+      onSubmit,
+      getMapRailUser,
+      getTreeData,
+      filterSelectedHandler,
+      onCheckTree,
+      onDeleteSelected,
+      clearSelected
+    } = useMixins({ emits }, [useDialog, useElectronicFenceAssociatedUsersDialog]);
+    __expose({
+      show,
+      setDragLevelIndex
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(HyDialog), {
+        ref_key: "HyDialogRef",
+        ref: HyDialogRef,
+        modelValue: unref(dialogVisible),
+        "onUpdate:modelValue": ($event) => isRef(dialogVisible) ? dialogVisible.value = $event : null,
+        loading: unref(loading),
+        "onUpdate:loading": ($event) => isRef(loading) ? loading.value = $event : null,
+        title: unref($t)("electronicFence.associateUser"),
+        "title-basic-info-list": unref(titleBasicInfoList),
+        width: "920",
+        "dialog-type": "right",
+        "show-operate": true,
+        "if-draggable": __props.ifDraggable,
+        "if-shrink": __props.ifShrink,
+        "on-submit": unref(onSubmit),
+        onOnMinimized: unref(onMinimized),
+        onOnDialogMousedown: ($event) => unref(setDragLevelIndex)("HyDialogRef")
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", { class: "hy-electronic-fence-associated-users-dialog flex w-full h-full" }, [
+            createElementVNode("div", { class: "w-1/2 h-full flex flex-col mr-5 text-xs" }, [
+              createElementVNode("div", { class: "tree-box h-0 flex-1 flex flex-col box-border pb-2" }, [
+                createVNode(unref(ElAutoResizer), null, {
+                  default: withCtx(({ height }) => [
+                    createVNode(unref(HyTree), {
+                      ref_key: "treeRef",
+                      ref: treeRef,
+                      "tree-type": "user",
+                      "tree-height": height,
+                      placeholder: unref($t)("electronicFence.employeeIDAccountNameDepartmentNameToFilter"),
+                      "show-checkbox": true,
+                      "show-singlebox": false,
+                      "tree-filter-param": [],
+                      "clear-empty-business": true,
+                      "check-strictly": false,
+                      "selected-by-default": unref(selectedList),
+                      onOnRefreshData: unref(getTreeData),
+                      onOnCheckTree: unref(onCheckTree)
+                    }, null, 8, ["tree-height", "placeholder", "selected-by-default", "onOnRefreshData", "onOnCheckTree"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ]),
+            createElementVNode("div", { class: "w-1/2 h-full flex flex-col mr-5" }, [
+              createElementVNode("div", {
+                class: "flex items-center justify-between pt-[7px] pb-3",
+                style: { "justify-content": "space-between" }
+              }, [
+                createVNode(unref(HyButton), {
+                  type: "danger",
+                  size: "small",
+                  onClick: unref(clearSelected)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(unref($t)("bussiness.clear")),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["onClick"]),
+                createElementVNode("span", { class: "inline-flex items-center" }, [
+                  createElementVNode("span", { class: "text-theme" }, "\u5DF2\u5173\u8054\u7528\u6237\uFF1A"),
+                  unref(selectedList) && unref(selectedList).length ? (openBlock(), createElementBlock(
+                    "span",
+                    {
+                      key: 0,
+                      class: "text-theme"
+                    },
+                    toDisplayString(unref(selectedList).length),
+                    1
+                    /* TEXT */
+                  )) : createCommentVNode("v-if", true)
+                ])
+              ]),
+              createElementVNode("div", { class: "tree-box h-0 flex-1 flex flex-col pos_r" }, [
+                unref(selectedList).length ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "p-2 pb-2.5"
+                }, [
+                  createVNode(unref(HyInputSearch), {
+                    modelValue: unref(filterValue),
+                    "onUpdate:modelValue": ($event) => isRef(filterValue) ? filterValue.value = $event : null,
+                    placeholder: "\u641C\u7D22 \u8BBE\u5907\u540D\u79F0\u3001\u90E8\u95E8\u540D\u79F0 \u53EF\u641C\u7D22",
+                    onSearch: unref(filterSelectedHandler)
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "onSearch"])
+                ])) : createCommentVNode("v-if", true),
+                unref(filterSelectedList).length ? (openBlock(), createBlock(unref(VirtualList), {
+                  key: 1,
+                  class: "w-full h-0 flex-1 border-t border-border overflow-auto box-border",
+                  "data-key": "id",
+                  "data-sources": unref(filterSelectedList),
+                  "data-component": _sfc_main$1,
+                  keeps: 30,
+                  "estimate-size": 34,
+                  "extra-props": {
+                    deleteFn: unref(onDeleteSelected)
+                  }
+                }, null, 8, ["data-sources", "extra-props"])) : (openBlock(), createElementBlock("div", {
+                  key: 2,
+                  class: "h-full flex flex-col items-center justify-center text-xs text-auxiliary"
+                }, [
+                  createVNode(unref(HyIcon), {
+                    "svg-name": "ops-Empty-alarm-not-data",
+                    class: "!w-[80px] !h-[80px]"
+                  }),
+                  unref(selectedList).length ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: "mt-[10px]"
+                  }, "\u6CA1\u6709\u7B26\u5408\u6761\u4EF6\u7684\u6570\u636E")) : (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: "mt-[10px]"
+                  }, "\u8BF7\u5728\u5DE6\u4FA7\u9009\u62E9\u9700\u8981\u5173\u8054\u7684\u7528\u6237"))
+                ]))
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "onUpdate:modelValue", "loading", "onUpdate:loading", "title", "title-basic-info-list", "if-draggable", "if-shrink", "on-submit", "onOnMinimized", "onOnDialogMousedown"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/bussiness/hyElectronicFence/cpns/electronicFenceAssociatedUsersDialog/electronicFenceAssociatedUsersItem.vue.mjs

@@ -0,0 +1,119 @@
+import { openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, createElementBlock, createCommentVNode } from 'vue';
+import '../../../../hooks/index.mjs';
+import '../../../../components/index.mjs';
+import { HyTooltip } from '../../../../components/hyTooltip/index.mjs';
+import { HyIcon } from '../../../../components/hyIcon/index.mjs';
+import { $t } from '../../../../hooks/useLocale.mjs';
+
+const _sfc_main = {
+  __name: "electronicFenceAssociatedUsersItem",
+  props: {
+    source: {
+      type: Object,
+      default: () => ({})
+    },
+    index: {
+      type: Number,
+      default: () => null
+    },
+    deleteFn: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(HyTooltip), {
+        placement: "top",
+        "show-after": 500,
+        "popper-class": "popover_table_clsss",
+        trigger: "hover"
+      }, {
+        content: withCtx(() => [
+          createElementVNode("div", null, [
+            createElementVNode("div", { class: "flex items-center" }, [
+              createElementVNode(
+                "span",
+                { class: "text-auxiliary whitespace-nowrap" },
+                toDisplayString(unref($t)("currentUser")) + "\uFF1A",
+                1
+                /* TEXT */
+              ),
+              __props.source.name ? (openBlock(), createElementBlock(
+                "span",
+                { key: 0 },
+                toDisplayString(__props.source.name),
+                1
+                /* TEXT */
+              )) : (openBlock(), createElementBlock("span", {
+                key: 1,
+                class: "text-auxiliary"
+              }, "- -"))
+            ]),
+            createElementVNode("div", { class: "flex items-center" }, [
+              createElementVNode(
+                "span",
+                { class: "text-auxiliary whitespace-nowrap" },
+                toDisplayString(unref($t)("userID")) + "\uFF1A",
+                1
+                /* TEXT */
+              ),
+              __props.source.jobNum ? (openBlock(), createElementBlock(
+                "span",
+                { key: 0 },
+                toDisplayString(__props.source.jobNum),
+                1
+                /* TEXT */
+              )) : (openBlock(), createElementBlock("span", {
+                key: 1,
+                class: "text-auxiliary"
+              }, "- -"))
+            ])
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("li", { class: "w-full h-[52px] border-b border-border flex items-center justify-between bg-background pl-5 pr-2.5 box-border" }, [
+            createElementVNode("div", { class: "w-0 flex-1 flex items-center gap-2 ellipsis" }, [
+              createVNode(unref(HyIcon), {
+                "svg-name": "map-tree-personnel",
+                class: "flex-grow-0"
+              }),
+              createElementVNode("div", { class: "over_one_line" }, [
+                createTextVNode(
+                  toDisplayString(__props.source.name) + " ",
+                  1
+                  /* TEXT */
+                ),
+                __props.source.jobNum ? (openBlock(), createElementBlock(
+                  "span",
+                  {
+                    key: 0,
+                    class: "text-auxiliary"
+                  },
+                  "\uFF08" + toDisplayString(__props.source.jobNum) + "\uFF09",
+                  1
+                  /* TEXT */
+                )) : createCommentVNode("v-if", true)
+              ])
+            ]),
+            createElementVNode("div", {
+              class: "flex-shrink ml_10 centerBox c_dangerv2 clickBox",
+              onClick: ($event) => __props.deleteFn(__props.source, __props.index)
+            }, [
+              createVNode(unref(HyIcon), {
+                "svg-name": "ops-button-delete",
+                class: "delete"
+              })
+            ], 8, ["onClick"])
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+};
+
+export { _sfc_main as default };