@ued_fpi/data-visual 1.2.0 → 1.2.2

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

@@ -3,37 +3,56 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
+const index = require('./api/index.js');
 
-const _hoisted_1 = { class: "env-online flex-between-center" };
-const _hoisted_2 = { class: "name" };
-const _hoisted_3 = { class: "value" };
-const _hoisted_4 = { class: "online" };
-const _hoisted_5 = { class: "total" };
+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 _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
+  props: {
+    params: { default: () => {
+      return {
+        regionCode: "3301"
+      };
+    } },
+    data: { default: () => {
+      return [];
+    } }
+  },
   setup(__props) {
-    const mockData = [
-      { name: "国控", online: 10, total: 11 },
-      { name: "省控以上", online: 10, total: 11 },
-      { name: "市控以上", online: 10, total: 11 },
-      { name: "区县", online: 10, total: 11 },
-      { name: "交接断面", online: 10, total: 11 },
-      { name: "饮用水源", online: 10, total: 11 }
-    ];
+    const props = __props;
+    const listData = vue.ref([]);
+    const getResData = async () => {
+      if (props.data && props.data.length) {
+        listData.value = props.data;
+        return;
+      }
+      const { data } = await index.getWaterEnvOnlineData(props.params);
+      data && (listData.value = data);
+    };
+    vue.onMounted(() => {
+      getResData();
+    });
+    vue.watch([() => props.params, () => props.data], () => {
+      getResData();
+    }, { deep: true });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(mockData, (item, index) => {
-          return vue.createElementVNode("div", {
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(listData.value, (item, index) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
             key: index,
-            class: "item-one flex-between-center"
+            class: "dv-wgms-item-one dv-wgms-flex-between-center"
           }, [
             vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(item.name), 1),
             vue.createElementVNode("div", _hoisted_3, [
-              vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(item.online), 1),
-              vue.createElementVNode("span", _hoisted_5, "/" + vue.toDisplayString(item.total), 1)
+              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)
             ])
           ]);
-        }), 64))
+        }), 128))
       ]);
     };
   }

package/dist/lib/wgms/src/WaterQualityClassification/api/index.d.ts

@@ -0,0 +1,6 @@
+import type { WATER_QUALITY_PERCENT_RES } from './types';
+export declare const getWaterQualityData: (params: WATER_QUALITY_PERCENT_RES.ParamsRequest) => Promise<{
+    code: number;
+    data: WATER_QUALITY_PERCENT_RES.DataResponse[] | null;
+    message: string;
+}>;

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

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const request = require('../../../service/request.js');
+
+const getWaterQualityData = (params) => {
+  return request.default({
+    url: "/api/v1/screen/water-quality-percent",
+    server: "wgmsScreenServer",
+    method: "get",
+    params
+  });
+};
+
+exports.getWaterQualityData = getWaterQualityData;

package/dist/lib/wgms/src/WaterQualityClassification/api/types.d.ts

@@ -0,0 +1,16 @@
+export declare namespace WATER_QUALITY_PERCENT_RES {
+    interface ParamsRequest {
+        controlLevel: string;
+        treeId: number | string;
+        startTime: number;
+        endTime: number;
+        timeType: 'hour' | 'day' | 'week' | 'month' | 'quarter' | 'year';
+    }
+    interface DataResponse {
+        waterQuality: string;
+        waterQualityColor: string;
+        count: number;
+        percent: number;
+        yoyPercent: number;
+    }
+}

package/dist/lib/wgms/src/WaterQualityClassification/images/down.svg.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const __vite_glob_0_0 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMCwyNCkiPjxwYXRoIGQ9Ik0wLDE3TDMsMTdMMywyNEw1LDI0TDUsMTdMOCwxN0w0LDEyTDAsMTdaIiBmaWxsPSIjRjg0NDM5IiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9zdmc+";
+
+exports.default = __vite_glob_0_0;

package/dist/lib/wgms/src/WaterQualityClassification/images/right.svg.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const __vite_glob_0_1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMS45OTk5OTkyODQ3NDQyNjMiIGhlaWdodD0iNy45OTk5OTk1MjMxNjI4NDIiIHZpZXdCb3g9IjAgMCAxMS45OTk5OTkyODQ3NDQyNjMgNy45OTk5OTk1MjMxNjI4NDIiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAsMC45OTk5OTk5NDAzOTUzNTUyLC0wLjk5OTk5OTk0MDM5NTM1NTIsMCwxMS45OTk5OTkyODQ3NDQyNjMsLTExLjk5OTk5ODU2OTQ4ODU2OCkiPjxwYXRoIGQ9Ik0xMS45OTk5OTkyODQ3NDQyNjMsNUwxNC45OTk5OTkyODQ3NDQyNjMsNUwxNC45OTk5OTkyODQ3NDQyNjMsMTJMMTYuOTk5OTk5Mjg0NzQ0MjYzLDEyTDE2Ljk5OTk5OTI4NDc0NDI2Myw1TDE5Ljk5OTk5OTI4NDc0NDI2Myw1TDE1Ljk5OTk5OTI4NDc0NDI2MywwTDExLjk5OTk5OTI4NDc0NDI2Myw1WiIgZmlsbD0iIzMzRTVGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvc3ZnPg==";
+
+exports.default = __vite_glob_0_1;

package/dist/lib/wgms/src/WaterQualityClassification/images/up.svg.js

@@ -2,6 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const _imports_0 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiI+PGc+PHBhdGggZD0iTTAsNUwzLDVMMywxMkw1LDEyTDUsNUw4LDVMNCwwTDAsNVoiIGZpbGw9IiMwMERFRkYiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L3N2Zz4=";
+const __vite_glob_0_2 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiI+PGc+PHBhdGggZD0iTTAsNUwzLDVMMywxMkw1LDEyTDUsNUw4LDVMNCwwTDAsNVoiIGZpbGw9IiMxNUYzQTMiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L3N2Zz4=";
 
-exports.default = _imports_0;
+exports.default = __vite_glob_0_2;

package/dist/lib/wgms/src/WaterQualityClassification/index.d.ts

@@ -4,6 +4,8 @@ export declare const DvWgmsWaterQualityClassification: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            data?: import("./api/types").WATER_QUALITY_PERCENT_RES.DataResponse[] | undefined;
+            params?: import("./api/types").WATER_QUALITY_PERCENT_RES.ParamsRequest | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -62,7 +64,29 @@ export declare const DvWgmsWaterQualityClassification: {
         $parent: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: globalThis.PropType<import("./api/types").WATER_QUALITY_PERCENT_RES.DataResponse[]>;
+                required: true;
+            } & {
+                default: () => never[];
+            };
+            params: {
+                type: globalThis.PropType<import("./api/types").WATER_QUALITY_PERCENT_RES.ParamsRequest>;
+                required: true;
+            } & {
+                default: () => {
+                    controlLevel: string;
+                    treeId: string;
+                    startTime: number;
+                    endTime: number;
+                    timeType: string;
+                };
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            data: import("./api/types").WATER_QUALITY_PERCENT_RES.DataResponse[];
+            params: import("./api/types").WATER_QUALITY_PERCENT_RES.ParamsRequest;
+        }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -82,9 +106,50 @@ export declare const DvWgmsWaterQualityClassification: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    } & Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: globalThis.PropType<import("./api/types").WATER_QUALITY_PERCENT_RES.DataResponse[]>;
+            required: true;
+        } & {
+            default: () => never[];
+        };
+        params: {
+            type: globalThis.PropType<import("./api/types").WATER_QUALITY_PERCENT_RES.ParamsRequest>;
+            required: true;
+        } & {
+            default: () => {
+                controlLevel: string;
+                treeId: string;
+                startTime: number;
+                endTime: number;
+                timeType: string;
+            };
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: globalThis.PropType<import("./api/types").WATER_QUALITY_PERCENT_RES.DataResponse[]>;
+        required: true;
+    } & {
+        default: () => never[];
+    };
+    params: {
+        type: globalThis.PropType<import("./api/types").WATER_QUALITY_PERCENT_RES.ParamsRequest>;
+        required: true;
+    } & {
+        default: () => {
+            controlLevel: string;
+            treeId: string;
+            startTime: number;
+            endTime: number;
+            timeType: string;
+        };
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    data: import("./api/types").WATER_QUALITY_PERCENT_RES.DataResponse[];
+    params: import("./api/types").WATER_QUALITY_PERCENT_RES.ParamsRequest;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _WaterQualityClassification;

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

@@ -1,2 +1,44 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+import type { WATER_QUALITY_PERCENT_RES } from './api/types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    params: WATER_QUALITY_PERCENT_RES.ParamsRequest;
+    data: WATER_QUALITY_PERCENT_RES.DataResponse[];
+}>, {
+    params: () => {
+        controlLevel: string;
+        treeId: string;
+        startTime: number;
+        endTime: number;
+        timeType: string;
+    };
+    data: () => never[];
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    params: WATER_QUALITY_PERCENT_RES.ParamsRequest;
+    data: WATER_QUALITY_PERCENT_RES.DataResponse[];
+}>, {
+    params: () => {
+        controlLevel: string;
+        treeId: string;
+        startTime: number;
+        endTime: number;
+        timeType: string;
+    };
+    data: () => never[];
+}>>>, {
+    data: WATER_QUALITY_PERCENT_RES.DataResponse[];
+    params: WATER_QUALITY_PERCENT_RES.ParamsRequest;
+}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

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

@@ -2,49 +2,86 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const vue = require('vue');
+const down = require('./images/down.svg.js');
+const right = require('./images/right.svg.js');
 const up = require('./images/up.svg.js');
-const index = require('../../utils/echarts/index.js');
+const vue = require('vue');
+const dayjs = require('dayjs');
+const lodashEs = require('lodash-es');
+const index$1 = require('../../utils/echarts/index.js');
 const echartsOptions = require('../../utils/echarts/echartsOptions.js');
+const index = require('./api/index.js');
 
-const _hoisted_1 = { class: "water-category" };
+const _hoisted_1 = { class: "dv-wgms-water-category" };
 const _hoisted_2 = { class: "section-water-quality-lengend" };
 const _hoisted_3 = { class: "name" };
 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 = /* @__PURE__ */ vue.createElementVNode("img", {
-  src: up.default,
-  alt: ""
-}, null, -1);
+const _hoisted_8 = ["src"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
+  props: {
+    params: { default: () => {
+      return {
+        controlLevel: "001",
+        treeId: "3301",
+        startTime: dayjs().startOf("year").valueOf(),
+        endTime: dayjs().endOf("year").valueOf(),
+        timeType: "day"
+      };
+    } },
+    data: { default: () => {
+      return [];
+    } }
+  },
   setup(__props) {
+    const props = __props;
     const chartPie = vue.ref();
-    const mockData = [
-      { grade: "Ⅰ类", days: 8, rate: 7.6, same: 20.7, color: "#03A9F4" },
-      { grade: "Ⅱ类", days: 34, rate: 32.3, same: 5.2, color: "#1976D2" },
-      { grade: "Ⅲ类", days: 34, rate: 32.3, same: 0.9, color: "#85C941" },
-      { grade: "Ⅳ类", days: 17, rate: 16.1, same: 5.2, color: "#D9CC4C" },
-      { grade: "Ⅴ类", days: 6, rate: 5.7, same: 48.3, color: "#EE8E00" },
-      { grade: "劣Ⅴ类", days: 6, rate: 5.7, same: 5.7, color: "#E12234" }
-    ];
-    const colorList = ["#03A9F4", "#1976D2", "#85C941", "#D9CC4C", "#EE8E00", "#E12234"];
-    vue.onMounted(async () => {
-      await vue.nextTick();
-      loadChart();
+    const wgmsData = vue.reactive({
+      list: []
     });
-    const loadChart = () => {
-      const seriesData = mockData.map((item) => {
+    vue.onMounted(() => {
+      getResData();
+    });
+    const getResData = async () => {
+      if (props.data && props.data.length) {
+        wgmsData.list = props.data;
+        await vue.nextTick();
+        loadChart(wgmsData.list);
+        return;
+      }
+      const { data: res } = await index.getWaterQualityData(props.params);
+      res && (wgmsData.list = res);
+      await vue.nextTick();
+      loadChart(wgmsData.list);
+    };
+    const loadChart = (list2) => {
+      const seriesData = list2.map((item) => {
         return {
-          name: item.grade,
-          value: item.days
+          name: item.waterQuality,
+          value: item.count
         };
       });
-      const options = echartsOptions.pieChartOptions(seriesData, colorList, 105);
-      index.default.draw(chartPie.value, options);
+      const colorList = list2.map((item) => {
+        return item.waterQualityColor;
+      });
+      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;
     };
+    vue.watch([() => props.params, () => props.data], () => {
+      getResData();
+    }, { deep: true });
+    const {
+      list
+    } = vue.toRefs(wgmsData);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", {
@@ -53,28 +90,32 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           class: "chart-pie"
         }, null, 512),
         vue.createElementVNode("div", _hoisted_2, [
-          (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(mockData, (item) => {
-            return vue.createElementVNode("div", {
-              key: item.grade,
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(list), (item) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: item.waterQuality,
               class: "lengend-item"
             }, [
               vue.createElementVNode("span", {
                 class: "icon",
-                style: vue.normalizeStyle({ background: item.color })
+                style: vue.normalizeStyle({ background: item.waterQualityColor })
               }, null, 4),
-              vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(item.grade), 1),
+              vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(item.waterQuality), 1),
               vue.createElementVNode("div", _hoisted_4, [
-                vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(item.days), 1),
-                vue.createElementVNode("span", _hoisted_6, "/" + vue.toDisplayString(item.rate) + "%", 1)
+                vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(item.count), 1),
+                vue.createElementVNode("span", _hoisted_6, "/" + vue.toDisplayString(item.percent) + "%", 1)
               ]),
               _hoisted_7,
               vue.createElementVNode("span", {
                 class: "compare",
-                style: vue.normalizeStyle({ color: item?.same > 0 ? "#36F097" : item?.same < 0 ? "#F84439" : "#00DDFF" })
-              }, vue.toDisplayString(item.same ?? "--") + "%", 5),
-              _hoisted_8
+                style: vue.normalizeStyle({ color: item.yoyPercent === null ? "--" : item.yoyPercent > 0 ? "#36F097" : item.yoyPercent < 0 ? "#F84439" : "#00DDFF" })
+              }, 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)
             ]);
-          }), 64))
+          }), 128))
         ])
       ]);
     };

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

@@ -101,10 +101,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           axisPointer: {
             type: "line"
           },
-          textStyle: {
-            color: "#b9cfe2",
-            fontFamily: "PingFang SC"
-          },
           formatter: (params) => {
             let str = `<div>${params[0].axisValue}</div>`;
             params.forEach((item, index) => {

package/dist/lib/wgms/src/WaterQualityStatus/api/index.d.ts

@@ -0,0 +1,6 @@
+import type { REACH_STANDARD_RES } from './types';
+export declare const getReachStandardData: (params: REACH_STANDARD_RES.ParamsRequest) => Promise<{
+    code: number;
+    data: REACH_STANDARD_RES.DataResponse[] | null;
+    message: string;
+}>;

package/dist/lib/wgms/src/WaterQualityStatus/api/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const request = require('../../../service/request.js');
+
+const getReachStandardData = (params) => {
+  return request.default({
+    url: "/api/v1/screen/reach-standard-rate",
+    server: "wgmsScreenServer",
+    method: "get",
+    params
+  });
+};
+
+exports.getReachStandardData = getReachStandardData;

package/dist/lib/wgms/src/WaterQualityStatus/api/types.d.ts

@@ -0,0 +1,13 @@
+export declare namespace REACH_STANDARD_RES {
+    interface ParamsRequest {
+        regionCode: number | string;
+        endTime: number;
+        startTime: number;
+    }
+    interface DataResponse {
+        name: string;
+        reachStandardRate: number;
+        target: number;
+        yoy: number;
+    }
+}

package/dist/lib/wgms/src/WaterQualityStatus/images/down.svg.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const __vite_glob_0_0 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMCwyNCkiPjxwYXRoIGQ9Ik0wLDE3TDMsMTdMMywyNEw1LDI0TDUsMTdMOCwxN0w0LDEyTDAsMTdaIiBmaWxsPSIjRjg0NDM5IiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9zdmc+";
+
+exports.default = __vite_glob_0_0;

package/dist/lib/wgms/src/WaterQualityStatus/images/right.svg.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const __vite_glob_0_1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMS45OTk5OTkyODQ3NDQyNjMiIGhlaWdodD0iNy45OTk5OTk1MjMxNjI4NDIiIHZpZXdCb3g9IjAgMCAxMS45OTk5OTkyODQ3NDQyNjMgNy45OTk5OTk1MjMxNjI4NDIiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAsMC45OTk5OTk5NDAzOTUzNTUyLC0wLjk5OTk5OTk0MDM5NTM1NTIsMCwxMS45OTk5OTkyODQ3NDQyNjMsLTExLjk5OTk5ODU2OTQ4ODU2OCkiPjxwYXRoIGQ9Ik0xMS45OTk5OTkyODQ3NDQyNjMsNUwxNC45OTk5OTkyODQ3NDQyNjMsNUwxNC45OTk5OTkyODQ3NDQyNjMsMTJMMTYuOTk5OTk5Mjg0NzQ0MjYzLDEyTDE2Ljk5OTk5OTI4NDc0NDI2Myw1TDE5Ljk5OTk5OTI4NDc0NDI2Myw1TDE1Ljk5OTk5OTI4NDc0NDI2MywwTDExLjk5OTk5OTI4NDc0NDI2Myw1WiIgZmlsbD0iIzMzRTVGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvc3ZnPg==";
+
+exports.default = __vite_glob_0_1;

package/dist/lib/wgms/src/WaterQualityStatus/images/up.svg.js

@@ -2,6 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const _imports_0 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiI+PGc+PHBhdGggZD0iTTAsNUwzLDVMMywxMkw1LDEyTDUsNUw4LDVMNCwwTDAsNVoiIGZpbGw9IiMwMERFRkYiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L3N2Zz4=";
+const __vite_glob_0_2 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiI+PGc+PHBhdGggZD0iTTAsNUwzLDVMMywxMkw1LDEyTDUsNUw4LDVMNCwwTDAsNVoiIGZpbGw9IiMxNUYzQTMiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L3N2Zz4=";
 
-exports.default = _imports_0;
+exports.default = __vite_glob_0_2;

package/dist/lib/wgms/src/WaterQualityStatus/index.d.ts

@@ -4,6 +4,8 @@ export declare const DvWgmsWaterQualityStatus: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            data?: import("./api/types").REACH_STANDARD_RES.DataResponse[] | undefined;
+            params?: import("./api/types").REACH_STANDARD_RES.ParamsRequest | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -62,7 +64,27 @@ export declare const DvWgmsWaterQualityStatus: {
         $parent: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: globalThis.PropType<import("./api/types").REACH_STANDARD_RES.DataResponse[]>;
+                required: true;
+            } & {
+                default: () => never[];
+            };
+            params: {
+                type: globalThis.PropType<import("./api/types").REACH_STANDARD_RES.ParamsRequest>;
+                required: true;
+            } & {
+                default: () => {
+                    regionCode: number;
+                    startTime: number;
+                    endTime: number;
+                };
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            data: import("./api/types").REACH_STANDARD_RES.DataResponse[];
+            params: import("./api/types").REACH_STANDARD_RES.ParamsRequest;
+        }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -82,9 +104,46 @@ export declare const DvWgmsWaterQualityStatus: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    } & Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: globalThis.PropType<import("./api/types").REACH_STANDARD_RES.DataResponse[]>;
+            required: true;
+        } & {
+            default: () => never[];
+        };
+        params: {
+            type: globalThis.PropType<import("./api/types").REACH_STANDARD_RES.ParamsRequest>;
+            required: true;
+        } & {
+            default: () => {
+                regionCode: number;
+                startTime: number;
+                endTime: number;
+            };
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: globalThis.PropType<import("./api/types").REACH_STANDARD_RES.DataResponse[]>;
+        required: true;
+    } & {
+        default: () => never[];
+    };
+    params: {
+        type: globalThis.PropType<import("./api/types").REACH_STANDARD_RES.ParamsRequest>;
+        required: true;
+    } & {
+        default: () => {
+            regionCode: number;
+            startTime: number;
+            endTime: number;
+        };
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    data: import("./api/types").REACH_STANDARD_RES.DataResponse[];
+    params: import("./api/types").REACH_STANDARD_RES.ParamsRequest;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _WaterQualityStatus;