@ued_fpi/data-visual 1.2.15 → 1.2.20

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

@@ -3,7 +3,6 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
-const dayjs = require('dayjs');
 const ProgressBar_vue_vue_type_script_setup_true_lang = require('../common/ProgressBar.vue.js');
 require('../common/ProgressBar.vue2.js');
 const commonArrow_vue_vue_type_script_setup_true_lang = require('../common/common-arrow.vue.js');
@@ -16,24 +15,31 @@ const _hoisted_3 = { class: "dv-wgms-label" };
 const _hoisted_4 = { class: "dv-wgms-rate" };
 const _hoisted_5 = { class: "dv-wgms-water-quality-status-bottom dv-wgms-flex-between-center" };
 const _hoisted_6 = { class: "dv-wgms-target" };
-const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("span", { class: "dv-wgms-text" }, "目标", -1);
-const _hoisted_8 = { class: "dv-wgms-value" };
-const _hoisted_9 = { class: "dv-wgms-same flex-left-center" };
-const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("span", { class: "dv-wgms-text" }, "同比", -1);
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("span", { class: "dv-wgms-text" }, "总数", -1);
+const _hoisted_8 = {
+  class: "dv-wgms-value",
+  style: { "margin-right": "16px" }
+};
+const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("span", { class: "dv-wgms-text" }, "目标", -1);
+const _hoisted_10 = { class: "dv-wgms-value" };
+const _hoisted_11 = { class: "dv-wgms-same flex-left-center" };
+const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("span", { class: "dv-wgms-text" }, "同比", -1);
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
     params: { default: () => {
       return {
-        regionCode: 3301,
-        startTime: dayjs().startOf("year").valueOf(),
-        endTime: dayjs().endOf("year").valueOf()
+        treeId: 3301,
+        timeType: "year",
+        startTime: 16725024e5,
+        endTime: 17040384e5
       };
     } },
     data: { default: () => {
       return [];
     } },
-    isLazy: { type: Boolean, default: false }
+    isLazy: { type: Boolean, default: false },
+    isShowTotal: { type: Boolean, default: false }
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -76,11 +82,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["percentage"]),
             vue.createElementVNode("div", _hoisted_5, [
               vue.createElementVNode("div", _hoisted_6, [
-                _hoisted_7,
-                vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(item.target === null ? "--" : `${item.target}%`), 1)
+                props.isShowTotal ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                  _hoisted_7,
+                  vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(item.total || 0), 1)
+                ], 64)) : vue.createCommentVNode("", true),
+                _hoisted_9,
+                vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(item.target === null ? "--" : `${item.target}%`), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_9, [
-                _hoisted_10,
+              vue.createElementVNode("div", _hoisted_11, [
+                _hoisted_12,
                 vue.createElementVNode("span", {
                   style: vue.normalizeStyle({ color: item.yoy === null ? "var(--dv-color-text-placeholder)" : item.yoy > 0 ? "var(--dv-color-success)" : item.yoy < 0 ? "var(--dv-color-danger)" : "var(--dv-color-index)" }),
                   class: "dv-wgms-value"

package/dist/lib/wgms/src/WgmsSpecialSiteDetails/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const tools = require('../../utils/tools.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
+
+const DvWgmsWgmsSpecialSiteDetails = tools.install(index_vue_vue_type_script_setup_true_lang.default);
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
+exports.DvWgmsWgmsSpecialSiteDetails = DvWgmsWgmsSpecialSiteDetails;

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

@@ -0,0 +1,108 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const utils = require('../../../utils.js');
+
+const _hoisted_1 = { class: "exhibition-center-content" };
+const _hoisted_2 = { class: "water-quality-category" };
+const _hoisted_3 = { class: "water-quality-category-warp" };
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "water-quality-category-title" }, " 水质类别 ", -1);
+const _hoisted_5 = { class: "grade" };
+const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("span", { class: "grade_name" }, "类", -1);
+const _hoisted_7 = { class: "water-quality-category-target" };
+const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("span", { class: "target" }, "目标：", -1);
+const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("span", { class: "target_name" }, "类", -1);
+const _hoisted_10 = { class: "water-quality-status" };
+const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("span", { class: "target" }, "水质状况：", -1);
+const _hoisted_12 = { class: "right-content" };
+const _hoisted_13 = { class: "right-content-title" };
+const _hoisted_14 = { class: "title-time" };
+const _hoisted_15 = {
+  key: 0,
+  class: "right-content-content"
+};
+const _hoisted_16 = { class: "factor-item-top" };
+const _hoisted_17 = { class: "factor-name" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    data: { default: null }
+  },
+  setup(__props) {
+    const props = __props;
+    const { isDark } = utils.useThemeHook();
+    const waterData = vue.ref(null);
+    vue.onMounted(() => {
+      waterData.value = props.data;
+    });
+    vue.watch([() => props.data], () => {
+      waterData.value = props.data;
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["water-quality-category-bg", vue.unref(isDark) ? "bg-dark" : "bg-light"])
+          }, [
+            vue.createElementVNode("div", _hoisted_3, [
+              _hoisted_4,
+              vue.createElementVNode("div", {
+                style: vue.normalizeStyle({ "--color": waterData.value?.waterQuality.gradeColor, "textAlign": "center" })
+              }, [
+                vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(waterData.value?.waterQuality.grade), 1),
+                _hoisted_6
+              ], 4)
+            ])
+          ], 2),
+          vue.createElementVNode("div", _hoisted_7, [
+            _hoisted_8,
+            vue.createElementVNode("span", {
+              class: "category",
+              style: vue.normalizeStyle({ "--color": waterData.value?.waterQuality.targetColor })
+            }, vue.toDisplayString(waterData.value?.waterQuality.target), 5),
+            _hoisted_9
+          ]),
+          vue.createElementVNode("div", _hoisted_10, [
+            _hoisted_11,
+            vue.createElementVNode("span", {
+              class: "category",
+              style: vue.normalizeStyle({ "--color": waterData.value?.waterQuality.gradeColor })
+            }, vue.toDisplayString(waterData.value?.waterQuality.gradeName), 5)
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_12, [
+          vue.createElementVNode("div", _hoisted_13, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(isDark) ? "title-name" : "title-name-light")
+            }, vue.toDisplayString(waterData.value?.site.siteName), 3),
+            vue.createElementVNode("div", _hoisted_14, vue.toDisplayString(waterData.value?.site.time), 1)
+          ]),
+          waterData.value?.factorList ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(waterData.value?.factorList, (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: item.code,
+                class: vue.normalizeClass(["factor-item", { "last-item": index === waterData.value?.factorList.length - 1 }])
+              }, [
+                vue.createElementVNode("div", _hoisted_16, [
+                  vue.createElementVNode("div", _hoisted_17, vue.toDisplayString(item.name), 1),
+                  vue.createElementVNode("div", {
+                    class: "factor-value",
+                    style: vue.normalizeStyle({ "--color": item.color })
+                  }, vue.toDisplayString(item.value), 5)
+                ]),
+                vue.createElementVNode("div", {
+                  class: "factor-item-bar",
+                  style: vue.normalizeStyle({ "--color": item.color })
+                }, null, 4)
+              ], 2);
+            }), 128))
+          ])) : vue.createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/wgms/src/WgmsSpecialSiteDetails/index.vue2.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+
+exports.default = index_vue_vue_type_style_index_0_lang;

package/dist/lib/wgms/src/WgmsSpecialSiteDetails/index.vue3.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
+
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;