@ued_fpi/data-visual 1.2.1 → 1.2.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,10 +2,15 @@
 
 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: "dv-wgms-water-category" };
 const _hoisted_2 = { class: "section-water-quality-lengend" };
@@ -14,37 +19,69 @@ 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;

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

@@ -1,2 +1,40 @@
-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 { REACH_STANDARD_RES } from './api/types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    params: REACH_STANDARD_RES.ParamsRequest;
+    data: REACH_STANDARD_RES.DataResponse[];
+}>, {
+    params: () => {
+        regionCode: number;
+        startTime: number;
+        endTime: number;
+    };
+    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: REACH_STANDARD_RES.ParamsRequest;
+    data: REACH_STANDARD_RES.DataResponse[];
+}>, {
+    params: () => {
+        regionCode: number;
+        startTime: number;
+        endTime: number;
+    };
+    data: () => never[];
+}>>>, {
+    data: REACH_STANDARD_RES.DataResponse[];
+    params: REACH_STANDARD_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/WaterQualityStatus/index.vue.js

@@ -2,10 +2,14 @@
 
 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 vue = require('vue');
+const dayjs = require('dayjs');
 const ProgressBar_vue_vue_type_script_setup_true_lang = require('../common/ProgressBar.vue.js');
 require('../common/ProgressBar.vue2.js');
+const index = require('./api/index.js');
 
 const _hoisted_1 = { class: "dv-wgms-water-quality" };
 const _hoisted_2 = { class: "dv-wgms-water-quality-status-top dv-wgms-flex-between-center" };
@@ -17,46 +21,75 @@ const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("span", { class: "dv-w
 const _hoisted_8 = { class: "dv-wgms-value" };
 const _hoisted_9 = { class: "dv-wgms-same" };
 const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("span", { class: "dv-wgms-text" }, "同比", -1);
-const _hoisted_11 = { class: "dv-wgms-value" };
-const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("img", { src: up.default }, null, -1);
+const _hoisted_11 = ["src"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
+  props: {
+    params: { default: () => {
+      return {
+        regionCode: 3301,
+        startTime: dayjs().startOf("year").valueOf(),
+        endTime: dayjs().endOf("year").valueOf()
+      };
+    } },
+    data: { default: () => {
+      return [];
+    } }
+  },
   setup(__props) {
-    const data = vue.reactive({
-      mockList: [
-        { label: "国控优", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
-        { label: "省控以上优", grade: "III", percentage: 94.6, target: 100, same: -7.7 },
-        { label: "市控以上优", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
-        { label: "交接断面达标率", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
-        { label: "饮用水源达标率", grade: "III", percentage: 94.6, target: 100, same: 7.7 }
-      ]
+    const props = __props;
+    const wgmsData = vue.reactive({
+      list: []
+    });
+    const getResData = async () => {
+      if (props.data && props.data.length) {
+        wgmsData.list = props.data;
+        return;
+      }
+      const { data: res } = await index.getReachStandardData(props.params);
+      res && (wgmsData.list = res);
+    };
+    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.onMounted(() => {
+      getResData();
     });
+    vue.watch([() => props.params, () => props.data], () => {
+      getResData();
+    }, { deep: true });
     const {
-      mockList
-    } = vue.toRefs(data);
+      list
+    } = vue.toRefs(wgmsData);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(mockList), (item, index) => {
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(list), (item, index) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: index,
             class: "dv-wgms-water-quality-status"
           }, [
             vue.createElementVNode("div", _hoisted_2, [
-              vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(item.label) + vue.toDisplayString(item.grade), 1),
-              vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(item.percentage) + "% ", 1)
+              vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(item.name), 1),
+              vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(item.reachStandardRate === null ? "--" : `${item.reachStandardRate}%`), 1)
             ]),
             vue.createVNode(ProgressBar_vue_vue_type_script_setup_true_lang.default, {
-              percentage: item.percentage
+              percentage: item.reachStandardRate === null ? 0 : item.reachStandardRate
             }, null, 8, ["percentage"]),
             vue.createElementVNode("div", _hoisted_5, [
               vue.createElementVNode("div", _hoisted_6, [
                 _hoisted_7,
-                vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(item.target) + "%", 1)
+                vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(item.target === null ? "--" : `${item.target}%`), 1)
               ]),
               vue.createElementVNode("div", _hoisted_9, [
                 _hoisted_10,
-                vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(item.same) + "%", 1),
-                _hoisted_12
+                vue.createElementVNode("span", {
+                  style: vue.normalizeStyle({ color: item.yoy === null ? "#fff" : item.yoy > 0 ? "#15F3A3" : item.yoy < 0 ? "#F84439" : "#33E5FF" }),
+                  class: "dv-wgms-value"
+                }, vue.toDisplayString(item.yoy === null ? "--" : item.yoy === 0 ? "持平" : `${item.yoy}%`), 5),
+                item.yoy !== null ? (vue.openBlock(), vue.createElementBlock("img", {
+                  key: 0,
+                  src: getAssetsFile(`${item.yoy > 0 ? "up" : item.yoy < 0 ? "down" : "right"}.svg`)
+                }, null, 8, _hoisted_11)) : vue.createCommentVNode("", true)
               ])
             ])
           ]);

package/dist/lib/wgms/utils/echarts/echartsOptions.d.ts

@@ -1,5 +1,13 @@
 export declare const pieChartOptions: (seriesData: Record<string, any>[], colorList: string[], total: number) => {
-    grid: {};
+    grid: {
+        top: number;
+        left: number;
+        right: number;
+    };
+    tooltip: {
+        show: boolean;
+        trigger: string;
+    };
     series: {
         name: string;
         type: string;

package/dist/lib/wgms/utils/echarts/echartsOptions.js

@@ -5,8 +5,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const pieChartOptions = (seriesData, colorList, total) => {
   return {
     grid: {
-      // top: 20,
-      // left: 20,
+      top: 30,
+      left: 20,
+      right: 20
+    },
+    tooltip: {
+      show: true,
+      trigger: "item"
     },
     series: [
       {