@fecp/designer 5.5.113 → 5.5.114

package/es/packages/mobile/src/components/custom/document/Document.vue.mjs

@@ -1,11 +1,17 @@
-/* empty css                                               */
-/* empty css                                                 */
-/* empty css                                                */
-/* empty css                                               */
-/* empty css                                                */
 /* empty css                                                     */
-/* empty css                                              */
-/* empty css                                                  */
+/* empty css                                                      */
+/* empty css                                                     */
+/* empty css                                                      */
+/* empty css                                                        */
+/* empty css                                                        */
+/* empty css                                                      */
+/* empty css                                                      */
+/* empty css                                                           */
+/* empty css                                                              */
+/* empty css                                                       */
+/* empty css                                                     */
+/* empty css                                                    */
+/* empty css                                                      */
 import default404 from "./assets/404.png.mjs";
 import __vite_glob_0_1 from "./assets/audio.png.mjs";
 import __vite_glob_0_2 from "./assets/black.png.mjs";
@@ -25,23 +31,41 @@ import __vite_glob_0_15 from "./assets/uploadHover.png.mjs";
 import __vite_glob_0_16 from "./assets/video.png.mjs";
 import __vite_glob_0_17 from "./assets/word.png.mjs";
 import { getCurrentInstance, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createBlock, createVNode, withCtx, createTextVNode, isRef, Fragment, renderList, createElementVNode, toDisplayString, createCommentVNode } from "vue";
+import docPreview from "./preview/index.vue.mjs";
+/* empty css               */
 /* empty css               */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
-import { Loading } from "../../../../node_modules/vant/es/loading/index.mjs";
-import { Tabs } from "../../../../node_modules/vant/es/tabs/index.mjs";
-import { Tab } from "../../../../node_modules/vant/es/tab/index.mjs";
+import { Tabs } from "../../../../../../node_modules/vant/es/tabs/index.mjs";
+import { Tab } from "../../../../../../node_modules/vant/es/tab/index.mjs";
+import { ImagePreview } from "../../../../../../node_modules/vant/es/image-preview/index.mjs";
+import { Loading } from "../../../../../../node_modules/vant/es/loading/index.mjs";
+import { Empty } from "../../../../../../node_modules/vant/es/empty/index.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "fec-doc-tabs-loading"
 };
 const _hoisted_2 = { class: "fec-tab-content" };
 const _hoisted_3 = { class: "fec-doc-group-title" };
-const _hoisted_4 = { class: "fec-doc-grid" };
+const _hoisted_4 = {
+  key: 0,
+  class: "fec-doc-grid"
+};
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = { class: "fec-doc-icon-wrap" };
 const _hoisted_7 = { class: "fec-doc-icon" };
 const _hoisted_8 = ["src", "alt"];
-const _hoisted_9 = { class: "fec-doc-name" };
+const _hoisted_9 = ["src", "alt"];
+const _hoisted_10 = { class: "fec-doc-name" };
+const _hoisted_11 = {
+  key: 0,
+  class: "fec-doc-preview-cover"
+};
+const _hoisted_12 = ["src", "alt"];
+const _hoisted_13 = { class: "fec-doc-preview-name" };
+const _hoisted_14 = {
+  key: 0,
+  class: "fec-doc-preview-doc"
+};
 const _sfc_main = {
   __name: "Document",
   props: {
@@ -59,7 +83,7 @@ const _sfc_main = {
       type: String,
       default: "300"
     },
-    scrollspy: {
+    swipeable: {
       type: Boolean,
       default: true
     }
@@ -95,9 +119,11 @@ const _sfc_main = {
     const props = __props;
     const currentInstance = getCurrentInstance();
     const ctx = currentInstance.proxy;
+    const baseUrl = ctx.$http.baseUrl;
     const options = ref([]);
     const activeName = ref("");
     const loading = ref(false);
+    const isIOS = typeof navigator !== "undefined" && /iPad|iPhone|iPod/.test(navigator.userAgent || "") && !/Windows/.test(navigator.userAgent || "");
     if (props.traceNo) {
       fetchData();
     } else {
@@ -106,54 +132,27 @@ const _sfc_main = {
     function fetchData() {
       loading.value = true;
       ctx.$http.post(
-        "/base-server/docBusFiletype/getRootTree",
+        "/base-server/docBusFiletype/getRootTree4Mobile",
         {
           isEdit: false,
           paramList: [
             {
-              //   busNo: props.traceNo,
               //   modeNo: "LEASE_INIT_APPLY",
-              busNo: "808cd860b08a490a8fb0e266f23e93d7"
+              busNo: props.traceNo
+              // busNo: "307724dfb95642b3864f5c1a4ad12843",
             }
           ]
         },
         false
       ).then((data) => {
         console.log("🚀 ~ fetchData ~ data:", data);
-        const list = [data.rootList[1], data.rootList[0]];
+        const list = [...data.rootList];
         if (list.length > 0) {
           activeName.value = list[0].fileType;
         }
-        list.forEach((item) => {
-          var _a;
-          (_a = item.children) == null ? void 0 : _a.forEach((row) => {
-            row.displayList = [
-              {
-                id: "c32401898dee4dcaaef9ff56ba4c93e3",
-                type: "5",
-                fileType: "bb7b5b5bcbfd68b2900bcac07cadebd4",
-                className: "img",
-                imgPath: null,
-                typeName: "演示身份证",
-                imgThumbUrl: "D:/doc/upload/filePath/91911850ULETK6AQ9Q\\808cd860b08a490a8fb0e266f23e93d7\\thumbnail\\thumb_cdc7d5ff05d74e6db2d3ae38519d9b5c.jpg",
-                fileShowUrl: "D:/doc/upload/filePath/91911850ULETK6AQ9Q\\808cd860b08a490a8fb0e266f23e93d7\\cdc7d5ff05d74e6db2d3ae38519d9b5c.jpg",
-                fileShortName: "演示身份证",
-                folderName: "企业法人及授权人身份证",
-                fileClassName: "企业法人及授权人身份证",
-                subListSize: null,
-                ifMustUpload: null,
-                createTime: "2026-06-17 15:18:12",
-                createUserName: "管理员",
-                fileSize: "3993.55",
-                ifReplenish: null,
-                replenishFlag: "",
-                imgUrlAry: null
-              }
-            ];
-          });
-        });
         options.value = list;
         loading.value = false;
+        collectCurrentTabImages();
       });
     }
     const compHeight = computed(() => {
@@ -165,6 +164,71 @@ const _sfc_main = {
     });
     function onDocClick(doc) {
       console.log("点击工具:", doc);
+      previewDoc.value = doc;
+      const url = baseUrl + doc.fileShowUrl;
+      if (isIOS && getClassNameFromSrc(url) === "pdf") {
+        const a = document.createElement("a");
+        a.href = url;
+        a.target = "_blank";
+        a.rel = "noopener noreferrer";
+        a.download = "";
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        return;
+      }
+      const idx = previewImages.value.findIndex((u) => u === url);
+      previewStart.value = idx >= 0 ? idx : 0;
+      showPreviewPopup.value = true;
+    }
+    function onPreviewChange(index) {
+      previewDoc.value = previewDocData[previewImages.value[index]];
+    }
+    function onTabChange(name) {
+      collectCurrentTabImages(name);
+    }
+    function collectCurrentTabImages(tabName) {
+      previewDocData.value = {};
+      const targetName = tabName ?? activeName.value;
+      const current = options.value.find((o) => o.fileType === targetName);
+      if (!current) {
+        previewImages.value = [];
+        return;
+      }
+      const urls = [];
+      const collect = (list) => {
+        (list || []).forEach((item) => {
+          var _a;
+          if (item.fileShowUrl) {
+            const path = baseUrl + item.fileShowUrl;
+            if (isIOS && getClassNameFromSrc(path) === "pdf") return;
+            urls.push(path);
+            previewDocData[path] = item;
+          }
+          if ((_a = item.displayList) == null ? void 0 : _a.length) {
+            collect(item.displayList);
+          }
+        });
+      };
+      collect(current.children);
+      previewImages.value = urls;
+    }
+    const showPreviewPopup = ref(false);
+    const previewDoc = ref(null);
+    const previewImages = ref([]);
+    const previewDocData = ref({});
+    const previewStart = ref(0);
+    function getClassNameFromSrc(src) {
+      if (!src) return "";
+      try {
+        const query = src.split("?")[1] || "";
+        if (query) {
+          const params = new URLSearchParams(query);
+          const cn = params.get("className");
+          if (cn) return cn;
+        }
+      } catch (e) {
+      }
     }
     function getDocIcon(doc) {
       if (!doc) return default404;
@@ -176,8 +240,10 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       const _component_van_loading = Loading;
+      const _component_van_empty = Empty;
       const _component_van_tab = Tab;
       const _component_van_tabs = Tabs;
+      const _component_van_image_preview = ImagePreview;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["fec-doc-tabs-container", { isAutoHeight: props.autoHeight }]),
         style: normalizeStyle("height:" + unref(compHeight))
@@ -187,7 +253,7 @@ const _sfc_main = {
             size: "20",
             color: "#999"
           }, {
-            default: withCtx(() => _cache[1] || (_cache[1] = [
+            default: withCtx(() => _cache[3] || (_cache[3] = [
               createTextVNode("加载中...")
             ])),
             _: 1
@@ -196,10 +262,12 @@ const _sfc_main = {
           key: 1,
           type: "card",
           class: "fec-doc-tabs",
+          "show-header": unref(options).length > 1,
           active: unref(activeName),
           "onUpdate:active": _cache[0] || (_cache[0] = ($event) => isRef(activeName) ? activeName.value = $event : null),
           "lazy-render": "",
-          scrollspy: __props.scrollspy
+          swipeable: __props.swipeable,
+          onChange: onTabChange
         }, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (item) => {
@@ -218,8 +286,8 @@ const _sfc_main = {
                         class: "fec-doc-group"
                       }, [
                         createElementVNode("div", _hoisted_3, toDisplayString(group.label), 1),
-                        createElementVNode("div", _hoisted_4, [
-                          ((_a = group.displayList) == null ? void 0 : _a.length) > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(group.displayList, (doc) => {
+                        ((_a = group.displayList) == null ? void 0 : _a.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(group.displayList, (doc) => {
                             return openBlock(), createElementBlock("div", {
                               key: doc.id,
                               class: "fec-doc-item",
@@ -227,17 +295,28 @@ const _sfc_main = {
                             }, [
                               createElementVNode("div", _hoisted_6, [
                                 createElementVNode("div", _hoisted_7, [
-                                  createElementVNode("img", {
+                                  doc.imgThumbUrl ? (openBlock(), createElementBlock("img", {
+                                    key: 0,
+                                    src: unref(baseUrl) + doc.imgThumbUrl,
+                                    alt: doc.typeName,
+                                    class: "fec-doc-icon-img"
+                                  }, null, 8, _hoisted_8)) : (openBlock(), createElementBlock("img", {
+                                    key: 1,
                                     src: getDocIcon(doc),
-                                    alt: doc.typeName || doc.fileShortName,
+                                    alt: doc.typeName,
                                     class: "fec-doc-icon-img"
-                                  }, null, 8, _hoisted_8)
+                                  }, null, 8, _hoisted_9))
                                 ])
                               ]),
-                              createElementVNode("div", _hoisted_9, toDisplayString(doc.fileShortName), 1)
+                              createElementVNode("div", _hoisted_10, toDisplayString(doc.typeName), 1)
                             ], 8, _hoisted_5);
-                          }), 128)) : createCommentVNode("", true)
-                        ])
+                          }), 128))
+                        ])) : (openBlock(), createBlock(_component_van_empty, {
+                          key: 1,
+                          class: "fec-doc-empty",
+                          "image-size": "60",
+                          description: "暂无文件"
+                        }))
                       ]);
                     }), 128))
                   ])
@@ -247,12 +326,46 @@ const _sfc_main = {
             }), 256))
           ]),
           _: 1
-        }, 8, ["active", "scrollspy"]))
+        }, 8, ["show-header", "active", "swipeable"])),
+        createVNode(_component_van_image_preview, {
+          show: unref(showPreviewPopup),
+          "onUpdate:show": _cache[2] || (_cache[2] = ($event) => isRef(showPreviewPopup) ? showPreviewPopup.value = $event : null),
+          images: unref(previewImages),
+          "start-position": unref(previewStart),
+          closeable: true,
+          teleport: "body",
+          "close-on-click-image": false,
+          onChange: onPreviewChange
+        }, {
+          cover: withCtx(() => [
+            unref(previewDoc) ? (openBlock(), createElementBlock("div", _hoisted_11, [
+              createElementVNode("img", {
+                src: getDocIcon(unref(previewDoc)),
+                alt: unref(previewDoc).typeName || unref(previewDoc).typeName,
+                class: "fec-doc-preview-icon"
+              }, null, 8, _hoisted_12),
+              createElementVNode("div", _hoisted_13, toDisplayString(unref(previewDoc).typeName), 1)
+            ])) : createCommentVNode("", true)
+          ]),
+          image: withCtx(({ src, style, onLoad }) => [
+            unref(previewDoc) ? (openBlock(), createElementBlock("div", _hoisted_14, [
+              unref(showPreviewPopup) ? (openBlock(), createBlock(unref(docPreview), {
+                key: 0,
+                src,
+                style: normalizeStyle(style),
+                onLoad,
+                type: getClassNameFromSrc(src),
+                onClosePreview: _cache[1] || (_cache[1] = ($event) => showPreviewPopup.value = false)
+              }, null, 8, ["src", "style", "onLoad", "type"])) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["show", "images", "start-position"])
       ], 6);
     };
   }
 };
-const _Document = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7f8d8b44"]]);
+const _Document = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8b45de1b"]]);
 export {
   _Document as default
 };

package/es/packages/mobile/src/components/custom/document/preview/index.vue.mjs

@@ -0,0 +1,218 @@
+/* empty css                                                        */
+/* empty css                                                         */
+/* empty css                                                           */
+import { ref, onMounted, watch, resolveComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, unref, createVNode, withCtx, createTextVNode, createBlock, toDisplayString, normalizeStyle } from "vue";
+import qt from "../../../../../../../node_modules/@vue-office/docx/lib/v3/vue-office-docx.mjs";
+/* empty css                                                                   */
+import VueOfficeExcel from "../../../../../../../node_modules/@vue-office/excel/lib/v3/vue-office-excel.mjs";
+/* empty css                                                                    */
+/* empty css            */
+import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { Loading } from "../../../../../../../node_modules/vant/es/loading/index.mjs";
+import { Empty } from "../../../../../../../node_modules/vant/es/empty/index.mjs";
+const _hoisted_1 = { class: "fec-doc-preview" };
+const _hoisted_2 = {
+  key: 0,
+  class: "fec-doc-preview-loading"
+};
+const _hoisted_3 = { class: "fec-doc-preview-content" };
+const _hoisted_4 = {
+  key: 3,
+  class: "fec-doc-preview-pdf-ios"
+};
+const _hoisted_5 = {
+  key: 4,
+  class: "fec-doc-preview-txt"
+};
+const _hoisted_6 = {
+  key: 5,
+  class: "fec-doc-preview-img"
+};
+const _hoisted_7 = ["src", "alt"];
+const _hoisted_8 = {
+  key: 6,
+  class: "fec-doc-preview-media"
+};
+const _hoisted_9 = ["src"];
+const _hoisted_10 = {
+  key: 7,
+  class: "fec-doc-preview-media"
+};
+const _hoisted_11 = ["src"];
+const _hoisted_12 = {
+  key: 8,
+  class: "fec-doc-preview-unsupported"
+};
+const _sfc_main = {
+  __name: "index",
+  props: {
+    src: {
+      type: String,
+      default: ""
+    },
+    style: String,
+    onLoad: Object,
+    type: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["closePreview"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const loading = ref(true);
+    const txtContent = ref("");
+    function onImgLoad(e) {
+      var _a;
+      loading.value = false;
+      (_a = props.onLoad) == null ? void 0 : _a.call(props, e);
+    }
+    function onRendered() {
+      loading.value = false;
+      console.log("渲染完成");
+    }
+    function onError(err) {
+      loading.value = false;
+      console.error("文档加载失败:", JSON.stringify(err));
+    }
+    const docType = ref("");
+    const isIOS = ref(false);
+    onMounted(() => {
+      docType.value = props.type;
+      if (typeof navigator !== "undefined") {
+        const ua = navigator.userAgent || "";
+        isIOS.value = /iPad|iPhone|iPod/.test(ua) && !/Windows/.test(ua);
+      }
+    });
+    function downloadIosPdf(url) {
+      if (!url) return;
+      const a = document.createElement("a");
+      a.href = url;
+      a.target = "_blank";
+      a.rel = "noopener noreferrer";
+      a.download = "";
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+    }
+    async function fetchTxt() {
+      if (!props.src) {
+        loading.value = false;
+        return;
+      }
+      try {
+        const res = await fetch(props.src);
+        if (!res.ok) throw new Error("请求失败");
+        txtContent.value = await res.text();
+      } catch (err) {
+        txtContent.value = "文件读取失败：" + (err.message || err);
+      } finally {
+        loading.value = false;
+      }
+    }
+    watch(
+      () => [props.src, props.type, isIOS.value],
+      ([src, type, ios]) => {
+        if (!src) {
+          loading.value = false;
+          return;
+        }
+        if (type === "txt") {
+          loading.value = true;
+          fetchTxt();
+        } else if (type === "pdf" && ios) {
+          loading.value = false;
+          downloadIosPdf(src);
+        } else {
+          loading.value = true;
+        }
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      const _component_van_loading = Loading;
+      const _component_vue_office_pdf = resolveComponent("vue-office-pdf");
+      const _component_van_empty = Empty;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(_component_van_loading, {
+            size: "24",
+            color: "#FFF"
+          }, {
+            default: withCtx(() => _cache[0] || (_cache[0] = [
+              createTextVNode("加载中...")
+            ])),
+            _: 1
+          })
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3, [
+          unref(docType) == "word" ? (openBlock(), createBlock(unref(qt), {
+            key: 0,
+            src: __props.src,
+            style: { "height": "100%" },
+            onRendered,
+            onError
+          }, null, 8, ["src"])) : unref(docType) == "exl" ? (openBlock(), createBlock(unref(VueOfficeExcel), {
+            key: 1,
+            src: __props.src,
+            style: { "height": "100%" },
+            onRendered,
+            onError
+          }, null, 8, ["src"])) : unref(docType) == "pdf" && !unref(isIOS) ? (openBlock(), createBlock(_component_vue_office_pdf, {
+            key: 2,
+            src: __props.src,
+            style: { "height": "100%" },
+            onRendered,
+            onError
+          }, null, 8, ["src"])) : unref(docType) == "pdf" && unref(isIOS) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            createVNode(_component_van_loading, {
+              size: "24",
+              color: "#FFF",
+              vertical: ""
+            }, {
+              default: withCtx(() => _cache[1] || (_cache[1] = [
+                createTextVNode(" 正在下载 PDF... ")
+              ])),
+              _: 1
+            })
+          ])) : unref(docType) == "txt" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            createElementVNode("pre", null, toDisplayString(unref(txtContent)), 1)
+          ])) : unref(docType) == "img" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            createElementVNode("img", {
+              src: __props.src,
+              alt: __props.src,
+              style: normalizeStyle(__props.style),
+              onLoad: onImgLoad,
+              onError
+            }, null, 44, _hoisted_7)
+          ])) : unref(docType) == "video" ? (openBlock(), createElementBlock("div", _hoisted_8, [
+            createElementVNode("video", {
+              src: __props.src,
+              controls: "",
+              preload: "metadata",
+              onLoadeddata: onRendered,
+              onError
+            }, null, 40, _hoisted_9)
+          ])) : unref(docType) == "audio" ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            createElementVNode("audio", {
+              src: __props.src,
+              controls: "",
+              preload: "metadata",
+              onLoadeddata: onRendered,
+              onError
+            }, null, 40, _hoisted_11)
+          ])) : (openBlock(), createElementBlock("div", _hoisted_12, [
+            createVNode(_component_van_empty, {
+              "image-size": "80",
+              description: "暂不支持该文件类型预览"
+            })
+          ]))
+        ])
+      ]);
+    };
+  }
+};
+const docPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0b6c32f8"]]);
+export {
+  docPreview as default
+};

package/es/packages/mobile/src/components/custom/timeLineFilter/TimeLineFilter.vue.mjs

@@ -1,14 +1,14 @@
-/* empty css                                               */
-/* empty css                                                */
-/* empty css                                                */
-/* empty css                                               */
-/* empty css                                               */
+/* empty css                                                     */
+/* empty css                                                      */
+/* empty css                                                      */
+/* empty css                                                     */
+/* empty css                                                     */
 import { ref, watch, computed, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, unref, withCtx, Fragment, renderList, normalizeClass, toDisplayString, nextTick } from "vue";
 /* empty css                     */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
-import { Steps } from "../../../../node_modules/vant/es/steps/index.mjs";
-import { Step } from "../../../../node_modules/vant/es/step/index.mjs";
-import { Icon } from "../../../../node_modules/vant/es/icon/index.mjs";
+import { Steps } from "../../../../../../node_modules/vant/es/steps/index.mjs";
+import { Step } from "../../../../../../node_modules/vant/es/step/index.mjs";
+import { Icon } from "../../../../../../node_modules/vant/es/icon/index.mjs";
 const _hoisted_1 = { class: "time-line-filter" };
 const _hoisted_2 = { class: "line-selected-content" };
 const _hoisted_3 = { class: "custom-item" };
@@ -47,7 +47,6 @@ const _sfc_main = {
       [() => props.modelValue, () => props.data],
       ([value, data]) => {
         if (value && data.length > 0 && isDown) {
-          debugger;
           const ids = value.split(",");
           selectedList.value = data.filter((item) => ids.includes(item.id + ""));
           selectedList.value = selectedList.value.map((s) => {
@@ -274,7 +273,7 @@ const _sfc_main = {
     };
   }
 };
-const _TimeLineFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9904532b"]]);
+const _TimeLineFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bceff215"]]);
 export {
   _TimeLineFilter as default
 };