@topdatasec/report 1.0.8 → 1.0.9

package/es/time/Time.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as c, ref as o, onMounted as p, resolveComponent as i, createElementBlock as v, openBlock as _, createVNode as f } from "vue";
+const h = /* @__PURE__ */ c({
+  name: "TdsReportTime",
+  __name: "Time",
+  props: {
+    data: {}
+  },
+  emits: ["change"],
+  setup(l, { emit: m }) {
+    const r = m, a = o(l.data), e = o([]);
+    function d(t) {
+      t ? (a.value.data[0].start_time = t[0], a.value.data[0].end_time = t[1]) : e.value = [], r("change", e.value);
+    }
+    return p(() => {
+      e.value = [a.value.data[0].start_time, a.value.data[0].end_time];
+    }), (t, n) => {
+      const s = i("el-date-picker");
+      return _(), v("div", null, [
+        f(s, {
+          modelValue: e.value,
+          "onUpdate:modelValue": n[0] || (n[0] = (u) => e.value = u),
+          type: "datetimerange",
+          placeholder: "Pick a Date",
+          format: "YYYY-MM-DD HH:mm:ss",
+          "value-format": "YYYY-MM-DD HH:mm:ss",
+          onChange: d,
+          clearable: !1
+        }, null, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+export {
+  h as default
+};

package/es/time/Time.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Time.vue.js";
+export {
+  f as default
+};

package/es/time/index.js

@@ -0,0 +1,6 @@
+import t from "./Time.vue.js";
+import { withInstall as o } from "../utils/type.js";
+const r = o(t);
+export {
+  r as default
+};

package/es/utils/api.js

@@ -1,9 +1,32 @@
-const e = window.$envURL, o = (t) => e.request({
-  url: `${e}/tds/report/demo/get`,
+const r = window.$http, t = window.$envURL, o = (e) => t.request({
+  url: `${t}/tds/report/demo/get`,
   method: "get",
-  params: t,
+  params: e,
   isError: !1
+}), s = (e) => r.request({
+  url: `${t}/tds/report/item/get`,
+  method: "get",
+  params: e,
+  isError: !1
+}), d = (e) => r.request({
+  url: `${t}/tds/report/get`,
+  method: "get",
+  params: e,
+  isError: !1
+}), p = (e) => r.request({
+  url: `${t}/tds/report/filter/get`,
+  method: "get",
+  params: e,
+  isError: !1
+}), i = (e) => r.request({
+  url: `${t}/tds/report/delete`,
+  method: "delete",
+  data: e
 });
 export {
-  o as getReportDemoApi
+  i as deleteReportApi,
+  o as getReportDemoApi,
+  p as getReportFilterApi,
+  s as getReportItemApi,
+  d as getReportListApi
 };

package/es/utils/chartsOption.js

@@ -1,5 +1,6 @@
 import "echarts";
-const n = "rgba(51, 51, 51, 0.15)", r = "rgba(51, 51, 51, 1)", c = 12, m = (a = !1) => {
+import { deepClone as b } from "./index.js";
+const g = "rgba(51, 51, 51, 0.15)", f = "rgba(51, 51, 51, 1)", u = 12, d = (e = !1) => {
   const t = {
     // top: '2%',
     left: "3%",
@@ -7,8 +8,8 @@ const n = "rgba(51, 51, 51, 0.15)", r = "rgba(51, 51, 51, 1)", c = 12, m = (a =
     bottom: "2%",
     containLabel: !0
   };
-  return a && (t.top = "5%"), t;
-}, e = [
+  return e && (t.top = "5%"), t;
+}, r = [
   "46, 145, 255",
   "48, 212, 183",
   "108, 108, 255",
@@ -29,7 +30,12 @@ const n = "rgba(51, 51, 51, 0.15)", r = "rgba(51, 51, 51, 1)", c = 12, m = (a =
   "100, 161, 206",
   "246, 175, 159",
   "238, 97, 97"
-], f = (a = [
+], w = (e, t, o = "", l = { name: "name", value: "value" }) => {
+  const i = [], a = [];
+  t.forEach((s) => {
+    i.push(s[l.name]), a.push(s[l.value]);
+  }), e.xAxis[0].data = i, e.series[0].data = a, e.series[0].name = o, e.series[1].data = a, e.series[2].data = a;
+}, $ = (e = [
   {
     name: "数据1",
     value: 63
@@ -43,7 +49,7 @@ const n = "rgba(51, 51, 51, 0.15)", r = "rgba(51, 51, 51, 1)", c = 12, m = (a =
     value: 43
   }
 ], t = { name: "name", value: "value" }) => {
-  const i = (o = "rgba(46, 145, 255, 0.7)", s = "rgba(46, 145, 255, 0.2)") => ({
+  const o = (i = "rgba(46, 145, 255, 0.7)", a = "rgba(46, 145, 255, 0.2)") => ({
     color: {
       type: "linear",
       x: 0,
@@ -53,15 +59,15 @@ const n = "rgba(51, 51, 51, 0.15)", r = "rgba(51, 51, 51, 1)", c = 12, m = (a =
       colorStops: [
         {
           offset: 0,
-          color: o
+          color: i
         },
         {
           offset: 0.8,
-          color: s
+          color: a
         }
       ]
     }
-  }), l = a.map((o) => o[t.value]);
+  }), l = e.map((i) => i[t.value]);
   return {
     // 提示框组件
     tooltip: {
@@ -73,7 +79,7 @@ const n = "rgba(51, 51, 51, 0.15)", r = "rgba(51, 51, 51, 1)", c = 12, m = (a =
     //   type: 'plain', //plain:普通图例；scroll:可滚动翻页的图例。当图例数量较多时使。
     //   show: true,
     // },
-    grid: m(),
+    grid: d(),
     title: {
       show: !0,
       text: "样例数据",
@@ -93,7 +99,7 @@ const n = "rgba(51, 51, 51, 0.15)", r = "rgba(51, 51, 51, 1)", c = 12, m = (a =
         nameRotate: 0,
         // 坐标轴名称旋转
         axisLabel: {
-          color: r,
+          color: f,
           // X轴类目名称样式
           rotate: 0
           // X轴类目名称旋转角度
@@ -102,7 +108,7 @@ const n = "rgba(51, 51, 51, 0.15)", r = "rgba(51, 51, 51, 1)", c = 12, m = (a =
           //X轴轴线设置
           show: !0,
           lineStyle: {
-            color: n,
+            color: g,
             width: 1
           }
         },
@@ -110,7 +116,7 @@ const n = "rgba(51, 51, 51, 0.15)", r = "rgba(51, 51, 51, 1)", c = 12, m = (a =
         // X轴刻度相关设置
         splitLine: { show: !1 },
         // 横向分隔线
-        data: a.map((o) => o[t.name])
+        data: e.map((i) => i[t.name])
       }
     ],
     // y轴设置
@@ -121,8 +127,8 @@ const n = "rgba(51, 51, 51, 0.15)", r = "rgba(51, 51, 51, 1)", c = 12, m = (a =
         // 坐标轴刻度最小值
         position: "left",
         nameTextStyle: {
-          fontSize: c,
-          color: r,
+          fontSize: u,
+          color: f,
           fontWeight: "bold"
         },
         axisLine: { show: !1 },
@@ -132,7 +138,7 @@ const n = "rgba(51, 51, 51, 0.15)", r = "rgba(51, 51, 51, 1)", c = 12, m = (a =
         splitLine: { show: !1 },
         // 纵向分隔线
         axisLabel: {
-          color: r,
+          color: f,
           // y轴刻度标签
           formatter: "{value}",
           inside: !1
@@ -145,7 +151,7 @@ const n = "rgba(51, 51, 51, 0.15)", r = "rgba(51, 51, 51, 1)", c = 12, m = (a =
         type: "bar",
         barWidth: 15,
         barGap: "0%",
-        itemStyle: i(`rgba(${e[0]}, 0.7)`, `rgba(${e[0]}, 0.2)`),
+        itemStyle: o(`rgba(${r[0]}, 0.7)`, `rgba(${r[0]}, 0.2)`),
         data: l,
         label: {
           show: !0,
@@ -165,7 +171,7 @@ const n = "rgba(51, 51, 51, 0.15)", r = "rgba(51, 51, 51, 1)", c = 12, m = (a =
         symbolSize: [15, 10],
         //调整截面形状
         symbolOffset: [0, 5],
-        itemStyle: i(`rgba(${e[0]}, 0.7)`, `rgba(${e[0]}, 0.2)`),
+        itemStyle: o(`rgba(${r[0]}, 0.7)`, `rgba(${r[0]}, 0.2)`),
         data: l
       },
       {
@@ -176,12 +182,320 @@ const n = "rgba(51, 51, 51, 0.15)", r = "rgba(51, 51, 51, 1)", c = 12, m = (a =
         //调整截面形状
         symbolOffset: [0, -5],
         symbolPosition: "end",
-        itemStyle: i(`rgba(${e[0]}, 0.9)`, `rgba(${e[0]}, 1)`),
+        itemStyle: o(`rgba(${r[0]}, 0.9)`, `rgba(${r[0]}, 1)`),
         data: l
       }
     ]
   };
+}, L = ({ chartOption: e, data: t, props: o = { name: "label", value: "data" } }) => {
+  let l = 0;
+  const i = t.map((a, s) => (l += Number(a[o.value]), {
+    name: a[o.name],
+    value: Number(a[o.value])
+  }));
+  t.length > 0 && (e.legend.data = i, e.series[0].data = i, e.graphic[1].style.text = l);
+}, x = () => r.map((e) => `rgba(${e}, 1)`), z = ({
+  data: e = [
+    {
+      name: "数据1",
+      value: 63
+    },
+    {
+      name: "数据2",
+      value: 45
+    },
+    {
+      name: "数据3",
+      value: 43
+    }
+  ],
+  radiusType: t = 1,
+  roseType: o = !1,
+  isLegend: l = !0,
+  isLine: i = !1,
+  center: a = ["50%", "50%"],
+  isTitle: s = !0
+}) => {
+  const n = {
+    color: x(),
+    toolbox: { show: !1 },
+    tooltip: {
+      trigger: "item",
+      show: !0,
+      formatter: (c) => {
+        const { name: y, value: m } = c;
+        return `<div style="color: ${c.color}; font-size: 14px;">${y}&nbsp;&nbsp;&nbsp;</div>
+            <div><span style="font-size: 14px; color: #86909c; float: right;">数量：${m}</span></div>`;
+      }
+    },
+    title: {
+      show: s,
+      text: "样例数据",
+      textStyle: {
+        color: "#333",
+        fontSize: 18
+      },
+      x: 10,
+      y: 10
+    },
+    legend: {
+      show: l,
+      left: "70%",
+      formatter: (c) => {
+        var m;
+        const y = (m = n.series[0]) == null ? void 0 : m.data.find((h) => h.name === c).value;
+        return ` ${c} | ${y}`;
+      },
+      textStyle: {
+        fontSize: u,
+        color: f
+      },
+      data: e,
+      orient: "vertical",
+      itemWidth: 10,
+      itemHeight: 10,
+      borderRadius: 10,
+      x: "left",
+      top: "center",
+      align: "left",
+      itemGap: 15
+    },
+    series: [
+      // 展示层
+      {
+        type: "pie",
+        center: a,
+        radius: t === 1 ? o ? ["10%", "65%"] : ["45%", "70%"] : ["0%", "65%"],
+        roseType: o,
+        itemStyle: {
+          borderRadius: 1
+          // color: (p: any) => {
+          //   return {
+          //     colorStops: [
+          //       {
+          //         offset: 0,
+          //         color: `rgba(${colorRGBValue[p.dataIndex % colorRGBValue.length]}, 0.5)`, // 0% 处的颜色
+          //       },
+          //       {
+          //         offset: 1,
+          //         color: `rgba(${colorRGBValue[p.dataIndex % colorRGBValue.length]}, 1)`, // 100% 处的颜色
+          //       },
+          //     ],
+          //   }
+          // },
+        },
+        label: {
+          show: i,
+          position: "outside",
+          alignTo: "labelLine",
+          backgroundColor: "#fff",
+          height: 0,
+          width: 0,
+          lineHeight: 0,
+          distanceToLabelLine: 0,
+          borderRadius: 3,
+          borderWidth: 1,
+          borderColor: "inherit",
+          padding: [3, -3, 3, -3],
+          formatter: function(c) {
+            return `{a|${c.name}(${c.value})}`;
+          },
+          rich: {
+            a: {
+              padding: [20, -80, 40, -80],
+              fontSize: "12px",
+              fontFamily: "MicrosoftYaHei",
+              color: "#091158"
+            },
+            b: {
+              padding: [0, -80, 55, -80],
+              fontSize: "15px",
+              fontFamily: "MicrosoftYaHei-Bold, MicrosoftYaHei",
+              fontWeight: "bold",
+              color: "#001F3D"
+            }
+          }
+        },
+        labelLine: {
+          show: !0,
+          length: 40,
+          length2: 85,
+          align: "right",
+          lineStyle: {
+            width: 1
+          }
+        },
+        data: e
+      }
+    ],
+    graphic: [
+      {
+        invisible: !1,
+        type: "text",
+        left: "center",
+        top: "44%",
+        style: {
+          text: "总量",
+          fontSize: 14,
+          fill: "#86909c",
+          fontWeight: "bold"
+        }
+      },
+      {
+        invisible: !1,
+        type: "text",
+        left: "center",
+        top: "50%",
+        style: {
+          text: "151",
+          fontSize: 18,
+          fill: "#86909c",
+          fontWeight: "bold"
+        }
+      }
+    ]
+  };
+  return n;
+}, A = (e, t, o = { name: "name", value: "value" }) => {
+  e.xAxis.data = t.map((l) => l[o.name]), Array.isArray(o.value) ? o.value.forEach((l, i) => {
+    e.series[i].data = t.map((a) => a[l.value]);
+  }) : typeof o.value == "string" && (e.series[0].data = t.map((l) => l[o.value]));
+}, v = () => ({
+  name: "",
+  type: "line",
+  symbol: "circle",
+  smooth: !0,
+  lineStyle: {
+    width: 1,
+    color: `rgba(${r[0]}, 1)`
+    // 线条颜色
+  },
+  showSymbol: !1,
+  itemStyle: {
+    color: `rgba(${r[0]}, 1)`,
+    //拐点颜色
+    label: {
+      show: !0,
+      //开启显示
+      position: "top",
+      //在上方显示
+      formatter: function(e) {
+        return e.value ? e.value : 0;
+      }
+    }
+  },
+  areaStyle: {
+    color: {
+      type: "linear",
+      x: 0,
+      y: 0,
+      x2: 0,
+      y2: 1,
+      colorStops: [
+        // 渐变颜色
+        {
+          offset: 0,
+          color: `rgba(${r[0]}, 0.7)`
+        },
+        {
+          offset: 1,
+          color: `rgba(${r[0]}, 0.1)`
+        }
+      ],
+      global: !1
+    }
+  },
+  data: []
+}), W = (e = [
+  {
+    name: "2024-08",
+    value: 63
+  },
+  {
+    name: "2024-09",
+    value: 45
+  },
+  {
+    name: "2024-10",
+    value: 43
+  }
+], t = { name: "name", value: "value" }) => {
+  const o = {
+    tooltip: {
+      trigger: "axis"
+    },
+    title: {
+      show: !0,
+      text: "样例数据",
+      textStyle: {
+        color: "#333",
+        fontSize: 18
+      },
+      x: 10,
+      y: 10
+    },
+    legend: {
+      show: !0,
+      itemWidth: 30,
+      textStyle: {
+        color: f,
+        fontSize: u,
+        padding: [0, 8, 0, 8]
+      }
+    },
+    grid: d(),
+    xAxis: {
+      type: "category",
+      splitLine: { show: !1 },
+      axisTick: { show: !1 },
+      axisLine: {
+        show: !0,
+        lineStyle: { color: g }
+      },
+      axisLabel: {
+        show: !0,
+        fontSize: u,
+        color: f
+      },
+      boundaryGap: !1,
+      data: e.map((a) => a[t.name])
+    },
+    yAxis: {
+      name: "",
+      type: "value",
+      splitLine: { show: !1 },
+      axisLine: { show: !1 },
+      axisTick: { show: !1 },
+      nameTextStyle: {
+        fontSize: u,
+        color: f,
+        padding: [0, 60, 0, 0]
+      },
+      axisLabel: {
+        show: !0,
+        fontSize: u,
+        color: f
+      }
+    },
+    series: []
+  }, l = v(), i = [];
+  if (Array.isArray(t.value))
+    t.value.forEach((a, s) => {
+      const n = b(l);
+      n.name = a.name, n.lineStyle.color = `rgba(${r[s]}, 1)`, n.itemStyle.color = `rgba(${r[s]}, 1)`, n.areaStyle.color.colorStops[0].color = `rgba(${r[s]}, 0.7)`, n.areaStyle.color.colorStops[1].color = `rgba(${r[s]}, 0.1)`, n.data = e.map((c) => c[a.value]), i.push(n);
+    });
+  else if (typeof t.value == "string") {
+    const a = b(l);
+    a.data = e.map((s) => s[t.value]), i.push(a);
+  }
+  return o.series = i, o;
 };
 export {
-  f as chartsBar
+  w as barParseData,
+  $ as chartsBar,
+  W as chartsLine,
+  z as chartsPie,
+  v as lineMode,
+  A as lineParseData,
+  L as pieParseData
 };

package/es/utils/data.js

@@ -1,19 +1,32 @@
-import { getUniId as t } from "./index.js";
-import { chartsBar as n } from "./chartsOption.js";
-const e = [
+import { getUniId as e } from "./index.js";
+import { chartsLine as r, chartsBar as o, chartsPie as i } from "./chartsOption.js";
+const a = [
   { key: "assets", name: "资产名称" },
   { key: "type", name: "资产类型" },
   { key: "data", name: "资产数据" }
-], a = [
+], n = [
   { assets: "name1", type: "type1", data: "data1" },
   { assets: "name2", type: "type2", data: "data2" },
   { assets: "name3", type: "type3", data: "data3" }
-], o = [
+], t = [
   { data: [{ name: "默认数据", value: 180 }], label: "name1" },
   { data: [{ name: "默认数据", value: 311 }], label: "name2" },
   { data: [{ name: "默认数据", value: 42 }], label: "name3" },
   { data: [{ name: "默认数据", value: 32391 }], label: "name4" }
 ], d = [
+  {
+    data: 63,
+    label: "数据1"
+  },
+  {
+    data: 45,
+    label: "数据2"
+  },
+  {
+    data: 43,
+    label: "数据3"
+  }
+], m = [
   {
     type: "report-select",
     label: "资产：",
@@ -37,7 +50,7 @@ const e = [
       }
     ],
     uri: "/da/report/sens/get_asset_all",
-    id: t()
+    id: e()
   },
   {
     type: "range-time",
@@ -47,7 +60,7 @@ const e = [
         end_time: "2024-09-12 19:49:34"
       }
     ],
-    id: t()
+    id: e()
   },
   {
     type: "h1",
@@ -60,7 +73,7 @@ const e = [
       textIndent: 0,
       textAlign: "left"
     },
-    id: t()
+    id: e()
   },
   {
     type: "h2",
@@ -74,12 +87,12 @@ const e = [
       textIndent: 0,
       textAlign: "left"
     },
-    id: t()
+    id: e()
   },
   {
     type: "report-table",
-    data: a,
-    showColumn: e,
+    data: n,
+    showColumn: a,
     name: "表格",
     options: {
       showColumn: {
@@ -92,10 +105,58 @@ const e = [
       stripe: !1
     },
     rp_item_uuid: "",
-    id: t()
+    id: e()
   }
 ];
-n();
+o();
+const b = (l) => ({
+  bar: {
+    type: "bar",
+    data: t,
+    showColumn: [{ key: "label", value: "data" }],
+    name: "图表",
+    options: o(),
+    rp_item_uuid: "",
+    id: ""
+  },
+  line: {
+    type: "line",
+    data: t,
+    showColumn: [{ key: "label", value: "data" }],
+    name: "图表",
+    options: r(),
+    rp_item_uuid: "",
+    id: ""
+  },
+  pie: {
+    type: "pie",
+    data: d,
+    showColumn: [{ key: "label", value: "data" }],
+    name: "图表",
+    options: i({ isLegend: !0 }),
+    rp_item_uuid: "",
+    id: ""
+  },
+  "report-table": {
+    type: "report-table",
+    data: n,
+    showColumn: a,
+    name: "表格",
+    options: {
+      showColumn: {
+        assect: !0,
+        type: !0,
+        data: !0
+      },
+      border: !0,
+      showHeader: !0,
+      stripe: !1
+    },
+    rp_item_uuid: "",
+    id: ""
+  }
+})[l];
 export {
-  d as normalValue
+  m as normalValue,
+  b as normalValueFn
 };