@ued_fpi/data-visual 1.2.0 → 1.2.2

package/dist/es/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/es/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/es/wgms/src/WaterQualityClassification/index.vue.mjs

@@ -1,46 +1,83 @@
-import { defineComponent, ref, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString } from 'vue';
-import _imports_0 from './images/up.svg.mjs';
+import __vite_glob_0_0 from './images/down.svg.mjs';
+import __vite_glob_0_1 from './images/right.svg.mjs';
+import __vite_glob_0_2 from './images/up.svg.mjs';
+import { defineComponent, ref, reactive, onMounted, nextTick, watch, toRefs, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, normalizeStyle, toDisplayString, createCommentVNode } from 'vue';
+import dayjs from 'dayjs';
+import { sumBy } from 'lodash-es';
 import echarts from '../../utils/echarts/index.mjs';
 import { pieChartOptions } from '../../utils/echarts/echartsOptions.mjs';
+import { getWaterQualityData } from './api/index.mjs';
 
-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__ */ createElementVNode("span", { class: "text" }, "同比", -1);
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("img", {
-  src: _imports_0,
-  alt: ""
-}, null, -1);
+const _hoisted_8 = ["src"];
 const _sfc_main = /* @__PURE__ */ 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 = 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"];
-    onMounted(async () => {
-      await nextTick();
-      loadChart();
+    const wgmsData = reactive({
+      list: []
+    });
+    onMounted(() => {
+      getResData();
     });
-    const loadChart = () => {
-      const seriesData = mockData.map((item) => {
+    const getResData = async () => {
+      if (props.data && props.data.length) {
+        wgmsData.list = props.data;
+        await nextTick();
+        loadChart(wgmsData.list);
+        return;
+      }
+      const { data: res } = await getWaterQualityData(props.params);
+      res && (wgmsData.list = res);
+      await 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 = pieChartOptions(seriesData, colorList, 105);
+      const colorList = list2.map((item) => {
+        return item.waterQualityColor;
+      });
+      const total = sumBy(list2, (o) => {
+        return o.count;
+      });
+      const options = pieChartOptions(seriesData, colorList, total);
       echarts.draw(chartPie.value, options);
     };
+    const getAssetsFile = (url) => {
+      return new URL((/* #__PURE__ */ Object.assign({"./images/down.svg": __vite_glob_0_0,"./images/right.svg": __vite_glob_0_1,"./images/up.svg": __vite_glob_0_2}))[`./images/${url}`], self.location).href;
+    };
+    watch([() => props.params, () => props.data], () => {
+      getResData();
+    }, { deep: true });
+    const {
+      list
+    } = toRefs(wgmsData);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
@@ -49,28 +86,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "chart-pie"
         }, null, 512),
         createElementVNode("div", _hoisted_2, [
-          (openBlock(), createElementBlock(Fragment, null, renderList(mockData, (item) => {
-            return createElementVNode("div", {
-              key: item.grade,
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item) => {
+            return openBlock(), createElementBlock("div", {
+              key: item.waterQuality,
               class: "lengend-item"
             }, [
               createElementVNode("span", {
                 class: "icon",
-                style: normalizeStyle({ background: item.color })
+                style: normalizeStyle({ background: item.waterQualityColor })
               }, null, 4),
-              createElementVNode("span", _hoisted_3, toDisplayString(item.grade), 1),
+              createElementVNode("span", _hoisted_3, toDisplayString(item.waterQuality), 1),
               createElementVNode("div", _hoisted_4, [
-                createElementVNode("span", _hoisted_5, toDisplayString(item.days), 1),
-                createElementVNode("span", _hoisted_6, "/" + toDisplayString(item.rate) + "%", 1)
+                createElementVNode("span", _hoisted_5, toDisplayString(item.count), 1),
+                createElementVNode("span", _hoisted_6, "/" + toDisplayString(item.percent) + "%", 1)
               ]),
               _hoisted_7,
               createElementVNode("span", {
                 class: "compare",
-                style: normalizeStyle({ color: item?.same > 0 ? "#36F097" : item?.same < 0 ? "#F84439" : "#00DDFF" })
-              }, toDisplayString(item.same ?? "--") + "%", 5),
-              _hoisted_8
+                style: normalizeStyle({ color: item.yoyPercent === null ? "--" : item.yoyPercent > 0 ? "#36F097" : item.yoyPercent < 0 ? "#F84439" : "#00DDFF" })
+              }, toDisplayString(item.yoyPercent === null ? "--" : `${Math.abs(item.yoyPercent)}%`), 5),
+              item.yoyPercent !== null ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                src: getAssetsFile(`${item.yoyPercent > 0 ? "up" : item.yoyPercent < 0 ? "down" : "right"}.svg`),
+                alt: ""
+              }, null, 8, _hoisted_8)) : createCommentVNode("", true)
             ]);
-          }), 64))
+          }), 128))
         ])
       ]);
     };

package/dist/es/wgms/src/WaterQualityRainfall/index.vue.mjs

@@ -97,10 +97,6 @@ const _sfc_main = /* @__PURE__ */ 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/es/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/es/wgms/src/WaterQualityStatus/api/index.mjs

@@ -0,0 +1,12 @@
+import requestControl from '../../../service/request.mjs';
+
+const getReachStandardData = (params) => {
+  return requestControl({
+    url: "/api/v1/screen/reach-standard-rate",
+    server: "wgmsScreenServer",
+    method: "get",
+    params
+  });
+};
+
+export { getReachStandardData };

package/dist/es/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/es/wgms/src/WaterQualityStatus/images/down.svg.mjs

@@ -0,0 +1,3 @@
+const __vite_glob_0_0 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMCwyNCkiPjxwYXRoIGQ9Ik0wLDE3TDMsMTdMMywyNEw1LDI0TDUsMTdMOCwxN0w0LDEyTDAsMTdaIiBmaWxsPSIjRjg0NDM5IiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9zdmc+";
+
+export { __vite_glob_0_0 as default };

package/dist/es/wgms/src/WaterQualityStatus/images/right.svg.mjs

@@ -0,0 +1,3 @@
+const __vite_glob_0_1 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMS45OTk5OTkyODQ3NDQyNjMiIGhlaWdodD0iNy45OTk5OTk1MjMxNjI4NDIiIHZpZXdCb3g9IjAgMCAxMS45OTk5OTkyODQ3NDQyNjMgNy45OTk5OTk1MjMxNjI4NDIiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAsMC45OTk5OTk5NDAzOTUzNTUyLC0wLjk5OTk5OTk0MDM5NTM1NTIsMCwxMS45OTk5OTkyODQ3NDQyNjMsLTExLjk5OTk5ODU2OTQ4ODU2OCkiPjxwYXRoIGQ9Ik0xMS45OTk5OTkyODQ3NDQyNjMsNUwxNC45OTk5OTkyODQ3NDQyNjMsNUwxNC45OTk5OTkyODQ3NDQyNjMsMTJMMTYuOTk5OTk5Mjg0NzQ0MjYzLDEyTDE2Ljk5OTk5OTI4NDc0NDI2Myw1TDE5Ljk5OTk5OTI4NDc0NDI2Myw1TDE1Ljk5OTk5OTI4NDc0NDI2MywwTDExLjk5OTk5OTI4NDc0NDI2Myw1WiIgZmlsbD0iIzMzRTVGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvc3ZnPg==";
+
+export { __vite_glob_0_1 as default };

package/dist/es/wgms/src/WaterQualityStatus/images/up.svg.mjs

@@ -1,3 +1,3 @@
-const _imports_0 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiI+PGc+PHBhdGggZD0iTTAsNUwzLDVMMywxMkw1LDEyTDUsNUw4LDVMNCwwTDAsNVoiIGZpbGw9IiMwMERFRkYiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L3N2Zz4=";
+const __vite_glob_0_2 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiI+PGc+PHBhdGggZD0iTTAsNUwzLDVMMywxMkw1LDEyTDUsNUw4LDVMNCwwTDAsNVoiIGZpbGw9IiMxNUYzQTMiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L3N2Zz4=";
 
-export { _imports_0 as default };
+export { __vite_glob_0_2 as default };

package/dist/es/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/es/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/es/wgms/src/WaterQualityStatus/index.vue.mjs

@@ -1,58 +1,91 @@
-import { defineComponent, reactive, toRefs, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, createVNode } from 'vue';
-import _imports_0 from './images/up.svg.mjs';
+import __vite_glob_0_0 from './images/down.svg.mjs';
+import __vite_glob_0_1 from './images/right.svg.mjs';
+import __vite_glob_0_2 from './images/up.svg.mjs';
+import { defineComponent, reactive, onMounted, watch, toRefs, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, createVNode, normalizeStyle, createCommentVNode } from 'vue';
+import dayjs from 'dayjs';
 import _sfc_main$1 from '../common/ProgressBar.vue.mjs';
 import '../common/ProgressBar.vue2.mjs';
+import { getReachStandardData } from './api/index.mjs';
 
-const _hoisted_1 = { class: "water-quality" };
-const _hoisted_2 = { class: "water-quality-status-top flex-between-center" };
-const _hoisted_3 = { class: "label" };
-const _hoisted_4 = { class: "rate" };
-const _hoisted_5 = { class: "water-quality-status-bottom flex-between-center" };
-const _hoisted_6 = { class: "target" };
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("span", { class: "text" }, "目标", -1);
-const _hoisted_8 = { class: "value" };
-const _hoisted_9 = { class: "same" };
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", { class: "text" }, "同比", -1);
-const _hoisted_11 = { class: "value" };
-const _hoisted_12 = /* @__PURE__ */ createElementVNode("img", { src: _imports_0 }, null, -1);
+const _hoisted_1 = { class: "dv-wgms-water-quality" };
+const _hoisted_2 = { class: "dv-wgms-water-quality-status-top dv-wgms-flex-between-center" };
+const _hoisted_3 = { class: "dv-wgms-label" };
+const _hoisted_4 = { class: "dv-wgms-rate" };
+const _hoisted_5 = { class: "dv-wgms-water-quality-status-bottom dv-wgms-flex-between-center" };
+const _hoisted_6 = { class: "dv-wgms-target" };
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("span", { class: "dv-wgms-text" }, "目标", -1);
+const _hoisted_8 = { class: "dv-wgms-value" };
+const _hoisted_9 = { class: "dv-wgms-same" };
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", { class: "dv-wgms-text" }, "同比", -1);
+const _hoisted_11 = ["src"];
 const _sfc_main = /* @__PURE__ */ 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 = 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 = reactive({
+      list: []
     });
+    const getResData = async () => {
+      if (props.data && props.data.length) {
+        wgmsData.list = props.data;
+        return;
+      }
+      const { data: res } = await getReachStandardData(props.params);
+      res && (wgmsData.list = res);
+    };
+    const getAssetsFile = (url) => {
+      return new URL((/* #__PURE__ */ Object.assign({"./images/down.svg": __vite_glob_0_0,"./images/right.svg": __vite_glob_0_1,"./images/up.svg": __vite_glob_0_2}))[`./images/${url}`], self.location).href;
+    };
+    onMounted(() => {
+      getResData();
+    });
+    watch([() => props.params, () => props.data], () => {
+      getResData();
+    }, { deep: true });
     const {
-      mockList
-    } = toRefs(data);
+      list
+    } = toRefs(wgmsData);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(mockList), (item, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item, index) => {
           return openBlock(), createElementBlock("div", {
             key: index,
-            class: "water-quality-status"
+            class: "dv-wgms-water-quality-status"
           }, [
             createElementVNode("div", _hoisted_2, [
-              createElementVNode("div", _hoisted_3, toDisplayString(item.label) + toDisplayString(item.grade), 1),
-              createElementVNode("div", _hoisted_4, toDisplayString(item.percentage) + "% ", 1)
+              createElementVNode("div", _hoisted_3, toDisplayString(item.name), 1),
+              createElementVNode("div", _hoisted_4, toDisplayString(item.reachStandardRate === null ? "--" : `${item.reachStandardRate}%`), 1)
             ]),
             createVNode(_sfc_main$1, {
-              percentage: item.percentage
+              percentage: item.reachStandardRate === null ? 0 : item.reachStandardRate
             }, null, 8, ["percentage"]),
             createElementVNode("div", _hoisted_5, [
               createElementVNode("div", _hoisted_6, [
                 _hoisted_7,
-                createElementVNode("span", _hoisted_8, toDisplayString(item.target) + "%", 1)
+                createElementVNode("span", _hoisted_8, toDisplayString(item.target === null ? "--" : `${item.target}%`), 1)
               ]),
               createElementVNode("div", _hoisted_9, [
                 _hoisted_10,
-                createElementVNode("span", _hoisted_11, toDisplayString(item.same) + "%", 1),
-                _hoisted_12
+                createElementVNode("span", {
+                  style: normalizeStyle({ color: item.yoy === null ? "#fff" : item.yoy > 0 ? "#15F3A3" : item.yoy < 0 ? "#F84439" : "#33E5FF" }),
+                  class: "dv-wgms-value"
+                }, toDisplayString(item.yoy === null ? "--" : item.yoy === 0 ? "持平" : `${item.yoy}%`), 5),
+                item.yoy !== null ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  src: getAssetsFile(`${item.yoy > 0 ? "up" : item.yoy < 0 ? "down" : "right"}.svg`)
+                }, null, 8, _hoisted_11)) : createCommentVNode("", true)
               ])
             ])
           ]);

package/dist/es/wgms/src/common/ProgressBar.vue.mjs

@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "bar-box",
+        class: "dv-wgms-bar-box",
         style: normalizeStyle({ height: `${__props.barHeight}px`, background: __props.bgColor })
       }, [
         createElementVNode("div", {

package/dist/es/wgms/src/common/select-panel.vue.mjs

@@ -3,7 +3,7 @@ import 'element-plus/es/components/base/style/css';
 import 'element-plus/es/components/scrollbar/style/css';
 import { defineComponent, reactive, watch, onMounted, onUnmounted, toRefs, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, withModifiers, withDirectives, toDisplayString, unref, vShow, createCommentVNode, createVNode, Transition, withCtx, Fragment, renderList } from 'vue';
 
-const _hoisted_1 = { class: "container-select" };
+const _hoisted_1 = { class: "dv-wgms-container-select" };
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({