@jeecg/online 3.5.3-beta3 → 3.6.0-beta

package/CgreportModal.vue_vue_type_script_setup_true_lang-c2ceb064.mjs

@@ -0,0 +1,566 @@
+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, o, l) => o in t ? se(t, o, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[o] = l, B = (t, o) => {
+  for (var l in o || (o = {}))
+    de.call(o, l) && J(t, l, o[l]);
+  if (A)
+    for (var l of A(o))
+      pe.call(o, l) && J(t, l, o[l]);
+  return t;
+}, U = (t, o) => ce(t, ue(o));
+var q = (t, o, l) => new Promise((m, v) => {
+  var f = (u) => {
+    try {
+      c(l.next(u));
+    } catch (V) {
+      v(V);
+    }
+  }, h = (u) => {
+    try {
+      c(l.throw(u));
+    } catch (V) {
+      v(V);
+    }
+  }, c = (u) => u.done ? m(u.value) : Promise.resolve(u.value).then(f, h);
+  c((l = l.apply(t, o)).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 M, 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 i } 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";
+import { usePermissionStore as Ce } from "/@/store/modules/permission";
+const { createConfirm: ve } = K(), ke = "/online/cgreport/param/listByHeadId", we = "/online/cgreport/item/listByHeadId", Xe = (t) => _.get({ url: "/online/cgreport/head/list", params: t }), Ye = (t, o) => _.delete({ url: "/online/cgreport/head/delete", params: t }, { joinParamsToUrl: !0 }).then(() => {
+  o();
+}), et = (t, o) => {
+  ve({
+    title: "确认删除",
+    content: "是否删除选中数据",
+    okText: "确认",
+    cancelText: "取消",
+    iconType: "warning",
+    onOk: () => _.delete({ url: "/online/cgreport/head/deleteBatch", data: t }, { joinParamsToUrl: !0 }).then(() => {
+      o();
+    })
+  });
+}, Ie = (t, o) => o ? _.put({ url: "/online/cgreport/head/editAll", params: t }) : _.post({ url: "/online/cgreport/head/add", params: t }), tt = (t) => _.get({ url: "/online/cgreport/api/getParamsInfo/" + t }), Pe = () => _.get({
+  url: "/sys/dataSource/options"
+  /* getDataSourceList */
+}), Ve = (t) => _.get({
+  url: "/online/cgreport/head/parseSql?" + t
+}), Le = Ce(), ot = [
+  {
+    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
+  }
+], lt = [
+  {
+    label: "报表名称",
+    field: "name",
+    component: "JInput"
+  },
+  {
+    label: "报表编码",
+    field: "code",
+    component: "JInput"
+  }
+], Te = /^[a-z|A-Z][a-z|A-Z|\d|_|-]{0,}$/, $e = [
+  {
+    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: o }) => [
+      {
+        required: !0,
+        validator: (l, m) => new Promise((v, f) => {
+          if (!m)
+            return f("请输入报表编码！");
+          if (!Te.test(m))
+            return f("编码必须以字母开头，可包含数字、下划线、横杠！");
+          let h = {
+            tableName: "onl_cgreport_head",
+            fieldName: "code",
+            fieldVal: m,
+            dataId: o.id
+          };
+          Se(h).then((c) => {
+            c.success ? v() : f("报表编码已存在!");
+          }).catch((c) => {
+            f(c.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",
+    rules: [{ required: Le.sysSafeMode, message: "请选择数据源！" }],
+    componentProps: {
+      api: Pe
+    }
+  },
+  /*    {
+        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
+    }
+  }
+], qe = [
+  {
+    title: "参数字段",
+    key: "paramName",
+    type: i.input,
+    width: "200px",
+    placeholder: "请输入${title}",
+    defaultValue: "",
+    validateRules: [{ required: !0, message: "${title}不能为空" }]
+  },
+  {
+    title: "参数文本",
+    key: "paramTxt",
+    type: i.input,
+    width: "200px",
+    placeholder: "请输入${title}",
+    defaultValue: "",
+    validateRules: [{ required: !0, message: "${title}不能为空" }]
+  },
+  {
+    title: "参数默认值",
+    key: "paramValue",
+    type: i.input,
+    width: "200px",
+    placeholder: "请输入${title}",
+    defaultValue: ""
+  }
+], Ne = [
+  {
+    title: "字段名字",
+    key: "fieldName",
+    type: i.input,
+    minWidth: "150px",
+    placeholder: "请输入${title}",
+    defaultValue: "",
+    validateRules: [{ required: !0, message: "${title}不能为空" }]
+  },
+  {
+    title: "字段文本",
+    key: "fieldTxt",
+    type: i.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: i.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: i.checkbox,
+    customValue: [1, 0],
+    defaultChecked: !0
+  },
+  {
+    title: "字段href",
+    key: "fieldHref",
+    type: i.input,
+    minWidth: "150px",
+    placeholder: "请输入${title}",
+    defaultValue: ""
+  },
+  {
+    title: "查询模式",
+    key: "searchMode",
+    type: i.select,
+    minWidth: "150px",
+    placeholder: "请选择${title}",
+    options: [
+      { title: "单条件查询", value: "single" },
+      { title: "范围查询", value: "group" }
+    ]
+  },
+  {
+    title: "取值表达式",
+    key: "replaceVal",
+    type: i.input,
+    minWidth: "150px",
+    placeholder: "请输入${title}",
+    defaultValue: ""
+  },
+  {
+    title: "字典code",
+    key: "dictCode",
+    type: i.input,
+    minWidth: "150px",
+    placeholder: "请输入${title}",
+    defaultValue: ""
+  },
+  {
+    title: "分组标题",
+    key: "groupTitle",
+    type: i.input,
+    minWidth: "150px",
+    placeholder: "请输入${title}",
+    defaultValue: ""
+  },
+  {
+    title: "是否查询",
+    key: "isSearch",
+    type: i.checkbox,
+    customValue: ["1", "0"],
+    minWidth: "80px",
+    align: "center",
+    defaultChecked: !1
+  },
+  {
+    title: "是否合计",
+    align: "center",
+    key: "isTotal",
+    type: i.checkbox,
+    customValue: ["1", "0"],
+    minWidth: "80px",
+    defaultChecked: !1
+  }
+], Re = { style: { flex: "1", "text-align": "left" } }, De = /* @__PURE__ */ C("br", null, null, -1), Be = /* @__PURE__ */ C("br", null, null, -1), Fe = /* @__PURE__ */ C("br", null, null, -1), Me = /* @__PURE__ */ C("br", null, null, -1), We = /* @__PURE__ */ C("br", null, null, -1), Oe = /* @__PURE__ */ C("span", { style: { color: "red" } }, "注：参数只支持动态报表，popup暂不支持", -1), rt = /* @__PURE__ */ me({
+  __name: "CgreportModal",
+  emits: ["register", "success"],
+  setup(t, { emit: o }) {
+    const { createMessage: l } = K(), m = I(!0), v = I(!0), f = I(["onlCgreportItem", "onlCgreportParam"]), h = I("onlCgreportItem"), c = I(), u = I(), V = { onlCgreportItem: u, onlCgreportParam: c }, k = z({
+      loading: !1,
+      dataSource: [],
+      columns: qe
+    }), w = z({
+      loading: !1,
+      dataSource: [],
+      columns: Ne
+    }), [Q, { setProps: H, resetFields: j, setFieldsValue: E, validate: Ae, validateFields: Z }] = ye({
+      // labelWidth: 150,
+      schemas: $e,
+      showActionButtonGroup: !1
+    }), [G, { setModalProps: L, closeModal: X }] = he((e) => q(this, null, function* () {
+      var r, a;
+      yield le(), 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 E(B({}, e.record)), W(ke, { headId: (r = e == null ? void 0 : e.record) == null ? void 0 : r.id }, k), W(we, { headId: (a = e == null ? void 0 : e.record) == null ? void 0 : a.id }, w)), H({ disabled: !(e != null && e.showFooter) });
+    })), [Y, ee, W, te] = _e(
+      ae,
+      re,
+      V,
+      h,
+      f
+    ), oe = fe(() => b(m) ? "编辑" : "新增");
+    function le() {
+      return q(this, null, function* () {
+        yield j(), 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 = [], s = {};
+          Object.keys(e).map((n) => {
+            n == "onlCgreportItemList" ? a = e[n] : n == "onlCgreportParamList" ? r = e[n] : s[n] = e[n];
+          }), yield Ie({ head: s, params: r, items: a }, m.value), X(), o("success");
+        } finally {
+          L({ confirmLoading: !1 });
+        }
+      });
+    }
+    function ne() {
+      L({ confirmLoading: !0 }), Z(["cgrSql", "dbSource"]).then((e) => {
+        let { cgrSql: r, dbSource: a } = e, s = "sql=" + encodeURIComponent(r);
+        a && (s += "&dbKey=" + a), Ve(s).then((d) => {
+          if (d) {
+            l.success("解析成功");
+            let { fields: n, params: p } = d, g = n.filter(($) => $.fieldName != "__row_number__"), N = u.value.getTableData(), T = O(N, g || [], "fieldName");
+            T = T.sort(($, D) => $.orderNum - D.orderNum), w.dataSource = T;
+            let ie = c.value.getTableData(), R = O(ie, p || [], "paramName");
+            R = R.sort(($, D) => $.orderNum - D.orderNum), k.dataSource = R;
+          }
+        });
+      }).catch(() => {
+      }).finally(() => {
+        L({ confirmLoading: !1 });
+      });
+    }
+    function O(e, r, a) {
+      if (e.length > 0) {
+        let s = [], d = [], n = 1;
+        for (let p of r)
+          for (let g of e)
+            if (g[a] == p[a]) {
+              s.push(g), d.push(p[a]), g.orderNum > n && (n = g.orderNum);
+              break;
+            }
+        for (let p of r)
+          d.indexOf(p[a]) < 0 && (p.orderNum = ++n, s.push(p));
+        return s;
+      } else {
+        let s = 0;
+        for (let d of r)
+          d.orderNum || (d.orderNum = ++s);
+        return r;
+      }
+    }
+    return (e, r) => {
+      const a = S("a-icon"), s = S("a-popover"), d = S("a-button"), n = S("a-divider"), p = S("JVxeTable"), g = S("a-tab-pane"), N = S("a-tabs");
+      return F(), M(b(be), ge(e.$attrs, {
+        onRegister: b(G),
+        title: oe.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", Re, [
+                x(s, {
+                  title: "使用指南",
+                  trigger: "hover",
+                  style: { margin: "0 10px 0 6px" }
+                }, {
+                  content: y(() => [
+                    P(" 您可以键入“”作为一个参数，这里abc是参数的名称。例如："),
+                    De,
+                    P(" select * from table where id = ${abc}。"),
+                    Be,
+                    P(" select * from table where id like concat('%',${abc},'%')。(mysql模糊查询)"),
+                    Fe,
+                    P(" select * from table where id like '%'||${abc}||'%'。(oracle模糊查询)"),
+                    Me,
+                    P(" select * from table where id like '%'+${abc}+'%'。(sqlserver模糊查询)"),
+                    We,
+                    Oe
+                  ]),
+                  default: y(() => [
+                    x(a, { type: "question-circle" })
+                  ]),
+                  _: 1
+                }),
+                x(d, {
+                  style: { "margin-left": "10px" },
+                  type: "primary",
+                  onClick: ne
+                }, {
+                  default: y(() => [
+                    P("SQL解析")
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 8, ["onRegister"]),
+          x(n, {
+            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(), M(g, {
+                tab: "动态报表配置明细",
+                key: f.value[0],
+                forceRender: !0
+              }, {
+                default: y(() => [
+                  x(p, {
+                    "keep-source": "",
+                    dragSort: "",
+                    resizable: "",
+                    ref_key: "onlCgreportItem",
+                    ref: u,
+                    loading: w.loading,
+                    columns: w.columns,
+                    dataSource: w.dataSource,
+                    height: 390,
+                    rowNumber: !0,
+                    rowSelection: !0,
+                    toolbar: !0
+                  }, null, 8, ["loading", "columns", "dataSource"])
+                ]),
+                _: 1
+              })),
+              (F(), M(g, {
+                tab: "报表参数",
+                key: f.value[1],
+                forceRender: !0
+              }, {
+                default: y(() => [
+                  x(p, {
+                    "keep-source": "",
+                    resizable: "",
+                    dragSort: "",
+                    ref_key: "onlCgreportParam",
+                    ref: c,
+                    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 {
+  rt as _,
+  et as b,
+  ot as c,
+  Ye as d,
+  tt as g,
+  Xe as l,
+  lt as s
+};