yh-report 2.3.13 → 2.3.14

package/{StatementDetail-6a22356c.mjs → StatementDetail-b6f5e75e.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent as o, ref as a, onActivated as i, onDeactivated as r, onMounted as m, openBlock as s, createElementBlock as c, createVNode as d } from "vue";
 import { useRoute as l } from "vue-router";
-import { n as u } from "./index-7368d34c.mjs";
+import { n as u } from "./index-065500ec.mjs";
 import "element-plus";
 import "@/libs/api.request.js";
 import "lodash-es";
@@ -25,4 +25,4 @@ const p = { class: "statement-detail-container" }, y = /* @__PURE__ */ o({
 export {
   y as default
 };
-//# sourceMappingURL=StatementDetail-6a22356c.mjs.map
+//# sourceMappingURL=StatementDetail-b6f5e75e.mjs.map

package/{StatementDetail-6a22356c.mjs.map → StatementDetail-b6f5e75e.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"StatementDetail-6a22356c.mjs","sources":["../StatementDetail.vue"],"sourcesContent":["<template>\n  <section class=\"statement-detail-container\">\n    <report-run :id=\"id\"></report-run>\n  </section>\n</template>\n<script setup lang=\"ts\">\nimport {ref, onMounted, onActivated, onDeactivated} from 'vue';\nimport {useRoute} from 'vue-router';\nimport reportRun from './component/reportRun.vue';\nconst route = useRoute();\nconst id = ref();\n\nonActivated(() => {\n  document.querySelector('.main-container')?.classList.add('statement-design-main');\n});\n\nonDeactivated(() => {\n  document.querySelector('.main-container')?.classList.remove('statement-design-main');\n});\n\nonMounted(() => {\n  id.value = route.params.id;\n});\n</script>\n"],"names":["route","useRoute","id","ref","onActivated","_a","onDeactivated","onMounted"],"mappings":";;;;;;;;;;AASA,UAAMA,IAAQC,KACRC,IAAKC;AAEX,WAAAC,EAAY,MAAM;;AAChB,OAAAC,IAAA,SAAS,cAAc,iBAAiB,MAAxC,QAAAA,EAA2C,UAAU,IAAI;AAAA,IAAuB,CACjF,GAEDC,EAAc,MAAM;;AAClB,OAAAD,IAAA,SAAS,cAAc,iBAAiB,MAAxC,QAAAA,EAA2C,UAAU,OAAO;AAAA,IAAuB,CACpF,GAEDE,EAAU,MAAM;AACX,MAAAL,EAAA,QAAQF,EAAM,OAAO;AAAA,IAAA,CACzB;;;;;"}
+{"version":3,"file":"StatementDetail-b6f5e75e.mjs","sources":["../StatementDetail.vue"],"sourcesContent":["<template>\n  <section class=\"statement-detail-container\">\n    <report-run :id=\"id\"></report-run>\n  </section>\n</template>\n<script setup lang=\"ts\">\nimport {ref, onMounted, onActivated, onDeactivated} from 'vue';\nimport {useRoute} from 'vue-router';\nimport reportRun from './component/reportRun.vue';\nconst route = useRoute();\nconst id = ref();\n\nonActivated(() => {\n  document.querySelector('.main-container')?.classList.add('statement-design-main');\n});\n\nonDeactivated(() => {\n  document.querySelector('.main-container')?.classList.remove('statement-design-main');\n});\n\nonMounted(() => {\n  id.value = route.params.id;\n});\n</script>\n"],"names":["route","useRoute","id","ref","onActivated","_a","onDeactivated","onMounted"],"mappings":";;;;;;;;;;AASA,UAAMA,IAAQC,KACRC,IAAKC;AAEX,WAAAC,EAAY,MAAM;;AAChB,OAAAC,IAAA,SAAS,cAAc,iBAAiB,MAAxC,QAAAA,EAA2C,UAAU,IAAI;AAAA,IAAuB,CACjF,GAEDC,EAAc,MAAM;;AAClB,OAAAD,IAAA,SAAS,cAAc,iBAAiB,MAAxC,QAAAA,EAA2C,UAAU,OAAO;AAAA,IAAuB,CACpF,GAEDE,EAAU,MAAM;AACX,MAAAL,EAAA,QAAQF,EAAM,OAAO;AAAA,IAAA,CACzB;;;;;"}

package/{StatementList-6ed86ab6.mjs → StatementList-4370bc1a.mjs}

@@ -1,67 +1,68 @@
-import { defineComponent as H, reactive as z, ref as S, onMounted as J, watch as U, openBlock as K, createElementBlock as I, createElementVNode as f, createTextVNode as u, createVNode as o, unref as n, withCtx as a, withKeys as G } from "vue";
-import { useRouter as Q } from "vue-router";
-import { g as W, s as j, d as X, a as Z } from "./index-7368d34c.mjs";
-import { ElButton as p, ElFormItem as w, ElInput as _, ElTable as ee, ElTableColumn as v, ElPagination as te, ElDialog as oe, ElForm as ne, ElMessage as b, ElLoading as le, ElMessageBox as ae } from "element-plus";
+import { defineComponent as H, reactive as U, ref as E, onMounted as J, watch as j, openBlock as I, createElementBlock as G, createElementVNode as f, createTextVNode as u, createVNode as n, unref as l, withCtx as a, withKeys as Q } from "vue";
+import { useRouter as W } from "vue-router";
+import { g as X, s as D, d as Z, a as ee } from "./index-065500ec.mjs";
+import { ElButton as p, ElFormItem as _, ElInput as w, ElTable as te, ElTableColumn as v, ElPagination as oe, ElDialog as ne, ElForm as le, ElMessage as b, ElLoading as ae, ElMessageBox as L } from "element-plus";
+import { l as ie, u as re } from "./editorLock-8f7ea66b.mjs";
 import "@/libs/api.request.js";
 import "lodash-es";
 import "echarts";
-function ie(C) {
+function se(x) {
   if (navigator.clipboard && window.isSecureContext)
-    return navigator.clipboard.writeText(C), Promise.resolve();
+    return navigator.clipboard.writeText(x), Promise.resolve();
   {
     let c = document.createElement("textarea");
-    c.value = C, c.style.position = "absolute", c.style.opacity = "0", c.style.left = "-200%", c.style.top = "-200%", document.body.appendChild(c), c.focus(), c.select();
+    c.value = x, c.style.position = "absolute", c.style.opacity = "0", c.style.left = "-200%", c.style.top = "-200%", document.body.appendChild(c), c.focus(), c.select();
     let i = document.execCommand("copy");
     return c.remove(), i ? Promise.resolve() : Promise.reject(new Error("copy error"));
   }
 }
-const re = { class: "statement-list-container" }, se = { class: "actions" }, de = { class: "el-button is-text import-excel-button" }, ue = { class: "form-context" }, ce = /* @__PURE__ */ f("i", { class: "iconfont icon-antdesign" }, null, -1), pe = /* @__PURE__ */ f("i", { class: "iconfont icon-view" }, null, -1), me = /* @__PURE__ */ f("i", { class: "iconfont icon-edit-outline" }, null, -1), fe = /* @__PURE__ */ f("i", { class: "iconfont icon-delete" }, null, -1), ge = { class: "dialog-footer" }, xe = /* @__PURE__ */ H({
+const de = { class: "statement-list-container" }, ue = { class: "actions" }, ce = { class: "el-button is-text import-excel-button" }, pe = { class: "form-context" }, me = /* @__PURE__ */ f("i", { class: "iconfont icon-antdesign" }, null, -1), fe = /* @__PURE__ */ f("i", { class: "iconfont icon-view" }, null, -1), ge = /* @__PURE__ */ f("i", { class: "iconfont icon-edit-outline" }, null, -1), ye = /* @__PURE__ */ f("i", { class: "iconfont icon-delete" }, null, -1), ve = { class: "dialog-footer" }, Ee = /* @__PURE__ */ H({
   __name: "StatementList",
-  setup(C) {
-    const c = Q(), i = z({
+  setup(x) {
+    const c = W(), i = U({
       key: "",
       pageSize: 10,
       pageNumber: 1,
       total: 0
-    }), $ = S([]);
-    async function g(l = !1) {
-      l && (i.pageNumber = 1, i.total = 0);
-      const t = await W({
+    }), S = E([]);
+    async function g(o = !1) {
+      o && (i.pageNumber = 1, i.total = 0);
+      const t = await X({
         key: i.key,
         pageSize: i.pageSize,
         pageNumber: i.pageNumber
       });
-      $.value = t.data.list, i.total = t.data.total;
+      S.value = t.data.list, i.total = t.data.total;
     }
-    function E(l, t) {
+    function $(o, t) {
       let e = "", s = "链接";
-      t === "inner" ? (e = `innerStatementdetail/${l.id}`, s = "内部链接") : (e = `${window.location.origin}${window.location.pathname}#/statementdetail/${l.id}`, s = "外部链接"), ie(e).then(() => {
+      t === "inner" ? (e = `innerStatementdetail/${o.id}`, s = "内部链接") : (e = `${window.location.origin}${window.location.pathname}#/statementdetail/${o.id}`, s = "外部链接"), se(e).then(() => {
         b.success(s + "复制成功");
       }).catch(() => {
         b.error(s + "复制遇到问题");
       });
     }
-    const x = S([]), D = (l) => {
-      x.value = l;
-    }, L = async (l) => {
-      const t = l.target.files[0];
+    const C = E([]), T = (o) => {
+      C.value = o;
+    }, B = async (o) => {
+      const t = o.target.files[0];
       if (!t)
         return;
       const e = new FileReader();
       e.onload = async (s) => {
-        l.target.value = "";
+        o.target.value = "";
         try {
           if (s.target) {
             const m = JSON.parse(s.target.result);
             if (Array.isArray(m) && m.every((d) => typeof d == "object" && "code" in d && "config" in d && "description" in d && "name" in d)) {
-              const d = le.service({
+              const d = ae.service({
                 fullscreen: !0,
                 text: `正在导入报表，共 ${m.length} 个，请稍候...`
               });
               for (let y = 0; y < m.length; y++) {
                 d.setText(`正在保存第 ${y + 1} 个，共 ${m.length} 个，请稍候...`);
                 const V = m[y];
-                await j(V);
+                await D(V);
               }
               d.close(), g(!0);
             } else
@@ -72,9 +73,9 @@ const re = { class: "statement-list-container" }, se = { class: "actions" }, de
         }
       }, e.readAsText(t);
     }, R = () => {
-      if (x.value.length > 0) {
-        const l = JSON.stringify(
-          x.value.map(({ code: y, config: V, description: Y, name: q }) => ({
+      if (C.value.length > 0) {
+        const o = JSON.stringify(
+          C.value.map(({ code: y, config: V, description: Y, name: q }) => ({
             code: y,
             config: V,
             description: Y,
@@ -82,74 +83,81 @@ const re = { class: "statement-list-container" }, se = { class: "actions" }, de
           })),
           null,
           2
-        ), t = new Blob([l], { type: "application/json" }), e = URL.createObjectURL(t), m = `报表导出-${X().format("YYYYMMDDHHmm")}.json`, d = document.createElement("a");
+        ), t = new Blob([o], { type: "application/json" }), e = URL.createObjectURL(t), m = `报表导出-${Z().format("YYYYMMDDHHmm")}.json`, d = document.createElement("a");
         d.href = e, d.download = m, document.body.appendChild(d), d.click(), document.body.removeChild(d), URL.revokeObjectURL(e);
       } else
         b.warning("请选择要操作的报表！");
     };
-    function F(l) {
-      c.push(`/admin/statement/design/${l.id}`);
+    async function N(o) {
+      await ie(o.id) === "OK" ? c.push(`/admin/statement/design/${o.id}`) : L.alert("报表正在被其他用户锁定，是否强制解锁？", "提示", {
+        confirmButtonText: "解锁",
+        cancelButtonText: "取消"
+      }).then(() => {
+        re(o.id).then(() => {
+          N(o);
+        });
+      });
     }
-    function T(l) {
-      c.push(`/admin/statement/detail/${l.id}`);
+    function F(o) {
+      c.push(`/admin/statement/detail/${o.id}`);
     }
     J(() => {
       g(!0);
     });
-    const k = S(!1), r = z({
+    const k = E(!1), r = U({
       id: void 0,
       name: "",
       code: "",
       description: ""
     });
-    function B() {
+    function O() {
       k.value = !0;
     }
-    function P(l) {
-      k.value = !0, r.id = l.id, r.name = l.name, r.code = l.code, r.description = l.description;
+    function P(o) {
+      k.value = !0, r.id = o.id, r.name = o.name, r.code = o.code, r.description = o.description;
     }
-    function A(l) {
-      ae.confirm("当前操作会删除选定的报表，确认继续吗？", "警告", {
+    function A(o) {
+      L.confirm("当前操作会删除选定的报表，确认继续吗？", "警告", {
         confirmButtonText: "删除",
         cancelButtonText: "取消",
         type: "warning"
       }).then(async () => {
-        (await Z(l.id)).data && g(!0);
+        (await ee(o.id)).data && g(!0);
       });
     }
     function h() {
       k.value = !1, r.id = void 0, r.name = "", r.code = "", r.description = "";
     }
     async function M() {
-      await j(r), g(!0), h();
+      await D(r), g(!0), h();
     }
-    function N(l) {
-      l && (l.preventDefault(), l.stopPropagation()), g(!1);
+    function z(o) {
+      o && (o.preventDefault(), o.stopPropagation()), g(!1);
     }
-    function O() {
+    function K() {
       i.key = "", g(!0);
     }
-    return U(
+    return j(
       () => i.pageNumber,
       () => {
         g();
       }
-    ), U(
+    ), j(
       () => i.pageSize,
       () => {
         g();
       }
-    ), (l, t) => (K(), I("section", re, [
-      f("div", se, [
-        f("div", de, [
+    ), (o, t) => (I(), G("section", de, [
+      f("div", ue, [
+        f("div", ce, [
           f("input", {
             class: "import-excel-input",
             type: "file",
-            onChange: t[0] || (t[0] = (e) => L(e))
+            onChange: t[0] || (t[0] = (e) => B(e))
           }, null, 32),
           u(" 导入 ")
         ]),
-        o(n(p), {
+        n(l(p), {
           text: "",
           onClick: R
         }, {
@@ -158,39 +166,39 @@ const re = { class: "statement-list-container" }, se = { class: "actions" }, de
           ]),
           _: 1
         }),
-        o(n(p), {
+        n(l(p), {
           type: "primary",
-          onClick: B
+          onClick: O
         }, {
           default: a(() => [
             u(" 新增 ")
           ]),
           _: 1
         }),
-        f("div", ue, [
-          o(n(w), { label: "报表名称" }, {
+        f("div", pe, [
+          n(l(_), { label: "报表名称" }, {
             default: a(() => [
-              o(n(_), {
+              n(l(w), {
                 modelValue: i.key,
                 "onUpdate:modelValue": t[1] || (t[1] = (e) => i.key = e),
-                onKeyup: G(N, ["enter"]),
+                onKeyup: Q(z, ["enter"]),
                 placeholder: "键入关键字搜索报表"
               }, null, 8, ["modelValue", "onKeyup"])
             ]),
             _: 1
           })
         ]),
-        o(n(p), {
+        n(l(p), {
           type: "primary",
-          onClick: t[2] || (t[2] = (e) => N())
+          onClick: t[2] || (t[2] = (e) => z())
         }, {
           default: a(() => [
             u(" 搜索 ")
           ]),
           _: 1
         }),
-        o(n(p), {
-          onClick: t[3] || (t[3] = (e) => O())
+        n(l(p), {
+          onClick: t[3] || (t[3] = (e) => K())
         }, {
           default: a(() => [
             u("重置")
@@ -198,103 +206,103 @@ const re = { class: "statement-list-container" }, se = { class: "actions" }, de
           _: 1
         })
       ]),
-      o(n(ee), {
-        data: $.value,
+      n(l(te), {
+        data: S.value,
         "row-key": "id",
-        onSelectionChange: D
+        onSelectionChange: T
       }, {
         default: a(() => [
-          o(n(v), {
+          n(l(v), {
             type: "selection",
             width: "50"
           }),
-          o(n(v), {
+          n(l(v), {
             label: "#",
             type: "index",
             width: "66",
             left: ""
           }),
-          o(n(v), {
+          n(l(v), {
             label: "报表代码",
             "min-width": "100",
             prop: "code"
           }),
-          o(n(v), {
+          n(l(v), {
             label: "报表名称",
             "min-width": "100",
             prop: "name"
           }),
-          o(n(v), {
+          n(l(v), {
             label: "描述",
             "min-width": "200",
             prop: "description"
           }),
-          o(n(v), {
+          n(l(v), {
             label: "操作",
             width: "500",
             fixed: "right"
           }, {
             default: a((e) => [
-              o(n(p), {
+              n(l(p), {
                 link: "",
                 title: "本系统前台页面嵌入地址",
-                onClick: (s) => E(e.row, "inner")
+                onClick: (s) => $(e.row, "inner")
               }, {
                 default: a(() => [
                   u(" 内部链接 ")
                 ]),
                 _: 2
               }, 1032, ["onClick"]),
-              o(n(p), {
+              n(l(p), {
                 link: "",
                 title: "其他系统嵌入地址",
-                onClick: (s) => E(e.row, "outside")
+                onClick: (s) => $(e.row, "outside")
               }, {
                 default: a(() => [
                   u(" 外部链接 ")
                 ]),
                 _: 2
               }, 1032, ["onClick"]),
-              o(n(p), {
+              n(l(p), {
                 type: "primary",
                 link: "",
-                onClick: (s) => F(e.row)
+                onClick: (s) => N(e.row)
               }, {
                 default: a(() => [
-                  ce,
+                  me,
                   u(" 设计 ")
                 ]),
                 _: 2
               }, 1032, ["onClick"]),
-              o(n(p), {
+              n(l(p), {
                 type: "primary",
                 link: "",
-                onClick: (s) => T(e.row)
+                onClick: (s) => F(e.row)
               }, {
                 default: a(() => [
-                  pe,
+                  fe,
                   u(" 查看 ")
                 ]),
                 _: 2
               }, 1032, ["onClick"]),
-              o(n(p), {
+              n(l(p), {
                 type: "primary",
                 link: "",
                 onClick: (s) => P(e.row)
               }, {
                 default: a(() => [
-                  me,
+                  ge,
                   u(" 编辑 ")
                 ]),
                 _: 2
               }, 1032, ["onClick"]),
-              o(n(p), {
+              n(l(p), {
                 type: "danger",
                 link: "",
                 onClick: (s) => A(e.row)
               }, {
                 default: a(() => [
-                  fe,
+                  ye,
                   u(" 删除 ")
                 ]),
                 _: 2
@@ -305,7 +313,7 @@ const re = { class: "statement-list-container" }, se = { class: "actions" }, de
         ]),
         _: 1
       }, 8, ["data"]),
-      o(n(te), {
+      n(l(oe), {
         background: "",
         style: { "padding-top": "10px", "justify-content": "flex-end" },
         "page-sizes": [10, 20, 50, 100],
@@ -316,21 +324,21 @@ const re = { class: "statement-list-container" }, se = { class: "actions" }, de
         "onUpdate:currentPage": t[5] || (t[5] = (e) => i.pageNumber = e),
         layout: "sizes,prev,pager,next,total"
       }, null, 8, ["page-size", "total", "current-page"]),
-      o(n(oe), {
+      n(l(ne), {
         modelValue: k.value,
         "onUpdate:modelValue": t[10] || (t[10] = (e) => k.value = e),
         onClose: h,
         title: r.id ? "编辑报表" : "新建报表"
       }, {
         footer: a(() => [
-          f("span", ge, [
-            o(n(p), { onClick: h }, {
+          f("span", ve, [
+            n(l(p), { onClick: h }, {
               default: a(() => [
                 u("取消")
               ]),
               _: 1
             }),
-            o(n(p), {
+            n(l(p), {
               type: "primary",
               onClick: t[9] || (t[9] = (e) => M())
             }, {
@@ -342,17 +350,17 @@ const re = { class: "statement-list-container" }, se = { class: "actions" }, de
           ])
         ]),
         default: a(() => [
-          o(n(ne), {
+          n(l(le), {
             model: r,
             "label-width": "120"
           }, {
             default: a(() => [
-              o(n(w), {
+              n(l(_), {
                 label: "报表代码",
                 required: ""
               }, {
                 default: a(() => [
-                  o(n(_), {
+                  n(l(w), {
                     modelValue: r.code,
                     "onUpdate:modelValue": t[6] || (t[6] = (e) => r.code = e),
                     autocomplete: "off"
@@ -360,12 +368,12 @@ const re = { class: "statement-list-container" }, se = { class: "actions" }, de
                 ]),
                 _: 1
               }),
-              o(n(w), {
+              n(l(_), {
                 label: "报表名称",
                 required: ""
               }, {
                 default: a(() => [
-                  o(n(_), {
+                  n(l(w), {
                     modelValue: r.name,
                     "onUpdate:modelValue": t[7] || (t[7] = (e) => r.name = e),
                     autocomplete: "off"
@@ -373,12 +381,12 @@ const re = { class: "statement-list-container" }, se = { class: "actions" }, de
                 ]),
                 _: 1
               }),
-              o(n(w), {
+              n(l(_), {
                 label: "描述",
                 required: ""
               }, {
                 default: a(() => [
-                  o(n(_), {
+                  n(l(w), {
                     modelValue: r.description,
                     "onUpdate:modelValue": t[8] || (t[8] = (e) => r.description = e),
                     type: "textarea",
@@ -397,6 +405,6 @@ const re = { class: "statement-list-container" }, se = { class: "actions" }, de
   }
 });
 export {
-  xe as default
+  Ee as default
 };
-//# sourceMappingURL=StatementList-6ed86ab6.mjs.map
+//# sourceMappingURL=StatementList-4370bc1a.mjs.map

package/StatementList-4370bc1a.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatementList-4370bc1a.mjs","sources":["../libs/util.ts","../StatementList.vue"],"sourcesContent":["/**\n * 复制文本\n * @param {string} str 要复制的文本\n * @returns {Promise<void>}\n */\nexport function copyString(str) {\n  if (navigator.clipboard && window.isSecureContext) {\n    navigator.clipboard.writeText(str);\n    return Promise.resolve();\n  } else {\n    let textArea = document.createElement('textarea');\n    textArea.value = str;\n    textArea.style.position = 'absolute';\n    textArea.style.opacity = '0';\n    textArea.style.left = '-200%';\n    textArea.style.top = '-200%';\n    document.body.appendChild(textArea);\n    textArea.focus();\n    textArea.select();\n    let flag = document.execCommand('copy');\n    textArea.remove();\n    if (flag) {\n      return Promise.resolve();\n    } else {\n      return Promise.reject(new Error('copy error'));\n    }\n  }\n}\n\nexport function isColorLight(color) {\n  let rgb;\n  if (color.startsWith('#')) {\n    color = color.slice(1).toUpperCase();\n\n    if (color.length === 3) {\n      color = color\n        .split('')\n        .map((char) => char + char)\n        .join('');\n    }\n    rgb = color.match(/.{2}/g).map((hex) => parseInt(hex, 16));\n  } else if (color.startsWith('rgb(')) {\n    const rgbMatch = color.match(/\\d+/g);\n    rgb = rgbMatch.map((num) => parseInt(num, 10));\n  } else {\n    console.error('Invalid color format');\n    return false;\n  }\n  const luminance = (0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]) / 255;\n  return luminance > 0.5;\n}\n\nexport function getEnumOptions<T extends Record<string, any>>(enumObj: T, filters: string[] = []) {\n  return Object.keys(enumObj)\n    .filter((key) => !filters.includes(enumObj[key as keyof T]))\n    .map((key) => ({\n      value: enumObj[key as keyof T],\n      label: key,\n    }));\n}\n","<template>\n  <section class=\"statement-list-container\">\n    <div class=\"actions\">\n      <div class=\"el-button is-text import-excel-button\">\n        <input\n          class=\"import-excel-input\"\n          type=\"file\"\n          @change=\"importReport($event)\" />\n        导入\n      </div>\n      <el-button\n        text\n        @click=\"exportReport\">\n        导出\n      </el-button>\n      <el-button\n        type=\"primary\"\n        @click=\"toAddForm\">\n        新增\n      </el-button>\n      <div class=\"form-context\">\n        <el-form-item label=\"报表名称\">\n          <el-input\n            v-model=\"listForm.key\"\n            @keyup.enter=\"onSearch\"\n            placeholder=\"键入关键字搜索报表\"></el-input>\n        </el-form-item>\n      </div>\n      <el-button\n        type=\"primary\"\n        @click=\"onSearch()\">\n        搜索\n      </el-button>\n      <el-button @click=\"onReset()\">重置</el-button>\n    </div>\n    <el-table\n      :data=\"data\"\n      row-key=\"id\"\n      @selection-change=\"selectionChangeHandle\">\n      <el-table-column\n        type=\"selection\"\n        width=\"50\"></el-table-column>\n      <el-table-column\n        label=\"#\"\n        type=\"index\"\n        width=\"66\"\n        left></el-table-column>\n      <el-table-column\n        label=\"报表代码\"\n        min-width=\"100\"\n        prop=\"code\"></el-table-column>\n      <el-table-column\n        label=\"报表名称\"\n        min-width=\"100\"\n        prop=\"name\"></el-table-column>\n      <el-table-column\n        label=\"描述\"\n        min-width=\"200\"\n        prop=\"description\"></el-table-column>\n      <el-table-column\n        label=\"操作\"\n        width=\"500\"\n        fixed=\"right\">\n        <template #default=\"scope\">\n          <el-button\n            link\n            title=\"本系统前台页面嵌入地址\"\n            @click=\"copyLink(scope.row, 'inner')\">\n            内部链接\n          </el-button>\n          <el-button\n            link\n            title=\"其他系统嵌入地址\"\n            @click=\"copyLink(scope.row, 'outside')\">\n            外部链接\n          </el-button>\n          <el-button\n            type=\"primary\"\n            link\n            @click=\"toDesign(scope.row)\">\n            <i class=\"iconfont icon-antdesign\"></i>\n            设计\n          </el-button>\n          <el-button\n            type=\"primary\"\n            link\n            @click=\"toView(scope.row)\">\n            <i class=\"iconfont icon-view\"></i>\n            查看\n          </el-button>\n          <el-button\n            type=\"primary\"\n            link\n            @click=\"toEditor(scope.row)\">\n            <i class=\"iconfont icon-edit-outline\"></i>\n            编辑\n          </el-button>\n          <el-button\n            type=\"danger\"\n            link\n            @click=\"toDelete(scope.row)\">\n            <i class=\"iconfont icon-delete\"></i>\n            删除\n          </el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n    <el-pagination\n      background\n      style=\"padding-top: 10px; justify-content: flex-end\"\n      :page-sizes=\"[10, 20, 50, 100]\"\n      v-model:page-size=\"listForm.pageSize\"\n      :total=\"listForm.total\"\n      v-model:current-page=\"listForm.pageNumber\"\n      layout=\"sizes,prev,pager,next,total\"></el-pagination>\n    <!-- 新增报表对话框 -->\n    <el-dialog\n      v-model=\"dialogFormVisible\"\n      @close=\"cancelForm\"\n      :title=\"form.id ? '编辑报表' : '新建报表'\">\n      <el-form\n        :model=\"form\"\n        label-width=\"120\">\n        <el-form-item\n          label=\"报表代码\"\n          required>\n          <el-input\n            v-model=\"form.code\"\n            autocomplete=\"off\" />\n        </el-form-item>\n        <el-form-item\n          label=\"报表名称\"\n          required>\n          <el-input\n            v-model=\"form.name\"\n            autocomplete=\"off\" />\n        </el-form-item>\n        <el-form-item\n          label=\"描述\"\n          required>\n          <el-input\n            v-model=\"form.description\"\n            type=\"textarea\"\n            autocomplete=\"off\" />\n        </el-form-item>\n      </el-form>\n      <template #footer>\n        <span class=\"dialog-footer\">\n          <el-button @click=\"cancelForm\">取消</el-button>\n          <el-button\n            type=\"primary\"\n            @click=\"saveForm()\">\n            保存\n          </el-button>\n        </span>\n      </template>\n    </el-dialog>\n  </section>\n</template>\n<script setup lang=\"ts\">\nimport {ref, reactive, computed, watch, onMounted} from 'vue';\nimport {useRouter} from 'vue-router';\nimport {Statement} from './types';\nimport {getList, save, del} from './api/form';\nimport {ElMessageBox, ElMessage, ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElPagination, ElDialog, ElLoading} from 'element-plus';\nimport {copyString} from './libs/util';\nimport dayjs from 'dayjs';\nimport {lockEditor, unlockEditor} from 'yh-report/libs/editorLock';\n\nconst router = useRouter();\n\n// @ts-ignore\nconst listForm = reactive({\n  key: '',\n  pageSize: 10,\n  pageNumber: 1,\n  total: 0,\n});\nconst data = ref<Statement[]>([]);\n\n//获取报表列表\nasync function getStatementList(flag = false) {\n  if (flag) {\n    listForm.pageNumber = 1;\n    listForm.total = 0;\n  }\n  const res = await getList({\n    key: listForm.key,\n    pageSize: listForm.pageSize,\n    pageNumber: listForm.pageNumber,\n  });\n  data.value = res.data.list;\n  listForm.total = res.data.total;\n}\n\nfunction copyLink(row, type) {\n  let href = '';\n  let hrefName = '链接';\n  if (type === 'inner') {\n    href = `innerStatementdetail/${row.id}`;\n    hrefName = '内部链接';\n  } else {\n    href = `${window.location.origin}${window.location.pathname}#/statementdetail/${row.id}`;\n    hrefName = '外部链接';\n  }\n  copyString(href)\n    .then(() => {\n      ElMessage.success(hrefName + '复制成功');\n    })\n    .catch(() => {\n      ElMessage.error(hrefName + '复制遇到问题');\n    });\n}\n\nconst tableSelections = ref([]);\nconst selectionChangeHandle = (selections) => {\n  tableSelections.value = selections;\n};\nconst importReport = async (e) => {\n  const file = e.target.files[0];\n  if (!file) return;\n\n  const reader = new FileReader();\n  reader.onload = async (event) => {\n    e.target.value = '';\n    try {\n      if (event.target) {\n        const jsonData = JSON.parse(event.target.result as string);\n        if (Array.isArray(jsonData) && jsonData.every((item) => typeof item === 'object' && 'code' in item && 'config' in item && 'description' in item && 'name' in item)) {\n          const loading = ElLoading.service({\n            fullscreen: true,\n            text: `正在导入报表，共 ${jsonData.length} 个，请稍候...`,\n          });\n          for (let i = 0; i < jsonData.length; i++) {\n            loading.setText(`正在保存第 ${i + 1} 个，共 ${jsonData.length} 个，请稍候...`);\n            const item = jsonData[i];\n            await save(item);\n          }\n          loading.close();\n          getStatementList(true);\n        } else {\n          ElMessage.error('格式错误，请确保导入的文件未被修改过！');\n        }\n      }\n    } catch (error) {\n      ElMessage.error('文件解析失败，请检查文件是否为有效的 JSON 格式！');\n    }\n  };\n  reader.readAsText(file);\n};\n\nconst exportReport = () => {\n  if (tableSelections.value.length > 0) {\n    const jsonData = JSON.stringify(\n      tableSelections.value.map(({code, config, description, name}) => {\n        return {\n          code,\n          config,\n          description,\n          name,\n        };\n      }),\n      null,\n      2\n    );\n    const blob = new Blob([jsonData], {type: 'application/json'});\n\n    const url = URL.createObjectURL(blob);\n\n    const formattedDate = dayjs().format('YYYYMMDDHHmm');\n    const fileName = `报表导出-${formattedDate}.json`;\n\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = fileName;\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n\n    URL.revokeObjectURL(url);\n  } else {\n    ElMessage.warning('请选择要操作的报表！');\n  }\n};\n\nasync function toDesign(row) {\n  let res = await lockEditor(row.id);\n  if (res === 'OK') {\n    router.push(`/admin/statement/design/${row.id}`);\n  } else {\n    ElMessageBox.alert('报表正在被其他用户锁定，是否强制解锁？', '提示', {\n      confirmButtonText: '解锁',\n      cancelButtonText: '取消',\n    }).then(() => {\n      unlockEditor(row.id).then(() => {\n        toDesign(row);\n      });\n    });\n  }\n}\n\nfunction toView(row) {\n  router.push(`/admin/statement/detail/${row.id}`);\n}\n\nonMounted(() => {\n  getStatementList(true);\n});\n\n//新增报表\nconst dialogFormVisible = ref(false);\nconst form = reactive({\n  id: undefined,\n  name: '',\n  code: '',\n  description: '',\n});\n\nfunction toAddForm() {\n  dialogFormVisible.value = true;\n}\n\nfunction toEditor(row) {\n  dialogFormVisible.value = true;\n  form.id = row.id;\n  form.name = row.name;\n  form.code = row.code;\n  form.description = row.description;\n}\n\nfunction toDelete(row) {\n  ElMessageBox.confirm('当前操作会删除选定的报表，确认继续吗？', '警告', {\n    confirmButtonText: '删除',\n    cancelButtonText: '取消',\n    type: 'warning',\n  }).then(async () => {\n    let res = await del(row.id);\n    if (res.data) {\n      getStatementList(true);\n    }\n  });\n}\n\nfunction cancelForm() {\n  dialogFormVisible.value = false;\n  form.id = undefined;\n  form.name = '';\n  form.code = '';\n  form.description = '';\n}\nasync function saveForm() {\n  await save(form);\n  getStatementList(true);\n  cancelForm();\n}\n\n//搜索报表\nfunction onSearch(e?) {\n  if (e) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n  getStatementList(false);\n}\n\n//重置\nfunction onReset() {\n  listForm.key = '';\n  getStatementList(true);\n}\n\n//分页功能\nwatch(\n  () => listForm.pageNumber,\n  () => {\n    getStatementList();\n  }\n);\nwatch(\n  () => listForm.pageSize,\n  () => {\n    getStatementList();\n  }\n);\n</script>\n\n<style lang=\"scss\">\n.statement-list-container {\n  width: 100%;\n  height: 100%;\n  padding: 10px 0 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n\n  .actions {\n    display: flex;\n    align-items: center;\n\n    .form-context {\n      flex: 1;\n      margin: 0 10px;\n      display: flex;\n    }\n\n    .el-form-item {\n      margin-bottom: 0;\n      margin-right: 10px;\n    }\n  }\n\n  .el-table {\n    flex: 1;\n  }\n\n  .el-dialog {\n    .el-button--text {\n      margin-right: 15px;\n    }\n\n    .el-form-item {\n      width: 100%;\n    }\n\n    .el-select {\n      width: 100%;\n    }\n\n    .el-input {\n      width: 100%;\n    }\n\n    .dialog-footer button:first-child {\n      margin-right: 10px;\n    }\n  }\n  .import-excel-button {\n    position: relative;\n    .import-excel-input {\n      position: absolute;\n      left: 0;\n      top: 0;\n      opacity: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 10;\n    }\n  }\n}\n</style>\n"],"names":["copyString","str","textArea","flag","router","useRouter","listForm","reactive","data","ref","getStatementList","res","getList","copyLink","row","type","href","hrefName","ElMessage","tableSelections","selectionChangeHandle","selections","importReport","e","file","reader","event","jsonData","item","loading","ElLoading","i","save","exportReport","code","config","description","name","blob","url","fileName","dayjs","a","toDesign","lockEditor","ElMessageBox","unlockEditor","toView","onMounted","dialogFormVisible","form","toAddForm","toEditor","toDelete","del","cancelForm","saveForm","onSearch","onReset","watch"],"mappings":"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"}

package/editorLock-8f7ea66b.mjs

@@ -0,0 +1,62 @@
+import f from "@/libs/api.request.js";
+import { onMounted as v, onBeforeUnmount as h } from "vue";
+import { onBeforeRouteLeave as b } from "vue-router";
+import { ElMessageBox as a } from "element-plus";
+function d(e) {
+  return f.request({
+    url: `dataLock/lock/${e}`,
+    method: "POST"
+  });
+}
+function k(e) {
+  return e = `report-${e}`, f.request({
+    url: `dataLock/unlock/${e}`,
+    method: "POST"
+  });
+}
+async function c(e) {
+  e = `report-${e}`;
+  let t = await d(e);
+  return t && t.data && t.data.msg || !1;
+}
+function y(e, t, i) {
+  let o = null, n = !1;
+  const s = () => {
+    o = setInterval(() => {
+      c(e).then((u) => {
+      });
+    }, 1 * 60 * 1e3);
+  }, l = () => {
+    k(e).then(() => {
+    }), o && clearInterval(o);
+  }, r = (u) => {
+    n || (n = !0, document.visibilityState === "visible" ? a.confirm("欢迎回来，刚已保存并释放互斥锁，是否继续编辑？").then(() => {
+      c(e).then((m) => {
+        m === "OK" ? (o && clearInterval(o), s()) : a.alert("其他人正在编辑该报表，确认后回到列表页").then(() => {
+          i.back();
+        });
+      }).catch(() => {
+        a.alert("无法获取编辑锁，请稍后重试");
+      });
+    }).catch(() => {
+      i.back();
+    }).finally(() => {
+      n = !1;
+    }) : t().then(() => {
+      l(), n = !1;
+    }));
+  };
+  v(() => {
+    console.log("mounted"), window.addEventListener("visibilitychange", r, !1), s();
+  }), b(() => {
+    console.log("before route leave"), window.removeEventListener("visibilitychange", r, !1), l();
+  }), h(() => {
+    console.log("before unmount"), window.removeEventListener("visibilitychange", r, !1), l();
+  });
+}
+export {
+  y as a,
+  c as l,
+  k as u
+};
+//# sourceMappingURL=editorLock-8f7ea66b.mjs.map

package/editorLock-8f7ea66b.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorLock-8f7ea66b.mjs","sources":["../libs/editorLock.ts"],"sourcesContent":["import axios from '@/libs/api.request.js';\nimport {onMounted, onBeforeUnmount} from 'vue';\nimport {onBeforeRouteLeave, onBeforeRouteEnter} from 'vue-router';\nimport {ElMessageBox} from 'element-plus';\nimport {log} from 'echarts/types/src/util/log.js';\nfunction lockReq(key) {\n  return axios.request({\n    url: `dataLock/lock/${key}`,\n    method: 'POST',\n  });\n}\n\nexport function unlockEditor(id) {\n  id = `report-${id}`;\n  return axios.request({\n    url: `dataLock/unlock/${id}`,\n    method: 'POST',\n  });\n}\n\nexport async function lockEditor(id) {\n  id = `report-${id}`;\n  let res = await lockReq(id);\n  return (res && res.data && res.data.msg) || false;\n}\n\nexport function useDetailLock(id, save, router) {\n  let timer: any = null;\n  let locked = false;\n  let visibleAsk = false;\n\n  const startInterval = () => {\n    timer = setInterval(() => {\n      lockEditor(id).then((res) => {\n        locked = res === 'OK';\n      });\n    }, 1 * 60 * 1000);\n  };\n\n  const stopInterval = () => {\n    unlockEditor(id).then(() => {\n      locked = false;\n    });\n    if (timer) {\n      clearInterval(timer);\n    }\n  };\n\n  const visibleHandler = (e) => {\n    if (!visibleAsk) {\n      visibleAsk = true;\n      if (document.visibilityState === 'visible') {\n        ElMessageBox.confirm('欢迎回来，刚已保存并释放互斥锁，是否继续编辑？')\n          .then(() => {\n            lockEditor(id)\n              .then((res) => {\n                locked = true;\n                if (res === 'OK') {\n                  if (timer) clearInterval(timer);\n                  startInterval();\n                } else {\n                  ElMessageBox.alert('其他人正在编辑该报表，确认后回到列表页').then(() => {\n                    router.back();\n                  });\n                }\n              })\n              .catch(() => {\n                // 处理网络异常等情况\n                ElMessageBox.alert('无法获取编辑锁，请稍后重试');\n              });\n          })\n          .catch(() => {\n            router.back();\n          })\n          .finally(() => {\n            visibleAsk = false;\n          });\n      } else {\n        save().then(() => {\n          stopInterval();\n          visibleAsk = false;\n        });\n      }\n    }\n  };\n\n  onMounted(() => {\n    console.log('mounted');\n    window.addEventListener('visibilitychange', visibleHandler, false);\n    startInterval();\n  });\n\n  onBeforeRouteLeave(() => {\n    console.log('before route leave');\n    window.removeEventListener('visibilitychange', visibleHandler, false);\n    stopInterval();\n  });\n  onBeforeUnmount(() => {\n    console.log('before unmount');\n    window.removeEventListener('visibilitychange', visibleHandler, false);\n    stopInterval();\n  });\n}\n"],"names":["lockReq","key","axios","unlockEditor","id","lockEditor","res","useDetailLock","save","router","timer","visibleAsk","startInterval","stopInterval","visibleHandler","e","ElMessageBox","onMounted","onBeforeRouteLeave","onBeforeUnmount"],"mappings":";;;;AAKA,SAASA,EAAQC,GAAK;AACpB,SAAOC,EAAM,QAAQ;AAAA,IACnB,KAAK,iBAAiBD,CAAG;AAAA,IACzB,QAAQ;AAAA,EAAA,CACT;AACH;AAEO,SAASE,EAAaC,GAAI;AAC/B,SAAAA,IAAK,UAAUA,CAAE,IACVF,EAAM,QAAQ;AAAA,IACnB,KAAK,mBAAmBE,CAAE;AAAA,IAC1B,QAAQ;AAAA,EAAA,CACT;AACH;AAEA,eAAsBC,EAAWD,GAAI;AACnC,EAAAA,IAAK,UAAUA,CAAE;AACb,MAAAE,IAAM,MAAMN,EAAQI,CAAE;AAC1B,SAAQE,KAAOA,EAAI,QAAQA,EAAI,KAAK,OAAQ;AAC9C;AAEgB,SAAAC,EAAcH,GAAII,GAAMC,GAAQ;AAC9C,MAAIC,IAAa,MAEbC,IAAa;AAEjB,QAAMC,IAAgB,MAAM;AAC1B,IAAAF,IAAQ,YAAY,MAAM;AACxB,MAAAL,EAAWD,CAAE,EAAE,KAAK,CAACE,MAAQ;AAAA,MACV,CAClB;AAAA,IAAA,GACA,IAAI,KAAK,GAAI;AAAA,EAAA,GAGZO,IAAe,MAAM;AACZ,IAAAV,EAAAC,CAAE,EAAE,KAAK,MAAM;AAAA,IACjB,CACV,GACGM,KACF,cAAcA,CAAK;AAAA,EACrB,GAGII,IAAiB,CAACC,MAAM;AAC5B,IAAKJ,MACUA,IAAA,IACT,SAAS,oBAAoB,YAC/BK,EAAa,QAAQ,yBAAyB,EAC3C,KAAK,MAAM;AACV,MAAAX,EAAWD,CAAE,EACV,KAAK,CAACE,MAAQ;AAEb,QAAIA,MAAQ,QACNI,KAAO,cAAcA,CAAK,GAChBE,OAEdI,EAAa,MAAM,qBAAqB,EAAE,KAAK,MAAM;AACnD,UAAAP,EAAO,KAAK;AAAA,QAAA,CACb;AAAA,MACH,CACD,EACA,MAAM,MAAM;AAEX,QAAAO,EAAa,MAAM,eAAe;AAAA,MAAA,CACnC;AAAA,IAAA,CACJ,EACA,MAAM,MAAM;AACX,MAAAP,EAAO,KAAK;AAAA,IAAA,CACb,EACA,QAAQ,MAAM;AACA,MAAAE,IAAA;AAAA,IAAA,CACd,IAEEH,EAAA,EAAE,KAAK,MAAM;AACH,MAAAK,KACAF,IAAA;AAAA,IAAA,CACd;AAAA,EAEL;AAGF,EAAAM,EAAU,MAAM;AACd,YAAQ,IAAI,SAAS,GACd,OAAA,iBAAiB,oBAAoBH,GAAgB,EAAK,GACnDF;EAAA,CACf,GAEDM,EAAmB,MAAM;AACvB,YAAQ,IAAI,oBAAoB,GACzB,OAAA,oBAAoB,oBAAoBJ,GAAgB,EAAK,GACvDD;EAAA,CACd,GACDM,EAAgB,MAAM;AACpB,YAAQ,IAAI,gBAAgB,GACrB,OAAA,oBAAoB,oBAAoBL,GAAgB,EAAK,GACvDD;EAAA,CACd;AACH;"}