@syzh-syzh/base 0.0.2 → 0.0.36

package/dist/chunks/shangbaoeventfl-BJoXH_B5.js

@@ -1,259 +0,0 @@
-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
-};