@jeecg/online 3.5.3-beta2 → 3.5.3-vite4

package/CgreportModal.vue_vue_type_script_setup_true_lang-52dcec5e.mjs

@@ -0,0 +1,567 @@
+var se = Object.defineProperty, ce = Object.defineProperties;
+var ue = Object.getOwnPropertyDescriptors;
+var A = Object.getOwnPropertySymbols;
+var de = Object.prototype.hasOwnProperty, pe = Object.prototype.propertyIsEnumerable;
+var J = (t, l, o) => l in t ? se(t, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[l] = o, B = (t, l) => {
+  for (var o in l || (l = {}))
+    de.call(l, o) && J(t, o, l[o]);
+  if (A)
+    for (var o of A(l))
+      pe.call(l, o) && J(t, o, l[o]);
+  return t;
+}, U = (t, l) => ce(t, ue(l));
+var q = (t, l, o) => new Promise((m, v) => {
+  var f = (d) => {
+    try {
+      u(o.next(d));
+    } catch (V) {
+      v(V);
+    }
+  }, h = (d) => {
+    try {
+      u(o.throw(d));
+    } catch (V) {
+      v(V);
+    }
+  }, u = (d) => d.done ? m(d.value) : Promise.resolve(d.value).then(f, h);
+  u((o = o.apply(t, l)).next());
+});
+import { defineComponent as me, ref as I, reactive as z, unref as b, computed as fe, resolveComponent as S, openBlock as F, createBlock as W, mergeProps as ge, withCtx as y, createVNode as x, createElementVNode as C, createTextVNode as P } from "vue";
+import { useModalInner as he, BasicModal as be } from "/@/components/Modal";
+import { useForm as ye, BasicForm as xe } from "/@/components/Form/index";
+import { useJvxeMethod as _e } from "/@/hooks/system/useJvxeMethods.ts";
+import { JVxeTypes as s } from "/@/components/jeecg/JVxeTable/types";
+import { duplicateCheck as Se } from "/@/views/system/user/user.api";
+import { defHttp as _ } from "/@/utils/http/axios";
+import { useMessage as K } from "/@/hooks/web/useMessage";
+const { createConfirm: Ce } = K(), ve = "/online/cgreport/param/listByHeadId", ke = "/online/cgreport/item/listByHeadId", je = (t) => _.get({ url: "/online/cgreport/head/list", params: t }), Ze = (t, l) => _.delete({ url: "/online/cgreport/head/delete", params: t }, { joinParamsToUrl: !0 }).then(() => {
+  l();
+}), Ge = (t, l) => {
+  Ce({
+    title: "确认删除",
+    content: "是否删除选中数据",
+    okText: "确认",
+    cancelText: "取消",
+    iconType: "warning",
+    onOk: () => _.delete({ url: "/online/cgreport/head/deleteBatch", data: t }, { joinParamsToUrl: !0 }).then(() => {
+      l();
+    })
+  });
+}, we = (t, l) => l ? _.put({ url: "/online/cgreport/head/editAll", params: t }) : _.post({ url: "/online/cgreport/head/add", params: t }), Xe = (t) => _.get({ url: "/online/cgreport/api/getParamsInfo/" + t }), Ie = () => _.get({
+  url: "/sys/dataSource/options"
+  /* getDataSourceList */
+}), Pe = (t) => _.get({
+  url: "/online/cgreport/head/parseSql?" + t
+}), Ye = [
+  {
+    title: "报表名字",
+    align: "center",
+    dataIndex: "name",
+    width: 120
+  },
+  {
+    title: "报表编码",
+    align: "center",
+    dataIndex: "code",
+    width: 120
+  },
+  {
+    title: "报表SQL",
+    align: "center",
+    dataIndex: "cgrSql",
+    width: 360
+  },
+  {
+    title: "数据源",
+    align: "center",
+    dataIndex: "dbSource",
+    width: 120
+  },
+  {
+    title: "创建时间",
+    align: "center",
+    dataIndex: "createTime",
+    width: 120
+  }
+], et = [
+  {
+    label: "报表名称",
+    field: "name",
+    component: "JInput"
+  },
+  {
+    label: "报表编码",
+    field: "code",
+    component: "JInput"
+  }
+], Ve = /^[a-z|A-Z][a-z|A-Z|\d|_|-]{0,}$/, Le = [
+  {
+    label: "",
+    field: "id",
+    component: "Input",
+    show: !1
+  },
+  {
+    label: "报表编码",
+    field: "code",
+    component: "Input",
+    colProps: {
+      sm: 24,
+      xs: 24,
+      md: 12,
+      lg: 8,
+      xl: 8,
+      xxl: 8
+    },
+    dynamicRules: ({ values: t, model: l }) => (console.log("values:", t), [
+      {
+        required: !0,
+        validator: (o, m) => new Promise((v, f) => {
+          if (!m)
+            return f("请输入报表编码！");
+          if (!Ve.test(m))
+            return f("编码必须以字母开头，可包含数字、下划线、横杠！");
+          let h = {
+            tableName: "onl_cgreport_head",
+            fieldName: "code",
+            fieldVal: m,
+            dataId: l.id
+          };
+          Se(h).then((u) => {
+            u.success ? v() : f("报表编码已存在!");
+          }).catch((u) => {
+            f(u.message || "校验失败");
+          });
+        })
+      }
+    ])
+  },
+  {
+    label: "报表名字",
+    field: "name",
+    component: "Input",
+    colProps: {
+      sm: 24,
+      xs: 24,
+      md: 12,
+      lg: 8,
+      xl: 8,
+      xxl: 8
+    },
+    dynamicRules: () => [{ required: !0, message: "请输入报表名字!" }]
+  },
+  {
+    label: "动态数据源",
+    field: "dbSource",
+    colProps: {
+      sm: 24,
+      xs: 24,
+      md: 12,
+      lg: 8,
+      xl: 8,
+      xxl: 8
+    },
+    component: "ApiSelect",
+    componentProps: {
+      api: Ie
+    }
+  },
+  /*    {
+        label: ' ',
+        field: 'line1',
+        component: 'Input',
+        slot: 'line1',
+        colProps: {
+            span: 24
+        },
+        itemProps:{
+            labelCol: { xs: 1, sm: 1 },
+            wrapperCol: { xs: 23, sm: 23 },
+            colon: false
+        },
+    },*/
+  {
+    label: "报表SQL",
+    field: "cgrSql",
+    component: "JCodeEditor",
+    rules: [{ required: !0, message: "请填写报表SQL" }],
+    itemProps: {
+      labelCol: { xs: 24, sm: 2 },
+      wrapperCol: { xs: 24, sm: 22 }
+    },
+    componentProps: {
+      height: "200px",
+      fullScreen: !0
+    },
+    colProps: {
+      span: 20
+    }
+  },
+  {
+    label: " ",
+    field: "analyseButton",
+    component: "Input",
+    slot: "analyseButton",
+    colProps: {
+      span: 4
+    },
+    itemProps: {
+      labelCol: { xs: 1, sm: 1 },
+      wrapperCol: { xs: 23, sm: 23 },
+      colon: !1
+    }
+  }
+], Te = [
+  {
+    title: "参数字段",
+    key: "paramName",
+    type: s.input,
+    width: "200px",
+    placeholder: "请输入${title}",
+    defaultValue: "",
+    validateRules: [{ required: !0, message: "${title}不能为空" }]
+  },
+  {
+    title: "参数文本",
+    key: "paramTxt",
+    type: s.input,
+    width: "200px",
+    placeholder: "请输入${title}",
+    defaultValue: "",
+    validateRules: [{ required: !0, message: "${title}不能为空" }]
+  },
+  {
+    title: "参数默认值",
+    key: "paramValue",
+    type: s.input,
+    width: "200px",
+    placeholder: "请输入${title}",
+    defaultValue: ""
+  }
+], $e = [
+  {
+    title: "字段名字",
+    key: "fieldName",
+    type: s.input,
+    minWidth: "150px",
+    placeholder: "请输入${title}",
+    defaultValue: "",
+    validateRules: [{ required: !0, message: "${title}不能为空" }]
+  },
+  {
+    title: "字段文本",
+    key: "fieldTxt",
+    type: s.input,
+    minWidth: "150px",
+    placeholder: "请输入${title}",
+    defaultValue: "",
+    validateRules: [{ required: !0, message: "${title}不能为空" }]
+  },
+  {
+    title: "字段类型",
+    key: "fieldType",
+    minWidth: "150px",
+    placeholder: "请输入${title}",
+    defaultValue: "",
+    validateRules: [{ required: !0, message: "${title}不能为空" }],
+    type: s.select,
+    options: [
+      { title: "数值类型", value: "Integer" },
+      { title: "字符类型", value: "String" },
+      { title: "日期类型", value: "Date" },
+      { title: "时间类型", value: "Datetime" },
+      { title: "长整型", value: "Long" }
+    ]
+  },
+  {
+    title: "是否显示",
+    key: "isShow",
+    minWidth: "80px",
+    align: "center",
+    type: s.checkbox,
+    customValue: [1, 0],
+    defaultChecked: !0
+  },
+  {
+    title: "字段href",
+    key: "fieldHref",
+    type: s.input,
+    minWidth: "150px",
+    placeholder: "请输入${title}",
+    defaultValue: ""
+  },
+  {
+    title: "查询模式",
+    key: "searchMode",
+    type: s.select,
+    minWidth: "150px",
+    placeholder: "请选择${title}",
+    options: [
+      { title: "单条件查询", value: "single" },
+      { title: "范围查询", value: "group" }
+    ]
+  },
+  {
+    title: "取值表达式",
+    key: "replaceVal",
+    type: s.input,
+    minWidth: "150px",
+    placeholder: "请输入${title}",
+    defaultValue: ""
+  },
+  {
+    title: "字典code",
+    key: "dictCode",
+    type: s.input,
+    minWidth: "150px",
+    placeholder: "请输入${title}",
+    defaultValue: ""
+  },
+  {
+    title: "分组标题",
+    key: "groupTitle",
+    type: s.input,
+    minWidth: "150px",
+    placeholder: "请输入${title}",
+    defaultValue: ""
+  },
+  {
+    title: "是否查询",
+    key: "isSearch",
+    type: s.checkbox,
+    customValue: ["1", "0"],
+    minWidth: "80px",
+    align: "center",
+    defaultChecked: !1
+  },
+  {
+    title: "是否合计",
+    align: "center",
+    key: "isTotal",
+    type: s.checkbox,
+    customValue: ["1", "0"],
+    minWidth: "80px",
+    defaultChecked: !1
+  }
+], qe = { style: { flex: "1", "text-align": "left" } }, Ne = /* @__PURE__ */ C("br", null, null, -1), Re = /* @__PURE__ */ C("br", null, null, -1), De = /* @__PURE__ */ C("br", null, null, -1), Be = /* @__PURE__ */ C("br", null, null, -1), Fe = /* @__PURE__ */ C("br", null, null, -1), We = /* @__PURE__ */ C("span", { style: { color: "red" } }, "注：参数只支持动态报表，popup暂不支持", -1), tt = /* @__PURE__ */ me({
+  __name: "CgreportModal",
+  emits: ["register", "success"],
+  setup(t, { emit: l }) {
+    const { createMessage: o } = K(), m = I(!0), v = I(!0), f = I(["onlCgreportItem", "onlCgreportParam"]), h = I("onlCgreportItem"), u = I(), d = I(), V = { onlCgreportItem: d, onlCgreportParam: u }, k = z({
+      loading: !1,
+      dataSource: [],
+      columns: Te
+    }), w = z({
+      loading: !1,
+      dataSource: [],
+      columns: $e
+    }), [Q, { setProps: H, resetFields: E, setFieldsValue: j, validate: Me, validateFields: Z }] = ye({
+      // labelWidth: 150,
+      schemas: Le,
+      showActionButtonGroup: !1
+    }), [G, { setModalProps: L, closeModal: X }] = he((e) => q(this, null, function* () {
+      var r, a;
+      yield oe(), L({ confirmLoading: !1, showCancelBtn: e == null ? void 0 : e.showFooter, showOkBtn: e == null ? void 0 : e.showFooter }), m.value = !!(e != null && e.isUpdate), b(m) && (yield j(B({}, e.record)), M(ve, { headId: (r = e == null ? void 0 : e.record) == null ? void 0 : r.id }, k), M(ke, { headId: (a = e == null ? void 0 : e.record) == null ? void 0 : a.id }, w)), H({ disabled: !(e != null && e.showFooter) });
+    })), [Y, ee, M, te] = _e(
+      ae,
+      re,
+      V,
+      h,
+      f
+    ), le = fe(() => b(m) ? "编辑" : "新增");
+    function oe() {
+      return q(this, null, function* () {
+        yield E(), h.value = "onlCgreportItem", k.dataSource = [], w.dataSource = [];
+      });
+    }
+    function re(e) {
+      let r = Object.assign({}, e.formValue);
+      return U(B({}, r), {
+        // 展开
+        onlCgreportParamList: e.tablesValue[1].tableData,
+        onlCgreportItemList: e.tablesValue[0].tableData
+      });
+    }
+    function ae(e) {
+      return q(this, null, function* () {
+        try {
+          L({ confirmLoading: !0 });
+          let r = [], a = [], n = {};
+          Object.keys(e).map((i) => {
+            i == "onlCgreportItemList" ? a = e[i] : i == "onlCgreportParamList" ? r = e[i] : n[i] = e[i];
+          });
+          let c = { head: n, params: r, items: a };
+          console.log("报表配置保存请求参数", c), yield we(c, m.value), X(), l("success");
+        } finally {
+          L({ confirmLoading: !1 });
+        }
+      });
+    }
+    function ne() {
+      L({ confirmLoading: !0 }), Z(["cgrSql", "dbSource"]).then((e) => {
+        let { cgrSql: r, dbSource: a } = e, n = "sql=" + encodeURIComponent(r);
+        a && (n += "&dbKey=" + a), console.log("urlParam----", n), Pe(n).then((c) => {
+          if (c) {
+            o.success("解析成功");
+            let { fields: i, params: p } = c, g = i.filter(($) => $.fieldName != "__row_number__"), N = d.value.getTableData(), T = O(N, g || [], "fieldName");
+            T = T.sort(($, D) => $.orderNum - D.orderNum), w.dataSource = T;
+            let ie = u.value.getTableData(), R = O(ie, p || [], "paramName");
+            R = R.sort(($, D) => $.orderNum - D.orderNum), k.dataSource = R;
+          }
+        });
+      }).catch(() => {
+        console.log("解析失败");
+      }).finally(() => {
+        L({ confirmLoading: !1 });
+      });
+    }
+    function O(e, r, a) {
+      if (e.length > 0) {
+        let n = [], c = [], i = 1;
+        for (let p of r)
+          for (let g of e)
+            if (g[a] == p[a]) {
+              n.push(g), c.push(p[a]), g.orderNum > i && (i = g.orderNum);
+              break;
+            }
+        for (let p of r)
+          c.indexOf(p[a]) < 0 && (p.orderNum = ++i, n.push(p));
+        return n;
+      } else {
+        let n = 0;
+        for (let c of r)
+          c.orderNum || (c.orderNum = ++n);
+        return r;
+      }
+    }
+    return (e, r) => {
+      const a = S("a-icon"), n = S("a-popover"), c = S("a-button"), i = S("a-divider"), p = S("JVxeTable"), g = S("a-tab-pane"), N = S("a-tabs");
+      return F(), W(b(be), ge(e.$attrs, {
+        onRegister: b(G),
+        title: le.value,
+        width: 1200,
+        maskClosable: !1,
+        defaultFullscreen: !0,
+        confirmLoading: v.value,
+        onOk: b(ee)
+      }), {
+        default: y(() => [
+          x(b(xe), {
+            onRegister: b(Q),
+            ref_key: "formRef",
+            ref: te
+          }, {
+            analyseButton: y(() => [
+              C("div", qe, [
+                x(n, {
+                  title: "使用指南",
+                  trigger: "hover",
+                  style: { margin: "0 10px 0 6px" }
+                }, {
+                  content: y(() => [
+                    P(" 您可以键入“”作为一个参数，这里abc是参数的名称。例如："),
+                    Ne,
+                    P(" select * from table where id = ${abc}。"),
+                    Re,
+                    P(" select * from table where id like concat('%',${abc},'%')。(mysql模糊查询)"),
+                    De,
+                    P(" select * from table where id like '%'||${abc}||'%'。(oracle模糊查询)"),
+                    Be,
+                    P(" select * from table where id like '%'+${abc}+'%'。(sqlserver模糊查询)"),
+                    Fe,
+                    We
+                  ]),
+                  default: y(() => [
+                    x(a, { type: "question-circle" })
+                  ]),
+                  _: 1
+                }),
+                x(c, {
+                  style: { "margin-left": "10px" },
+                  type: "primary",
+                  onClick: ne
+                }, {
+                  default: y(() => [
+                    P("SQL解析")
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 8, ["onRegister"]),
+          x(i, {
+            style: { margin: "1px 0" },
+            class: "cust-divider"
+          }),
+          x(N, {
+            activeKey: h.value,
+            "onUpdate:activeKey": r[0] || (r[0] = (T) => h.value = T),
+            animated: "",
+            onChange: b(Y)
+          }, {
+            default: y(() => [
+              (F(), W(g, {
+                tab: "动态报表配置明细",
+                key: f.value[0],
+                forceRender: !0
+              }, {
+                default: y(() => [
+                  x(p, {
+                    "keep-source": "",
+                    dragSort: "",
+                    resizable: "",
+                    ref_key: "onlCgreportItem",
+                    ref: d,
+                    loading: w.loading,
+                    columns: w.columns,
+                    dataSource: w.dataSource,
+                    height: 390,
+                    rowNumber: !0,
+                    rowSelection: !0,
+                    toolbar: !0
+                  }, null, 8, ["loading", "columns", "dataSource"])
+                ]),
+                _: 1
+              })),
+              (F(), W(g, {
+                tab: "报表参数",
+                key: f.value[1],
+                forceRender: !0
+              }, {
+                default: y(() => [
+                  x(p, {
+                    "keep-source": "",
+                    resizable: "",
+                    dragSort: "",
+                    ref_key: "onlCgreportParam",
+                    ref: u,
+                    loading: k.loading,
+                    columns: k.columns,
+                    dataSource: k.dataSource,
+                    height: 390,
+                    rowNumber: !0,
+                    rowSelection: !0,
+                    toolbar: !0
+                  }, null, 8, ["loading", "columns", "dataSource"])
+                ]),
+                _: 1
+              }))
+            ]),
+            _: 1
+          }, 8, ["activeKey", "onChange"])
+        ]),
+        _: 1
+      }, 16, ["onRegister", "title", "confirmLoading", "onOk"]);
+    };
+  }
+});
+export {
+  tt as _,
+  Ge as b,
+  Ye as c,
+  Ze as d,
+  Xe as g,
+  je as l,
+  et as s
+};