hy-dispatch-ui-v3 0.2.67 → 0.2.68

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

@@ -0,0 +1,357 @@
+import { useTemplateRef, ref, computed, nextTick, openBlock, createBlock, unref, isRef, withCtx, createVNode, mergeProps, createElementVNode } from 'vue';
+import { ElMessage } from 'element-plus';
+import { selectApi, saveApi } 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 { 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 } from '../../../../components/hyInput/index.mjs';
+
+const _sfc_main = {
+  __name: "ruleSettingDialog",
+  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 useRuleSettingDialog = (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 hy.isAdd.value ? "\u6DFB\u52A0\u7981\u5165\u89C4\u5219" : "\u7F16\u8F91\u7981\u5165\u89C4\u5219";
+          case 2:
+            return hy.isAdd.value ? "\u6DFB\u52A0\u7981\u51FA\u89C4\u5219" : "\u7F16\u8F91\u7981\u51FA\u89C4\u5219";
+          case 3:
+            return hy.isAdd.value ? "\u6DFB\u52A0\u9759\u9ED8\u8BBE\u7F6E" : "\u7F16\u8F91\u9759\u9ED8\u8BBE\u7F6E";
+          case 4:
+            return hy.isAdd.value ? "\u6DFB\u52A0\u5B9A\u65F6\u62CD\u7167" : "\u7F16\u8F91\u5B9A\u65F6\u62CD\u7167";
+          case 5:
+            return hy.isAdd.value ? "\u6DFB\u52A0\u5B9A\u65F6\u5F55\u50CF" : "\u7F16\u8F91\u5B9A\u65F6\u5F55\u50CF";
+          case 6:
+            return hy.isAdd.value ? "\u6DFB\u52A0\u5B9A\u65F6\u56DE\u4F20" : "\u7F16\u8F91\u5B9A\u65F6\u56DE\u4F20";
+          case 7:
+            return hy.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: "select",
+            prop: "snapMode",
+            label: "\u6293\u62CD\u6A21\u5F0F",
+            required: true,
+            show: (column, model) => {
+              return model.type === 4;
+            },
+            attrs: {
+              options: [
+                { label: "\u5FAA\u73AF\u6293\u62CD", value: 1 },
+                { label: "\u72EC\u7ACB\u6293\u62CD", value: 2 }
+              ]
+            }
+          },
+          {
+            type: "input",
+            prop: "snapSpace",
+            label: "\u6293\u62CD\u95F4\u9694\uFF08\u79D2\uFF09",
+            required: true,
+            show: (column, model) => {
+              return model.type === 4;
+            },
+            attrs: {
+              type: "number",
+              min: 1,
+              max: 9999
+            }
+          },
+          {
+            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,
+              teleported: true
+            }
+          },
+          {
+            type: "time-picker",
+            prop: ["startDtm1", "endDtm1"],
+            label: "\u89C4\u5219\u751F\u6548\u65F6\u95F4",
+            required: true,
+            attrs: {
+              isRange: true,
+              clearable: true,
+              teleported: true
+            }
+          }
+        ],
+        {
+          type: 1
+        }
+      );
+      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: [],
+            ...data || {}
+          };
+        }
+        hy.setDragLevelIndex("HyDialogRef");
+        hy.dialogVisible.value = true;
+        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 (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"]);
+      }
+      return {
+        HyDialogRef,
+        dialogVisible: dialogVisible2,
+        loading: loading2,
+        title: title2,
+        isAdd,
+        formModel: formModel2,
+        formColumns: formColumns2,
+        rules: rules2,
+        show: show2,
+        onSubmit: onSubmit2,
+        formRef: formRef2,
+        setWeekDate: setWeekDate2
+      };
+    };
+    const {
+      onMinimized,
+      setDragLevelIndex,
+      dialogVisible,
+      loading,
+      title,
+      formModel,
+      formColumns,
+      rules,
+      show,
+      onSubmit,
+      formRef,
+      setWeekDate
+    } = useMixins({ emits }, [useDialog, useDialogIsEdit, useRuleSettingDialog]);
+    __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: "500",
+        "dialog-type": "default",
+        "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(() => [
+          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"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "onUpdate:modelValue", "loading", "onUpdate:loading", "title", "if-draggable", "if-shrink", "on-submit", "onOnMinimized", "onOnDialogMousedown"]);
+    };
+  }
+};
+
+export { _sfc_main as default };

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

@@ -0,0 +1,261 @@
+import { useTemplateRef, ref, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createCommentVNode } from 'vue';
+import { ElMessage, ElPopover } from 'element-plus';
+import { deleteBatchApi } from '../../../../api/index.mjs';
+import '../../../../hooks/index.mjs';
+import { weekDateFn } from '../../js/ruleSetting.mjs';
+import '../../../../components/index.mjs';
+import { useAppTable } from '../../../../components/hyTable/js/useAppTable.mjs';
+import { $t } from '../../../../hooks/useLocale.mjs';
+import { HyConfirmDialog } from '../../../../components/hyConfirmDialog/index.mjs';
+import { useMixins } from '../../../../hooks/useMixins.mjs';
+import { HyTable } from '../../../../components/hyTable/index.mjs';
+import { HyTableActionButton } from '../../../../components/hyTableActionButton/index.mjs';
+import { HyIcon } from '../../../../components/hyIcon/index.mjs';
+
+const _sfc_main = {
+  __name: "sedentary",
+  emits: ["on-add", "on-edit", "on-rule-assign"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const tableRef = useTemplateRef("tableRef");
+    function useSedentary(hy) {
+      const { tableRef: tableRef2 } = hy;
+      const { tableColumns: tableColumns2, filterModel: filterModel2, filterColumns: filterColumns2 } = useAppTable({
+        columns: [
+          {
+            prop: "ruleName",
+            label: $t("ruleSetting.ruleName"),
+            isSearch: true
+          },
+          {
+            prop: "railName",
+            label: $t("ruleSetting.areaName")
+          },
+          {
+            prop: "attendanceTime",
+            label: $t("ruleSetting.executionTime"),
+            slot: "attendanceTime"
+          },
+          {
+            prop: "stopHour",
+            label: $t("ruleSetting.stayTime"),
+            slot: "stopHour"
+          },
+          {
+            prop: "attendanceTime",
+            label: $t("ruleSetting.executionTime"),
+            slot: "attendanceTime"
+          },
+          {
+            type: "operator",
+            operator: [
+              {
+                label: $t("ruleSetting.distribution"),
+                desc: $t("ruleSetting.assignRules"),
+                svgName: "ops-linear-fen-pei",
+                handler: ({ row }) => {
+                  hy.assingRules(row);
+                }
+              },
+              {
+                label: $t("bussiness.edit"),
+                desc: $t("bussiness.edit"),
+                svgName: "ops-button-edit",
+                handler: ({ row }) => {
+                  emits("on-edit", row);
+                }
+              },
+              {
+                desc: $t("bussiness.delete"),
+                label: $t("bussiness.delete"),
+                svgName: "ops-linear-delete",
+                className: "text-danger-2",
+                handler: ({ row }) => {
+                  hy.deleteShow(row);
+                }
+              }
+            ]
+          }
+        ],
+        filterColumns: [],
+        filterModel: {
+          type: 3
+        }
+      });
+      const searchArr2 = ref([
+        {
+          label: $t("ruleSetting.userName")
+        },
+        {
+          label: $t("ruleSetting.deviceIMEI")
+        }
+      ]);
+      function showAddRuleFenceDialog2(row) {
+        emits("on-add", row);
+      }
+      function assingRules(row) {
+        emits("on-rule-assign", row);
+      }
+      function deleteShow(data) {
+        HyConfirmDialog.danger({
+          title: "\u786E\u8BA4\u5220\u9664",
+          content: `<div><p>\u5220\u9664\u540E\u65E0\u6CD5\u8FD8\u539F\uFF0C\u662F\u5426\u786E\u8BA4\u5220\u9664\u8BE5\u89C4\u5219\uFF1F</p><p class="text-theme mt-1">"${data.ruleName}"</p></div>`,
+          onSubmit() {
+            return new Promise((resolve, reject) => {
+              deleteBatchApi("rule", data.id).then((res) => {
+                if (res.code === 200) {
+                  ElMessage.success($t("bussiness.successfulDeletion"));
+                  hy.getData();
+                  resolve();
+                }
+              }).catch(() => {
+                reject();
+              });
+            });
+          }
+        });
+      }
+      function getData2(page = null) {
+        tableRef2.value.getData(page);
+      }
+      return {
+        // data
+        tableColumns: tableColumns2,
+        filterModel: filterModel2,
+        filterColumns: filterColumns2,
+        searchArr: searchArr2,
+        // methods
+        showAddRuleFenceDialog: showAddRuleFenceDialog2,
+        assingRules,
+        deleteShow,
+        getData: getData2
+      };
+    }
+    const { tableColumns, filterModel, filterColumns, searchArr, showAddRuleFenceDialog, getData } = useMixins({ tableRef }, [useSedentary]);
+    __expose({
+      getData
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { class: "w-full h-full" }, [
+        createVNode(unref(HyTable), {
+          ref_key: "tableRef",
+          ref: tableRef,
+          controller: "rule",
+          "table-columns": unref(tableColumns),
+          "filter-model": unref(filterModel),
+          "filter-columns": unref(filterColumns),
+          "search-arr": unref(searchArr),
+          "show-editable": false
+        }, {
+          "operator-left-box": withCtx(() => [
+            createVNode(unref(HyTableActionButton), {
+              type: "success",
+              "svg-name": "ops-button-add",
+              label: "\u6DFB\u52A0",
+              "operate-list": [
+                {
+                  children: [
+                    {
+                      label: "\u6DFB\u52A0\u9759\u9ED8\u89C4\u5219",
+                      value: "showAddRuleFenceDialog",
+                      altText: `\u5728\u6307\u5B9A\u533A\u57DF\u548C\u65F6\u6BB5\u5185\uFF0C\u505C\u7559\u8BBE\u5907\u53EF\u89E6\u53D1\u544A\u8B66\u3002`
+                    }
+                  ]
+                }
+              ],
+              onChange: ($event) => unref(showAddRuleFenceDialog)({ type: unref(filterModel).type })
+            }, null, 8, ["onChange"]),
+            createVNode(unref(ElPopover), {
+              placement: "bottom-start",
+              width: "200",
+              trigger: "hover"
+            }, {
+              reference: withCtx(() => [
+                createElementVNode("span", { class: "text-xs text-theme ml-2" }, [
+                  createVNode(unref(HyIcon), {
+                    "svg-name": "dispatch-share-v3-base-help",
+                    class: "!w-3 !h-3 mr-1"
+                  }),
+                  createElementVNode(
+                    "span",
+                    null,
+                    toDisplayString(unref($t)("hy.help")),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", { class: "p-[10px_20px] text-xs" }, [
+                  createElementVNode("div", { class: "mb-2 break-keep" }, "\u89C4\u5219\u4F7F\u7528\u8BF4\u660E\uFF1A"),
+                  createElementVNode("ul", null, [
+                    createElementVNode("li", { class: "flex mb_10" }, [
+                      createElementVNode("span", null, "1\u3001"),
+                      createElementVNode("span", null, "\u6DFB\u52A0\u89C4\u5219")
+                    ]),
+                    createElementVNode("li", { class: "flex mb_10" }, [
+                      createElementVNode("span", null, "2\u3001"),
+                      createElementVNode("span", null, "\u8BBE\u7F6E\u81EA\u5B9A\u4E49\u7684\u89C4\u5219\u6761\u4EF6")
+                    ]),
+                    createElementVNode("li", { class: "flex mb_10" }, [
+                      createElementVNode("span", null, "3\u3001"),
+                      createElementVNode("span", null, "\u5E76\u628A\u9700\u8981\u6267\u884C\u6B64\u89C4\u5219\u7684\u4EBA\u5458\u6388\u6743\u7ED9\u5B83")
+                    ])
+                  ])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          attendanceTime: withCtx(({ row }) => [
+            row.ruleDateType === 1 || !row.ruleDateType ? (openBlock(), createElementBlock("div", { key: 0 }, [
+              createTextVNode(
+                toDisplayString(unref($t)("ruleSetting.everyDay")) + " ",
+                1
+                /* TEXT */
+              ),
+              createElementVNode(
+                "span",
+                { class: "text-auxiliary text-xs" },
+                "(" + toDisplayString(row.startDtm1) + "-" + toDisplayString(row.endDtm1) + ")",
+                1
+                /* TEXT */
+              )
+            ])) : row.ruleDateType === 2 ? (openBlock(), createElementBlock("div", { key: 1 }, [
+              createTextVNode(
+                toDisplayString(unref(weekDateFn)(row.weekDate)) + " ",
+                1
+                /* TEXT */
+              ),
+              createElementVNode(
+                "span",
+                { class: "text-auxiliary text-xs" },
+                "(" + toDisplayString(row.startDtm1) + "-" + toDisplayString(row.endDtm1) + "})",
+                1
+                /* TEXT */
+              )
+            ])) : row.ruleDateType === 4 ? (openBlock(), createElementBlock("div", { key: 2 }, [
+              createTextVNode(
+                toDisplayString(row.apStartDtm.split(" 00:00:00")[0]) + " ~ " + toDisplayString(row.apEndDtm.split(" 00:00:00")[0]) + " ",
+                1
+                /* TEXT */
+              ),
+              createElementVNode(
+                "span",
+                { class: "text-auxiliary text-xs" },
+                "(" + toDisplayString(row.startDtm1) + "-" + toDisplayString(row.endDtm1) + "})",
+                1
+                /* TEXT */
+              )
+            ])) : createCommentVNode("v-if", true)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["table-columns", "filter-model", "filter-columns", "search-arr"])
+      ]);
+    };
+  }
+};
+
+export { _sfc_main as default };