@ued_fpi/data-visual 1.2.6 → 1.2.8

package/dist/lib/wgms/src/PollutionSourceControl/index.vue.js

@@ -9,7 +9,7 @@ const vue = require('vue');
 const lodashEs = require('lodash-es');
 const dayjs = require('dayjs');
 const echartsOptions = require('../../utils/echarts/echartsOptions.js');
-const index$1 = require('../../utils/echarts/index.js');
+const BaseECharts_vue_vue_type_script_setup_true_lang = require('../../utils/echarts/BaseECharts.vue.js');
 const ProgressBar_vue_vue_type_script_setup_true_lang = require('../common/ProgressBar.vue.js');
 require('../common/ProgressBar.vue2.js');
 const selectPanel_vue_vue_type_script_setup_true_name_SelectPanel_lang = require('../common/select-panel.vue.js');
@@ -104,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       curSelectFactor: props.defaultSelectFactor,
       overCountMax: 0,
       chartDetail: [],
-      colorList: ["#F84439", "#0062FF", "#2AC94F"],
+      colorList: ["var(--dv-color-danger)", "var(--dv-color-primary)", "var(--dv-color-success)"],
       nh3OverNum: 0,
       tpOverNum: 0,
       totalCount: 0
@@ -145,6 +145,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emits("factorChange", item.code);
       keyPollutionData();
     };
+    const option = vue.ref();
     vue.onMounted(() => {
       if (props.isLazy)
         return;
@@ -204,19 +205,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         { name: "磷超标", value: resData?.pcount ?? "--", percent: resData?.ppercent ?? "--" },
         { name: "其他", value: resData?.otherCount ?? "--", percent: resData?.otherPercent ?? "--" }
       ];
-      const colors = ["#35aded", "#ff9902", "#00fc83"];
       data.chartDetail = dataList.map((item, index) => {
         return {
           ...item,
-          itemStyle: { color: colors[index] }
+          itemStyle: { color: data.colorList[index] }
         };
       });
       const seriesData = [
         ...data.chartDetail
       ];
-      const chart = index$1.default.init(statChart.value);
-      const lineOptions = echartsOptions.pollutionSourcePieOptions(seriesData);
-      chart.setOption(lineOptions);
+      option.value = echartsOptions.pollutionSourcePieOptions(seriesData);
     };
     const { companyList, colorList, nh3OverNum, tpOverNum, totalCount, chartDetail, overCountMax, curSelectFactor } = vue.toRefs(data);
     __expose({
@@ -254,10 +252,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   vue.createElementVNode("div", _hoisted_9, [
                     vue.createVNode(ProgressBar_vue_vue_type_script_setup_true_lang.default, {
-                      "active-color": "linear-gradient(270deg, #F84439 0%, rgba(248,68,57,0.35) 100%)",
-                      "handle-style": { background: "#F84439" },
+                      "active-color": "linear-gradient(270deg, var(--dv-color-danger) 0%, var(--dv-color-danger-30) 100%)",
+                      "handle-style": { background: "var(--dv-color-danger)" },
                       percentage: item.overCount / vue.unref(overCountMax) * 100
-                    }, null, 8, ["percentage"])
+                    }, null, 8, ["handle-style", "percentage"])
                   ])
                 ]);
               }), 128))
@@ -276,7 +274,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ref_key: "statChart",
                   ref: statChart,
                   class: "dv-wgms-chart"
-                }, null, 512)
+                }, [
+                  vue.createVNode(BaseECharts_vue_vue_type_script_setup_true_lang.default, { options: vue.unref(option) }, null, 8, ["options"])
+                ], 512)
               ])
             ]),
             vue.createElementVNode("div", _hoisted_17, [

package/dist/lib/wgms/src/SevenDayKline/index.vue.js

@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require('vue');
 const dayjs = require('dayjs');
 const lodashEs = require('lodash-es');
-const index$1 = require('../../utils/echarts/index.js');
+const BaseECharts_vue_vue_type_script_setup_true_lang = require('../../utils/echarts/BaseECharts.vue.js');
 const index = require('./api/index.js');
 
 const _hoisted_1 = { class: "dv-wgms-seven-day-kline" };
@@ -50,6 +50,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const chartSevenDayLine = vue.ref();
+    const option = vue.ref(void 0);
     const timeStrList = {
       hour: "小时",
       day: "日",
@@ -188,14 +189,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const maxObj = lodashEs.maxBy(resData, "maxValue");
       const minObj = lodashEs.minBy(resData, "minValue");
       vue.nextTick();
-      const lineOptions = await dayKLine(klineData, maxObj?.maxValue, minObj?.minValue, data.factorName, data.unit, timeStrList[props.timeType]);
-      index$1.default.draw(chartSevenDayLine.value, lineOptions);
+      option.value = await dayKLine(klineData, maxObj?.maxValue, minObj?.minValue, data.factorName, data.unit, timeStrList[props.timeType]);
     };
     const dayKLine = async (data2, min, max, factorName, unit, timeStr) => {
       const { xAxis, kData, values, quality } = data2;
       const res = await index.waterSurfaceListAll({});
       const gradeList = res?.entries ?? [];
-      const option = {
+      const option2 = {
         grid: [
           {
             top: 45,
@@ -234,17 +234,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             type: "category",
             boundaryGap: true,
             axisLine: {
-              show: false,
-              lineStyle: {
-                color: "rgba(255,255,255,0.5)"
-              }
+              show: false
             },
             axisLabel: {
               show: true,
               textStyle: {
+                color: "var(--dv-color-text-primary)",
                 fontFamily: "var(--dv-font-family-number)",
-                fontSize: "12",
-                color: "rgba(255,255,255,1)"
+                fontSize: "var(--dv-text-number2)"
               }
             },
             axisTick: {
@@ -257,12 +254,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             show: false,
             gridIndex: 1,
             boundaryGap: true,
-            axisLine: {
-              show: true,
-              lineStyle: {
-                color: "rgba(255,255,255,0.5)"
-              }
-            },
             axisTick: {
               show: false
             },
@@ -276,21 +267,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             name: unit,
             nameTextStyle: {
               align: "right",
-              color: "rgba(255,255,255,1)"
+              color: "var(--dv-color-text-secondary)",
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             axisLabel: {
               formatter: "{value}",
               textStyle: {
-                fontFamily: "Bebas Neue",
-                fontSize: "12",
-                fontWeight: "normal"
+                color: "var(--dv-color-text-secondary)",
+                fontFamily: "var(--dv-font-family-number)",
+                fontSize: "var(--dv-text-number2)"
               }
             },
             axisLine: {
-              show: false,
-              lineStyle: {
-                color: "rgba(255,255,255,0.5)"
-              }
+              show: false
             },
             axisPointer: {
               snap: true
@@ -298,7 +288,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             splitArea: {
               show: true,
               areaStyle: {
-                color: ["transparent", "rgba(255, 255, 255, 0.05)"]
+                color: ["transparent", "var(--dv-color-fill-lighter)"]
               }
             },
             splitLine: { show: false },
@@ -314,10 +304,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               show: false
             },
             axisLine: {
-              show: false,
-              lineStyle: {
-                color: "rgba(255,255,255,0.5)"
-              }
+              show: false
             },
             axisPointer: {
               snap: true
@@ -333,7 +320,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             yAxisIndex: 0,
             itemStyle: {
               color: "transparent",
-              borderColor: "#00fff5"
+              borderColor: "var(--dv-color-index)"
             },
             data: kData
           },
@@ -343,13 +330,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             xAxisIndex: 1,
             yAxisIndex: 1,
             barWidth: 20,
-            // label: {
-            //     show: true,
-            //     position: 'top',
-            //     fontFamily: 'Bebas Neue',
-            //     fontSize: '12',
-            //     color: 'rgba(255,255,255,0.6)'
-            // },
             itemStyle: {
               color: (params) => {
                 const level = quality[params.dataIndex];
@@ -374,7 +354,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }
         ]
       };
-      return option;
+      return option2;
     };
     vue.toRefs(data);
     return (_ctx, _cache) => {
@@ -383,7 +363,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ref_key: "chartSevenDayLine",
           ref: chartSevenDayLine,
           class: "chart"
-        }, null, 512)
+        }, [
+          vue.createVNode(BaseECharts_vue_vue_type_script_setup_true_lang.default, { options: option.value }, null, 8, ["options"])
+        ], 512)
       ]);
     };
   }

package/dist/lib/wgms/src/SewageOutletsOnlineMonitor/index.vue.d.ts

@@ -1,3 +1,4 @@
+import 'echarts-gl';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     params: {
         regionCode: string;

package/dist/lib/wgms/src/SewageOutletsOnlineMonitor/index.vue.js

@@ -6,6 +6,7 @@ const vue = require('vue');
 const index$1 = require('../../utils/echarts/index.js');
 const _3dChartOptions = require('../../utils/echarts/3dChartOptions.js');
 const index = require('./api/index.js');
+require('echarts-gl');
 
 const _hoisted_1 = { class: "dv-wgms-outlet-online" };
 const _hoisted_2 = { class: "toggle-list dv-wgms-flex-between-center" };
@@ -46,7 +47,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     const pieChart = vue.ref();
     vue.onMounted(async () => {
-      await import('echarts-gl');
       getResData();
     });
     vue.watch(() => props.params, () => {

package/dist/lib/wgms/src/SubordinateRanking/index.vue.js

@@ -119,14 +119,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", _hoisted_5, [
                   vue.createElementVNode("div", _hoisted_6, [
                     vue.createVNode(ProgressBar_vue_vue_type_script_setup_true_lang.default, {
-                      "active-color": "linear-gradient(270deg, rgba(15,235,198,0.80) 0%, rgba(15,235,198,0.20) 100%)",
+                      "active-color": "linear-gradient(270deg, var(--dv-color-index) 0%, var(--dv-color-index-30) 100%)",
                       "handle-style": {
-                        background: "#15F3A3",
+                        background: "var(--dv-color-index)",
                         width: "2px",
                         height: "12px"
                       },
                       percentage: Number(item.percent)
-                    }, null, 8, ["percentage"])
+                    }, null, 8, ["handle-style", "percentage"])
                   ]),
                   vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(item.percent ?? "--") + "%", 1)
                 ])

package/dist/lib/wgms/src/SurroundingPollution/index.vue.js

@@ -50,8 +50,9 @@ const _hoisted_25 = { class: "name-num-box pd10" };
 const _hoisted_26 = /* @__PURE__ */ vue.createElementVNode("span", { class: "name" }, "周边未处置事件", -1);
 const _hoisted_27 = { class: "num-box" };
 const _hoisted_28 = { class: "num red" };
-const _hoisted_29 = { class: "total" };
-const _hoisted_30 = /* @__PURE__ */ vue.createStaticVNode('<div class="surrounding-three-flex"><div class="surrounding-three-item surrounding-comm-box different"><div class="name-num-box"><span class="name">异常入河排污口</span><span class="num red">5</span></div></div><div class="surrounding-three-item surrounding-comm-box"><div class="name-num-box"><span class="name">问题小区</span><span class="num red">5</span></div></div><div class="surrounding-three-item surrounding-comm-box"><div class="name-num-box"><span class="name">问题园区</span><span class="num red">5</span></div></div></div>', 1);
+const _hoisted_29 = /* @__PURE__ */ vue.createElementVNode("span", { class: "split" }, "/", -1);
+const _hoisted_30 = { class: "total" };
+const _hoisted_31 = /* @__PURE__ */ vue.createStaticVNode('<div class="surrounding-three-flex"><div class="surrounding-three-item surrounding-comm-box different"><div class="name-num-box"><span class="name">异常入河排污口</span><span class="num red">5</span></div></div><div class="surrounding-three-item surrounding-comm-box"><div class="name-num-box"><span class="name">问题小区</span><span class="num red">5</span></div></div><div class="surrounding-three-item surrounding-comm-box"><div class="name-num-box"><span class="name">问题园区</span><span class="num red">5</span></div></div></div>', 1);
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
@@ -283,12 +284,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               _hoisted_26,
               vue.createElementVNode("div", _hoisted_27, [
                 vue.createElementVNode("span", _hoisted_28, vue.toDisplayString(vue.unref(boundaryData).disposal), 1),
-                vue.createElementVNode("span", _hoisted_29, "/" + vue.toDisplayString(vue.unref(boundaryData).total), 1)
+                _hoisted_29,
+                vue.createElementVNode("span", _hoisted_30, vue.toDisplayString(vue.unref(boundaryData).total), 1)
               ])
             ])
           ])
         ]),
-        _hoisted_30
+        _hoisted_31
       ]);
     };
   }

package/dist/lib/wgms/src/UpstreamImpact/index.vue.js

@@ -4,7 +4,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const vue = require('vue');
 const dayjs = require('dayjs');
-const index$1 = require('../../utils/echarts/index.js');
+const BaseECharts_vue_vue_type_script_setup_true_lang = require('../../utils/echarts/BaseECharts.vue.js');
 const index = require('./api/index.js');
 
 const _hoisted_1 = { class: "dv-wgms-upstream-impact" };
@@ -65,6 +65,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const chartUpstreamImpact = vue.ref();
+    const option = vue.ref(void 0);
     const data = vue.reactive({
       title: "",
       unit: "mg/L",
@@ -127,8 +128,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           value: item || 0
         };
       });
-      const options = await getLineOptions(waterQualityData.xAxis, data.factorName, dass, upValue, downValue);
-      index$1.default.draw(chartUpstreamImpact.value, options);
+      option.value = await getLineOptions(waterQualityData.xAxis, data.factorName, dass, upValue, downValue);
     };
     const getLineOptions = async (xAxis, unitName, dass, upValue, downValue) => {
       const res = await index.waterSurfaceListAll({});
@@ -160,10 +160,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           type: "category",
           boundaryGap: true,
           axisLine: {
-            show: false,
-            lineStyle: {
-              color: "rgba(255,255,255,0.5)"
-            }
+            show: false
           },
           axisTick: {
             show: false
@@ -182,7 +179,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   width: 160
                 }
               },
-              color: "#ffffff"
+              color: "var(--dv-color-text-primary)"
             },
             interval: 0
           },
@@ -193,27 +190,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           name: unitName,
           nameTextStyle: {
             align: "right",
-            color: "rgba(255,255,255,1)",
+            color: "var(--dv-color-text-secondary)",
             padding: [2, -50, 6, 0]
           },
           axisLine: {
-            show: false,
-            lineStyle: {
-              color: "rgba(255,255,255,0.5)"
-            }
+            show: false
           },
           axisLabel: {
             textStyle: {
               fontFamily: "var(--dv-font-family-number)",
-              fontSize: "12",
-              fontWeight: "normal",
-              color: "#909399"
+              fontSize: "var(--dv-text-headline3)",
+              color: "var(--dv-color-text-secondary)"
             }
           },
           splitLine: {
             show: true,
             lineStyle: {
-              color: "rgba(255, 255, 255, 0.15)"
+              color: "var(--dv-color-fill-lighter)"
             }
           },
           axisTick: { show: false },
@@ -260,13 +253,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     fontSize: 8,
                     lineHeight: 12,
                     padding: [2, 6, 0, 6],
-                    color: "#FFFFFF",
-                    backgroundColor: "#FF1744",
+                    color: "var(--dv-color-text-primary)",
+                    backgroundColor: "var(--dv-color-danger)",
                     borderRadius: 8
                   },
                   lineStyle: {
                     type: "solid",
-                    color: "#FF1744"
+                    color: "var(--dv-color-danger)"
                   }
                 },
                 {
@@ -281,13 +274,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     fontSize: 8,
                     lineHeight: 12,
                     padding: [2, 6, 0, 6],
-                    color: "#FFFFFF",
-                    backgroundColor: "#FF1744",
+                    color: "var(--dv-color-text-primary)",
+                    backgroundColor: "var(--dv-color-danger)",
                     borderRadius: 8
                   },
                   lineStyle: {
                     type: "solid",
-                    color: "#FF1744"
+                    color: "var(--dv-color-danger)"
                   }
                 }
               ]
@@ -303,7 +296,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ref_key: "chartUpstreamImpact",
           ref: chartUpstreamImpact,
           class: "chart"
-        }, null, 512)
+        }, [
+          vue.createVNode(BaseECharts_vue_vue_type_script_setup_true_lang.default, { options: option.value }, null, 8, ["options"])
+        ], 512)
       ]);
     };
   }

package/dist/lib/wgms/src/UpstreamSection/index.vue.js

@@ -50,12 +50,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const data = vue.reactive({
-      handleStyle: {
-        background: "#15F3A3",
-        width: "2px",
-        height: "12px"
-      },
-      activeColor: "linear-gradient(270deg, rgba(15,235,198,0.80) 0%, rgba(15,235,198,0.20) 100%)",
       relativeData: [{
         siteName: "上游断面1",
         coefficientPre: 0.56,
@@ -91,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
       getData();
     });
-    const { relativeData, handleStyle, activeColor } = vue.toRefs(data);
+    const { relativeData } = vue.toRefs(data);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
@@ -105,10 +99,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(item.siteName), 1),
               vue.createElementVNode("div", _hoisted_6, [
                 vue.createVNode(ProgressBar_vue_vue_type_script_setup_true_lang.default, {
-                  percentage: item.nh3OverNum / item.totalOverNum * 100,
-                  "active-color": vue.unref(activeColor),
-                  "handle-style": vue.unref(handleStyle)
-                }, null, 8, ["percentage", "active-color", "handle-style"])
+                  percentage: item.nh3OverNum / item.totalOverNum * 100
+                }, null, 8, ["percentage"])
               ]),
               vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(item.totalOverNum), 1)
             ]);

package/dist/lib/wgms/src/WaterEnvironmentOnlineMonitor/index.vue.js

@@ -9,7 +9,8 @@ const _hoisted_1 = { class: "dv-wgms-env-online dv-wgms-flex-between-center" };
 const _hoisted_2 = { class: "dv-wgms-name" };
 const _hoisted_3 = { class: "dv-wgms-value" };
 const _hoisted_4 = { class: "dv-wgms-online" };
-const _hoisted_5 = { class: "dv-wgms-total" };
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("span", { class: "dv-wgms-split" }, "/", -1);
+const _hoisted_6 = { class: "dv-wgms-total" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
@@ -49,7 +50,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(item.name), 1),
             vue.createElementVNode("div", _hoisted_3, [
               vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(item.onlineCount === null ? "--" : item.onlineCount), 1),
-              vue.createElementVNode("span", _hoisted_5, "/" + vue.toDisplayString(item.total === null ? "--" : item.total), 1)
+              _hoisted_5,
+              vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(item.total === null ? "--" : item.total), 1)
             ])
           ]);
         }), 128))

package/dist/lib/wgms/src/WaterQualityClassification/index.vue.js

@@ -2,14 +2,13 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const down = require('./images/down.svg.js');
-const right = require('./images/right.svg.js');
-const up = require('./images/up.svg.js');
 const vue = require('vue');
 const dayjs = require('dayjs');
 const lodashEs = require('lodash-es');
-const index$1 = require('../../utils/echarts/index.js');
+const commonArrow_vue_vue_type_script_setup_true_lang = require('../common/common-arrow.vue.js');
+require('../common/common-arrow.vue2.js');
 const echartsOptions = require('../../utils/echarts/echartsOptions.js');
+const BaseECharts_vue_vue_type_script_setup_true_lang = require('../../utils/echarts/BaseECharts.vue.js');
 const index = require('./api/index.js');
 
 const _hoisted_1 = { class: "dv-wgms-water-category" };
@@ -19,7 +18,7 @@ const _hoisted_4 = { class: "flex-num" };
 const _hoisted_5 = { class: "num" };
 const _hoisted_6 = { class: "percent" };
 const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("span", { class: "text" }, "同比", -1);
-const _hoisted_8 = ["src"];
+const _hoisted_8 = { class: "arrow-compare" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
@@ -39,6 +38,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const chartPie = vue.ref();
+    const option = vue.ref(void 0);
     const wgmsData = vue.reactive({
       list: []
     });
@@ -70,11 +70,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const total = lodashEs.sumBy(list2, (o) => {
         return o.count;
       });
-      const options = echartsOptions.pieChartOptions(seriesData, colorList, total);
-      index$1.default.draw(chartPie.value, options);
-    };
-    const getAssetsFile = (url) => {
-      return new URL((/* #__PURE__ */ Object.assign({"./images/down.svg": down.default,"./images/right.svg": right.default,"./images/up.svg": up.default}))[`./images/${url}`], self.location).href;
+      option.value = echartsOptions.pieChartOptions(seriesData, colorList, total);
     };
     vue.watch([() => props.params, () => props.data], () => {
       getResData();
@@ -88,7 +84,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ref_key: "chartPie",
           ref: chartPie,
           class: "chart-pie"
-        }, null, 512),
+        }, [
+          vue.createVNode(BaseECharts_vue_vue_type_script_setup_true_lang.default, { options: option.value }, null, 8, ["options"])
+        ], 512),
         vue.createElementVNode("div", _hoisted_2, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(list), (item) => {
             return vue.openBlock(), vue.createElementBlock("div", {
@@ -107,13 +105,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               _hoisted_7,
               vue.createElementVNode("span", {
                 class: "compare",
-                style: vue.normalizeStyle({ color: item.yoyPercent === null ? "--" : item.yoyPercent > 0 ? "#36F097" : item.yoyPercent < 0 ? "#F84439" : "#00DDFF" })
+                style: vue.normalizeStyle({ color: item.yoyPercent === null ? "--" : item.yoyPercent > 0 ? "var(--dv-color-success)" : item.yoyPercent < 0 ? "var(--dv-color-danger)" : "var(--dv-color-index)" })
               }, vue.toDisplayString(item.yoyPercent === null ? "--" : `${Math.abs(item.yoyPercent)}%`), 5),
-              item.yoyPercent !== null ? (vue.openBlock(), vue.createElementBlock("img", {
-                key: 0,
-                src: getAssetsFile(`${item.yoyPercent > 0 ? "up" : item.yoyPercent < 0 ? "down" : "right"}.svg`),
-                alt: ""
-              }, null, 8, _hoisted_8)) : vue.createCommentVNode("", true)
+              vue.createElementVNode("div", _hoisted_8, [
+                item.yoyPercent !== null ? (vue.openBlock(), vue.createBlock(commonArrow_vue_vue_type_script_setup_true_lang.default, {
+                  key: 0,
+                  direction: item.yoyPercent > 0 ? "up" : item.yoyPercent < 0 ? "down" : "flat"
+                }, null, 8, ["direction"])) : vue.createCommentVNode("", true)
+              ])
             ]);
           }), 128))
         ])