@ued_fpi/data-visual 1.2.15 → 1.2.20

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

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, watch, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, toDisplayString } from 'vue';
+import { defineComponent, reactive, onMounted, watch, toRefs, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, toDisplayString } from 'vue';
 import dayjs from 'dayjs';
 import { analysisResult } from './api/index.mjs';
 
@@ -7,80 +7,84 @@ const _hoisted_2 = { class: "conclusion-box" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
-    startTime: {
-      type: Number,
-      default: dayjs().startOf("year").valueOf()
-    },
-    endTime: {
-      type: Number,
-      default: dayjs().endOf("year").valueOf()
-    },
-    factorId: {
-      type: Number,
-      default: 27
-    },
-    siteCode: {
-      type: String,
-      default: ""
-    },
-    timeType: {
-      type: String,
-      default: "hour"
+    params: {
+      type: Object,
+      default: () => {
+        return {
+          beginTime: 16858944e5,
+          endTime: 16858944e5,
+          distance: 1e4,
+          factorId: 9,
+          // 因子ID
+          longitude: 120.445633,
+          latitude: 30.120086,
+          siteCode: "YYZDSTGG00S330127_0012A",
+          surroundingStationCodes: "1",
+          // 需要找的周边类型编码
+          timeStamp: 1688313541e3,
+          // 统计事件数量的时间点
+          timeType: "week",
+          siteCodeList: []
+          // 站点code
+        };
+      }
     },
-    // 经纬度
-    latitude: {
-      type: [Number, String],
-      default: 30.3992
+    returnData: {
+      type: Array,
+      default: () => {
+        return [];
+      }
     },
-    // 经纬度
-    longitude: {
-      type: [Number, String],
-      default: 119.9681
+    isLazy: {
+      type: Boolean,
+      default: false
     }
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
     const data = reactive({
-      resultData: [],
+      resultTable: []
       // 研判结论返回
-      params: {
-        endTime: 16566912e5,
-        factorId: 27,
-        latitude: 30.3992,
-        longitude: 119.9681,
-        siteCode: "GKA330100_2009",
-        startTime: 16539264e5,
-        timeType: "hour"
-      }
     });
-    const getConclusion = () => {
-      analysisResult(data.params).then((res) => {
-        data.resultData = res?.data ?? [];
-      });
+    const getDateTime = () => {
+      const timeType = props?.params?.timeType;
+      const dateType = props?.params?.timeType === "day" ? "days" : props?.params?.timeType === "hour" ? "hours" : props?.params?.timeType;
+      const dataTime = props?.params?.timeType === "hour" || props?.params?.timeType === "day" ? props?.params.timeStamp : dayjs(props?.params.timeStamp).startOf(timeType).valueOf();
+      return {
+        startTime: dayjs(dataTime).add(-23, dateType).startOf(timeType).format("x"),
+        endTime: dayjs(dataTime).add(1, dateType).startOf(timeType).format("x")
+      };
     };
-    const initData = () => {
-      data.params = {
-        startTime: props?.startTime,
-        endTime: props?.endTime,
-        factorId: props?.factorId,
-        siteCode: props?.siteCode,
-        timeType: props?.timeType,
-        latitude: props?.latitude,
-        longitude: props?.longitude
+    const getConclusion = () => {
+      if (props.returnData && props.returnData.length) {
+        data.resultTable = props.returnData;
+        return;
+      }
+      const { startTime, endTime } = getDateTime();
+      const params = {
+        ...props?.params,
+        distance: props?.params?.distance / 1e3,
+        waveBeginTime: startTime,
+        waveEndTime: endTime
       };
-      getConclusion();
+      analysisResult(params).then((res) => {
+        data.resultTable = res?.data ?? [];
+      });
     };
-    watch(() => [props.startTime, props.endTime, props.factorId, props.siteCode, props.latitude, props.longitude, props.timeType], () => {
-      initData();
-    }, { deep: true });
     onMounted(async () => {
-      initData();
+      !props.isLazy && getConclusion();
+    });
+    watch([() => props.params, () => props.returnData, () => props.isLazy], () => {
+      !props.isLazy && getConclusion();
+    }, { deep: true });
+    __expose({
+      reload: getConclusion
     });
-    const { params, resultData } = toRefs(data);
+    const { resultTable } = toRefs(data);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(resultData), (item, index) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(resultTable), (item, index) => {
             return openBlock(), createElementBlock("div", {
               key: index,
               class: "conclusion-text"

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

@@ -0,0 +1,25 @@
+import requestControl from '../../../service/request.mjs';
+
+const pathAnalysis = (params) => {
+  return requestControl({
+    url: "/api/v3.0/surfaceWater/analyse/path-analyse",
+    server: "wgmsMonitorDataServer",
+    params
+  });
+};
+const waterSurfaceListAll = (params) => {
+  return requestControl({
+    url: "/api/v1.0/water/qualityGrade/listAll",
+    server: "envStandardManagerServer",
+    params
+  });
+};
+const surfaceWaterStandard = (params) => {
+  return requestControl({
+    url: "/api/v3.0/quality/limit/surfaceWater",
+    server: "wgmsMonitorDataServer",
+    params
+  });
+};
+
+export { pathAnalysis, surfaceWaterStandard, waterSurfaceListAll };

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.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/index.vue.mjs

@@ -1,5 +1,4 @@
-import { defineComponent, ref, reactive, watch, onMounted, nextTick, toRefs, openBlock, createElementBlock, createElementVNode, createVNode } from 'vue';
-import dayjs from 'dayjs';
+import { defineComponent, ref, watch, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, createVNode } from 'vue';
 import _sfc_main$1 from '../../utils/echarts/BaseECharts.vue.mjs';
 import { pathAnalysis } from './api/index.mjs';
 
@@ -7,72 +6,52 @@ const _hoisted_1 = { class: "dv-wgms-changes-along-the-process" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
-    dataType: {
-      type: [Number, String],
-      default: 0
-    },
-    startTime: {
-      type: Number,
-      default: dayjs().startOf("year").valueOf()
-    },
-    endTime: {
-      type: Number,
-      default: dayjs().endOf("year").valueOf()
-    },
-    sourceIds: {
-      type: String,
-      default: ""
-    },
-    siteCode: {
-      type: String,
-      default: ""
-    },
-    stationCode: {
-      type: [Number, String],
-      default: 1
-    },
-    timeType: {
-      type: String,
-      default: "hour"
-    }
+    height: { default: "200px" },
+    params: { default: () => {
+      return {
+        factorCode: "w01016",
+        siteCode: "",
+        stationCode: "1",
+        time: 1694016e6,
+        timeType: "day"
+      };
+    } },
+    data: { default: null }
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
     const chartUpstreamImpact = ref();
     const option = ref(void 0);
-    const data = reactive({
-      title: ""
-    });
-    watch(() => [props.dataType, props.startTime, props.endTime, props.siteCode, props.sourceIds, props.stationCode, props.timeType], () => {
-      getData();
-    });
+    watch([
+      () => props.params,
+      () => props.data,
+      () => props.isLazy
+    ], async () => {
+      !props.isLazy && getData();
+    }, { deep: true, immediate: true });
     onMounted(async () => {
       await nextTick();
-      getData();
+      !props.isLazy && getData();
     });
     const getData = async () => {
-      const res = await pathAnalysis({
-        dataType: props?.dataType,
-        startTime: props?.startTime,
-        endTime: props?.endTime,
-        siteCode: props.siteCode,
-        // 站点编码
-        sourceIds: props?.sourceIds,
-        // 关联的站点id
-        stationCode: props?.stationCode,
-        timeType: props?.timeType
-      });
-      const dataList = res?.data?.siteFactorDataList ?? [];
+      let resData;
+      if (props.data) {
+        resData = props.data;
+      } else {
+        const res = await pathAnalysis(props.params);
+        resData = res?.data;
+      }
+      const dataList = resData?.siteFactorDataList ?? [];
       const xData = dataList.map((item) => {
         return item.siteName;
       });
       const valueDate = dataList.map((item) => {
         return item.factorValue;
       });
-      const limit = res?.data?.limit;
+      const limit = resData?.limit;
       option.value = await upstreamSectionOptions(xData, valueDate, limit);
     };
-    const upstreamSectionOptions = (xData, data2, limit) => {
+    const upstreamSectionOptions = (xData, data, limit) => {
       return {
         title: {
           show: true,
@@ -148,11 +127,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           {
             name: "沿程变化",
             type: "line",
-            data: data2,
+            data,
             symbol: "circle",
             symbolSize: 8,
             lineStyle: {
-              color: "#0AAEFF"
+              color: "#0AAEFF",
+              width: 1
             },
             itemStyle: {
               color: (params) => {
@@ -186,7 +166,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]
       };
     };
-    toRefs(data);
+    __expose({
+      reload: getData
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {