@ued_fpi/data-visual 1.2.14 → 1.2.19

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

@@ -0,0 +1,32 @@
+export declare namespace DAY_KLINE_API_REQUEST {
+    interface getKLine {
+        accessCode: string;
+        factor: number | string;
+        factorFlag: boolean;
+        beginTime: number;
+        endTime: number;
+        queryTimeType: string;
+    }
+    interface requestParamsTs {
+        accessCode: string;
+        factor: number | string;
+        factorFlag: boolean;
+        alarmTime: number;
+        timeDiff: number;
+        queryTimeType: string;
+        factorName: string;
+        factorCode: string;
+        factorUnit: string;
+    }
+}
+export declare namespace DAY_KLINE_API_RESPONSE {
+    interface getKLineTs {
+        'time': string;
+        'value': string;
+        'quality': number;
+        'maxValue': number | string;
+        'minValue': number | string;
+        'firstValue': number | string;
+        'lastValue': number | string;
+    }
+}

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

@@ -0,0 +1,161 @@
+import _DayKLine from './index.vue';
+export declare const DvWgmsDayKLine: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            params?: import("./api/types").DAY_KLINE_API_REQUEST.requestParamsTs | undefined;
+            isLazy?: boolean | undefined;
+            key?: string | number | symbol | undefined;
+            style?: unknown;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $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<{
+            params: {
+                type: globalThis.PropType<import("./api/types").DAY_KLINE_API_REQUEST.requestParamsTs>;
+                default: () => {
+                    accessCode: string;
+                    factor: number;
+                    factorFlag: boolean;
+                    alarmTime: number;
+                    timeDiff: number;
+                    queryTimeType: string;
+                    factorName: string;
+                    factorCode: string;
+                    factorUnit: string;
+                };
+            };
+            isLazy: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>, {
+            reload: () => Promise<void>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            params: import("./api/types").DAY_KLINE_API_REQUEST.requestParamsTs;
+            isLazy: boolean;
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $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<{
+        params: {
+            type: globalThis.PropType<import("./api/types").DAY_KLINE_API_REQUEST.requestParamsTs>;
+            default: () => {
+                accessCode: string;
+                factor: number;
+                factorFlag: boolean;
+                alarmTime: number;
+                timeDiff: number;
+                queryTimeType: string;
+                factorName: string;
+                factorCode: string;
+                factorUnit: string;
+            };
+        };
+        isLazy: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{
+        reload: () => Promise<void>;
+    }> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    params: {
+        type: globalThis.PropType<import("./api/types").DAY_KLINE_API_REQUEST.requestParamsTs>;
+        default: () => {
+            accessCode: string;
+            factor: number;
+            factorFlag: boolean;
+            alarmTime: number;
+            timeDiff: number;
+            queryTimeType: string;
+            factorName: string;
+            factorCode: string;
+            factorUnit: string;
+        };
+    };
+    isLazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    reload: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    params: import("./api/types").DAY_KLINE_API_REQUEST.requestParamsTs;
+    isLazy: boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _DayKLine;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const tools = require('../../utils/tools.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
+
+const DvWgmsDayKLine = tools.install(index_vue_vue_type_script_setup_true_lang.default);
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
+exports.DvWgmsDayKLine = DvWgmsDayKLine;

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

@@ -0,0 +1,47 @@
+import type { PropType } from 'vue';
+import type { DAY_KLINE_API_REQUEST } from './api/types';
+declare const _default: import("vue").DefineComponent<{
+    params: {
+        type: PropType<DAY_KLINE_API_REQUEST.requestParamsTs>;
+        default: () => {
+            accessCode: string;
+            factor: number;
+            factorFlag: boolean;
+            alarmTime: number;
+            timeDiff: number;
+            queryTimeType: string;
+            factorName: string;
+            factorCode: string;
+            factorUnit: string;
+        };
+    };
+    isLazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    reload: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    params: {
+        type: PropType<DAY_KLINE_API_REQUEST.requestParamsTs>;
+        default: () => {
+            accessCode: string;
+            factor: number;
+            factorFlag: boolean;
+            alarmTime: number;
+            timeDiff: number;
+            queryTimeType: string;
+            factorName: string;
+            factorCode: string;
+            factorUnit: string;
+        };
+    };
+    isLazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: DAY_KLINE_API_REQUEST.requestParamsTs;
+    isLazy: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,301 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const dayjs = require('dayjs');
+const lodashEs = require('lodash-es');
+const BaseECharts_vue_vue_type_script_setup_true_lang = require('../../utils/echarts/BaseECharts.vue.js');
+const index = require('./api/index.js');
+
+const _hoisted_1 = { class: "dv-wgms-day-kline" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    params: {
+      type: Object,
+      default: () => {
+        return {
+          accessCode: "3116008",
+          factor: 2,
+          factorFlag: false,
+          alarmTime: 1700028e6,
+          timeDiff: 7,
+          queryTimeType: "hour",
+          // 下面是因子
+          factorName: "总磷(以 P 计）",
+          factorCode: "w21003",
+          // 监测因子
+          factorUnit: "mg/L"
+        };
+      }
+    },
+    isLazy: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const chartDayLine = vue.ref();
+    const option = vue.ref(void 0);
+    const timeStrList = {
+      hour: "小时",
+      day: "日",
+      week: "周",
+      month: "月",
+      year: "年"
+    };
+    const getKlineDateParams = (alarmTime, timeDiff) => {
+      let startTime, endTime;
+      if (props.params?.queryTimeType === "hour" || props.params?.queryTimeType === "day") {
+        startTime = dayjs(alarmTime).add(-(timeDiff - 1), "days").startOf("day").format("x");
+        endTime = dayjs(alarmTime).add(1, "days").startOf("day").format("x");
+      } else if (props.params?.queryTimeType === "week") {
+        startTime = dayjs(alarmTime).add(-(timeDiff - 1), "week").startOf("week").format("x");
+        endTime = dayjs(alarmTime).add(1, "week").startOf("week").format("x");
+      } else if (props.params?.queryTimeType === "month") {
+        startTime = dayjs(alarmTime).add(-(timeDiff - 1), "month").startOf("month").format("x");
+        endTime = dayjs(alarmTime).add(1, "month").startOf("month").format("x");
+      } else if (props.params?.queryTimeType === "year") {
+        startTime = dayjs(alarmTime).add(-(timeDiff - 1), "year").startOf("year").format("x");
+        endTime = dayjs(alarmTime).add(1, "year").startOf("year").format("x");
+      }
+      return {
+        startTime,
+        endTime
+      };
+    };
+    const getData = async () => {
+      const { startTime, endTime } = getKlineDateParams(props.params?.alarmTime, props.params?.timeDiff);
+      const params = {
+        accessCode: props.params?.accessCode,
+        factor: props.params?.factor,
+        factorFlag: props.params?.factorFlag,
+        beginTime: startTime,
+        endTime,
+        queryTimeType: props.params?.queryTimeType === "hour" ? "day" : props.params.queryTimeType
+      };
+      const res = await index.getKLine(params);
+      const resData = res?.data || [];
+      const klineData = {
+        xAxis: [],
+        kData: [],
+        values: [],
+        quality: []
+      };
+      resData.forEach((item) => {
+        item.maxValue = Number(item.max);
+        item.minValue = Number(item.min);
+        if (props.params?.queryTimeType === "hour" || props.params?.queryTimeType === "day") {
+          klineData.xAxis.push(item.time);
+        } else {
+          klineData.xAxis.push(item.time);
+        }
+        klineData.kData.push([
+          item.min,
+          item.first,
+          item.avg,
+          item.last,
+          item.max
+        ]);
+        klineData.values.push(item.avg);
+        klineData.quality.push(item.grade);
+      });
+      const maxObj = lodashEs.maxBy(resData, "maxValue");
+      const minObj = lodashEs.minBy(resData, "minValue");
+      vue.nextTick();
+      option.value = await dayKLine(klineData, maxObj?.maxValue, minObj?.minValue, props.params?.factorName, props?.params?.factorUnit, timeStrList[props.params?.queryTimeType === "hour" ? "day" : props.params?.queryTimeType]);
+    };
+    const dayKLine = async (data, min, max, factorName, unit, timeStr) => {
+      const { xAxis, kData, values, quality } = data;
+      const res = await index.waterSurfaceListAll({});
+      const gradeList = res?.entries ?? [];
+      const option2 = {
+        grid: {
+          top: 24,
+          right: 46,
+          bottom: 30,
+          left: 32
+        },
+        tooltip: {
+          link: { xAxisIndex: "all" },
+          trigger: "axis",
+          axisPointer: {
+            type: "shadow"
+          },
+          formatter(param) {
+            param = param[0];
+            const level = quality[param.dataIndex];
+            const currData = gradeList.find((item) => {
+              return level ? Number(item.level) === Number(level.toString()) : false;
+            });
+            const levelColor = currData?.color || "#6D7278";
+            const value_ = !param.value ? "--" : param.value;
+            const marker = param.marker ? param.marker.replace("background-color:#A162F7", `background-color:${levelColor}`) : "";
+            return [`${marker + timeStr}变化 ${param.name}`, `${factorName}：${value_}${unit}`, `水质等级：${currData?.name || "--"}`].join("<br/>");
+          }
+        },
+        xAxis: [
+          {
+            boundaryGap: true,
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              show: true,
+              textStyle: {
+                color: "var(--dv-color-text-primary)",
+                fontFamily: "var(--dv-font-family-number)",
+                fontSize: "var(--dv-text-number2)"
+              },
+              formatter: (time) => {
+                return props.params?.queryTimeType === "hour" || props.params?.queryTimeType === "day" ? dayjs(time).format("MM-DD") : time;
+              }
+            },
+            data: xAxis
+          }
+        ],
+        yAxis: [
+          {
+            type: "value",
+            name: props?.params?.factorUnit || "",
+            nameTextStyle: {
+              align: "right",
+              color: "var(--dv-color-text-secondary)",
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)",
+              padding: [0, -10, -6, 0]
+            },
+            splitNumber: 5,
+            axisLabel: {
+              show: true,
+              textStyle: {
+                color: "var(--dv-color-text-secondary)",
+                fontFamily: "var(--dv-font-family-number)",
+                fontSize: "var(--dv-text-number2)"
+              }
+            },
+            axisLine: {
+              show: false
+            },
+            axisPointer: {
+              snap: true
+            },
+            splitLine: { show: false },
+            axisTick: { show: false }
+          },
+          {
+            type: "value",
+            name: "",
+            minInterval: 1,
+            axisLabel: {
+              show: true,
+              formatter: (value2) => {
+                if (value2 === 0) {
+                  return "";
+                } else {
+                  const level = gradeList.find((item) => {
+                    return item.level === value2;
+                  })?.name ?? "";
+                  return `${level}类`;
+                }
+              },
+              textStyle: {
+                color: "var(--dv-color-text-secondary)",
+                fontFamily: "var(--dv-font-family-number)",
+                fontSize: "var(--dv-text-number2)"
+              }
+            },
+            axisLine: {
+              show: false
+            },
+            axisPointer: {
+              snap: true
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: "var(--dv-color-border-light)",
+                width: 1
+              }
+            },
+            axisTick: { show: false }
+          }
+        ],
+        series: [
+          {
+            name: props?.params?.factorUnit || "",
+            type: "line",
+            // smooth: true,
+            showSymbol: true,
+            symbolSize: 6,
+            lineStyle: {
+              color: "#A162F7",
+              width: 2
+            },
+            color: "var(--dv-color-text-primary)",
+            itemStyle: {
+              color: (params) => {
+                const level = quality[params.dataIndex];
+                const currData = gradeList.filter((item) => {
+                  return level ? Number(item.level) === Number(level.toString()) : false;
+                });
+                if (level != null)
+                  return currData.length ? currData[0].color : "#6D7278";
+              },
+              normal: {
+                color: "#A162F7",
+                borderWidth: 1
+              }
+            },
+            data: values
+          },
+          {
+            name: `${timeStr}变化`,
+            type: "bar",
+            barWidth: 12,
+            yAxisIndex: 1,
+            itemStyle: {
+              color: (params) => {
+                const level = quality[params.dataIndex];
+                const currData = gradeList.filter((item) => {
+                  return level ? Number(item.level) === Number(level.toString()) : false;
+                });
+                if (level != null)
+                  return currData.length ? currData[0].color : "#6D7278";
+              }
+            },
+            data: quality
+          }
+        ]
+      };
+      return option2;
+    };
+    vue.onMounted(() => {
+      !props.isLazy && getData();
+    });
+    vue.watch([() => props.params, () => props.isLazy], () => {
+      !props.isLazy && getData();
+    }, { deep: true });
+    __expose({
+      reload: getData
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          ref_key: "chartDayLine",
+          ref: chartDayLine,
+          class: "chart"
+        }, [
+          vue.createVNode(BaseECharts_vue_vue_type_script_setup_true_lang.default, { options: option.value }, null, 8, ["options"])
+        ], 512)
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/wgms/src/DayKLine/index.vue2.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+
+exports.default = index_vue_vue_type_style_index_0_lang;

package/dist/lib/wgms/src/DayKLine/index.vue3.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
+
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

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

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

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

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

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

@@ -0,0 +1,15 @@
+export declare namespace WATER_QUALITY_LEVEL_RES {
+    interface ParamsRequest {
+        treeId: number | string;
+        treeType: number;
+        year: string;
+    }
+    interface DataResponse {
+        count: number | null;
+        level: number | null;
+        levelName: string | null;
+        percent: number | null;
+        qoqPercent: number | null;
+        totalCount: number | null;
+    }
+}