@ued_fpi/data-visual 1.2.1 → 1.2.3

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

@@ -0,0 +1,18 @@
+export declare namespace DRINK_WATER_RES {
+    interface ParamsRequest {
+        startTime: number;
+        endTime: number;
+        timeType: string;
+        factor: string;
+        factorFlag: boolean;
+        keyWord: string;
+        treeId: string;
+        waterSourceScaleCode: string;
+    }
+    interface DataResponse {
+        waterSourceScaleName: string;
+        reachRate: number;
+        siteNum: number;
+        waterSourceNum: number;
+    }
+}

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

@@ -1,9 +1,11 @@
 import _DrinkingWaterComplianceRate from './index.vue';
-export declare const DrinkingWaterComplianceRate: {
+export declare const DvWgmsDrinkingWaterComplianceRate: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            params?: import("./api/types").DRINK_WATER_RES.ParamsRequest | undefined;
+            titleStyle?: Record<string, any> | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -62,7 +64,34 @@ export declare const DrinkingWaterComplianceRate: {
         $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<{
+            params: {
+                type: globalThis.PropType<import("./api/types").DRINK_WATER_RES.ParamsRequest>;
+                required: true;
+            } & {
+                default: () => {
+                    startTime: number;
+                    endTime: number;
+                    timeType: string;
+                    factor: string;
+                    factorFlag: boolean;
+                    keyWord: string;
+                    treeId: string;
+                    waterSourceScaleCode: string;
+                };
+            };
+            titleStyle: {
+                type: globalThis.PropType<Record<string, any>>;
+                required: true;
+            } & {
+                default: () => {
+                    color: string;
+                };
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            params: import("./api/types").DRINK_WATER_RES.ParamsRequest;
+            titleStyle: Record<string, any>;
+        }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -82,9 +111,60 @@ export declare const DrinkingWaterComplianceRate: {
         $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<{
+        params: {
+            type: globalThis.PropType<import("./api/types").DRINK_WATER_RES.ParamsRequest>;
+            required: true;
+        } & {
+            default: () => {
+                startTime: number;
+                endTime: number;
+                timeType: string;
+                factor: string;
+                factorFlag: boolean;
+                keyWord: string;
+                treeId: string;
+                waterSourceScaleCode: string;
+            };
+        };
+        titleStyle: {
+            type: globalThis.PropType<Record<string, any>>;
+            required: true;
+        } & {
+            default: () => {
+                color: 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<{
+    params: {
+        type: globalThis.PropType<import("./api/types").DRINK_WATER_RES.ParamsRequest>;
+        required: true;
+    } & {
+        default: () => {
+            startTime: number;
+            endTime: number;
+            timeType: string;
+            factor: string;
+            factorFlag: boolean;
+            keyWord: string;
+            treeId: string;
+            waterSourceScaleCode: string;
+        };
+    };
+    titleStyle: {
+        type: globalThis.PropType<Record<string, any>>;
+        required: true;
+    } & {
+        default: () => {
+            color: string;
+        };
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    params: import("./api/types").DRINK_WATER_RES.ParamsRequest;
+    titleStyle: Record<string, any>;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _DrinkingWaterComplianceRate;

package/dist/lib/wgms/src/DrinkingWaterComplianceRate/index.js

@@ -6,7 +6,7 @@ const tools = require('../../utils/tools.js');
 const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
 require('./index.vue2.js');
 
-const DrinkingWaterComplianceRate = tools.install(index_vue_vue_type_script_setup_true_lang.default);
+const DvWgmsDrinkingWaterComplianceRate = tools.install(index_vue_vue_type_script_setup_true_lang.default);
 
 exports.default = index_vue_vue_type_script_setup_true_lang.default;
-exports.DrinkingWaterComplianceRate = DrinkingWaterComplianceRate;
+exports.DvWgmsDrinkingWaterComplianceRate = DvWgmsDrinkingWaterComplianceRate;

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

@@ -1,2 +1,54 @@
-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 { DRINK_WATER_RES } from './api/types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    params: DRINK_WATER_RES.ParamsRequest;
+    titleStyle: Record<string, any>;
+}>, {
+    params: () => {
+        startTime: number;
+        endTime: number;
+        timeType: string;
+        factor: string;
+        factorFlag: boolean;
+        keyWord: string;
+        treeId: string;
+        waterSourceScaleCode: string;
+    };
+    titleStyle: () => {
+        color: string;
+    };
+}>, {}, 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: DRINK_WATER_RES.ParamsRequest;
+    titleStyle: Record<string, any>;
+}>, {
+    params: () => {
+        startTime: number;
+        endTime: number;
+        timeType: string;
+        factor: string;
+        factorFlag: boolean;
+        keyWord: string;
+        treeId: string;
+        waterSourceScaleCode: string;
+    };
+    titleStyle: () => {
+        color: string;
+    };
+}>>>, {
+    params: DRINK_WATER_RES.ParamsRequest;
+    titleStyle: Record<string, any>;
+}, {}>;
 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/DrinkingWaterComplianceRate/index.vue.js

@@ -6,46 +6,88 @@ const icon1 = require('./images/icon-1.svg.js');
 const icon2 = require('./images/icon-2.svg.js');
 const icon3 = require('./images/icon-3.svg.js');
 const vue = require('vue');
+const dayjs = require('dayjs');
+const index = require('./api/index.js');
 
-const _hoisted_1 = { class: "dv-wgms-compliance-rate dv-wgms-flex-between-center" };
-const _hoisted_2 = { class: "dv-wgms-compliance-rate-one-icon" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "dv-wgms-compliance-rate-one-label" };
-const _hoisted_5 = { class: "dv-wgms-compliance-rate-one-value" };
+const _hoisted_1 = { class: "dv-wgms-compliance" };
+const _hoisted_2 = { class: "dv-wgms-compliance-rate dv-wgms-flex-between-center" };
+const _hoisted_3 = { class: "dv-wgms-compliance-rate-one-icon" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "dv-wgms-compliance-rate-one-label" };
+const _hoisted_6 = { class: "dv-wgms-compliance-rate-one-value" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
+  props: {
+    params: { default: () => {
+      return {
+        startTime: dayjs().startOf("year").valueOf(),
+        endTime: dayjs().endOf("year").valueOf(),
+        timeType: "hour",
+        factor: "8",
+        factorFlag: false,
+        keyWord: "",
+        treeId: "3301",
+        waterSourceScaleCode: ""
+      };
+    } },
+    titleStyle: { default: () => {
+      return {
+        color: "#909399"
+      };
+    } }
+  },
   setup(__props) {
-    const imgList = /* #__PURE__ */ Object.assign({"./images/icon-1.svg": icon1,"./images/icon-2.svg": icon2,"./images/icon-3.svg": icon3});
-    const data = vue.reactive({
-      list: [
-        { label: "水源地总数", value: 90, unit: "个" },
-        { label: "监测点总数", value: 104, unit: "个" },
-        { label: "达标率", value: 98.1, unit: "%" }
-      ]
+    const props = __props;
+    vue.onMounted(() => {
+      getResData();
     });
+    vue.watch(() => props.params, () => {
+      getResData();
+    }, { deep: true });
+    const imgList = /* #__PURE__ */ Object.assign({"./images/icon-1.svg": icon1,"./images/icon-2.svg": icon2,"./images/icon-3.svg": icon3});
+    const listData = vue.ref();
+    const list = [
+      { label: "水源地总数", props: "waterSourceNum", unit: "个" },
+      { label: "监测点总数", props: "siteNum", unit: "个" },
+      { label: "达标率", props: "reachRate", unit: "%" }
+    ];
+    const getResData = async () => {
+      const { data } = await index.getDrinkWaterData(props.params);
+      data && (listData.value = data);
+    };
     const getImg = (url) => {
       return imgList[url]?.default;
     };
-    const {
-      list
-    } = vue.toRefs(data);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(list), (item, index) => {
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(listData.value, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: index,
-            class: "dv-wgms-compliance-rate-one dv-wgms-flex-center-center"
+            class: "dv-wgms-compliance-one"
           }, [
+            vue.createElementVNode("div", {
+              class: "title-text",
+              style: vue.normalizeStyle(_ctx.titleStyle)
+            }, vue.toDisplayString(item.waterSourceScaleName), 5),
             vue.createElementVNode("div", _hoisted_2, [
-              vue.createElementVNode("img", {
-                src: getImg(`./images/icon-${index + 1}.svg`),
-                alt: ""
-              }, null, 8, _hoisted_3)
-            ]),
-            vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(item.label), 1),
-            vue.createElementVNode("div", _hoisted_5, [
-              vue.createElementVNode("span", null, vue.toDisplayString(item.value), 1),
-              vue.createElementVNode("span", null, vue.toDisplayString(item.unit), 1)
+              (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(list, (i, idx) => {
+                return vue.createElementVNode("div", {
+                  key: idx,
+                  class: "dv-wgms-compliance-rate-one dv-wgms-flex-center-center"
+                }, [
+                  vue.createElementVNode("div", _hoisted_3, [
+                    vue.createElementVNode("img", {
+                      src: getImg(`./images/icon-${idx + 1}.svg`),
+                      alt: ""
+                    }, null, 8, _hoisted_4)
+                  ]),
+                  vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(i.label), 1),
+                  vue.createElementVNode("div", _hoisted_6, [
+                    vue.createElementVNode("span", null, vue.toDisplayString(item[i.props]), 1),
+                    vue.createElementVNode("span", null, vue.toDisplayString(i.unit), 1)
+                  ])
+                ]);
+              }), 64))
             ])
           ]);
         }), 128))

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

@@ -0,0 +1,5 @@
+/**
+ * 获取数据
+ * @param params
+ */
+export declare const getTopThreeData: (params: any) => Promise<any>;

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

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

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

@@ -0,0 +1,15 @@
+export declare namespace DISTRIBUTION_POINT_API_REQUEST {
+    interface situation {
+        monitorType: string | number;
+        treeId: string | number;
+    }
+}
+export declare namespace DISTRIBUTION_POINT_API_RESPONSE {
+    interface situation {
+        'parentCode': null | string;
+        'code': null | string;
+        'name': string;
+        'count': number;
+        'url': string;
+    }
+}

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

@@ -7,6 +7,7 @@ export declare const DvWgmsFactorTopThreeRanking: {
             type?: string | undefined;
             height?: string | number | undefined;
             key?: string | number | symbol | undefined;
+            readonly data?: Record<string, any> | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -50,11 +51,11 @@ export declare const DvWgmsFactorTopThreeRanking: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            readonly endTime: string;
-            readonly startTime: string;
-            readonly factorCode: string;
-            readonly siteCode: string;
-            readonly timeType: string;
+            readonly endTime?: string | undefined;
+            readonly startTime?: string | undefined;
+            readonly timeType?: string | undefined;
+            readonly siteCode?: string | undefined;
+            readonly stationCode?: string | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -80,23 +81,27 @@ export declare const DvWgmsFactorTopThreeRanking: {
             };
             timeType: {
                 type: StringConstructor;
-                required: true;
+                required: false;
             };
             siteCode: {
                 type: StringConstructor;
-                required: true;
+                required: false;
             };
-            factorCode: {
+            stationCode: {
                 type: StringConstructor;
-                required: true;
+                required: false;
             };
             startTime: {
                 type: StringConstructor;
-                required: true;
+                required: false;
             };
             endTime: {
                 type: StringConstructor;
-                required: true;
+                required: false;
+            };
+            data: {
+                type: ObjectConstructor;
+                required: false;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             type: string;
@@ -132,23 +137,27 @@ export declare const DvWgmsFactorTopThreeRanking: {
         };
         timeType: {
             type: StringConstructor;
-            required: true;
+            required: false;
         };
         siteCode: {
             type: StringConstructor;
-            required: true;
+            required: false;
         };
-        factorCode: {
+        stationCode: {
             type: StringConstructor;
-            required: true;
+            required: false;
         };
         startTime: {
             type: StringConstructor;
-            required: true;
+            required: false;
         };
         endTime: {
             type: StringConstructor;
-            required: true;
+            required: false;
+        };
+        data: {
+            type: ObjectConstructor;
+            required: false;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
@@ -165,23 +174,27 @@ export declare const DvWgmsFactorTopThreeRanking: {
     };
     timeType: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     siteCode: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
-    factorCode: {
+    stationCode: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     startTime: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     endTime: {
         type: StringConstructor;
-        required: true;
+        required: false;
+    };
+    data: {
+        type: ObjectConstructor;
+        required: false;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: string;

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

@@ -9,23 +9,27 @@ declare const _default: import("vue").DefineComponent<{
     };
     timeType: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     siteCode: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
-    factorCode: {
+    stationCode: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     startTime: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     endTime: {
         type: StringConstructor;
-        required: true;
+        required: false;
+    };
+    data: {
+        type: ObjectConstructor;
+        required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     height: {
@@ -38,23 +42,27 @@ declare const _default: import("vue").DefineComponent<{
     };
     timeType: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     siteCode: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
-    factorCode: {
+    stationCode: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     startTime: {
         type: StringConstructor;
-        required: true;
+        required: false;
     };
     endTime: {
         type: StringConstructor;
-        required: true;
+        required: false;
+    };
+    data: {
+        type: ObjectConstructor;
+        required: false;
     };
 }>>, {
     type: string;