@ued_fpi/data-visual 1.2.14 → 1.2.19

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

@@ -1,82 +1,100 @@
-import { defineComponent, ref, reactive, watch, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, createVNode } from 'vue';
+import { defineComponent, ref, reactive, 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 { rainHydrologyAnalyse, waterSurfaceListAll } from './api/index.mjs';
+import { getDateEndTime } from '../../utils/tools.mjs';
+import { surfaceWaterStandard, rainHydrologyAnalyse, waterSurfaceListAll, waterQuality } from './api/index.mjs';
 
 const _hoisted_1 = { class: "dv-wgms-water-quality-rainfall" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
-    startTime: {
-      type: Number,
-      default: dayjs().startOf("year").valueOf()
-    },
-    endTime: {
-      type: Number,
-      default: dayjs().endOf("year").valueOf()
-    },
-    timeType: {
-      type: String,
-      default: "hour"
-    },
-    // 因子名称
-    factorName: {
-      type: String,
-      default: "总磷(以 P 计）"
-    },
-    // 因子单位
-    factorUnit: {
-      type: String,
-      default: "mg/L"
-    },
-    // 经纬度
-    latitude: {
-      type: Number,
-      default: 30.3992
+    params: {
+      type: Object,
+      default: () => {
+        return {
+          // 趋势图参数
+          beginTime: dayjs().startOf("year").valueOf(),
+          // 分析时间开始
+          endTime: dayjs().endOf("year").valueOf(),
+          // 分析时间结束
+          latitude: 30.3992,
+          longitude: 119.9681,
+          queryTimeType: "hour",
+          // 下面是达标线的接口参数
+          factorName: "总磷(以 P 计）",
+          factorCode: "w21003",
+          // 监测因子
+          factorUnit: "mg/L",
+          factor: 27,
+          siteCode: "JMSZSY0008",
+          configTime: 1687536e6,
+          // 报警时间
+          baseLevel: -1
+        };
+      }
     },
-    // 经纬度
-    longitude: {
-      type: Number,
-      default: 119.9681
+    isLazy: {
+      type: Boolean,
+      default: false
     }
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
     const chartQualityRainfall = ref();
     const option = ref(void 0);
-    const data = reactive({
-      title: "水质-雨量-水位趋势对比图",
-      unit: "mg/L",
-      factorName: "总磷(以 P 计）",
-      params: {
-        beginTime: 16706016e5,
-        endTime: 1671206399999,
-        latitude: 30.3992,
-        longitude: 119.9681,
-        queryTimeType: "hour"
+    const state = reactive({
+      factorLimitValue: {
+        // 因子达标限值
+        value: null
       }
     });
-    watch(() => [props.startTime, props.endTime, props.timeType, props.longitude, props.latitude, props.factorName, props.factorUnit], () => {
-      initData();
-    });
-    onMounted(async () => {
-      await nextTick();
-      initData();
-    });
-    const initData = () => {
-      data.params = {
-        beginTime: props?.startTime,
-        endTime: props?.endTime,
-        longitude: props.longitude,
-        latitude: props.latitude,
-        queryTimeType: props?.timeType
-      };
-      data.factorName = props?.factorName;
-      data.unit = props?.factorUnit;
+    const initData = async () => {
+      await getFactorStandard();
       getData();
     };
+    const getFactorStandard = async () => {
+      const { data: resData } = await surfaceWaterStandard({
+        accessCodeList: props?.params?.siteCode,
+        baseLevel: props?.params?.baseLevel,
+        factorFlag: false,
+        factor: props?.params?.factor,
+        configTime: props?.params?.configTime
+      });
+      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 getWaterQualityData = async (timeType) => {
+      const params = {
+        beginTime: props.params?.beginTime,
+        endTime: getDateEndTime(timeType, props.params?.endTime),
+        queryTimeType: timeType,
+        accessCode: props.params?.siteCode,
+        factor: props?.params?.factor
+      };
+      const res = await waterQuality(params);
+      const waterQualityData = {
+        value: [],
+        grade: [],
+        time: []
+      };
+      res && res.data && res.data.forEach((item) => {
+        waterQualityData.time.push(item.time);
+        waterQualityData.value.push(item.value);
+        waterQualityData.grade.push(item.grade);
+      });
+      return waterQualityData;
+    };
     const getData = async () => {
-      const res = await rainHydrologyAnalyse(data.params);
+      const timeType = props.params?.queryTimeType === "day" || props.params?.queryTimeType === "hour" ? "hour" : props.params?.queryTimeType === "year" ? "month" : "day";
+      const params = {
+        beginTime: props.params?.beginTime,
+        endTime: getDateEndTime(props.params?.queryTimeType, props.params?.endTime),
+        latitude: props.params?.latitude,
+        longitude: props.params?.longitude,
+        queryTimeType: timeType
+      };
+      const res = await rainHydrologyAnalyse(params);
       const resData = res.data || [];
       const xData = [];
       const seriesData = {
@@ -85,20 +103,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         rain: [],
         quality: []
       };
-      resData.forEach((item) => {
-        if (props.timeType === "hour" || props.timeType === "day")
+      const { value, grade } = await getWaterQualityData(props.params?.queryTimeType);
+      resData.forEach((item, index) => {
+        if (timeType === "hour")
           xData.push(dayjs(item.time).format("MM-DD HH"));
+        else if (timeType === "month")
+          xData.push(dayjs(item.time).format("YYYY-MM"));
         else
           xData.push(dayjs(item.time).format("MM-DD"));
         seriesData.rain.push(item.rain);
         seriesData.hydrology.push(item.hydrology);
-        seriesData.factorValue.push(item.factorValue);
-        seriesData.quality.push(item.quality);
+        if (value && value[index])
+          seriesData.factorValue.push(value[index]);
+        else
+          seriesData.factorValue.push(null);
+        if (grade && grade[index])
+          seriesData.quality.push(grade[index]);
+        else
+          seriesData.quality.push(null);
       });
-      option.value = await initWaterQuality(xData, seriesData, data.unit, data.factorName);
+      option.value = await initWaterQuality(xData, seriesData, props?.params?.factorUnit, props.params?.factorName);
     };
-    const initWaterQuality = async (xAxis, data2, unit, factorName) => {
-      const { hydrology, factorValue, rain, quality } = data2;
+    const initWaterQuality = async (xAxis, data, unit, factorName) => {
+      const { hydrology, factorValue, rain, quality } = data;
       const res = await waterSurfaceListAll({});
       const gradeList = res?.entries ?? [];
       const option2 = {
@@ -120,7 +147,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               if (index === 0)
                 unit2 = "mm/h";
               else if (index === 1)
-                unit2 = "mg/L";
+                unit2 = props?.params?.factorUnit || "";
               else
                 unit2 = "m";
               str += `<div>${item.marker}${item.seriesName}：${item.value ? item.value : "--"}${unit2}</div>`;
@@ -136,11 +163,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           textStyle: {
             color: "var(--dv-color-text-primary)"
           },
+          // icon: 'rect',
           itemHeight: 2,
           itemWidth: 16,
           data: [
             {
-              name: "降雨量趋势",
+              name: "降雨量",
               icon: "rect"
             },
             {
@@ -148,7 +176,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               icon: "rect"
             },
             {
-              name: "水位趋势",
+              name: "水位",
               icon: "rect"
             }
           ]
@@ -213,8 +241,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           {
             // 氨氮
             type: "value",
-            name: `监测值
-(${unit})`,
+            name: unit ? `监测值
+(${unit})` : "监测值",
             nameTextStyle: {
               align: "right",
               fontFamily: "var(--dv-font-family-number)",
@@ -222,6 +250,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "var(--dv-color-text-secondary)"
             },
             position: "left",
+            splitNumber: 4,
             offset: 40,
             axisLabel: {
               formatter: "{value}",
@@ -241,7 +270,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               show: false
             },
             splitLine: { show: false },
-            axisTick: { show: false }
+            axisTick: { 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;
+              }
+            }
           },
           {
             // 水位
@@ -272,7 +314,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ],
         series: [
           {
-            name: "降雨量趋势",
+            name: "降雨量",
             type: "line",
             // smooth: true,
             showSymbol: false,
@@ -285,6 +327,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             areaStyle: {
               color: "rgba(217, 204, 76, .5)"
             },
+            color: "rgba(217, 204, 76, 1)",
             data: rain
           },
           {
@@ -299,6 +342,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "rgba(0, 221, 255, 1)",
               type: "solid"
             },
+            color: "rgba(0, 221, 255, 1)",
             markPoint: {
               show: false,
               itemStyle: {
@@ -320,39 +364,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             //     }
             // })
             data: factorValue.map((item, index) => {
-              const currData = gradeList.filter((item2) => item2.level === Number(quality[index])) || [{
-                color: "#6D7278"
-              }];
+              const currData = gradeList.filter((item2) => item2.level === Number(quality[index]));
               return {
-                value: item,
+                value: item || "",
                 itemStyle: {
-                  color: currData.length ? currData[0].color : "#6D7278"
+                  color: currData.length ? currData[0].color : "rgba(0, 221, 255, 1)"
                 }
               };
             })
-            // markArea: {
-            //     silent: true,
-            //     data: [
-            //         {
-            //             name: '达标',
-            //             label: {
-            //                 position: 'left',
-            //                 color: 'rgba(255,255,255,0.5)'
-            //             },
-            //             itemStyle: {
-            //                 color: 'transparent',
-            //                 borderColor: '#5FE81B',
-            //                 borderWidth: 7
-            //             },
-            //             x: '96.5',
-            //             yAxis: 15
-            //         },
-            //         { x: '1.5', yAxis: 10 }
-            //     ]
-            // }
           },
           {
-            name: "水位趋势",
+            name: "水位",
             type: "line",
             // smooth: true,
             showSymbol: false,
@@ -368,12 +390,72 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               opacity: 1,
               width: 0.5
             },
+            color: "rgba(238, 142, 0, 1)",
             data: hydrology
           }
         ]
       };
+      if (props.params?.factorCode === "w01001") {
+        if (state.factorLimitValue && state.factorLimitValue.upValue) {
+          option2.series[1].markLine = {
+            symbol: "none",
+            data: [
+              {
+                yAxis: state.factorLimitValue.upValue,
+                show: true,
+                lineStyle: {
+                  type: "solid",
+                  color: "#FF1744"
+                }
+              },
+              {
+                yAxis: state.factorLimitValue.downValue == null ? "" : state.factorLimitValue.downValue,
+                show: true,
+                lineStyle: {
+                  type: "solid",
+                  color: "#FF1744"
+                }
+              }
+            ],
+            label: {
+              position: "insideEndTop",
+              color: "red"
+            }
+          };
+        }
+      } else {
+        if (state.factorLimitValue.value != null) {
+          option2.series[1].markLine = {
+            symbol: "none",
+            data: [
+              {
+                yAxis: state.factorLimitValue.value,
+                show: true,
+                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", {

package/dist/es/wgms/src/WaterQualityRegionalComprehensive/api/index.d.ts

@@ -0,0 +1,13 @@
+import type { WATER_QUALITY_REGIONAL_API_REQUEST, WATER_QUALITY_REGIONAL_API_RESPONSE } from './types';
+/**
+ * @name: rainHydrologyAnalyse
+ * @test: test font
+ * @msg: 水位趋势对比图
+ * @param {ENV_ANALYSIS_API_REQUEST} params
+ * @return {*}
+ */
+export declare const synthesisIndexChange: (params: WATER_QUALITY_REGIONAL_API_REQUEST.synthesisIndexChange) => Promise<{
+    code: number;
+    data: WATER_QUALITY_REGIONAL_API_RESPONSE.synthesisIndexChange[] | null;
+    message: string;
+}>;

package/dist/es/wgms/src/WaterQualityRegionalComprehensive/api/index.mjs

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

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

@@ -0,0 +1,13 @@
+export declare namespace WATER_QUALITY_REGIONAL_API_REQUEST {
+    interface synthesisIndexChange {
+        treeId: number | string;
+        treeType: number;
+        year: number | string;
+    }
+}
+export declare namespace WATER_QUALITY_REGIONAL_API_RESPONSE {
+    interface synthesisIndexChange {
+        'synthesisIndex': number;
+        'time': string;
+    }
+}

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

@@ -0,0 +1,185 @@
+import _WaterQualityRegionalComprehensive from './index.vue';
+export declare const DvWgmsWaterQualityRegionalComprehensive: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            year?: string | number | undefined;
+            treeId?: string | number | undefined;
+            treeType?: number | 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<{
+            year: {
+                type: globalThis.PropType<string | number>;
+                required: true;
+            } & {
+                default: string;
+            };
+            treeId: {
+                type: globalThis.PropType<string | number>;
+                required: true;
+            } & {
+                default: string;
+            };
+            treeType: {
+                type: globalThis.PropType<number>;
+                required: true;
+            } & {
+                default: number;
+            };
+            isLazy: {
+                type: globalThis.PropType<boolean>;
+                required: true;
+            } & {
+                default: boolean;
+            };
+        }>>, {
+            reload: () => Promise<void>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            year: string | number;
+            treeId: string | number;
+            treeType: number;
+            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<{
+        year: {
+            type: globalThis.PropType<string | number>;
+            required: true;
+        } & {
+            default: string;
+        };
+        treeId: {
+            type: globalThis.PropType<string | number>;
+            required: true;
+        } & {
+            default: string;
+        };
+        treeType: {
+            type: globalThis.PropType<number>;
+            required: true;
+        } & {
+            default: number;
+        };
+        isLazy: {
+            type: globalThis.PropType<boolean>;
+            required: true;
+        } & {
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{
+        reload: () => Promise<void>;
+    }> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    year: {
+        type: globalThis.PropType<string | number>;
+        required: true;
+    } & {
+        default: string;
+    };
+    treeId: {
+        type: globalThis.PropType<string | number>;
+        required: true;
+    } & {
+        default: string;
+    };
+    treeType: {
+        type: globalThis.PropType<number>;
+        required: true;
+    } & {
+        default: number;
+    };
+    isLazy: {
+        type: globalThis.PropType<boolean>;
+        required: true;
+    } & {
+        default: boolean;
+    };
+}>>, {
+    reload: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    year: string | number;
+    treeId: string | number;
+    treeType: number;
+    isLazy: boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _WaterQualityRegionalComprehensive;

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

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