hy-dispatch-ui-v3 0.2.67 → 0.2.69

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

@@ -0,0 +1,251 @@
+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: "missionOutRule",
+  emits: ["on-add", "on-edit", "on-rule-assign"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const tableRef = useTemplateRef("tableRef");
+    function useMissionOutRule(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"
+          },
+          {
+            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: 2
+        }
+      });
+      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 }, [useMissionOutRule]);
+    __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\u7981\u51FA\u89C4\u5219",
+                      value: "showAddRuleFenceDialog",
+                      altText: `\u8BBE\u7F6E\u7981\u6B62\u79BB\u5F00\u7684\u56F4\u680F\u533A\u57DF\uFF0C\u4EBA\u5458\u79BB\u5F00\u65F6\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 };

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

@@ -0,0 +1,395 @@
+import { useTemplateRef, ref, nextTick, openBlock, createBlock, unref, isRef, withCtx, createElementVNode, createVNode, createElementBlock, Fragment, renderList, withModifiers, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { ElMessage, ElTabs, ElTabPane, ElDivider } from 'element-plus';
+import { assignedApi } from '../../../../api/rule.mjs';
+import '../../../../hooks/index.mjs';
+import '../../../../components/index.mjs';
+import { useAppTable } from '../../../../components/hyTable/js/useAppTable.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 { HyTable } from '../../../../components/hyTable/index.mjs';
+import { HyButton } from '../../../../components/hyButton/index.mjs';
+import { HyTooltip } from '../../../../components/hyTooltip/index.mjs';
+
+const _sfc_main = {
+  __name: "ruleAssignDialog",
+  props: {
+    ifDraggable: {
+      type: Boolean,
+      default: false
+    },
+    ifShrink: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const useRuleAssignDialog = (hy) => {
+      const HyDialogRef = useTemplateRef("HyDialogRef");
+      const tableRef2 = useTemplateRef("tableRef");
+      const dialogVisible2 = ref(false);
+      const { tableColumns: tableColumns2, filterModel: filterModel2, filterColumns: filterColumns2 } = useAppTable({
+        columns: [
+          {
+            type: "selection"
+          },
+          {
+            prop: "name",
+            label: "\u7528\u6237",
+            isSearch: true
+          },
+          {
+            prop: "orgName",
+            label: $t("bussiness.department")
+          },
+          {
+            prop: "IMEI",
+            label: "IMEI",
+            slot: "imeiList",
+            width: 300
+          },
+          {
+            prop: "operator",
+            label: $t("table.operation"),
+            slot: "operator",
+            fixed: "right",
+            width: 140
+          }
+        ],
+        filterColumns: [],
+        filterModel: {
+          ruleId: null,
+          assigned: "1"
+        }
+      });
+      const searchArr2 = ref([{ label: "\u7528\u6237\u540D\u79F0" }, { label: "\u8D26\u53F7" }, { label: "\u5DE5\u53F7" }]);
+      const assignStatusList2 = ref([
+        {
+          label: "\u672A\u5206\u914D",
+          value: "1"
+        },
+        {
+          label: "\u5DF2\u5206\u914D",
+          value: "2"
+        }
+      ]);
+      const titleBasicInfoList2 = ref([]);
+      async function show2(data) {
+        hy.setDragLevelIndex("HyDialogRef");
+        dialogVisible2.value = true;
+        hy.filterModel.value.ruleId = data.id;
+        hy.filterModel.value.assigned = "1";
+        hy.titleBasicInfoList.value = [
+          { label: "\u89C4\u5219\u540D\u79F0", value: data.ruleName },
+          { label: "\u89C4\u5219ID", value: data.id }
+        ];
+        hy.resetFn();
+        hy.clearSelectedList();
+      }
+      function onTabsChange2() {
+        hy.getData(1);
+        hy.clearSelectedList();
+      }
+      function assignDevice2(row, type) {
+        assignedApi({
+          deviceUserIdList: [row.deviceUserId],
+          type,
+          ruleId: hy.filterModel.value.ruleId
+        }).then((_) => {
+          hy.getData();
+          ElMessage.success($t("bussiness.operationSuccessful"));
+        });
+      }
+      function assignedBatch2(type) {
+        const selectList = hy.tableRef.value.getSelectedList();
+        if (!selectList.length) {
+          ElMessage.error($t("ruleSetting.pleaseSelectTheUser"));
+          return false;
+        }
+        const deviceUserIdList = selectList.map((item) => item.deviceUserId);
+        assignedApi({
+          deviceUserIdList,
+          type,
+          ruleId: hy.filterModel.value.ruleId
+        }).then((_) => {
+          hy.getData();
+          ElMessage.success($t("bussiness.operationSuccessful"));
+          hy.tableRef.value.clearSelectedList();
+        });
+      }
+      async function getData(page) {
+        await nextTick();
+        hy.tableRef.value.getData(page);
+      }
+      async function resetFn() {
+        await nextTick();
+        hy.tableRef.value.resetFn();
+      }
+      async function clearSelectedList() {
+        await nextTick();
+        hy.tableRef.value.clearSelectedList();
+      }
+      return {
+        HyDialogRef,
+        tableRef: tableRef2,
+        dialogVisible: dialogVisible2,
+        tableColumns: tableColumns2,
+        filterModel: filterModel2,
+        filterColumns: filterColumns2,
+        searchArr: searchArr2,
+        assignStatusList: assignStatusList2,
+        titleBasicInfoList: titleBasicInfoList2,
+        show: show2,
+        onTabsChange: onTabsChange2,
+        assignDevice: assignDevice2,
+        assignedBatch: assignedBatch2,
+        getData,
+        resetFn,
+        clearSelectedList
+      };
+    };
+    const {
+      onMinimized,
+      setDragLevelIndex,
+      tableRef,
+      dialogVisible,
+      tableColumns,
+      filterModel,
+      filterColumns,
+      searchArr,
+      assignStatusList,
+      titleBasicInfoList,
+      show,
+      onTabsChange,
+      assignDevice,
+      assignedBatch
+    } = useMixins({}, [useDialog, useRuleAssignDialog]);
+    __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,
+        title: unref($t)("ruleSetting.assignRules"),
+        "title-basic-info-list": unref(titleBasicInfoList),
+        width: "920",
+        "dialog-type": "right",
+        "show-operate": false,
+        "if-draggable": __props.ifDraggable,
+        "if-shrink": __props.ifShrink,
+        onOnMinimized: unref(onMinimized),
+        onOnDialogMousedown: ($event) => unref(setDragLevelIndex)("HyDialogRef")
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", { class: "h-full flex flex-col" }, [
+            createVNode(unref(ElTabs), {
+              modelValue: unref(filterModel).assigned,
+              "onUpdate:modelValue": ($event) => unref(filterModel).assigned = $event,
+              class: "mb-4",
+              onTabChange: unref(onTabsChange)
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(unref(assignStatusList), (item) => {
+                    return openBlock(), createBlock(unref(ElTabPane), {
+                      key: item.value,
+                      label: item.label,
+                      name: item.value
+                    }, null, 8, ["label", "name"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue", "onUpdate:modelValue", "onTabChange"]),
+            createVNode(unref(HyTable), {
+              ref_key: "tableRef",
+              ref: tableRef,
+              controller: "rule/assign",
+              "row-key": "deviceUserId",
+              "table-columns": unref(tableColumns),
+              "filter-model": unref(filterModel),
+              "filter-columns": unref(filterColumns),
+              "search-arr": unref(searchArr),
+              "show-editable": false,
+              "default-get-data": false,
+              "pager-count": 5,
+              class: "h-0 flex-1"
+            }, {
+              "operator-left-box": withCtx(() => [
+                unref(filterModel).assigned === "1" ? (openBlock(), createBlock(unref(HyButton), {
+                  key: 0,
+                  type: "success",
+                  "svg-name": "ops-button-icon-batch-2",
+                  onClick: ($event) => unref(assignedBatch)(1)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u6279\u91CF\u5206\u914D\u89C4\u5219")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["onClick"])) : createCommentVNode("v-if", true),
+                unref(filterModel).assigned === "2" ? (openBlock(), createBlock(unref(HyButton), {
+                  key: 1,
+                  type: "danger",
+                  "svg-name": "ops-button-icon-batch-2",
+                  onClick: ($event) => unref(assignedBatch)(2)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u6279\u91CF\u89E3\u9664\u5206\u914D")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["onClick"])) : createCommentVNode("v-if", true)
+              ]),
+              imeiList: withCtx(({ row }) => [
+                row.deviceList && row.deviceList.length ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "w-full"
+                }, [
+                  createElementVNode("div", { class: "w-full flex items-center" }, [
+                    createElementVNode("span", { class: "whitespace-nowrap text-auxiliary" }, "\u8BBE\u5907\u540D\u79F0\uFF1A"),
+                    row.deviceList && row.deviceList[0] && row.deviceList[0].devName ? (openBlock(), createBlock(unref(HyTooltip), {
+                      key: 0,
+                      "is-always": false,
+                      content: row.deviceList[0].devName
+                    }, null, 8, ["content"])) : (openBlock(), createElementBlock("span", {
+                      key: 1,
+                      class: "text-auxiliary"
+                    }, "- -"))
+                  ]),
+                  createElementVNode("div", { class: "w-full flex items-center" }, [
+                    createElementVNode("span", { class: "whitespace-nowrap text-auxiliary" }, "IMEI\uFF1A"),
+                    row.deviceList && row.deviceList[0] && row.deviceList[0].imei ? (openBlock(), createBlock(unref(HyTooltip), {
+                      key: 0,
+                      "is-always": false,
+                      content: row.deviceList[0].imei
+                    }, null, 8, ["content"])) : (openBlock(), createElementBlock("span", {
+                      key: 1,
+                      class: "text-auxiliary"
+                    }, "- -")),
+                    createVNode(
+                      unref(HyTooltip),
+                      { "popper-class": "px-0" },
+                      {
+                        content: withCtx(() => [
+                          (openBlock(true), createElementBlock(
+                            Fragment,
+                            null,
+                            renderList(row.deviceList, (item, index) => {
+                              return openBlock(), createElementBlock(
+                                Fragment,
+                                { key: index },
+                                [
+                                  index !== 0 ? (openBlock(), createBlock(unref(ElDivider), {
+                                    key: 0,
+                                    class: "border-t-border my-1"
+                                  })) : createCommentVNode("v-if", true),
+                                  createElementVNode("div", { class: "flex items-center px-2" }, [
+                                    createElementVNode("span", { class: "whitespace-nowrap text-auxiliary" }, "\u8BBE\u5907\u540D\u79F0\uFF1A"),
+                                    item.devName ? (openBlock(), createElementBlock(
+                                      "span",
+                                      { key: 0 },
+                                      toDisplayString(item.devName),
+                                      1
+                                      /* TEXT */
+                                    )) : (openBlock(), createElementBlock("span", {
+                                      key: 1,
+                                      class: "text-auxiliary"
+                                    }, "- -"))
+                                  ]),
+                                  createElementVNode("div", { class: "w-full flex items-center px-2" }, [
+                                    createElementVNode("span", { class: "whitespace-nowrap text-auxiliary" }, "IMEI\uFF1A"),
+                                    item.imei ? (openBlock(), createElementBlock(
+                                      "span",
+                                      { key: 0 },
+                                      toDisplayString(item.imei),
+                                      1
+                                      /* TEXT */
+                                    )) : (openBlock(), createElementBlock("span", {
+                                      key: 1,
+                                      class: "text-auxiliary"
+                                    }, "- -"))
+                                  ])
+                                ],
+                                64
+                                /* STABLE_FRAGMENT */
+                              );
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ]),
+                        default: withCtx(() => [
+                          createElementVNode(
+                            "span",
+                            { class: "text-theme whitespace-nowrap ml-1" },
+                            "\uFF08" + toDisplayString(row.deviceList && row.deviceList.length) + "\u53F0\uFF09",
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      },
+                      1024
+                      /* DYNAMIC_SLOTS */
+                    )
+                  ])
+                ])) : (openBlock(), createElementBlock("span", {
+                  key: 1,
+                  class: "text-auxiliary"
+                }, "- -"))
+              ]),
+              operator: withCtx(({ row }) => [
+                unref(filterModel).assigned === "1" ? (openBlock(), createBlock(unref(HyButton), {
+                  key: 0,
+                  type: "default",
+                  class: "w-full",
+                  onClick: withModifiers(($event) => unref(assignDevice)(row, "1"), ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(unref($t)("ruleSetting.assignRules")),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["onClick"])) : createCommentVNode("v-if", true),
+                unref(filterModel).assigned === "2" ? (openBlock(), createBlock(unref(HyButton), {
+                  key: 1,
+                  type: "danger",
+                  class: "w-full",
+                  onClick: withModifiers(($event) => unref(assignDevice)(row, "2"), ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u89E3\u9664\u5206\u914D")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["onClick"])) : createCommentVNode("v-if", true)
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["table-columns", "filter-model", "filter-columns", "search-arr"])
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "onUpdate:modelValue", "title", "title-basic-info-list", "if-draggable", "if-shrink", "onOnMinimized", "onOnDialogMousedown"]);
+    };
+  }
+};
+
+export { _sfc_main as default };