hy-dispatch-ui-v3 0.2.67 → 0.2.68

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

@@ -0,0 +1,511 @@
+import { useTemplateRef, ref, computed, nextTick, shallowRef, openBlock, createBlock, unref, isRef, withCtx, createElementVNode, createVNode, mergeProps, createTextVNode, createElementBlock, createCommentVNode } from 'vue';
+import { ElMessage, ElCheckbox } from 'element-plus';
+import { selectApi, saveApi } from '../../../../api/index.mjs';
+import { findAllMapRailLocationApi } from '../../../../api/mapRail.mjs';
+import '../../../../hooks/index.mjs';
+import '../../../../utils/index.mjs';
+import '../../../../components/index.mjs';
+import '../../../index.mjs';
+import { useCurrentBus } from '../../../../hooks/useCurrentBus.mjs';
+import { $t } from '../../../../hooks/useLocale.mjs';
+import { useAppForm } from '../../../../components/hyForm/js/useAppForm.mjs';
+import { isPermission } from '../../../../utils/is.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';
+import { HyMapAearchPlace } from '../../../hyMapAearchPlace/index.mjs';
+import { HyMap } from '../../../../components/hyMap/index.mjs';
+import { HyIcon } from '../../../../components/hyIcon/index.mjs';
+import { HyButton } from '../../../../components/hyButton/index.mjs';
+
+const _sfc_main = {
+  __name: "addElectronicFenceDialog",
+  props: {
+    ifDraggable: {
+      type: Boolean,
+      default: false
+    },
+    ifShrink: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { currentBus } = useCurrentBus();
+    const useAddElectronicFenceDialog = (hy) => {
+      const HyDialogRef = useTemplateRef("HyDialogRef");
+      const formRef2 = useTemplateRef("formRef");
+      const dialogVisible2 = ref(false);
+      const loading2 = ref(false);
+      const title2 = computed(() => {
+        return hy.isAdd.value ? $t("electronicFence.addAnElectronicFence") : $t("electronicFence.editTheElectronicFence");
+      });
+      const isAdd = computed(() => !hy.formModel.value.id);
+      const { formModel: formModel2, formColumns: formColumns2 } = useAppForm([
+        {
+          type: "input",
+          prop: "railName",
+          label: $t("electronicFence.electronicFenceName"),
+          required: true,
+          span: 24,
+          attrs: {
+            clearable: true
+          }
+        },
+        {
+          prop: "search",
+          label: "\u641C\u7D22\u4F4D\u7F6E",
+          span: 10,
+          slot: "search"
+        },
+        {
+          type: "select",
+          prop: "mouseToolName",
+          label: "\u7ED8\u5236\u65B9\u5F0F",
+          required: true,
+          span: 5,
+          attrs: {
+            options: [
+              { label: "\u5B9A\u70B9\u8303\u56F4", value: "fixedPoint" },
+              { label: "\u81EA\u5B9A\u5706\u5F62", value: "circle" },
+              { label: "\u81EA\u5B9A\u591A\u8FB9\u5F62", value: "polygon" }
+            ]
+          }
+        },
+        {
+          type: "input",
+          prop: "radius",
+          label: "\u8303\u56F4\u8DDD\u79BB",
+          required: true,
+          span: 5,
+          slot: "radius",
+          show: () => formModel2.value.mouseToolName === "fixedPoint",
+          attrs: {
+            type: "input-number",
+            placeholder: "\u5355\u4F4D\u7C73"
+          }
+        }
+      ]);
+      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;
+        hy.setDragLevelIndex("HyDialogRef");
+        hy.showOtherFence.value = true;
+        hy.dialogVisible.value = true;
+        if (data && data.id) {
+          try {
+            const res = await selectApi("mapRail", data.id);
+            if (res.code === 200) {
+              hy.formModel.value = {
+                ...res.data || {},
+                search: "",
+                mouseToolName: "fixedPoint",
+                radius: 100
+              };
+            }
+          } catch (err) {
+            console.error(err);
+          }
+        } else {
+          hy.formModel.value = {
+            railName: "",
+            search: "",
+            mouseToolName: "fixedPoint",
+            radius: 100,
+            pointList: [],
+            ...data || {}
+          };
+        }
+        await nextTick();
+        hy.formRef.value.clearValidate();
+        if (hy.map.value && hy.hyMap.value) {
+          hy.CreateFence(hy.formModel.value.pointList);
+        }
+        hy.loading.value = false;
+        hy.watchResume();
+      }
+      function getCacheData() {
+        return {
+          formModel: hy.formModel.value,
+          showOtherFence: hy.showOtherFence.value
+        };
+      }
+      async function restoreCache(data = {}) {
+        hy.formModel.value = {
+          railName: "",
+          search: "",
+          mouseToolName: "fixedPoint",
+          radius: 100,
+          pointList: [],
+          ...data.formModel || {}
+        };
+        hy.showOtherFence.value = data.showOtherFence;
+        hy.dialogVisible.value = true;
+      }
+      async function onClose2() {
+        if (hy.map.value) {
+          hy.fence?.remove(hy.map.value);
+          hy.clearOtherFenceLayer();
+          hy.map.value = null;
+          hy.hyMap.value = null;
+          hy.fence = null;
+          hy.otherFenceLayer = null;
+        }
+      }
+      async function onSubmit2() {
+        await hy.formRef.value.validate();
+        const res = await saveApi("mapRail", {
+          id: hy.formModel.value.id,
+          railName: hy.formModel.value.railName,
+          pointList: hy.formModel.value.pointList.map((item) => ({
+            ...item,
+            mapRailId: hy.formModel.value.id
+          }))
+        });
+        if (res.code === 200) {
+          ElMessage.success($t("bussiness.operationSuccessful"));
+          hy.currentBus.value.emit("addElectronicFenceDialog", {
+            method: "onSubmit",
+            param: {
+              page: hy.isAdd.value ? null : 1
+            }
+          });
+          hy.onClose();
+        } else {
+          return Promise.reject();
+        }
+      }
+      let map2 = shallowRef(null);
+      let hyMap2 = shallowRef(null);
+      let fence2 = null;
+      let _fenceTimer2 = null;
+      let otherFenceLayer2 = null;
+      const showOtherFence2 = ref(true);
+      let isFixedPoint2 = computed(() => hy.formModel.value.mouseToolName === "fixedPoint");
+      function onMapComplete2(hyMap3, map3) {
+        hy.hyMap.value = hyMap3;
+        hy.map.value = map3;
+        hy.CreateFence(hy.formModel.value.pointList);
+        hy.getFenceList();
+        hy.map.value.on("click", (e) => {
+          if (hy.isFixedPoint.value) {
+            hy.setFixedPoint({
+              lnglat: e.latlng,
+              radius: hy.formModel.value.radius
+            });
+          }
+        });
+        hy.map.value.on("moveend", () => {
+          if (isPermission("operator_electronicFence_showOtherFence")) {
+            clearTimeout(hy._fenceTimer);
+            hy._fenceTimer = setTimeout(hy.getFenceList, 500);
+          }
+        });
+        hy.map.value.on("zoomend", () => {
+          if (isPermission("operator_electronicFence_showOtherFence")) {
+            clearTimeout(hy._fenceTimer);
+            hy._fenceTimer = setTimeout(hy.getFenceList, 500);
+          }
+        });
+      }
+      function CreateFence2(pathList) {
+        if (hy.fence) {
+          hy.fence.remove(hy.map.value);
+        }
+        hy.fence = hy.hyMap.value.CreateFence(
+          "polygon",
+          {
+            fillColor: "#00b0ff",
+            color: "#80d8ff",
+            weight: 4,
+            fillOpacity: 0.5,
+            zIndex: 1e6
+          },
+          hy.map.value
+        );
+        if (pathList.length) {
+          hy.fence.setPolygon(pathList);
+        }
+      }
+      function startDraw2() {
+        const mouseToolName = hy.formModel.value.mouseToolName;
+        if (hy.isFixedPoint.value) {
+          hy.clearDraw();
+          hy.fence.close();
+        } else {
+          if (hy.fence && hy.fence.startDraw) {
+            hy.fence.startDraw(mouseToolName);
+          }
+        }
+        let msg = "";
+        if (hy.isFixedPoint.value) {
+          msg = "\u9F20\u6807\u5728\u5730\u56FE\u70B9\u51FB\u4F4D\u7F6E\uFF0C\u677E\u624B\u7ED3\u675F";
+        } else if (hy.formModel.value.mouseToolName === "circle") {
+          msg = "\u9F20\u6807\u5728\u5730\u56FE\u70B9\u51FB\u6309\u4F4F\u62D6\u62FD\u7ED8\u5236\uFF0C\u677E\u624B\u7ED3\u675F";
+        } else if (hy.formModel.value.mouseToolName === "polygon") {
+          msg = "\u9F20\u6807\u70B9\u51FB\u5730\u56FE\u7ED8\u5236\uFF0C\u53F3\u952E\u7ED3\u675F";
+        }
+        ElMessage.success(msg);
+      }
+      function clearDraw2() {
+        if (hy.fence && hy.fence.clearDraw) {
+          hy.fence.clearDraw();
+        }
+      }
+      function getPath2() {
+        return hy.fence.getPath();
+      }
+      function setFixedPoint2({ lnglat, radius }) {
+        hy.fence.setFixedPoint({ lnglat, radius });
+      }
+      async function getFenceList2() {
+        if (!hy.showOtherFence.value || !hy.map.value) {
+          hy.clearOtherFenceLayer();
+          return;
+        }
+        const bounds = hy.map.value.getBounds();
+        const ne = bounds.getNorthEast();
+        const sw = bounds.getSouthWest();
+        const latLngList = [
+          { lat: ne.lat, lng: ne.lng },
+          { lat: ne.lat, lng: sw.lng },
+          { lat: sw.lat, lng: sw.lng },
+          { lat: sw.lat, lng: ne.lng }
+        ];
+        const res = await findAllMapRailLocationApi({ latLngList });
+        if (res.code !== 200 || !hy.showOtherFence.value) return;
+        if (!hy.showOtherFence) {
+          hy.clearOtherFenceLayer();
+          return;
+        }
+        if (!hy.otherFenceLayer) {
+          hy.otherFenceLayer = hy.hyMap.value.layerGroup(hy.map.value, []);
+        } else {
+          hy.clearOtherFenceLayer();
+        }
+        const data = res.data || [];
+        data.forEach((fence3) => {
+          if (!fence3.pointList || !fence3.pointList.length) return;
+          if (hy.formModel.value.id && fence3.id === hy.formModel.value.id) return;
+          const layer = hy.hyMap.value.Polygon(fence3.pointList, {
+            color: "#32FFA2",
+            opacity: 1,
+            weight: 1,
+            fillColor: "#32FFA2",
+            fillOpacity: 0.2,
+            zIndex: 10
+          });
+          hy.otherFenceLayer.addLayer(layer);
+        });
+      }
+      function clearOtherFenceLayer2() {
+        if (hy.otherFenceLayer) {
+          hy.otherFenceLayer.clearLayers();
+        }
+      }
+      return {
+        HyDialogRef,
+        formRef: formRef2,
+        dialogVisible: dialogVisible2,
+        loading: loading2,
+        title: title2,
+        formModel: formModel2,
+        formColumns: formColumns2,
+        rules: rules2,
+        isAdd,
+        show: show2,
+        getCacheData,
+        restoreCache,
+        onClose: onClose2,
+        onSubmit: onSubmit2,
+        // 地图功能
+        map: map2,
+        hyMap: hyMap2,
+        fence: fence2,
+        _fenceTimer: _fenceTimer2,
+        otherFenceLayer: otherFenceLayer2,
+        showOtherFence: showOtherFence2,
+        isFixedPoint: isFixedPoint2,
+        onMapComplete: onMapComplete2,
+        CreateFence: CreateFence2,
+        getPath: getPath2,
+        setFixedPoint: setFixedPoint2,
+        startDraw: startDraw2,
+        clearDraw: clearDraw2,
+        getFenceList: getFenceList2,
+        clearOtherFenceLayer: clearOtherFenceLayer2
+      };
+    };
+    const {
+      minimizedShow,
+      setDragLevelIndex,
+      onMinimized,
+      formRef,
+      dialogVisible,
+      loading,
+      title,
+      formModel,
+      formColumns,
+      rules,
+      show,
+      onClose,
+      onSubmit,
+      // 地图功能
+      map,
+      hyMap,
+      fence,
+      _fenceTimer,
+      otherFenceLayer,
+      showOtherFence,
+      isFixedPoint,
+      onMapComplete,
+      CreateFence,
+      getPath,
+      setFixedPoint,
+      startDraw,
+      clearDraw,
+      getFenceList,
+      clearOtherFenceLayer
+    } = useMixins({ currentBus }, [useDialog, useDialogIsEdit, useAddElectronicFenceDialog]);
+    __expose({
+      show,
+      minimizedShow,
+      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-close": unref(onClose),
+        "on-cancel": unref(onClose),
+        "on-submit": unref(onSubmit),
+        onOnMinimized: unref(onMinimized),
+        onOnDialogMousedown: ($event) => unref(setDragLevelIndex)("HyDialogRef")
+      }, {
+        "operate-left-box": withCtx(() => [
+          createElementVNode("div", { class: "flex items-center mt-2 text-xs" }, [
+            createVNode(unref(HyIcon), {
+              "svg-name": "dispatch-share1-prompt",
+              "class-name": "!w-3 !h-3 text-auxiliary mr-1"
+            }),
+            createElementVNode("span", { class: "text-auxiliary" }, "\u70B9\u51FB\u5F00\u59CB\u7ED8\u5236\u540E\uFF1A"),
+            unref(formModel).mouseToolName === "fixedPoint" ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: "text-theme"
+            }, "\u9F20\u6807\u5728\u5730\u56FE\u70B9\u51FB\u4F4D\u7F6E\uFF0C\u677E\u624B\u7ED3\u675F")) : unref(formModel).mouseToolName === "circle" ? (openBlock(), createElementBlock("span", {
+              key: 1,
+              class: "text-theme"
+            }, "\u9F20\u6807\u5728\u5730\u56FE\u70B9\u51FB\u6309\u4F4F\u62D6\u62FD\u7ED8\u5236\uFF0C\u677E\u624B\u7ED3\u675F")) : unref(formModel).mouseToolName === "polygon" ? (openBlock(), createElementBlock("span", {
+              key: 2,
+              class: "text-theme"
+            }, "\u9F20\u6807\u70B9\u51FB\u5730\u56FE\u7ED8\u5236\uFF0C\u53F3\u952E\u7ED3\u675F")) : createCommentVNode("v-if", true)
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", { class: "w-full h-full flex flex-col" }, [
+            createVNode(unref(HyForm), {
+              ref_key: "formRef",
+              ref: formRef,
+              model: unref(formModel),
+              columns: unref(formColumns),
+              rules: unref(rules),
+              "column-num": 24,
+              class: "relative z-[600]"
+            }, {
+              search: withCtx(() => [
+                createVNode(unref(HyMapAearchPlace), {
+                  map: unref(map),
+                  "hy-map": unref(hyMap)
+                }, null, 8, ["map", "hy-map"])
+              ]),
+              radius: withCtx(({ column, model }) => [
+                createElementVNode("div", { class: "w-full flex items-center gap-2" }, [
+                  createVNode(unref(HyInput), mergeProps({
+                    modelValue: model[column.prop],
+                    "onUpdate:modelValue": ($event) => model[column.prop] = $event
+                  }, column.attrs), null, 16, ["modelValue", "onUpdate:modelValue"]),
+                  createElementVNode("span", { class: "text-auxiliary" }, "M")
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["model", "columns", "rules"]),
+            createElementVNode("div", { class: "w-full h-0 flex-1 relative border border-border rounded" }, [
+              createElementVNode("div", { class: "w-full h-full" }, [
+                createVNode(unref(HyMap), {
+                  class: "!rounded-none",
+                  onComplete: unref(onMapComplete)
+                }, null, 8, ["onComplete"])
+              ]),
+              createElementVNode("div", { class: "w-full h-[60px] flex items-center justify-between border-b border-border pl-5 pr-4 box-border absolute left-0 top-0 z-[500] bg-[rgba(var(--hy-background-2),0.9)]" }, [
+                createElementVNode("div", { class: "flex items-center gap-2 text-auxiliary" }, [
+                  createVNode(unref(HyIcon), {
+                    "svg-name": "dispatch-share1-prompt",
+                    "class-name": "!w-3 !h-3 text-auxiliary"
+                  }),
+                  createElementVNode("span", null, "\u7ED8\u5236\u524D\uFF0C\u9700\u8981\u5148\u70B9\u51FB\u53F3\u4FA7\u5F00\u59CB\u7ED8\u5236\u6309\u94AE")
+                ]),
+                createElementVNode("div", { class: "flex items-center" }, [
+                  createElementVNode("div", { class: "flex items-center mr-5" }, [
+                    createVNode(unref(ElCheckbox), {
+                      modelValue: unref(showOtherFence),
+                      "onUpdate:modelValue": ($event) => isRef(showOtherFence) ? showOtherFence.value = $event : null,
+                      onChange: ($event) => unref(getFenceList)()
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("span", { class: "text-xs text-main" }, "\u663E\u793A\u5176\u4ED6\u7535\u5B50\u56F4\u680F")
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
+                  ]),
+                  createVNode(unref(HyButton), {
+                    type: "primary",
+                    onClick: unref(startDraw)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("\u5F00\u59CB\u7ED8\u5236")
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["onClick"]),
+                  createVNode(unref(HyButton), {
+                    type: "danger",
+                    onClick: unref(clearDraw)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("\u6E05\u7A7A\u7ED8\u5236")
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["onClick"])
+                ])
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "onUpdate:modelValue", "loading", "onUpdate:loading", "title", "if-draggable", "if-shrink", "on-close", "on-cancel", "on-submit", "onOnMinimized", "onOnDialogMousedown"]);
+    };
+  }
+};
+
+export { _sfc_main as default };

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

@@ -0,0 +1,169 @@
+import { useTemplateRef, ref, openBlock, createBlock, unref, withCtx, createCommentVNode, createElementVNode } from 'vue';
+import { batchMapRailUserSaveApi } from '../../../../api/mapRail.mjs';
+import '../../../../hooks/index.mjs';
+import '../../../../components/index.mjs';
+import { useCurrentBus } from '../../../../hooks/useCurrentBus.mjs';
+import { useAppTableForm } from '../../../../components/hyTableForm/js/useAppTableForm.mjs';
+import { $t } from '../../../../hooks/useLocale.mjs';
+import { useMixins } from '../../../../hooks/useMixins.mjs';
+import { useDialog, useDialogIsEdit } from '../../../../hooks/useDialog.mjs';
+import { HyBatchUploadDialog } from '../../../../components/hyBatchUploadDialog/index.mjs';
+
+const _sfc_main = {
+  __name: "batchSetElectronicFenceUserDialog",
+  props: {
+    ifDraggable: {
+      type: Boolean,
+      default: false
+    },
+    ifShrink: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { currentBus } = useCurrentBus();
+    function useBatchSetElectronicFenceUserDialog(hy) {
+      const HyBatchUploadDialogRef2 = useTemplateRef("HyBatchUploadDialogRef");
+      const { tableColumns: tableColumns2, formColumns: formColumns2 } = useAppTableForm({
+        columns: [
+          {
+            prop: "railName",
+            label: $t("electronicFence.electronicFenceName")
+          },
+          {
+            prop: "orgName",
+            label: $t("bussiness.department")
+          },
+          {
+            prop: "name",
+            label: $t("electronicFence.associatedUserName")
+          },
+          {
+            prop: "phone",
+            label: $t("electronicFence.associatedUserAccount")
+          }
+        ],
+        formColumns: [
+          {
+            type: "input",
+            prop: "railName",
+            label: $t("electronicFence.electronicFenceName"),
+            required: true,
+            // import: {
+            //   // excel的表头标题，不设置默认获取label
+            //   title: $t('electronicFence.electronicFenceName'),
+            // },
+            attrs: {
+              clearable: true
+            }
+          },
+          {
+            type: "input",
+            prop: "orgName",
+            label: $t("bussiness.department"),
+            required: true,
+            attrs: {
+              clearable: true
+            }
+          },
+          {
+            type: "input",
+            prop: "name",
+            label: $t("electronicFence.associatedUserName"),
+            required: true,
+            attrs: {
+              clearable: true
+            }
+          },
+          {
+            type: "input",
+            prop: "phone",
+            label: $t("electronicFence.associatedUserAccount"),
+            required: true,
+            attrs: {
+              clearable: true
+            }
+          }
+        ]
+      });
+      const rules2 = ref({});
+      async function show2() {
+        hy.setDragLevelIndex("HyBatchUploadDialogRef");
+        HyBatchUploadDialogRef2.value.show();
+      }
+      function submitHandler2(data) {
+        return batchMapRailUserSaveApi({
+          ...data
+        });
+      }
+      function onSubmit2(params) {
+        const { total, success, failed, result } = params;
+        if (success) {
+          hy.currentBus.value.emit("batchSetElectronicFenceUserDialog", {
+            method: "onSubmit",
+            param: {
+              page: 1
+            }
+          });
+        }
+      }
+      return {
+        HyBatchUploadDialogRef: HyBatchUploadDialogRef2,
+        tableColumns: tableColumns2,
+        formColumns: formColumns2,
+        rules: rules2,
+        show: show2,
+        submitHandler: submitHandler2,
+        onSubmit: onSubmit2
+      };
+    }
+    const {
+      setDragLevelIndex,
+      minimizedShow,
+      onMinimized,
+      HyBatchUploadDialogRef,
+      tableColumns,
+      formColumns,
+      rules,
+      show,
+      submitHandler,
+      onSubmit
+    } = useMixins({ currentBus }, [useDialog, useDialogIsEdit, useBatchSetElectronicFenceUserDialog]);
+    __expose({
+      show,
+      minimizedShow,
+      setDragLevelIndex
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(HyBatchUploadDialog), {
+        ref_key: "HyBatchUploadDialogRef",
+        ref: HyBatchUploadDialogRef,
+        title: unref($t)("electronicFence.batchImportAssociatedUsers"),
+        width: "920",
+        "table-columns": unref(tableColumns),
+        "form-columns": unref(formColumns),
+        rules: unref(rules),
+        "row-click-expand": true,
+        "column-num": 2,
+        "submit-handler": unref(submitHandler),
+        "show-operate": true,
+        "if-draggable": __props.ifDraggable,
+        "if-shrink": __props.ifShrink,
+        onSubmit: unref(onSubmit),
+        onOnMinimized: unref(onMinimized),
+        onOnDialogMousedown: ($event) => unref(setDragLevelIndex)("HyBatchUploadDialogRef")
+      }, {
+        "template-down": withCtx(() => [
+          createCommentVNode(' <HyButton type="primary" link @click="downloadTemplate">\u4E0B\u8F7D\u7FA4\u7EC4\u6DFB\u52A0\u6A21\u677F</HyButton> '),
+          createElementVNode("span")
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["title", "table-columns", "form-columns", "rules", "submit-handler", "if-draggable", "if-shrink", "onSubmit", "onOnMinimized", "onOnDialogMousedown"]);
+    };
+  }
+};
+
+export { _sfc_main as default };