zsysview 0.0.26 → 0.0.27

package/dist/zsyslist.vue_vue_type_script_setup_true_lang-BE2Kl33t.js

@@ -0,0 +1,466 @@
+import { defineComponent, reactive, watch, resolveComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, createBlock, toDisplayString, withCtx, createTextVNode, createVNode, Fragment, renderList, unref, ref, withDirectives, withModifiers, vShow, renderSlot, withKeys, onMounted, onUnmounted, resolveDirective } from "vue";
+import { j as refresh_default, k as search_default } from "./index-DG0x9mYD.js";
+import { H as HttpApiV1 } from "./http_api_v1-d9smAbJZ.js";
+import { Z as ZSYSMessage } from "./message-CVTa4Hb1.js";
+import { u as useMagicKeys, w as whenever, z as zsysEventBus } from "./zsys_eventBus-CZOk9fTb.js";
+import { _ as _export_sfc } from "./index-BZZm3CTh.js";
+const _hoisted_1$1 = { style: { "padding-left": "20px", "padding-right": "20px", "padding-top": "6px" } }, _hoisted_2 = {
+  key: 0,
+  style: { "font-size": "x-large" }
+}, _hoisted_3 = {
+  key: 1,
+  style: { "font-size": "x-large" }
+}, _hoisted_4 = { style: { "font-size": "large", "margin-top": "10px" } }, _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "export_progress",
+  props: {
+    exportId: { type: BigInt, required: !0 }
+  },
+  setup(__props) {
+    const props = __props, view = reactive({
+      state: 1,
+      progress: 0n,
+      file_ids: []
+    });
+    return watch(props, (newVal) => {
+      if (newVal.exportId != 0n)
+        var intervalId = setInterval(async () => {
+          let xRes = await HttpApiV1.Post(HttpApiV1.url_export_detail, { id: props.exportId });
+          if (xRes.IsSuccess) {
+            let data = xRes.data;
+            view.progress = data.progress, view.state = data.state, view.file_ids = [];
+            let fs = data.file_ids.split(",");
+            for (let f of fs)
+              view.file_ids.push(BigInt(f));
+            view.state != 1 && clearInterval(intervalId);
+          }
+        }, 3600);
+    }), (_ctx, _cache) => {
+      const _component_el_progress = resolveComponent("el-progress"), _component_el_text = resolveComponent("el-text"), _component_el_link = resolveComponent("el-link"), _component_el_space = resolveComponent("el-space");
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        view.state == 1 ? (openBlock(), createElementBlock("div", _hoisted_2, "正在导出")) : createCommentVNode("", !0),
+        view.state == 2 ? (openBlock(), createElementBlock("div", _hoisted_3, "导出完成")) : createCommentVNode("", !0),
+        createElementVNode("div", _hoisted_4, " 累计处理: " + toDisplayString(view.progress), 1),
+        view.state == 1 ? (openBlock(), createBlock(_component_el_progress, {
+          key: 2,
+          percentage: 50,
+          indeterminate: !0,
+          style: { "margin-top": "10px" }
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(view.progress), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", !0),
+        view.state == 2 ? (openBlock(), createBlock(_component_el_space, {
+          key: 3,
+          wrap: "",
+          style: { "font-size": "large", "margin-top": "10px" }
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_text, null, {
+              default: withCtx(() => [..._cache[0] || (_cache[0] = [
+                createTextVNode("文件(点击下载):", -1)
+              ])]),
+              _: 1
+            }),
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(view.file_ids, (item) => (openBlock(), createBlock(_component_el_link, {
+              href: unref(HttpApiV1).url_export_file + "?id=" + item.toString(),
+              target: "_blank",
+              underline: "always",
+              type: "primary"
+            }, {
+              default: withCtx(() => [
+                createTextVNode("文件" + toDisplayString(item.toString()), 1)
+              ]),
+              _: 2
+            }, 1032, ["href"]))), 256))
+          ]),
+          _: 1
+        })) : createCommentVNode("", !0)
+      ]);
+    };
+  }
+}), _hoisted_1 = { style: { display: "flex", "justify-content": "right" } }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "export_dialog",
+  props: {
+    modelValue: { type: Boolean, required: !0 },
+    // 控制显示隐藏
+    exportUrl: { type: String, required: !0 },
+    exportColumn: { type: [] }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const inputRef = ref(null), props = __props, emit = __emit, visible = ref(!1);
+    watch(
+      () => props.modelValue,
+      (val) => {
+        visible.value = val;
+      },
+      { immediate: !0 }
+    ), watch(visible, (val) => {
+      emit("update:modelValue", val);
+    });
+    const open = () => {
+      view.exporting = !1;
+    }, handleBeforeClose = (done) => {
+      ruleFormRef.value?.clearValidate(), done();
+    }, view = reactive({
+      exporting: !1,
+      // 导出框当前的状态
+      exportId: 0n
+      //导出id
+    });
+    async function startExport() {
+      view.exporting = !0;
+      let res = await HttpApiV1.Post(props.exportUrl, {});
+      res.IsSuccess ? view.exportId = BigInt(res.data) : (ZSYSMessage.ShowError(res.message), view.exporting = !1);
+    }
+    const ruleFormRef = ref(), form = ref({
+      columnOption: "all",
+      exportColumnWanted: []
+    }), rules = reactive({}), focus = () => {
+      inputRef.value?.focus(), inputRef.value?.select();
+    }, keys = useMagicKeys();
+    return whenever(keys.alt_s, () => {
+      visible.value && console.log("Alt+S提交");
+    }), (_ctx, _cache) => {
+      const _component_el_radio = resolveComponent("el-radio"), _component_el_radio_group = resolveComponent("el-radio-group"), _component_el_form_item = resolveComponent("el-form-item"), _component_el_empty = resolveComponent("el-empty"), _component_el_transfer = resolveComponent("el-transfer"), _component_el_form = resolveComponent("el-form"), _component_el_button = resolveComponent("el-button"), _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createBlock(_component_el_dialog, {
+        modelValue: visible.value,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
+        title: "导出",
+        "align-center": !0,
+        "before-close": handleBeforeClose,
+        onOpen: open,
+        width: "800",
+        draggable: !0,
+        overflow: !0,
+        onOpened: focus,
+        "destroy-on-close": "",
+        "close-on-click-modal": !1
+      }, {
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            withDirectives(createVNode(_component_el_button, {
+              type: "primary",
+              onClick: startExport
+            }, {
+              default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                createTextVNode("开始导出", -1)
+              ])]),
+              _: 1
+            }, 512), [
+              [vShow, view.exporting == !1]
+            ])
+          ])
+        ]),
+        default: withCtx(() => [
+          withDirectives(createVNode(_component_el_form, {
+            onSubmit: _cache[2] || (_cache[2] = withModifiers(() => {
+            }, ["prevent"])),
+            ref_key: "ruleFormRef",
+            ref: ruleFormRef,
+            model: form.value,
+            rules,
+            style: { "padding-left": "10px", "padding-right": "10px" },
+            "label-width": "auto"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_form_item, {
+                label: "字段选项",
+                prop: "role_title"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_radio_group, {
+                    modelValue: form.value.columnOption,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.columnOption = $event)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_radio, { value: "all" }, {
+                        default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                          createTextVNode("全部支持的字段", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      props.exportColumn ? (openBlock(), createBlock(_component_el_radio, {
+                        key: 0,
+                        value: "custom"
+                      }, {
+                        default: withCtx(() => [..._cache[5] || (_cache[5] = [
+                          createTextVNode("自定义", -1)
+                        ])]),
+                        _: 1
+                      })) : createCommentVNode("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              withDirectives(createVNode(_component_el_form_item, { label: "自定义" }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_transfer, {
+                    modelValue: form.value.exportColumnWanted,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.exportColumnWanted = $event),
+                    data: props.exportColumn,
+                    titles: ["可选", "已选"],
+                    props: {
+                      key: "ColumnName",
+                      label: "ColumnTitle"
+                    }
+                  }, {
+                    "left-empty": withCtx(() => [
+                      createVNode(_component_el_empty, {
+                        "image-size": 60,
+                        description: "无可选项"
+                      })
+                    ]),
+                    "right-empty": withCtx(() => [
+                      createVNode(_component_el_empty, {
+                        "image-size": 60,
+                        description: "请从左侧选择"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "data"])
+                ]),
+                _: 1
+              }, 512), [
+                [vShow, form.value.columnOption == "custom"]
+              ])
+            ]),
+            _: 1
+          }, 8, ["model", "rules"]), [
+            [vShow, view.exporting == !1]
+          ]),
+          withDirectives(createVNode(_sfc_main$3, {
+            "export-id": view.exportId
+          }, null, 8, ["export-id"]), [
+            [vShow, view.exporting]
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), export_dialog = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-641a8d31"]]), _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "zsyslist_header",
+  props: ["config", "query"],
+  emits: ["refresh"],
+  setup(__props, { emit: __emit }) {
+    const props = __props, config = props.config, query = props.query, view = reactive({
+      exportDialogShow: !1
+    }), emit = __emit, refresh = () => {
+      emit("refresh");
+    };
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button"), _component_el_tooltip = resolveComponent("el-tooltip"), _component_el_input = resolveComponent("el-input"), _component_el_space = resolveComponent("el-space"), _component_el_col = resolveComponent("el-col"), _component_el_row = resolveComponent("el-row"), _component_el_text = resolveComponent("el-text"), _component_el_radio_button = resolveComponent("el-radio-button"), _component_el_radio_group = resolveComponent("el-radio-group"), _component_el_divider = resolveComponent("el-divider");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_el_row, null, {
+          default: withCtx(() => [
+            createVNode(_component_el_col, { span: 24 }, {
+              default: withCtx(() => [
+                createVNode(_component_el_space, {
+                  size: 4,
+                  wrap: ""
+                }, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "headermain"),
+                    createVNode(_component_el_tooltip, { content: "刷新列表数据" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_button, {
+                          icon: unref(refresh_default),
+                          onClick: refresh
+                        }, null, 8, ["icon"])
+                      ]),
+                      _: 1
+                    }),
+                    unref(config).KeywordTip ? (openBlock(), createBlock(_component_el_tooltip, {
+                      key: 0,
+                      "show-after": 800,
+                      content: unref(config).KeywordTip ? unref(config).KeywordTip : "快捷搜索"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          style: { width: "160px" },
+                          placeholder: unref(config).KeywordTip ? unref(config).KeywordTip : "快捷搜索",
+                          "prefix-icon": unref(search_default),
+                          modelValue: unref(query).keyword,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(query).keyword = $event),
+                          clearable: "",
+                          onKeyup: withKeys(refresh, ["enter", "native"])
+                        }, null, 8, ["placeholder", "prefix-icon", "modelValue"])
+                      ]),
+                      _: 1
+                    }, 8, ["content"])) : createCommentVNode("", !0),
+                    unref(config).ExportUrl ? (openBlock(), createBlock(_component_el_tooltip, {
+                      key: 1,
+                      content: "将查询的结果全部导出"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_button, {
+                          onClick: _cache[1] || (_cache[1] = ($event) => view.exportDialogShow = !0)
+                        }, {
+                          default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                            createTextVNode("导出", -1)
+                          ])]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", !0)
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(config).QuickConditionsGroups, (v) => (openBlock(), createBlock(_component_el_row, { style: { "margin-top": "8px" } }, {
+          default: withCtx(() => [
+            createVNode(_component_el_col, { span: 24 }, {
+              default: withCtx(() => [
+                createVNode(_component_el_space, {
+                  size: 4,
+                  wrap: ""
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_text, null, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(v.Label), 1)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    createVNode(_component_el_radio_group, {
+                      modelValue: v.Select,
+                      "onUpdate:modelValue": ($event) => v.Select = $event,
+                      size: "small"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(!0), createElementBlock(Fragment, null, renderList(v.QuickConditions, (q, index) => (openBlock(), createBlock(_component_el_radio_button, {
+                          value: index,
+                          onChange: refresh
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(q.label), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["value"]))), 256))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          _: 2
+        }, 1024))), 256)),
+        createVNode(_component_el_divider, { style: { "margin-top": "4px", "margin-bottom": "4px" } }),
+        createVNode(export_dialog, {
+          modelValue: view.exportDialogShow,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => view.exportDialogShow = $event),
+          "export-url": unref(config).ExportUrl,
+          "export-column": unref(config).ExportColumn
+        }, null, 8, ["modelValue", "export-url", "export-column"])
+      ], 64);
+    };
+  }
+}), _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "zsyslist",
+  props: {
+    config: { type: Object, required: !0 },
+    module: { type: String, default: "" }
+    //   closeOnClickModal: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const eventBus = zsysEventBus(), view = reactive({
+      loading: !1
+    }), props = __props;
+    console.log("zlist", props.module);
+    const config = props.config, query = reactive({ keyword: "" }), currentPage = ref(1), pageSize = ref(30), total = ref(0), data = ref({}), GetListData = async () => {
+      view.loading = !0;
+      let q = {
+        page_size: pageSize.value,
+        page_index: currentPage.value,
+        user_query_param: GetUserQueryParam(),
+        keyword: query.keyword
+      }, res = await HttpApiV1.Post(config.ApiUrl, q);
+      if (res.IsSuccess) {
+        let d = res.data;
+        data.value = d, total.value = d.count;
+      }
+      view.loading = !1;
+    }, aud_event = (payload) => {
+      console.log("aud_event:", payload), (payload.module == props.module || payload.module == "all") && GetListData();
+    }, GetUserQueryParam = () => {
+      let re = [];
+      for (const g of config.QuickConditionsGroups || [])
+        g.QuickConditions[g.Select].column != null && re.push(g.QuickConditions[g.Select]);
+      return re;
+    };
+    onMounted(() => {
+      eventBus.on("aud", aud_event), GetListData();
+    }), onUnmounted(() => {
+      eventBus.off("aud", aud_event);
+    });
+    const pageChange = (pageindex, size) => {
+      currentPage.value = pageindex, pageSize.value = size, console.log(currentPage.value, pageSize.value), GetListData();
+    };
+    return (_ctx, _cache) => {
+      const _component_el_empty = resolveComponent("el-empty"), _component_el_table = resolveComponent("el-table"), _component_el_pagination = resolveComponent("el-pagination"), _directive_loading = resolveDirective("loading");
+      return withDirectives((openBlock(), createElementBlock("div", null, [
+        createVNode(_sfc_main$1, {
+          config: unref(config),
+          query,
+          "onUpdate:query": _cache[0] || (_cache[0] = ($event) => query = $event),
+          onRefresh: _cache[1] || (_cache[1] = ($event) => GetListData())
+        }, {
+          headermain: withCtx(() => [
+            renderSlot(_ctx.$slots, "headermain")
+          ]),
+          _: 3
+        }, 8, ["config", "query"]),
+        createVNode(_component_el_table, {
+          data: data.value.listdata,
+          style: { width: "100%" },
+          stripe: !0
+        }, {
+          empty: withCtx(() => [
+            createVNode(_component_el_empty, {
+              description: "无相关数据",
+              "image-size": 100
+            })
+          ]),
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "content")
+          ]),
+          _: 3
+        }, 8, ["data"]),
+        unref(config).HideBottomToolbar != !0 ? (openBlock(), createBlock(_component_el_pagination, {
+          key: 0,
+          "current-page": currentPage.value,
+          "onUpdate:currentPage": _cache[2] || (_cache[2] = ($event) => currentPage.value = $event),
+          "page-size": pageSize.value,
+          "onUpdate:pageSize": _cache[3] || (_cache[3] = ($event) => pageSize.value = $event),
+          "page-sizes": [30, 50, 100, 150, 200],
+          layout: "total, sizes, prev, next, pager, jumper",
+          total: total.value,
+          "prev-text": "上一页",
+          "next-text": "下一页",
+          onChange: pageChange,
+          style: { "margin-top": "6px", "margin-bottom": "6px" }
+        }, null, 8, ["current-page", "page-size", "total"])) : createCommentVNode("", !0)
+      ])), [
+        [_directive_loading, view.loading]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/zsysview.es.js

@@ -1,3 +1,3 @@
 import "vue";
-import "./index-DXGp4B8l.js";
+import "./index-BZZm3CTh.js";
 import "element-plus";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zsysview",
   "private": false,
-  "version": "0.0.26",
+  "version": "0.0.27",
   "type": "module",
   "files": [
     "dist"