@syzh-syzh/base 0.0.1

package/dist/chunks/shangbaoeventfl-BJoXH_B5.js

@@ -0,0 +1,259 @@
+import { _ as S, aq as b, aM as m, G as E, N as y, aJ as v } from "./dict-C49Ogd-n.js";
+import { reactive as w, ref as s, onMounted as A, resolveComponent as z, createElementBlock as k, openBlock as n, createVNode as L, withCtx as D, createElementVNode as p, createBlock as i, unref as c } from "vue";
+import B from "./title-NwJCTLeC.js";
+const T = { class: "shangbaoeventfl" }, C = { class: "eventfl-container" }, F = {
+  __name: "shangbaoeventfl",
+  setup(G) {
+    const g = w({
+      type: 4
+    }), r = s(null), u = s(null);
+    function _() {
+      const o = s({
+        title: {
+          subtext: 133,
+          text: "总计",
+          top: "45%",
+          left: "49%",
+          textAlign: "center",
+          textStyle: {
+            color: "#666",
+            fontSize: 23
+          },
+          subtextStyle: {
+            fontSize: 32,
+            color: "#000",
+            fontWeight: 600
+          }
+        },
+        legend: {
+          top: "5%",
+          left: "center",
+          height: 20,
+          width: 400,
+          type: "scroll"
+        },
+        color: ["#6E94F3", "#82D7AE", "#687695", "#EFC34A", "#7367F1"],
+        series: [
+          {
+            name: "Access From",
+            type: "pie",
+            center: ["50%", "57%"],
+            radius: ["53%", "65%"],
+            label: {
+              formatter: "{c}"
+            },
+            data: [
+              { value: 1048, name: "Search Engine" },
+              { value: 735, name: "Direct" },
+              { value: 580, name: "Email" },
+              { value: 484, name: "Union Ads" },
+              { value: 300, name: "Video Ads" }
+            ]
+          }
+        ]
+      });
+      m(E(g)).then((e) => {
+        if (y(e) && e.length > 0) {
+          const a = [];
+          e.forEach((t) => {
+            a.push({
+              value: t.zs,
+              name: t.class_name,
+              classid: t.classid
+            });
+          }), o.value.title.subtext = e.reduce((t, l) => t + l.zs, 0), o.value.series[0].data = a, r.value = o.value, d(e[0]);
+        }
+      });
+    }
+    function x(o) {
+      o.on("click", function(e) {
+        d({ classid: e.data.classid });
+      });
+    }
+    function d(o) {
+      const e = s({
+        title: {
+          text: "上报事件趋势",
+          top: 20,
+          right: "45%",
+          textStyle: {
+            fontSize: 16
+          }
+        },
+        legend: {
+          right: 15,
+          top: 20,
+          show: !0,
+          itemGap: 40
+        },
+        grid: {
+          left: "5%",
+          right: "5%",
+          bottom: "15%",
+          top: "20%",
+          containLabel: !0
+        },
+        tooltip: {
+          trigger: "axis"
+        },
+        xAxis: {
+          type: "category",
+          data: [],
+          axisLabel: {
+            inside: !1,
+            color: "#A1A7B3",
+            fontSize: 14
+            // interval: 0, //强制显示横坐标
+          },
+          axisTick: {
+            show: !1
+          },
+          axisLine: {
+            show: !0
+          }
+        },
+        yAxis: {
+          nameTextStyle: {
+            color: "#00122E",
+            fontSize: 16
+          },
+          offset: 10,
+          axisLabel: {
+            color: "#00122E",
+            fontSize: 16
+          },
+          type: "value",
+          min: 0,
+          splitLine: {
+            show: !0,
+            lineStyle: {
+              color: "#E5E7EA"
+            }
+          },
+          axisLine: {
+            show: !1,
+            lineStyle: {
+              color: "#00122E"
+            }
+          },
+          axisTick: {
+            show: !1
+          }
+        },
+        series: [
+          {
+            name: "事件总数",
+            type: "line",
+            smooth: !0,
+            symbolSize: 10,
+            showSymbol: !0,
+            itemStyle: {
+              lineStyle: {
+                color: "rgba(117,153,243, 1)",
+                width: 2
+              }
+            },
+            areaStyle: {
+              color: new v(
+                0,
+                0,
+                0,
+                1,
+                [
+                  {
+                    offset: 0,
+                    color: "rgba(117,153,243, .4)"
+                  },
+                  {
+                    offset: 1,
+                    color: "rgba(117,153,243, .4)"
+                  }
+                ],
+                !1
+              )
+            },
+            data: [17, 45, 11, 32, 18, 20]
+          },
+          {
+            name: "办结总数",
+            type: "line",
+            smooth: !0,
+            symbolSize: 10,
+            showSymbol: !0,
+            itemStyle: {
+              lineStyle: {
+                color: "rgba(132,215,174, 1)",
+                width: 2
+              }
+            },
+            areaStyle: {
+              color: new v(
+                0,
+                0,
+                0,
+                1,
+                [
+                  {
+                    offset: 0,
+                    color: "rgba(132,215,174, .4)"
+                  },
+                  {
+                    offset: 1,
+                    color: "rgba(132,215,174, .4)"
+                  }
+                ],
+                !1
+              )
+            },
+            data: [30, 60, 50, 42, 88, 40]
+          }
+        ]
+      });
+      m({ type: 4, classid: o.classid }).then((a) => {
+        if (y(a) && a.length != 0) {
+          const t = [], l = [], h = [];
+          a.forEach((f) => {
+            t.push(f.class_name), l.push(f.zs), h.push(f.ywc);
+          }), e.value.title.text = o.class_name, e.value.xAxis.data = t, e.value.series[0].data = l, e.value.series[1].data = h, u.value = e.value;
+        }
+      });
+    }
+    return A(() => {
+      _();
+    }), (o, e) => {
+      const a = b, t = z("el-empty");
+      return n(), k("div", T, [
+        L(B, { name: "上报事件分类" }, {
+          default: D(() => [
+            p("div", C, [
+              p("div", null, [
+                c(r) ? (n(), i(a, {
+                  key: 0,
+                  option: c(r),
+                  onComplete: x
+                }, null, 8, ["option"])) : (n(), i(t, {
+                  key: 1,
+                  description: "暂无数据"
+                }))
+              ]),
+              p("div", null, [
+                c(u) ? (n(), i(a, {
+                  key: 0,
+                  option: c(u)
+                }, null, 8, ["option"])) : (n(), i(t, {
+                  key: 1,
+                  description: "暂无数据"
+                }))
+              ])
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+var M = /* @__PURE__ */ S(F, [["__scopeId", "data-v-86576e6d"]]);
+export {
+  M as default
+};