hy-dispatch-ui-v3 0.2.67 → 0.2.68

package/lib/bussiness/hyRuleSetting/cpns/ruleSettingDialog/ruleSettingDialog.vue.js

@@ -0,0 +1,361 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var index = require('../../../../api/index.js');
+require('../../../../hooks/index.js');
+require('../../../../components/index.js');
+var useAppForm = require('../../../../components/hyForm/js/useAppForm.js');
+var useLocale = require('../../../../hooks/useLocale.js');
+var useMixins = require('../../../../hooks/useMixins.js');
+var useDialog = require('../../../../hooks/useDialog.js');
+var index$1 = require('../../../../components/hyDialog/index.js');
+var index$2 = require('../../../../components/hyForm/index.js');
+var index$3 = require('../../../../components/hyInput/index.js');
+
+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 = vue.useTemplateRef("HyDialogRef");
+      const dialogVisible2 = vue.ref(false);
+      const loading2 = vue.ref(false);
+      const title2 = vue.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 = vue.computed(() => !hy.formModel.value.id);
+      const { formModel: formModel2, formColumns: formColumns2 } = useAppForm.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: useLocale.$t("hy.monday"), value: "1" },
+                { label: useLocale.$t("hy.tuesday"), value: "2" },
+                { label: useLocale.$t("hy.wednesday"), value: "3" },
+                { label: useLocale.$t("hy.thursday"), value: "4" },
+                { label: useLocale.$t("hy.friday"), value: "5" },
+                { label: useLocale.$t("hy.saturday"), value: "6" },
+                { label: useLocale.$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 = vue.ref({});
+      async function show2(data) {
+        if (hy.loading.value) {
+          elementPlus.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 index.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 vue.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 index.saveApi("rule", form);
+        if (res.code === 200) {
+          elementPlus.ElMessage.success("\u64CD\u4F5C\u6210\u529F");
+          emits2("onSubmit", form.id ? null : 1);
+        } else {
+          return Promise.reject();
+        }
+      }
+      const formRef2 = vue.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.useMixins({ emits }, [useDialog.useDialog, useDialog.useDialogIsEdit, useRuleSettingDialog]);
+    __expose({
+      show,
+      setDragLevelIndex
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$1.HyDialog), {
+        ref: "HyDialogRef",
+        modelValue: vue.unref(dialogVisible),
+        "onUpdate:modelValue": ($event) => vue.isRef(dialogVisible) ? dialogVisible.value = $event : null,
+        loading: vue.unref(loading),
+        "onUpdate:loading": ($event) => vue.isRef(loading) ? loading.value = $event : null,
+        title: vue.unref(title),
+        width: "500",
+        "dialog-type": "default",
+        "show-operate": true,
+        "if-draggable": __props.ifDraggable,
+        "if-shrink": __props.ifShrink,
+        "on-submit": vue.unref(onSubmit),
+        onOnMinimized: vue.unref(onMinimized),
+        onOnDialogMousedown: ($event) => vue.unref(setDragLevelIndex)("HyDialogRef")
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(index$2.HyForm), {
+            ref_key: "formRef",
+            ref: formRef,
+            model: vue.unref(formModel),
+            columns: vue.unref(formColumns),
+            rules: vue.unref(rules),
+            "column-num": 1
+          }, {
+            gatherLimit: vue.withCtx(({ column }) => [
+              vue.createVNode(vue.unref(index$3.HyInput), vue.mergeProps({
+                modelValue: vue.unref(formModel).gatherLimit,
+                "onUpdate:modelValue": ($event) => vue.unref(formModel).gatherLimit = $event
+              }, column.attrs), {
+                suffix: vue.withCtx(() => [
+                  vue.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"]);
+    };
+  }
+};
+
+exports.default = _sfc_main;

package/lib/bussiness/hyRuleSetting/cpns/sedentary/sedentary.vue.js

@@ -0,0 +1,265 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var index$1 = require('../../../../api/index.js');
+require('../../../../hooks/index.js');
+var ruleSetting = require('../../js/ruleSetting.js');
+require('../../../../components/index.js');
+var useAppTable = require('../../../../components/hyTable/js/useAppTable.js');
+var useLocale = require('../../../../hooks/useLocale.js');
+var index = require('../../../../components/hyConfirmDialog/index.js');
+var useMixins = require('../../../../hooks/useMixins.js');
+var index$2 = require('../../../../components/hyTable/index.js');
+var index$3 = require('../../../../components/hyTableActionButton/index.js');
+var index$4 = require('../../../../components/hyIcon/index.js');
+
+const _sfc_main = {
+  __name: "sedentary",
+  emits: ["on-add", "on-edit", "on-rule-assign"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const tableRef = vue.useTemplateRef("tableRef");
+    function useSedentary(hy) {
+      const { tableRef: tableRef2 } = hy;
+      const { tableColumns: tableColumns2, filterModel: filterModel2, filterColumns: filterColumns2 } = useAppTable.useAppTable({
+        columns: [
+          {
+            prop: "ruleName",
+            label: useLocale.$t("ruleSetting.ruleName"),
+            isSearch: true
+          },
+          {
+            prop: "railName",
+            label: useLocale.$t("ruleSetting.areaName")
+          },
+          {
+            prop: "attendanceTime",
+            label: useLocale.$t("ruleSetting.executionTime"),
+            slot: "attendanceTime"
+          },
+          {
+            prop: "stopHour",
+            label: useLocale.$t("ruleSetting.stayTime"),
+            slot: "stopHour"
+          },
+          {
+            prop: "attendanceTime",
+            label: useLocale.$t("ruleSetting.executionTime"),
+            slot: "attendanceTime"
+          },
+          {
+            type: "operator",
+            operator: [
+              {
+                label: useLocale.$t("ruleSetting.distribution"),
+                desc: useLocale.$t("ruleSetting.assignRules"),
+                svgName: "ops-linear-fen-pei",
+                handler: ({ row }) => {
+                  hy.assingRules(row);
+                }
+              },
+              {
+                label: useLocale.$t("bussiness.edit"),
+                desc: useLocale.$t("bussiness.edit"),
+                svgName: "ops-button-edit",
+                handler: ({ row }) => {
+                  emits("on-edit", row);
+                }
+              },
+              {
+                desc: useLocale.$t("bussiness.delete"),
+                label: useLocale.$t("bussiness.delete"),
+                svgName: "ops-linear-delete",
+                className: "text-danger-2",
+                handler: ({ row }) => {
+                  hy.deleteShow(row);
+                }
+              }
+            ]
+          }
+        ],
+        filterColumns: [],
+        filterModel: {
+          type: 3
+        }
+      });
+      const searchArr2 = vue.ref([
+        {
+          label: useLocale.$t("ruleSetting.userName")
+        },
+        {
+          label: useLocale.$t("ruleSetting.deviceIMEI")
+        }
+      ]);
+      function showAddRuleFenceDialog2(row) {
+        emits("on-add", row);
+      }
+      function assingRules(row) {
+        emits("on-rule-assign", row);
+      }
+      function deleteShow(data) {
+        index.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) => {
+              index$1.deleteBatchApi("rule", data.id).then((res) => {
+                if (res.code === 200) {
+                  elementPlus.ElMessage.success(useLocale.$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.useMixins({ tableRef }, [useSedentary]);
+    __expose({
+      getData
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", { class: "w-full h-full" }, [
+        vue.createVNode(vue.unref(index$2.HyTable), {
+          ref_key: "tableRef",
+          ref: tableRef,
+          controller: "rule",
+          "table-columns": vue.unref(tableColumns),
+          "filter-model": vue.unref(filterModel),
+          "filter-columns": vue.unref(filterColumns),
+          "search-arr": vue.unref(searchArr),
+          "show-editable": false
+        }, {
+          "operator-left-box": vue.withCtx(() => [
+            vue.createVNode(vue.unref(index$3.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) => vue.unref(showAddRuleFenceDialog)({ type: vue.unref(filterModel).type })
+            }, null, 8, ["onChange"]),
+            vue.createVNode(vue.unref(elementPlus.ElPopover), {
+              placement: "bottom-start",
+              width: "200",
+              trigger: "hover"
+            }, {
+              reference: vue.withCtx(() => [
+                vue.createElementVNode("span", { class: "text-xs text-theme ml-2" }, [
+                  vue.createVNode(vue.unref(index$4.HyIcon), {
+                    "svg-name": "dispatch-share-v3-base-help",
+                    class: "!w-3 !h-3 mr-1"
+                  }),
+                  vue.createElementVNode(
+                    "span",
+                    null,
+                    vue.toDisplayString(vue.unref(useLocale.$t)("hy.help")),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", { class: "p-[10px_20px] text-xs" }, [
+                  vue.createElementVNode("div", { class: "mb-2 break-keep" }, "\u89C4\u5219\u4F7F\u7528\u8BF4\u660E\uFF1A"),
+                  vue.createElementVNode("ul", null, [
+                    vue.createElementVNode("li", { class: "flex mb_10" }, [
+                      vue.createElementVNode("span", null, "1\u3001"),
+                      vue.createElementVNode("span", null, "\u6DFB\u52A0\u89C4\u5219")
+                    ]),
+                    vue.createElementVNode("li", { class: "flex mb_10" }, [
+                      vue.createElementVNode("span", null, "2\u3001"),
+                      vue.createElementVNode("span", null, "\u8BBE\u7F6E\u81EA\u5B9A\u4E49\u7684\u89C4\u5219\u6761\u4EF6")
+                    ]),
+                    vue.createElementVNode("li", { class: "flex mb_10" }, [
+                      vue.createElementVNode("span", null, "3\u3001"),
+                      vue.createElementVNode("span", null, "\u5E76\u628A\u9700\u8981\u6267\u884C\u6B64\u89C4\u5219\u7684\u4EBA\u5458\u6388\u6743\u7ED9\u5B83")
+                    ])
+                  ])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          attendanceTime: vue.withCtx(({ row }) => [
+            row.ruleDateType === 1 || !row.ruleDateType ? (vue.openBlock(), vue.createElementBlock("div", { key: 0 }, [
+              vue.createTextVNode(
+                vue.toDisplayString(vue.unref(useLocale.$t)("ruleSetting.everyDay")) + " ",
+                1
+                /* TEXT */
+              ),
+              vue.createElementVNode(
+                "span",
+                { class: "text-auxiliary text-xs" },
+                "(" + vue.toDisplayString(row.startDtm1) + "-" + vue.toDisplayString(row.endDtm1) + ")",
+                1
+                /* TEXT */
+              )
+            ])) : row.ruleDateType === 2 ? (vue.openBlock(), vue.createElementBlock("div", { key: 1 }, [
+              vue.createTextVNode(
+                vue.toDisplayString(vue.unref(ruleSetting.weekDateFn)(row.weekDate)) + " ",
+                1
+                /* TEXT */
+              ),
+              vue.createElementVNode(
+                "span",
+                { class: "text-auxiliary text-xs" },
+                "(" + vue.toDisplayString(row.startDtm1) + "-" + vue.toDisplayString(row.endDtm1) + "})",
+                1
+                /* TEXT */
+              )
+            ])) : row.ruleDateType === 4 ? (vue.openBlock(), vue.createElementBlock("div", { key: 2 }, [
+              vue.createTextVNode(
+                vue.toDisplayString(row.apStartDtm.split(" 00:00:00")[0]) + " ~ " + vue.toDisplayString(row.apEndDtm.split(" 00:00:00")[0]) + " ",
+                1
+                /* TEXT */
+              ),
+              vue.createElementVNode(
+                "span",
+                { class: "text-auxiliary text-xs" },
+                "(" + vue.toDisplayString(row.startDtm1) + "-" + vue.toDisplayString(row.endDtm1) + "})",
+                1
+                /* TEXT */
+              )
+            ])) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["table-columns", "filter-model", "filter-columns", "search-arr"])
+      ]);
+    };
+  }
+};
+
+exports.default = _sfc_main;