@ued_fpi/data-visual 1.2.2 → 1.2.4

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

@@ -1,21 +1,25 @@
 import { defineComponent, ref, reactive, watch, onMounted, nextTick, toRefs, openBlock, createElementBlock, createElementVNode } from 'vue';
 import dayjs from 'dayjs';
 import echarts from '../../utils/echarts/index.mjs';
-import { waterSurfaceListAll, surfaceWaterStandard, pathAnalysis } from './api/index.mjs';
+import { surfaceWaterStandard, pathAnalysis, waterSurfaceListAll } from './api/index.mjs';
 
 const _hoisted_1 = { class: "dv-wgms-upstream-impact" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
-    time: {
+    configTime: {
       type: Number,
       default: dayjs().startOf("year").valueOf()
     },
-    factorCode: {
-      type: String,
-      default: ""
+    beginTime: {
+      type: Number,
+      default: dayjs().startOf("year").valueOf()
     },
-    siteCode: {
+    endTime: {
+      type: Number,
+      default: dayjs().startOf("year").valueOf()
+    },
+    factorCode: {
       type: String,
       default: ""
     },
@@ -23,6 +27,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       type: String,
       default: "hour"
     },
+    factor: {
+      type: Number,
+      default: 27
+    },
     // 因子名称
     factorName: {
       type: String,
@@ -33,24 +41,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       type: String,
       default: "mg/L"
     },
-    // 站点名称
-    sourceIds: {
+    accessCode: {
       type: String,
       default: ""
     },
-    // 达标线
-    // standardValue: {
-    //     type: [String, Number],
-    //     default: 1
-    // }
-    // 水质等级id
-    waterQuality: {
+    accessCodeList: {
       type: String,
-      default: "3c70ae2734d64bbe8b598af6c6612423"
+      default: ""
     },
-    sectionType: {
-      type: String,
-      default: "001"
+    limit: {
+      type: Number,
+      default: 2
+    },
+    baseLevel: {
+      type: Number,
+      default: -1
     }
   },
   setup(__props) {
@@ -61,121 +66,91 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       unit: "mg/L",
       factorName: "总磷(以 P 计）",
       params: {
-        time: 16886988e5,
-        factorCode: "w21011",
-        siteCode: "JMSZSY0007",
-        sourceIds: "",
-        // 关联的站点id
-        timeType: "day"
+        accessCode: "JMSZSY0007",
+        factor: 27,
+        beginTime: 16886988e5,
+        endTime: 16886988e5,
+        queryTimeType: "day",
+        limit: 2
       },
       standardValue: "",
       gradeList: []
     });
-    watch(() => [props.time, props.factorCode, props.siteCode, props.timeType], () => {
+    watch(() => [props.configTime, props.beginTime, props.endTime, props.factorCode, props.timeType, props.factor, props.factorName, props.accessCode, props.accessCodeList, props.limit, props.baseLevel], () => {
       initData();
     });
-    watch(() => [props.waterQuality, props.sectionType], () => {
-      getFactorStandard();
-    });
     onMounted(async () => {
       await nextTick();
-      await getGradeList();
-      getFactorStandard();
+      initData();
     });
     const initData = async () => {
       data.params = {
-        time: props?.time,
-        factorCode: props?.factorCode,
-        // 因子编码
-        siteCode: props?.siteCode,
-        // 站点编码
-        sourceIds: props?.sourceIds,
-        // 关联的站点id
-        timeType: props?.timeType
-        // 报警类型映射
+        accessCode: props?.accessCode,
+        factor: props?.factor,
+        beginTime: props?.beginTime,
+        endTime: props?.endTime,
+        queryTimeType: props?.timeType,
+        limit: props?.limit
       };
       data.factorName = props?.factorName;
       data.unit = props?.factorUnit;
-      getData();
-    };
-    const getGradeList = async () => {
-      const resp = await waterSurfaceListAll({});
-      const gradeList2 = resp?.entries ?? [];
-      data.gradeList = gradeList2;
-    };
-    const getFactorStandard = async () => {
-      const resQ = data.gradeList.filter((o) => {
-        return o.id === props.waterQuality;
+      const { data: resData } = await surfaceWaterStandard({
+        accessCodeList: props?.accessCodeList,
+        baseLevel: props?.baseLevel,
+        factorFlag: false,
+        factor: props?.factor,
+        configTime: props?.configTime
       });
-      const params = {
-        baseLevel: resQ[0].level,
-        // 需要根据ID匹配
-        factorGroup: "",
-        sectionType: props.sectionType
-      };
-      const res = await surfaceWaterStandard(params);
-      data.standardValue = props.factorCode && res && res[props.factorCode].value;
-      console.log(data.standardValue, "data.standardValue");
-      initData();
+      console.log(resData);
+      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 getData = async () => {
-      const res = await pathAnalysis(data.params);
-      console.log(res);
+    const getData = async (params, upValue, downValue) => {
+      const res = await pathAnalysis(params);
+      const resData = res.data;
       const waterQualityData = {
-        xAxis: [],
-        xData: [],
-        qualitys: []
+        xAxis: resData.map((item) => item.name),
+        quality: resData.map((item) => item.value),
+        hydrology: [],
+        rain: [],
+        factorValue: []
       };
-      const juageArr = [];
-      const resData = res.data || [];
-      resData.forEach((item) => {
-        waterQualityData.xAxis.push(item.siteName);
-        waterQualityData.xData.push(item.value);
-        waterQualityData.qualitys.push(item.quality);
-        item.value === "" ? juageArr.push(item.value) : 0;
+      const dass = waterQualityData.quality.map((item, index) => {
+        return {
+          value: item || 0
+        };
       });
-      const lineOptions = await upImpactLine(waterQualityData, data.standardValue, "", data.factorName || "");
-      echarts.draw(chartUpstreamImpact.value, lineOptions);
+      const options = await getLineOptions(waterQualityData.xAxis, data.factorName, dass, upValue, downValue);
+      echarts.draw(chartUpstreamImpact.value, options);
     };
-    const upImpactLine = async (list, standardValue2, dataTimeStr, factorName) => {
-      const { xAxis, xData, qualitys } = list;
-      const gradeList2 = data.gradeList;
-      const option = {
-        grid: {
-          top: 40,
-          right: 22,
-          bottom: 25,
-          left: 36
-        },
-        title: {
-          show: false,
-          text: `${dataTimeStr + factorName}沿程变化`,
-          textStyle: {
-            color: "#fff",
-            fontSize: 14,
-            fontWeight: "normal",
-            fontFamily: "TRENDS"
-          },
-          textAlign: "center",
-          left: "46%"
-        },
+    const getLineOptions = async (xAxis, unitName, dass, upValue, downValue) => {
+      const res = await waterSurfaceListAll({});
+      const gradeList2 = res?.entries ?? [];
+      return {
         tooltip: {
           trigger: "axis",
+          confine: true,
           axisPointer: {
             type: "line"
           },
-          formatter(param) {
-            param = param[0];
-            const currData = gradeList2.filter((item) => item.level === Number(qualitys[param.dataIndex]));
-            const color = currData.length ? currData[0]?.color : "#6D7278";
-            const span = `<span style='display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;background-color:${color};'></span>`;
-            return [`${param.seriesName} `, `${param.marker + param.name}：${param.value || "--"}mg/L`, `${span}水质等级：${gradeList2.find((item) => {
-              return item.level === Number(qualitys[param.dataIndex]);
-            })?.name || "--"}类`].join("<br/>");
+          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/>");
           }
         },
-        legend: {
-          show: false
+        grid: {
+          top: 40,
+          right: 22,
+          bottom: 25,
+          left: 10,
+          containLabel: true
         },
         xAxis: {
           type: "category",
@@ -186,13 +161,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "rgba(255,255,255,0.5)"
             }
           },
+          axisTick: {
+            show: false
+          },
+          splitLine: {
+            show: false
+          },
+          splitArea: {
+            show: false
+          },
           axisLabel: {
-            formatter: (value, index) => {
-              const length = xData.length;
-              if (index !== length - 1 || value.length <= 6 || length === 1)
-                return value;
-              return `{a|${value}}`;
-            },
             textStyle: {
               rich: {
                 a: {
@@ -204,112 +182,107 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             interval: 0
           },
-          axisTick: {
-            show: false
-          },
           data: xAxis
         },
-        yAxis: [
-          {
-            // 降雨量
-            type: "value",
-            name: "mg/L",
-            nameTextStyle: {
-              align: "right",
-              color: "rgba(255,255,255,1)"
-            },
-            axisLine: {
-              show: false,
-              lineStyle: {
-                color: "rgba(255,255,255,0.5)"
-              }
-            },
-            axisLabel: {
-              textStyle: {
-                fontFamily: "Oswald",
-                fontSize: "12",
-                fontWeight: "normal",
-                color: "#909399"
-              }
-            },
-            axisPointer: {
-              snap: true
-            },
-            splitArea: {
-              interval: 2,
-              show: false,
-              areaStyle: {
-                color: ["rgba(255, 255, 255, 0.05)", "transparent"]
-              }
-            },
-            splitLine: {
-              show: true,
-              lineStyle: {
-                color: "rgba(255, 255, 255, 0.15)"
-              }
-            },
-            axisTick: { show: false },
-            max: (value) => {
-              if (value.max > Number(standardValue2))
-                return Math.ceil(value.max);
+        yAxis: {
+          type: "value",
+          name: unitName,
+          nameTextStyle: {
+            align: "right",
+            color: "rgba(255,255,255,1)",
+            padding: [2, -50, 6, 0]
+          },
+          axisLine: {
+            show: false,
+            lineStyle: {
+              color: "rgba(255,255,255,0.5)"
+            }
+          },
+          axisLabel: {
+            textStyle: {
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "12",
+              fontWeight: "normal",
+              color: "#909399"
+            }
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: "rgba(255, 255, 255, 0.15)"
+            }
+          },
+          axisTick: { show: false },
+          splitArea: {
+            show: false
+          },
+          max: (value) => {
+            if (props.factorCode === "w01001") {
+              if (value.max > upValue)
+                return value.max;
+              else
+                return upValue;
+            } else {
+              if (value.max < upValue && upValue)
+                return upValue;
               else
-                return Math.ceil(Number(standardValue2));
+                return value.max;
             }
           }
-        ],
+        },
         series: [
           {
-            name: factorName,
+            connectNulls: true,
             type: "line",
-            smooth: false,
+            symbolSize: 5,
             yAxisIndex: 0,
             lineStyle: {
-              color: "#0AAEFF",
-              opacity: 1,
-              width: 2
-            },
-            symbol: "circle",
-            symbolSize: 8,
-            label: {
-              show: false,
-              fontFamily: "Bebas Neue",
-              fontSize: "12",
-              color: "rgba(255,255,255,0.6)"
+              color: "#0062FF",
+              width: 1
             },
-            data: xData.map((item, index) => {
-              const currData = gradeList2.filter((item2) => item2.level === Number(qualitys[index]));
-              return {
-                value: item,
-                itemStyle: {
-                  color: currData.length ? currData[0].color : "#6D7278"
-                }
-              };
-            }),
+            data: dass,
             markLine: {
-              type: "average",
-              lineStyle: {
-                color: "#FF1744"
-              },
               symbol: "none",
               data: [
                 {
-                  yAxis: standardValue2,
-                  name: "水质超标线",
+                  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: "#FFFFFF",
+                    backgroundColor: "#FF1744",
+                    borderRadius: 8
+                  },
+                  lineStyle: {
+                    type: "solid",
+                    color: "#FF1744"
+                  }
+                },
+                {
+                  yAxis: downValue == null ? "" : downValue,
+                  show: false,
+                  name: "超标线",
                   label: {
                     show: true,
                     formatter: "{b}",
                     position: "end",
-                    distance: -70,
-                    fontSize: 12,
-                    lineHeight: 17,
-                    padding: [0, 6, 0, 6],
+                    distance: -36,
+                    fontSize: 8,
+                    lineHeight: 12,
+                    padding: [2, 6, 0, 6],
                     color: "#FFFFFF",
                     backgroundColor: "#FF1744",
                     borderRadius: 8
                   },
                   lineStyle: {
                     type: "solid",
-                    width: 2,
                     color: "#FF1744"
                   }
                 }
@@ -318,7 +291,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         ]
       };
-      return option;
     };
     toRefs(data);
     return (_ctx, _cache) => {

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

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

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

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

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

@@ -0,0 +1,20 @@
+export declare namespace UPSTREAM_OVER_RES {
+    interface ParamsRequest {
+        dataType: number | string;
+        endTime: number;
+        siteCode: string;
+        sourceIds: string;
+        startTime: number;
+        stationCode: number | string;
+        timeType: string;
+    }
+    interface DataResponse {
+        'alarmCount': number;
+        'nh3OverNum': number;
+        'rank': number;
+        'siteCode': string;
+        'siteName': string;
+        'totalOverNum': number;
+        'tpOverNum': number;
+    }
+}

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

@@ -4,6 +4,13 @@ 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;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -62,7 +69,44 @@ export declare const DvWgmsUpstreamSection: {
         $parent: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            dataType: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            startTime: {
+                type: NumberConstructor;
+                default: number;
+            };
+            endTime: {
+                type: NumberConstructor;
+                default: number;
+            };
+            sourceIds: {
+                type: StringConstructor;
+                default: string;
+            };
+            siteCode: {
+                type: StringConstructor;
+                default: string;
+            };
+            stationCode: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            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;
+        }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -82,9 +126,75 @@ export declare const DvWgmsUpstreamSection: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    } & Readonly<import("vue").ExtractPropTypes<{
+        dataType: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        startTime: {
+            type: NumberConstructor;
+            default: number;
+        };
+        endTime: {
+            type: NumberConstructor;
+            default: number;
+        };
+        sourceIds: {
+            type: StringConstructor;
+            default: string;
+        };
+        siteCode: {
+            type: StringConstructor;
+            default: string;
+        };
+        stationCode: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        timeType: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    dataType: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    startTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    endTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    sourceIds: {
+        type: StringConstructor;
+        default: string;
+    };
+    siteCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    stationCode: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    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;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _UpstreamSection;