hy-dispatch-ui-v3 0.2.67 → 0.2.68

package/es/bussiness/hyRuleSetting/cpns/ruleFenceDialog/ruleFenceDialog.vue.mjs

@@ -0,0 +1,651 @@
+import { useTemplateRef, ref, computed, nextTick, openBlock, createBlock, unref, isRef, withCtx, createElementVNode, createVNode, mergeProps, createElementBlock, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import { ElMessage } from 'element-plus';
+import { selectApi, saveApi, pageApi } from '../../../../api/index.mjs';
+import '../../../../hooks/index.mjs';
+import '../../../../components/index.mjs';
+import { useAppForm } from '../../../../components/hyForm/js/useAppForm.mjs';
+import { $t } from '../../../../hooks/useLocale.mjs';
+import { useAppSearch } from '../../../../components/hySearch/js/useAppSearch.mjs';
+import { useAppTable } from '../../../../components/hyTable/js/useAppTable.mjs';
+import { useMixins } from '../../../../hooks/useMixins.mjs';
+import { useDialog, useDialogIsEdit } from '../../../../hooks/useDialog.mjs';
+import { HyDialog } from '../../../../components/hyDialog/index.mjs';
+import { HyForm } from '../../../../components/hyForm/index.mjs';
+import { HyInput, HyInputSearch } from '../../../../components/hyInput/index.mjs';
+import { HyIcon } from '../../../../components/hyIcon/index.mjs';
+import { HySearch } from '../../../../components/hySearch/index.mjs';
+import { HyTable } from '../../../../components/hyTable/index.mjs';
+import { HyButton } from '../../../../components/hyButton/index.mjs';
+import { HyTooltip } from '../../../../components/hyTooltip/index.mjs';
+
+const _sfc_main = {
+  __name: "ruleFenceDialog",
+  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 useRuleFenceDialog = (hy) => {
+      const { emits: emits2 } = hy;
+      const HyDialogRef = useTemplateRef("HyDialogRef");
+      const dialogVisible2 = ref(false);
+      const loading2 = ref(false);
+      const title2 = computed(() => {
+        switch (hy.formModel.value.type) {
+          case 1:
+            return isAdd.value ? "\u6DFB\u52A0\u7981\u5165\u89C4\u5219" : "\u7F16\u8F91\u7981\u5165\u89C4\u5219";
+          case 2:
+            return isAdd.value ? "\u6DFB\u52A0\u7981\u51FA\u89C4\u5219" : "\u7F16\u8F91\u7981\u51FA\u89C4\u5219";
+          case 3:
+            return isAdd.value ? "\u6DFB\u52A0\u9759\u9ED8\u8BBE\u7F6E" : "\u7F16\u8F91\u9759\u9ED8\u8BBE\u7F6E";
+          case 4:
+            return isAdd.value ? "\u6DFB\u52A0\u5B9A\u65F6\u62CD\u7167" : "\u7F16\u8F91\u5B9A\u65F6\u62CD\u7167";
+          case 5:
+            return isAdd.value ? "\u6DFB\u52A0\u5B9A\u65F6\u5F55\u50CF" : "\u7F16\u8F91\u5B9A\u65F6\u5F55\u50CF";
+          case 6:
+            return isAdd.value ? "\u6DFB\u52A0\u5B9A\u65F6\u56DE\u4F20" : "\u7F16\u8F91\u5B9A\u65F6\u56DE\u4F20";
+          case 7:
+            return isAdd.value ? "\u6DFB\u52A0\u805A\u96C6\u89C4\u5219" : "\u7F16\u8F91\u805A\u96C6\u89C4\u5219";
+        }
+        return "\u6DFB\u52A0\u89C4\u5219";
+      });
+      const isAdd = computed(() => !hy.formModel.value.id);
+      const { formModel: formModel2, formColumns: formColumns2 } = useAppForm(
+        [
+          {
+            type: "input",
+            prop: "ruleName",
+            label: "\u89C4\u5219\u540D\u79F0",
+            required: true,
+            attrs: {
+              clearable: true
+            }
+          },
+          {
+            type: "input",
+            prop: "stopHour",
+            label: "\u505C\u7559\u65F6\u95F4\uFF08\u5206\u949F\uFF09",
+            required: true,
+            show: (column, model) => {
+              return model.type === 3;
+            },
+            attrs: {
+              type: "number",
+              min: 0
+            }
+          },
+          {
+            type: "input",
+            prop: "gatherLimit",
+            label: "\u4EBA\u5458\u95F4\u9694\u9608\u503C",
+            slot: "gatherLimit",
+            required: true,
+            show: (column, model) => {
+              return model.type === 7;
+            },
+            attrs: {
+              type: "number",
+              min: 0
+            }
+          },
+          {
+            type: "radio-group",
+            prop: "ruleDateType",
+            label: "\u89C4\u5219\u6267\u884C\u65E5\u671F",
+            required: true,
+            rules: [
+              {
+                validator: (rule, value, callback) => {
+                  if (value === 2) {
+                    if (!hy.formModel.value.weekDate.length) {
+                      callback(new Error("\u8BF7\u9009\u62E9\u6307\u5B9A\u661F\u671F"));
+                      return;
+                    }
+                  }
+                  callback();
+                },
+                trigger: ["change", "blur"]
+              }
+            ],
+            attrs: {
+              options: [
+                { label: "\u6BCF\u65E5", value: 1 },
+                { label: "\u6307\u5B9A\u661F\u671F", value: 2 },
+                { label: "\u6307\u5B9A\u65E5\u671F", value: 4 }
+              ]
+            }
+          },
+          {
+            type: "checkbox-group",
+            prop: "weekDate",
+            label: "\u9009\u62E9\u89E6\u53D1\u7684\u661F\u671F",
+            required: true,
+            show: (column, model) => model.ruleDateType === 2,
+            attrs: {
+              options: [
+                { label: $t("hy.monday"), value: "1" },
+                { label: $t("hy.tuesday"), value: "2" },
+                { label: $t("hy.wednesday"), value: "3" },
+                { label: $t("hy.thursday"), value: "4" },
+                { label: $t("hy.friday"), value: "5" },
+                { label: $t("hy.saturday"), value: "6" },
+                { label: $t("hy.sunday"), value: "7" }
+              ]
+            }
+          },
+          {
+            type: "date-picker",
+            prop: ["apStartDtm", "apEndDtm"],
+            label: "\u6307\u5B9A\u65E5\u671F\u8303\u56F4",
+            required: true,
+            timeRangeFill: true,
+            show: (column, model) => {
+              return model.ruleDateType === 4;
+            },
+            attrs: {
+              type: "daterange",
+              isRange: true,
+              timeRangeFill: true,
+              clearable: true
+            }
+          },
+          {
+            type: "time-picker",
+            prop: ["startDtm1", "endDtm1"],
+            label: "\u89C4\u5219\u751F\u6548\u65F6\u95F4",
+            required: true,
+            attrs: {
+              isRange: true,
+              clearable: true
+            }
+          }
+        ],
+        {
+          type: 1,
+          mapRailId: null
+        }
+      );
+      const { filterModel: filterModel2, filterColumns: filterColumns2 } = useAppSearch(
+        [
+          {
+            type: "org-cascader",
+            prop: "orgId",
+            required: true,
+            width: 200
+          },
+          {
+            type: "select",
+            prop: "showChildOrg",
+            label: "\u6570\u636E",
+            defaultValue: 0,
+            width: 200,
+            attrs: {
+              options: [
+                { label: "\u4EC5\u5C55\u793A\u672C\u7EA7\u90E8\u95E8\u6570\u636E", value: 0 },
+                { label: "\u5C55\u793A\u672C\u7EA7\u5305\u62EC\u4E0B\u7EA7\u6570\u636E", value: 1 }
+              ],
+              clearable: false
+            }
+          }
+        ],
+        {
+          page: 0,
+          size: 1e4
+        }
+      );
+      const { tableColumns: tableColumns2 } = useAppTable({
+        columns: [
+          {
+            prop: "railName",
+            label: "\u7535\u5B50\u56F4\u680F\u540D\u79F0",
+            slot: "railName"
+          },
+          {
+            prop: "operator",
+            label: "\u64CD\u4F5C",
+            slot: "operator",
+            width: 110
+          }
+        ]
+      });
+      const rules2 = ref({});
+      async function show2(data) {
+        if (hy.loading.value) {
+          ElMessage.error("\u6570\u636E\u52A0\u8F7D\u4E2D\uFF0C\u8BF7\u52FF\u91CD\u590D\u70B9\u51FB");
+          return;
+        }
+        await hy.watchPause();
+        hy.loading.value = true;
+        if (data && data.id) {
+          try {
+            const res = await selectApi("rule", data.id);
+            if (res.code === 200) {
+              const data2 = res.data || {};
+              hy.formModel.value = {
+                ...data2,
+                ruleDateType: data2.ruleDateType || 1,
+                weekDate: data2.weekDate ? data2.weekDate.split(",") : []
+              };
+            }
+          } catch (err) {
+            console.error(err);
+          }
+        } else {
+          hy.formModel.value = {
+            ruleName: null,
+            stopHour: null,
+            gatherLimit: null,
+            ruleDateType: 1,
+            apStartDtm: null,
+            apEndDtm: null,
+            startDtm1: null,
+            endDtm1: null,
+            weekDate: [],
+            mapRailId: null,
+            ...data || {}
+          };
+        }
+        hy.setDragLevelIndex("HyDialogRef");
+        hy.dialogVisible.value = true;
+        hy.filterModel.value = {
+          orgId: null,
+          showChildOrg: 0,
+          query: null,
+          page: 0,
+          size: 1e4
+        };
+        hy.getMapRail();
+        await nextTick();
+        hy.formRef.value.clearValidate();
+        hy.loading.value = false;
+        hy.watchResume();
+      }
+      async function onSubmit2() {
+        await hy.formRef.value.validate();
+        const form = { ...hy.formModel.value };
+        if (hy.formModel.value.type !== 3 && !form.mapRailId) {
+          ElMessage.error("\u8BF7\u9009\u62E9\u7535\u5B50\u56F4\u680F");
+          return Promise.reject();
+        }
+        if (form.ruleDateType === 2) {
+          form.weekDate = form.weekDate.join(",");
+          form.apStartDtm = null;
+          form.apEndDtm = null;
+        } else if (form.ruleDateType === 4) {
+          form.weekDate = null;
+        } else {
+          form.weekDate = null;
+          form.apStartDtm = null;
+          form.apEndDtm = null;
+        }
+        const res = await saveApi("rule", form);
+        if (res.code === 200) {
+          ElMessage.success("\u64CD\u4F5C\u6210\u529F");
+          emits2("onSubmit", form.id ? null : 1);
+        } else {
+          return Promise.reject();
+        }
+      }
+      const formRef2 = useTemplateRef("formRef");
+      function setWeekDate2(week) {
+        const index = hy.formModel.value.weekDate?.indexOf(week);
+        if (index === -1) {
+          hy.formModel.value.weekDate.push(week);
+        } else {
+          hy.formModel.value.weekDate.splice(index, 1);
+        }
+        hy.formRef.value.validate(["ruleDateType"]);
+      }
+      const tableRef2 = useTemplateRef("tableRef");
+      const mapRailMap2 = ref({});
+      const tableLoading2 = ref(false);
+      function getMapRail2() {
+        hy.tableLoading.value = true;
+        pageApi("mapRail", hy.filterModel.value).then(async (res) => {
+          const data = res.data || [];
+          await nextTick();
+          hy.tableRef.value.setData(data.content);
+          hy.mapRailMap.value = (data.content || []).reduce((obj, item) => {
+            obj[item.id] = item.railName;
+            return obj;
+          }, {});
+        }).finally(() => {
+          hy.tableLoading.value = false;
+        });
+      }
+      function setMapRail2(item) {
+        if (hy.formModel.value.mapRailId === item.id) {
+          hy.formModel.value.mapRailId = null;
+        } else {
+          hy.formModel.value.mapRailId = item.id;
+        }
+      }
+      return {
+        HyDialogRef,
+        dialogVisible: dialogVisible2,
+        loading: loading2,
+        title: title2,
+        isAdd,
+        formModel: formModel2,
+        formColumns: formColumns2,
+        filterModel: filterModel2,
+        filterColumns: filterColumns2,
+        tableColumns: tableColumns2,
+        rules: rules2,
+        show: show2,
+        onSubmit: onSubmit2,
+        formRef: formRef2,
+        setWeekDate: setWeekDate2,
+        tableRef: tableRef2,
+        mapRailMap: mapRailMap2,
+        tableLoading: tableLoading2,
+        getMapRail: getMapRail2,
+        setMapRail: setMapRail2
+      };
+    };
+    const {
+      onMinimized,
+      setDragLevelIndex,
+      dialogVisible,
+      loading,
+      title,
+      formModel,
+      formColumns,
+      filterModel,
+      filterColumns,
+      tableColumns,
+      rules,
+      show,
+      onSubmit,
+      formRef,
+      setWeekDate,
+      tableRef,
+      mapRailMap,
+      tableLoading,
+      getMapRail,
+      setMapRail
+    } = useMixins(
+      {
+        emits
+      },
+      [useDialog, useDialogIsEdit, useRuleFenceDialog]
+    );
+    __expose({
+      show,
+      setDragLevelIndex
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(HyDialog), {
+        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(title),
+        width: "1000",
+        "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: "w-full h-full flex gap-1" }, [
+            createElementVNode("div", { class: "w-1/2 h-full flex flex-col" }, [
+              createElementVNode("div", { class: "text-xs text-auxiliary font-bold mb-1" }, "\u89C4\u5219\u57FA\u7840\u4FE1\u606F"),
+              createElementVNode("div", {
+                class: "w-full h-0 flex-1 bg-background border border-border rounded p-4 box-border",
+                style: { "box-shadow": "0px 2px 4px 0px rgba(0, 0, 0, 0.5),\n              inset 0px 0px 10px 0px #1f4b77" }
+              }, [
+                createVNode(unref(HyForm), {
+                  ref_key: "formRef",
+                  ref: formRef,
+                  model: unref(formModel),
+                  columns: unref(formColumns),
+                  rules: unref(rules),
+                  "column-num": 1
+                }, {
+                  gatherLimit: withCtx(({ column }) => [
+                    createVNode(unref(HyInput), mergeProps({
+                      modelValue: unref(formModel).gatherLimit,
+                      "onUpdate:modelValue": ($event) => unref(formModel).gatherLimit = $event
+                    }, column.attrs), {
+                      suffix: withCtx(() => [
+                        createElementVNode("span", { class: "text-main" }, "\u7C73")
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 16, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["model", "columns", "rules"]),
+                unref(formModel).type !== 3 ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "flex items-center gap-2 text-sm text-auxiliary px-2"
+                }, [
+                  createCommentVNode(" \u9759\u9ED8\u89C4\u5219\u7684\u5E94\u7528\u533A\u57DF\u4E0D\u5FC5\u586B "),
+                  createVNode(unref(HyIcon), {
+                    "svg-name": "dispatch-share1-prompt",
+                    class: "!w-3 !h-3"
+                  }),
+                  createElementVNode("span", null, "\u586B\u5199\u5B8C\u6210\u540E\u8BF7\u5728\u53F3\u4FA7\u9009\u62E9\u5E94\u7528\u7684\u533A\u57DF")
+                ])) : createCommentVNode("v-if", true)
+              ])
+            ]),
+            createElementVNode("div", { class: "w-1/2 h-full flex flex-col" }, [
+              createElementVNode("div", { class: "text-xs text-auxiliary font-bold mb-1" }, "\u9009\u62E9\u56F4\u680F\u533A\u57DF"),
+              createElementVNode("div", {
+                class: "w-full h-0 flex-1 flex flex-col bg-background border border-border rounded p-1.5 box-border",
+                style: { "box-shadow": "0px 2px 4px 0px rgba(0, 0, 0, 0.5),\n              inset 0px 0px 10px 0px #1f4b77" }
+              }, [
+                createVNode(unref(HySearch), {
+                  model: unref(filterModel),
+                  columns: unref(filterColumns),
+                  disabled: unref(tableLoading),
+                  onSearch: unref(getMapRail)
+                }, null, 8, ["model", "columns", "disabled", "onSearch"]),
+                createElementVNode("div", { class: "my-2" }, [
+                  createVNode(unref(HyInputSearch), {
+                    modelValue: unref(filterModel).query,
+                    "onUpdate:modelValue": ($event) => unref(filterModel).query = $event,
+                    placeholder: "\u641C\u7D22\u7535\u5B50\u56F4\u680F\u540D\u79F0\u3001\u521B\u5EFA\u4EBA\u5458\u540D\u79F0",
+                    disabled: unref(tableLoading),
+                    onSearch: unref(getMapRail)
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "onSearch"])
+                ]),
+                createVNode(unref(HyTable), {
+                  ref_key: "tableRef",
+                  ref: tableRef,
+                  loading: unref(tableLoading),
+                  "onUpdate:loading": ($event) => isRef(tableLoading) ? tableLoading.value = $event : null,
+                  "row-key": "id",
+                  type: "virtual",
+                  "table-columns": unref(tableColumns),
+                  "show-editable": false,
+                  "default-get-data": false,
+                  "show-operate": false,
+                  "show-pagination": false,
+                  class: "h-0 flex-1"
+                }, {
+                  railName: withCtx(({ row }) => [
+                    createElementVNode("div", { class: "w-full flex items-center" }, [
+                      createVNode(unref(HyTooltip), {
+                        "is-always": false,
+                        class: "text-sm text-main truncate",
+                        content: row.railName
+                      }, null, 8, ["content"]),
+                      createVNode(
+                        unref(HyTooltip),
+                        { "show-after": 300 },
+                        {
+                          content: withCtx(() => [
+                            createElementVNode("div", { class: "flex flex-col gap-1 text-xs text-main" }, [
+                              createElementVNode("div", null, [
+                                createElementVNode(
+                                  "span",
+                                  { class: "text-auxiliary font-bold" },
+                                  toDisplayString(unref($t)("ruleSetting.railName")) + "\uFF1A",
+                                  1
+                                  /* TEXT */
+                                ),
+                                createElementVNode(
+                                  "span",
+                                  null,
+                                  toDisplayString(row.railName),
+                                  1
+                                  /* TEXT */
+                                )
+                              ]),
+                              createElementVNode("div", null, [
+                                createElementVNode(
+                                  "span",
+                                  { class: "text-auxiliary font-bold" },
+                                  toDisplayString(unref($t)("bussiness.department")) + "\uFF1A",
+                                  1
+                                  /* TEXT */
+                                ),
+                                createElementVNode(
+                                  "span",
+                                  null,
+                                  toDisplayString(row.orgName),
+                                  1
+                                  /* TEXT */
+                                )
+                              ]),
+                              createElementVNode("div", null, [
+                                createElementVNode(
+                                  "span",
+                                  { class: "text-auxiliary font-bold" },
+                                  toDisplayString(unref($t)("bussiness.creator")) + "\uFF1A",
+                                  1
+                                  /* TEXT */
+                                ),
+                                createElementVNode(
+                                  "span",
+                                  null,
+                                  toDisplayString(row.createUser),
+                                  1
+                                  /* TEXT */
+                                )
+                              ]),
+                              createElementVNode("div", null, [
+                                createElementVNode(
+                                  "span",
+                                  { class: "text-auxiliary font-bold" },
+                                  toDisplayString(unref($t)("bussiness.creationTime")) + "\uFF1A",
+                                  1
+                                  /* TEXT */
+                                ),
+                                createElementVNode(
+                                  "span",
+                                  null,
+                                  toDisplayString(row.createDtm),
+                                  1
+                                  /* TEXT */
+                                )
+                              ])
+                            ])
+                          ]),
+                          default: withCtx(() => [
+                            createElementVNode("div", { class: "flex-shrink-0 flex items-center ml-2" }, [
+                              createVNode(unref(HyIcon), {
+                                "svg-name": "dispatch-linear-v3-task-management-details",
+                                class: "!w-3 !h-3 text-theme mr-1"
+                              }),
+                              createElementVNode("span", { class: "text-xs text-theme whitespace-nowrap" }, toDisplayString("\u8BE6\u60C5"))
+                            ])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        },
+                        1024
+                        /* DYNAMIC_SLOTS */
+                      )
+                    ])
+                  ]),
+                  operator: withCtx(({ row }) => [
+                    createElementVNode("div", { class: "py-1 w-full" }, [
+                      unref(formModel).mapRailId === row.id ? (openBlock(), createBlock(unref(HyButton), {
+                        key: 0,
+                        type: "danger",
+                        onClick: ($event) => unref(setMapRail)(row)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u53D6\u6D88\u9009\u62E9")
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["onClick"])) : (openBlock(), createBlock(unref(HyButton), {
+                        key: 1,
+                        type: "default",
+                        onClick: ($event) => unref(setMapRail)(row)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u70B9\u51FB\u9009\u62E9")
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["onClick"]))
+                    ])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["loading", "onUpdate:loading", "table-columns"]),
+                unref(formModel).mapRailId ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "w-full h-[48px] bg-background-3 rounded-[0_0_4px_4px] flex items-center justify-between gap-2 box-border px-3"
+                }, [
+                  createElementVNode("div", { class: "w-0 flex-1 text-sm flex items-center" }, [
+                    createElementVNode("span", { class: "flex-shrink-0" }, "\u5DF2\u9009\u62E9\uFF1A"),
+                    createVNode(unref(HyTooltip), {
+                      "is-always": false,
+                      content: unref(mapRailMap)[unref(formModel).mapRailId]
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode(
+                          "span",
+                          { class: "text-theme font-bold" },
+                          toDisplayString(unref(mapRailMap)[unref(formModel).mapRailId]),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["content"])
+                  ]),
+                  createVNode(unref(HyButton), {
+                    type: "default",
+                    onClick: ($event) => unref(setMapRail)({ id: unref(formModel).mapRailId })
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("\u53D6\u6D88")
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["onClick"])
+                ])) : createCommentVNode("v-if", true)
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "onUpdate:modelValue", "loading", "onUpdate:loading", "title", "if-draggable", "if-shrink", "on-submit", "onOnMinimized", "onOnDialogMousedown"]);
+    };
+  }
+};
+
+export { _sfc_main as default };