@ued_fpi/data-visual 1.2.14 → 1.2.19

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

@@ -1,68 +1,53 @@
+import 'echarts/lib/component/markLine';
+import type { WATER_QUALITY_RAINFALL_API_REQUEST } from './api/types';
 declare const _default: import("vue").DefineComponent<{
-    startTime: {
-        type: NumberConstructor;
-        default: number;
-    };
-    endTime: {
-        type: NumberConstructor;
-        default: number;
-    };
-    timeType: {
-        type: StringConstructor;
-        default: string;
-    };
-    factorName: {
-        type: StringConstructor;
-        default: string;
-    };
-    factorUnit: {
-        type: StringConstructor;
-        default: string;
-    };
-    latitude: {
-        type: NumberConstructor;
-        default: number;
-    };
-    longitude: {
-        type: NumberConstructor;
-        default: number;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    startTime: {
-        type: NumberConstructor;
-        default: number;
-    };
-    endTime: {
-        type: NumberConstructor;
-        default: number;
-    };
-    timeType: {
-        type: StringConstructor;
-        default: string;
-    };
-    factorName: {
-        type: StringConstructor;
-        default: string;
-    };
-    factorUnit: {
-        type: StringConstructor;
-        default: string;
-    };
-    latitude: {
-        type: NumberConstructor;
-        default: number;
-    };
-    longitude: {
-        type: NumberConstructor;
-        default: number;
+    params: {
+        type: globalThis.PropType<WATER_QUALITY_RAINFALL_API_REQUEST.requestParamsTs>;
+        default: () => {
+            beginTime: number;
+            endTime: number;
+            latitude: number;
+            longitude: number;
+            queryTimeType: string;
+            factorName: string;
+            factorCode: string;
+            factorUnit: string;
+            factor: number;
+            siteCode: string;
+            configTime: number;
+            baseLevel: number;
+        };
+    };
+    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<WATER_QUALITY_RAINFALL_API_REQUEST.requestParamsTs>;
+        default: () => {
+            beginTime: number;
+            endTime: number;
+            latitude: number;
+            longitude: number;
+            queryTimeType: string;
+            factorName: string;
+            factorCode: string;
+            factorUnit: string;
+            factor: number;
+            siteCode: string;
+            configTime: number;
+            baseLevel: number;
+        };
+    };
+    isLazy: {
+        type: BooleanConstructor;
+        default: boolean;
     };
 }>>, {
-    endTime: number;
-    startTime: number;
-    timeType: string;
-    factorName: string;
-    factorUnit: string;
-    latitude: number;
-    longitude: number;
+    params: WATER_QUALITY_RAINFALL_API_REQUEST.requestParamsTs;
+    isLazy: boolean;
 }, {}>;
 export default _default;

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

@@ -4,83 +4,101 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const vue = require('vue');
 const dayjs = require('dayjs');
+require('echarts/lib/component/markLine');
 const BaseECharts_vue_vue_type_script_setup_true_lang = require('../../utils/echarts/BaseECharts.vue.js');
+const tools = require('../../utils/tools.js');
 const index = require('./api/index.js');
 
 const _hoisted_1 = { class: "dv-wgms-water-quality-rainfall" };
 const _sfc_main = /* @__PURE__ */ vue.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 = vue.ref();
     const option = vue.ref(void 0);
-    const data = vue.reactive({
-      title: "水质-雨量-水位趋势对比图",
-      unit: "mg/L",
-      factorName: "总磷(以 P 计）",
-      params: {
-        beginTime: 16706016e5,
-        endTime: 1671206399999,
-        latitude: 30.3992,
-        longitude: 119.9681,
-        queryTimeType: "hour"
+    const state = vue.reactive({
+      factorLimitValue: {
+        // 因子达标限值
+        value: null
       }
     });
-    vue.watch(() => [props.startTime, props.endTime, props.timeType, props.longitude, props.latitude, props.factorName, props.factorUnit], () => {
-      initData();
-    });
-    vue.onMounted(async () => {
-      await vue.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 index.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: tools.getDateEndTime(timeType, props.params?.endTime),
+        queryTimeType: timeType,
+        accessCode: props.params?.siteCode,
+        factor: props?.params?.factor
+      };
+      const res = await index.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 index.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: tools.getDateEndTime(props.params?.queryTimeType, props.params?.endTime),
+        latitude: props.params?.latitude,
+        longitude: props.params?.longitude,
+        queryTimeType: timeType
+      };
+      const res = await index.rainHydrologyAnalyse(params);
       const resData = res.data || [];
       const xData = [];
       const seriesData = {
@@ -89,20 +107,29 @@ const _sfc_main = /* @__PURE__ */ vue.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 index.waterSurfaceListAll({});
       const gradeList = res?.entries ?? [];
       const option2 = {
@@ -124,7 +151,7 @@ const _sfc_main = /* @__PURE__ */ vue.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>`;
@@ -140,11 +167,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           textStyle: {
             color: "var(--dv-color-text-primary)"
           },
+          // icon: 'rect',
           itemHeight: 2,
           itemWidth: 16,
           data: [
             {
-              name: "降雨量趋势",
+              name: "降雨量",
               icon: "rect"
             },
             {
@@ -152,7 +180,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               icon: "rect"
             },
             {
-              name: "水位趋势",
+              name: "水位",
               icon: "rect"
             }
           ]
@@ -217,8 +245,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           {
             // 氨氮
             type: "value",
-            name: `监测值
-(${unit})`,
+            name: unit ? `监测值
+(${unit})` : "监测值",
             nameTextStyle: {
               align: "right",
               fontFamily: "var(--dv-font-family-number)",
@@ -226,6 +254,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               color: "var(--dv-color-text-secondary)"
             },
             position: "left",
+            splitNumber: 4,
             offset: 40,
             axisLabel: {
               formatter: "{value}",
@@ -245,7 +274,20 @@ const _sfc_main = /* @__PURE__ */ vue.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;
+              }
+            }
           },
           {
             // 水位
@@ -276,7 +318,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ],
         series: [
           {
-            name: "降雨量趋势",
+            name: "降雨量",
             type: "line",
             // smooth: true,
             showSymbol: false,
@@ -289,6 +331,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             areaStyle: {
               color: "rgba(217, 204, 76, .5)"
             },
+            color: "rgba(217, 204, 76, 1)",
             data: rain
           },
           {
@@ -303,6 +346,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               color: "rgba(0, 221, 255, 1)",
               type: "solid"
             },
+            color: "rgba(0, 221, 255, 1)",
             markPoint: {
               show: false,
               itemStyle: {
@@ -324,39 +368,17 @@ const _sfc_main = /* @__PURE__ */ vue.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,
@@ -372,12 +394,72 @@ const _sfc_main = /* @__PURE__ */ vue.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;
     };
+    vue.onMounted(() => {
+      !props.isLazy && initData();
+    });
+    vue.watch([() => props.params, () => props.isLazy], () => {
+      !props.isLazy && initData();
+    }, { deep: true });
+    __expose({
+      reload: initData
+    });
+    vue.toRefs(state);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", {

package/dist/lib/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/lib/wgms/src/WaterQualityRegionalComprehensive/api/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const request = require('../../../service/request.js');
+
+const synthesisIndexChange = (params) => {
+  return request.default({
+    url: "/api/v1/screen/synthesis-index-change",
+    server: "wgmsScreenServer",
+    method: "get",
+    params
+  });
+};
+
+exports.synthesisIndexChange = synthesisIndexChange;

package/dist/lib/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;
+    }
+}