@ued_fpi/data-visual 1.2.15 → 1.2.19

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

@@ -1,5 +1,6 @@
-import { defineComponent, ref, reactive, watch, onMounted, nextTick, toRefs, openBlock, createElementBlock, createElementVNode, createVNode } from 'vue';
+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';
 
@@ -7,128 +8,103 @@ const _hoisted_1 = { class: "dv-wgms-upstream-impact" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
-    configTime: {
-      type: Number,
-      default: dayjs().startOf("year").valueOf()
-    },
-    beginTime: {
-      type: Number,
-      default: dayjs().startOf("year").valueOf()
-    },
-    endTime: {
-      type: Number,
-      default: dayjs().startOf("year").valueOf()
-    },
-    factorCode: {
-      type: String,
-      default: ""
-    },
-    timeType: {
-      type: String,
-      default: "hour"
-    },
-    factor: {
-      type: Number,
-      default: 27
-    },
-    // 因子名称
-    factorName: {
-      type: String,
-      default: "总磷(以 P 计）"
-    },
-    // 因子单位
-    factorUnit: {
-      type: String,
-      default: "mg/L"
-    },
-    accessCode: {
-      type: String,
-      default: ""
-    },
-    accessCodeList: {
-      type: String,
-      default: ""
-    },
-    limit: {
-      type: Number,
-      default: 2
+    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"
+        };
+      }
     },
-    baseLevel: {
-      type: Number,
-      default: -1
+    isLazy: {
+      type: Boolean,
+      default: false
     }
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
+    const state = reactive({
+      factorLimitValue: {
+        // 因子达标限值
+        value: null
+      }
+    });
     const chartUpstreamImpact = ref();
     const option = ref(void 0);
-    const data = reactive({
-      title: "",
-      unit: "mg/L",
-      factorName: "总磷(以 P 计）",
-      params: {
-        accessCode: "JMSZSY0007",
-        factor: 27,
-        beginTime: 16886988e5,
-        endTime: 16886988e5,
-        queryTimeType: "day",
-        limit: 2
-      },
-      standardValue: "",
-      gradeList: []
-    });
-    watch(() => [props.configTime, props.beginTime, props.endTime, props.factorCode, props.timeType, props.factor, props.factorName, props.accessCode, props.accessCodeList, props.limit, props.baseLevel], () => {
-      initData();
-    });
-    onMounted(async () => {
-      await nextTick();
-      initData();
-    });
-    const initData = async () => {
-      data.params = {
-        accessCode: props?.accessCode,
-        factor: props?.factor,
-        beginTime: props?.beginTime,
-        endTime: props?.endTime,
-        queryTimeType: props?.timeType,
-        limit: props?.limit
+    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
       };
-      data.factorName = props?.factorName;
-      data.unit = props?.factorUnit;
+    };
+    const initData = async () => {
       const { data: resData } = await surfaceWaterStandard({
-        accessCodeList: props?.accessCodeList,
-        baseLevel: props?.baseLevel,
+        accessCodeList: props?.params?.siteCode,
+        baseLevel: props?.params?.baseLevel,
         factorFlag: false,
-        factor: props?.factor,
-        configTime: props?.configTime
+        factor: props?.params?.factor,
+        configTime: props?.params?.alarmTime
       });
-      const limit = resData && resData[props.accessCode] ? resData[props.accessCode][props.factorCode] : "";
-      const params = data.params;
-      const upValue_ = limit?.upValue ?? "";
-      const downValue_ = limit?.downValue ?? "";
-      await getData(params, upValue_, downValue_);
+      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, upValue, downValue) => {
+    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.value),
+        quality: resData.map((item) => item.grade),
         hydrology: [],
         rain: [],
-        factorValue: []
+        factorValue: resData.map((item) => item.value)
       };
       const dass = waterQualityData.quality.map((item, index) => {
         return {
-          value: item || 0
+          value: item || item === 0 ? item : null
         };
       });
-      option.value = await getLineOptions(waterQualityData.xAxis, data.factorName, dass, upValue, downValue);
+      option.value = await getLineOptions(waterQualityData.xAxis, props?.params?.factorUnit, dass, waterQualityData.quality);
     };
-    const getLineOptions = async (xAxis, unitName, dass, upValue, downValue) => {
+    const getLineOptions = async (xAxis, unitName, dass, quality) => {
       const res = await waterSurfaceListAll({});
-      const gradeList2 = res?.entries ?? [];
-      return {
+      const gradeList = res?.entries ?? [];
+      const option2 = {
         tooltip: {
           trigger: "axis",
           confine: true,
@@ -137,11 +113,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           },
           formatter(params) {
             const param = params[0];
-            const level = param.value !== 0 ? "--" : gradeList2.find((item) => {
-              return item.level === (param.value || 0);
-            })?.name ?? "";
-            const value_ = !param.value ? "--" : param.value;
-            return [`${param.marker} ${param.name}`, `${unitName}：${value_}${props?.factorUnit}`, `水质等级：${level || "--"}`].join("<br/>");
+            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: {
@@ -186,8 +163,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           nameTextStyle: {
             align: "right",
             color: "var(--dv-color-text-secondary)",
-            padding: [2, -50, 6, 0]
+            padding: [2, -6, 6, 0]
           },
+          splitNumber: 5,
           axisLine: {
             show: false
           },
@@ -209,14 +187,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             show: false
           },
           max: (value) => {
-            if (props.factorCode === "w01001") {
-              if (value.max > upValue)
+            if (props.params?.factorCode === "w01001") {
+              if (value.max > state.factorLimitValue.upValue && state.factorLimitValue.upValue)
                 return value.max;
               else
-                return upValue;
+                return state.factorLimitValue.upValue;
             } else {
-              if (value.max < upValue && upValue)
-                return upValue;
+              if (value.max < state.factorLimitValue.value && state.factorLimitValue.value)
+                return state.factorLimitValue.value;
               else
                 return value.max;
             }
@@ -232,59 +210,71 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "#0062FF",
               width: 1
             },
-            data: dass,
-            markLine: {
-              symbol: "none",
-              data: [
-                {
-                  yAxis: upValue == null ? "" : upValue,
-                  show: false,
-                  name: "超标线",
-                  label: {
-                    show: true,
-                    formatter: "{b}",
-                    position: "end",
-                    distance: -36,
-                    fontSize: 8,
-                    lineHeight: 12,
-                    padding: [2, 6, 0, 6],
-                    color: "var(--dv-color-text-primary)",
-                    backgroundColor: "var(--dv-color-danger)",
-                    borderRadius: 8
-                  },
-                  lineStyle: {
-                    type: "solid",
-                    color: "var(--dv-color-danger)"
-                  }
-                },
-                {
-                  yAxis: downValue == null ? "" : downValue,
-                  show: false,
-                  name: "超标线",
-                  label: {
-                    show: true,
-                    formatter: "{b}",
-                    position: "end",
-                    distance: -36,
-                    fontSize: 8,
-                    lineHeight: 12,
-                    padding: [2, 6, 0, 6],
-                    color: "var(--dv-color-text-primary)",
-                    backgroundColor: "var(--dv-color-danger)",
-                    borderRadius: 8
-                  },
-                  lineStyle: {
-                    type: "solid",
-                    color: "var(--dv-color-danger)"
-                  }
-                }
-              ]
-            }
+            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,
+                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[0].markLine = {
+            symbol: "none",
+            data: [
+              {
+                yAxis: state.factorLimitValue.value,
+                show: true,
+                lineStyle: {
+                  type: "solid",
+                  color: "#FF1744"
+                }
+              }
+            ],
+            label: {
+              position: "insideEndTop",
+              color: "red"
+            }
+          };
+        }
+      }
+      return option2;
     };
-    toRefs(data);
+    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/UpstreamSection/api/types.d.ts

@@ -1,10 +1,9 @@
 export declare namespace UPSTREAM_OVER_RES {
     interface ParamsRequest {
         dataType: number | string;
+        startTime: number;
         endTime: number;
         siteCode: string;
-        sourceIds: string;
-        startTime: number;
         stationCode: number | string;
         timeType: string;
     }

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

@@ -4,13 +4,9 @@ export declare const DvWgmsUpstreamSection: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            endTime?: number | undefined;
-            startTime?: number | undefined;
-            timeType?: string | undefined;
-            siteCode?: string | undefined;
-            dataType?: string | number | undefined;
-            sourceIds?: string | undefined;
-            stationCode?: string | number | undefined;
+            data?: import("./api/types").UPSTREAM_OVER_RES.DataResponse[] | null | undefined;
+            height?: string | number | undefined;
+            params?: import("./api/types").UPSTREAM_OVER_RES.ParamsRequest | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -70,42 +66,37 @@ export declare const DvWgmsUpstreamSection: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            dataType: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
+            data: {
+                type: globalThis.PropType<import("./api/types").UPSTREAM_OVER_RES.DataResponse[] | null>;
+                required: true;
+            } & {
+                default: null;
             };
-            startTime: {
-                type: NumberConstructor;
-                default: number;
-            };
-            endTime: {
-                type: NumberConstructor;
-                default: number;
-            };
-            sourceIds: {
-                type: StringConstructor;
-                default: string;
-            };
-            siteCode: {
-                type: StringConstructor;
+            height: {
+                type: globalThis.PropType<string | number>;
+                required: true;
+            } & {
                 default: string;
             };
-            stationCode: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
+            params: {
+                type: globalThis.PropType<import("./api/types").UPSTREAM_OVER_RES.ParamsRequest>;
+                required: true;
+            } & {
+                default: () => {
+                    dataType: string;
+                    startTime: number;
+                    endTime: number;
+                    siteCode: string;
+                    stationCode: string;
+                    timeType: string;
+                };
             };
-            timeType: {
-                type: StringConstructor;
-                default: string;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            endTime: number;
-            startTime: number;
-            timeType: string;
-            siteCode: string;
-            dataType: string | number;
-            sourceIds: string;
-            stationCode: string | number;
+        }>>, {
+            reload: () => Promise<void>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            data: import("./api/types").UPSTREAM_OVER_RES.DataResponse[] | null;
+            height: string | number;
+            params: import("./api/types").UPSTREAM_OVER_RES.ParamsRequest;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -127,74 +118,68 @@ export declare const DvWgmsUpstreamSection: {
         $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<{
-        dataType: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-        };
-        startTime: {
-            type: NumberConstructor;
-            default: number;
-        };
-        endTime: {
-            type: NumberConstructor;
-            default: number;
-        };
-        sourceIds: {
-            type: StringConstructor;
-            default: string;
+        data: {
+            type: globalThis.PropType<import("./api/types").UPSTREAM_OVER_RES.DataResponse[] | null>;
+            required: true;
+        } & {
+            default: null;
         };
-        siteCode: {
-            type: StringConstructor;
+        height: {
+            type: globalThis.PropType<string | number>;
+            required: true;
+        } & {
             default: string;
         };
-        stationCode: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-        };
-        timeType: {
-            type: StringConstructor;
-            default: string;
+        params: {
+            type: globalThis.PropType<import("./api/types").UPSTREAM_OVER_RES.ParamsRequest>;
+            required: true;
+        } & {
+            default: () => {
+                dataType: string;
+                startTime: number;
+                endTime: number;
+                siteCode: string;
+                stationCode: string;
+                timeType: string;
+            };
         };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>> & import("vue").ShallowUnwrapRef<{
+        reload: () => Promise<void>;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    dataType: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    startTime: {
-        type: NumberConstructor;
-        default: number;
-    };
-    endTime: {
-        type: NumberConstructor;
-        default: number;
-    };
-    sourceIds: {
-        type: StringConstructor;
-        default: string;
+    data: {
+        type: globalThis.PropType<import("./api/types").UPSTREAM_OVER_RES.DataResponse[] | null>;
+        required: true;
+    } & {
+        default: null;
     };
-    siteCode: {
-        type: StringConstructor;
+    height: {
+        type: globalThis.PropType<string | number>;
+        required: true;
+    } & {
         default: string;
     };
-    stationCode: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    timeType: {
-        type: StringConstructor;
-        default: string;
+    params: {
+        type: globalThis.PropType<import("./api/types").UPSTREAM_OVER_RES.ParamsRequest>;
+        required: true;
+    } & {
+        default: () => {
+            dataType: string;
+            startTime: number;
+            endTime: number;
+            siteCode: string;
+            stationCode: string;
+            timeType: string;
+        };
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    endTime: number;
-    startTime: number;
-    timeType: string;
-    siteCode: string;
-    dataType: string | number;
-    sourceIds: string;
-    stationCode: string | number;
+}>>, {
+    reload: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    data: import("./api/types").UPSTREAM_OVER_RES.DataResponse[] | null;
+    height: string | number;
+    params: import("./api/types").UPSTREAM_OVER_RES.ParamsRequest;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _UpstreamSection;