@ued_fpi/data-visual 1.2.15 → 1.2.19

package/dist/es/wgms/src/ChangeAlongRiver/index.d.ts

@@ -0,0 +1,161 @@
+import _ChangeAlongRiver from './index.vue';
+export declare const DvWgmsChangeAlongRiver: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            params?: import("./api/types").CHANGE_ALONG_RIVER_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").CHANGE_ALONG_RIVER_API_REQUEST.requestParamsTs>;
+                default: () => {
+                    queryTimeType: string;
+                    siteCode: string;
+                    factor: number;
+                    alarmTime: number;
+                    limit: number;
+                    baseLevel: number;
+                    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").CHANGE_ALONG_RIVER_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").CHANGE_ALONG_RIVER_API_REQUEST.requestParamsTs>;
+            default: () => {
+                queryTimeType: string;
+                siteCode: string;
+                factor: number;
+                alarmTime: number;
+                limit: number;
+                baseLevel: number;
+                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").CHANGE_ALONG_RIVER_API_REQUEST.requestParamsTs>;
+        default: () => {
+            queryTimeType: string;
+            siteCode: string;
+            factor: number;
+            alarmTime: number;
+            limit: number;
+            baseLevel: number;
+            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").CHANGE_ALONG_RIVER_API_REQUEST.requestParamsTs;
+    isLazy: boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _ChangeAlongRiver;

package/dist/es/wgms/src/ChangeAlongRiver/index.mjs

@@ -0,0 +1,7 @@
+import { install } from '../../utils/tools.mjs';
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
+
+const DvWgmsChangeAlongRiver = install(_sfc_main);
+
+export { DvWgmsChangeAlongRiver, _sfc_main as default };

package/dist/es/wgms/src/ChangeAlongRiver/index.vue.d.ts

@@ -0,0 +1,47 @@
+import 'echarts/lib/component/markLine';
+import type { CHANGE_ALONG_RIVER_API_REQUEST } from './api/types';
+declare const _default: import("vue").DefineComponent<{
+    params: {
+        type: globalThis.PropType<CHANGE_ALONG_RIVER_API_REQUEST.requestParamsTs>;
+        default: () => {
+            queryTimeType: string;
+            siteCode: string;
+            factor: number;
+            alarmTime: number;
+            limit: number;
+            baseLevel: number;
+            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: globalThis.PropType<CHANGE_ALONG_RIVER_API_REQUEST.requestParamsTs>;
+        default: () => {
+            queryTimeType: string;
+            siteCode: string;
+            factor: number;
+            alarmTime: number;
+            limit: number;
+            baseLevel: number;
+            factorName: string;
+            factorCode: string;
+            factorUnit: string;
+        };
+    };
+    isLazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: CHANGE_ALONG_RIVER_API_REQUEST.requestParamsTs;
+    isLazy: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,347 @@
+import { defineComponent, reactive, ref, onMounted, watch, toRefs, openBlock, createElementBlock, createElementVNode, createVNode } from 'vue';
+import dayjs from 'dayjs';
+import 'echarts/lib/component/markLine';
+import _sfc_main$1 from '../../utils/echarts/BaseECharts.vue.mjs';
+import { surfaceWaterStandard, pathAnalysis, waterSurfaceListAll } from './api/index.mjs';
+
+const _hoisted_1 = { class: "dv-wgms-change-along-river" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    params: {
+      type: Object,
+      default: () => {
+        return {
+          queryTimeType: "week",
+          siteCode: "3116004",
+          factor: 9,
+          alarmTime: 1688313541e3,
+          limit: 3,
+          baseLevel: -1,
+          // 下面是因子
+          factorName: "氨氮(NH3-N)",
+          factorCode: "w21003",
+          // 监测因子
+          factorUnit: "mg/L"
+        };
+      }
+    },
+    isLazy: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const state = reactive({
+      factorLimitValue: {
+        // 因子达标限值
+        value: null
+      }
+    });
+    const chartChangeAlongRiver = ref();
+    const option = ref(void 0);
+    const getDateTime = () => {
+      let endDate, startDate;
+      if (props?.params?.queryTimeType === "hour") {
+        startDate = dayjs(props?.params?.alarmTime).valueOf();
+        endDate = dayjs(props?.params?.alarmTime).add(1, "hours").startOf("hour").format("x");
+      } else if (props?.params?.queryTimeType === "day") {
+        startDate = dayjs(props?.params?.alarmTime).valueOf();
+        endDate = dayjs(props?.params?.alarmTime).add(1, "days").startOf("day").format("x");
+      } else if (props?.params?.queryTimeType === "week") {
+        startDate = dayjs(props?.params?.alarmTime).add(0, "week").startOf("week").format("x");
+        endDate = dayjs(props?.params?.alarmTime).add(1, "week").startOf("week").format("x");
+      } else if (props?.params?.queryTimeType === "month") {
+        startDate = dayjs(props?.params?.alarmTime).add(0, "months").startOf("month").format("x");
+        endDate = dayjs(props?.params?.alarmTime).add(1, "months").startOf("month").format("x");
+      } else if (props?.params?.queryTimeType === "year") {
+        startDate = dayjs(props?.params?.alarmTime).add(0, "years").startOf("year").format("x");
+        endDate = dayjs(props?.params?.alarmTime).add(1, "years").startOf("year").format("x");
+      }
+      return {
+        endTime: endDate,
+        startTime: startDate
+      };
+    };
+    const initData = async () => {
+      const { data: resData } = await surfaceWaterStandard({
+        accessCodeList: props?.params?.siteCode,
+        baseLevel: props?.params?.baseLevel,
+        factorFlag: false,
+        factor: props?.params?.factor,
+        configTime: props?.params?.alarmTime
+      });
+      const limit = resData && props.params?.siteCode && props.params?.factorCode && resData[props.params?.siteCode] && resData[props?.params?.siteCode][props.params?.factorCode] ? resData[props.params?.siteCode][props.params?.factorCode] : "";
+      state.factorLimitValue = limit;
+      const params = {
+        queryTimeType: props?.params?.queryTimeType,
+        accessCode: props?.params?.siteCode,
+        factor: props?.params?.factor,
+        beginTime: getDateTime().startTime,
+        endTime: getDateTime().endTime,
+        limit: props?.params?.limit
+      };
+      await getData(params);
+    };
+    const getData = async (params) => {
+      const res = await pathAnalysis(params);
+      const resData = res.data;
+      const waterQualityData = {
+        xAxis: resData.map((item) => item.name),
+        quality: resData.map((item) => item.grade),
+        hydrology: [],
+        rain: [],
+        factorValue: resData.map((item) => item.value)
+      };
+      const dass = waterQualityData.factorValue.map((item, index) => {
+        return {
+          value: item || item === 0 ? item : null
+        };
+      });
+      option.value = await getLineOptions(waterQualityData.xAxis, props?.params?.factorUnit, dass, waterQualityData.quality);
+    };
+    const getLineOptions = async (xAxis, unitName, dass, quality) => {
+      const res = await waterSurfaceListAll({});
+      const gradeList = res?.entries ?? [];
+      const option2 = {
+        tooltip: {
+          trigger: "axis",
+          confine: true,
+          axisPointer: {
+            type: "line"
+          },
+          formatter(params) {
+            const param = params[0];
+            const level = quality[param.dataIndex];
+            const currData = gradeList.find((item) => {
+              return level ? Number(item.level) === Number(level.toString()) : false;
+            });
+            const value_ = !param.value ? "--" : JSON.stringify(param.value) === "{}" ? "--" : param.value;
+            return [`${param.marker} ${param.name}`, `${props?.params?.factorName}：${value_}${unitName}`, `水质等级：${currData?.name || "--"}`].join("<br/>");
+          }
+        },
+        grid: {
+          top: 40,
+          right: 22,
+          bottom: 25,
+          left: 10,
+          containLabel: true
+        },
+        xAxis: {
+          type: "category",
+          boundaryGap: true,
+          axisLine: {
+            show: false
+          },
+          axisTick: {
+            show: false
+          },
+          splitLine: {
+            show: false
+          },
+          splitArea: {
+            show: false
+          },
+          axisLabel: {
+            textStyle: {
+              rich: {
+                a: {
+                  align: "left",
+                  width: 160
+                }
+              },
+              color: "var(--dv-color-text-primary)"
+            },
+            interval: 0
+          },
+          data: xAxis
+        },
+        yAxis: {
+          type: "value",
+          name: unitName,
+          nameTextStyle: {
+            align: "right",
+            color: "var(--dv-color-text-secondary)",
+            padding: [2, -6, 6, 0]
+          },
+          splitNumber: 5,
+          axisLine: {
+            show: false
+          },
+          axisLabel: {
+            textStyle: {
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-headline3)",
+              color: "var(--dv-color-text-secondary)"
+            }
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: "var(--dv-color-fill-lighter)"
+            }
+          },
+          axisTick: { show: false },
+          splitArea: {
+            show: false
+          },
+          max: (value) => {
+            if (props.params?.factorCode === "w01001") {
+              if (value.max > state.factorLimitValue.upValue && state.factorLimitValue.upValue)
+                return value.max;
+              else
+                return state.factorLimitValue.upValue;
+            } else {
+              if (value.max < state.factorLimitValue.value && state.factorLimitValue.value)
+                return state.factorLimitValue.value;
+              else
+                return value.max;
+            }
+          }
+        },
+        series: [
+          {
+            connectNulls: true,
+            type: "line",
+            symbolSize: 6,
+            yAxisIndex: 0,
+            lineStyle: {
+              color: "#0AAEFF",
+              width: 1
+            },
+            color: "var(--dv-color-text-primary)",
+            itemStyle: {
+              color: (param) => {
+                let color = "#0AAEFF";
+                const value_ = !param.value ? "--" : JSON.stringify(param.value) === "{}" ? "--" : param.value;
+                if (props.params?.factorCode === "w01001") {
+                  if (state.factorLimitValue && state.factorLimitValue.upValue)
+                    color = value_ > state.factorLimitValue.upValue || state.factorLimitValue.downValue > value_ ? "#F84439" : "#0AAEFF";
+                } else {
+                  if (state.factorLimitValue.value != null)
+                    color = value_ > state.factorLimitValue.value ? "#F84439" : "#0AAEFF";
+                }
+                return color;
+              },
+              borderWidth: 1
+            },
+            data: dass
+          }
+        ]
+      };
+      if (props.params?.factorCode === "w01001") {
+        if (state.factorLimitValue && state.factorLimitValue.upValue) {
+          option2.series[0].markLine = {
+            symbol: "none",
+            data: [
+              {
+                yAxis: state.factorLimitValue.upValue,
+                show: true,
+                name: "水质超标上限",
+                label: {
+                  show: true,
+                  formatter: "{b}",
+                  position: "end",
+                  distance: -80,
+                  fontSize: 12,
+                  lineHeight: 17,
+                  padding: [0, 6, 0, 6],
+                  color: "#FFFFFF",
+                  backgroundColor: "#FF1744",
+                  borderRadius: 8
+                },
+                lineStyle: {
+                  type: "solid",
+                  color: "#FF1744"
+                }
+              },
+              {
+                yAxis: state.factorLimitValue.downValue == null ? "" : state.factorLimitValue.downValue,
+                show: true,
+                name: "水质超标下限",
+                label: {
+                  show: true,
+                  formatter: "{b}",
+                  position: "end",
+                  distance: -80,
+                  fontSize: 12,
+                  lineHeight: 17,
+                  padding: [0, 6, 0, 6],
+                  color: "#FFFFFF",
+                  backgroundColor: "#FF1744",
+                  borderRadius: 8
+                },
+                lineStyle: {
+                  type: "solid",
+                  color: "#FF1744"
+                }
+              }
+            ],
+            label: {
+              position: "insideEndTop",
+              color: "red"
+            }
+          };
+        }
+      } else {
+        if (state.factorLimitValue.value != null) {
+          option2.series[0].markLine = {
+            symbol: "none",
+            data: [
+              {
+                yAxis: state.factorLimitValue.value,
+                show: true,
+                name: "水质超标线",
+                label: {
+                  show: true,
+                  formatter: "{b}",
+                  position: "end",
+                  distance: -70,
+                  fontSize: 12,
+                  lineHeight: 17,
+                  padding: [0, 6, 0, 6],
+                  color: "#FFFFFF",
+                  backgroundColor: "#FF1744",
+                  borderRadius: 8
+                },
+                lineStyle: {
+                  type: "solid",
+                  color: "#FF1744"
+                }
+              }
+            ],
+            label: {
+              position: "insideEndTop",
+              color: "red"
+            }
+          };
+        }
+      }
+      return option2;
+    };
+    onMounted(() => {
+      !props.isLazy && initData();
+    });
+    watch([() => props.params, () => props.isLazy], () => {
+      !props.isLazy && initData();
+    }, { deep: true });
+    __expose({
+      reload: initData
+    });
+    toRefs(state);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          ref_key: "chartChangeAlongRiver",
+          ref: chartChangeAlongRiver,
+          class: "chart"
+        }, [
+          createVNode(_sfc_main$1, { options: option.value }, null, 8, ["options"])
+        ], 512)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/wgms/src/ChangeAlongRiver/index.vue2.mjs

@@ -0,0 +1,3 @@
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+
+export { index_vue_vue_type_style_index_0_lang as default };

package/dist/es/wgms/src/ChangeAlongRiver/index.vue3.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/dist/es/wgms/src/ChangesAlongTheProcess/api/types.d.ts

@@ -1,15 +1,20 @@
 export declare namespace CHNAGEES_ALONG_THE_PROCESS_API_REQUEST {
     interface pathAnalysis {
-        dataType: number | string;
-        endTime: number;
+        factorCode: string;
         siteCode: string;
-        sourceIds: string;
-        startTime: number;
-        stationCode: number | string;
+        stationCode: string;
+        time: number;
         timeType: string;
     }
 }
 export declare namespace CHNAGEES_ALONG_THE_PROCESS_API_RESPONSE {
     interface pathAnalysisTs {
+        limit: number;
+        siteFactorDataList: {
+            factorCode: string;
+            factorValue: number;
+            siteCode: string;
+            siteName: string;
+        }[];
     }
 }