@ued_fpi/data-visual 1.2.15 → 1.2.20

package/dist/lib/wgms/src/common/comm-btns.vue.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+
+const _hoisted_1 = { class: "comm-btns" };
+const _hoisted_2 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "comm-btns",
+  props: {
+    /**
+     * 按钮数据
+     */
+    tabs: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    /**
+     * 标题名称
+     */
+    selected: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    /**
+     * 面板宽度
+     */
+    width: {
+      type: Number,
+      default: void 0
+    }
+  },
+  emits: ["switchTab"],
+  setup(__props, { emit: $emit }) {
+    const props = __props;
+    const data = vue.reactive({
+      selectedTab: {}
+    });
+    const switchTab = (item) => {
+      if (data.selectedTab.value === item.value)
+        return;
+      data.selectedTab = item;
+      $emit("switchTab", item);
+    };
+    vue.watch(() => props.selected, () => {
+      data.selectedTab = props.selected;
+    });
+    vue.onMounted(() => {
+      data.selectedTab = props.selected?.value ? props.selected : {};
+    });
+    const { selectedTab } = vue.toRefs(data);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.tabs, (item, index) => {
+          return vue.openBlock(), vue.createElementBlock("span", {
+            key: index,
+            class: vue.normalizeClass(["comm-btn", { active: vue.unref(selectedTab).value === item.value }]),
+            style: vue.normalizeStyle({ width: __props.width ? `${__props.width}px` : "auto" }),
+            onClick: ($event) => switchTab(item)
+          }, vue.toDisplayString(item.label), 15, _hoisted_2);
+        }), 128))
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/wgms/src/common/comm-btns.vue2.js

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

package/dist/lib/wgms/src/common/comm-btns.vue3.js

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

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

@@ -32,6 +32,23 @@ const index$q = require('./WaterQualityRegionalComprehensive/index.js');
 const index$r = require('./StationWaterQualityStatistics/index.js');
 const index$s = require('./SourceMonitoring/index.js');
 const index$t = require('./DistributionOfWaterQualityLevels/index.js');
+const index$u = require('./PollutionSourceControlOutlets/index.js');
+const index$v = require('./PollutionSourceControlStatistics/index.js');
+const index$w = require('./PollutionSourcesElements/index.js');
+const index$x = require('./CorrelationCoefficient/index.js');
+const index$y = require('./DayKLine/index.js');
+const index$z = require('./SurroundingPollutionSources/index.js');
+const index$A = require('./ChangeAlongRiver/index.js');
+const index$B = require('./AlgaeTopicsAutomaticMonitoring/index.js');
+const index$C = require('./AlgaeTopicsManualMonitoring/index.js');
+const index$D = require('./AlgaeTopicsImportantWater/index.js');
+const index$E = require('./AlgaeTopicsStatusEntrySection/index.js');
+const index$F = require('./AlgaeTopicsWarningStatistics/index.js');
+const index$G = require('./AlgaeTopicsReleaseMeasures/index.js');
+const index$H = require('./AlgaeTopicsDisposalResponse/index.js');
+const index$I = require('./AlgaeTopicsFollowUpEvaluation/index.js');
+const index$J = require('./WaterOnlineEnvironmentalMonitor/index.js');
+const index$K = require('./WgmsSpecialSiteDetails/index.js');
 
 
 
@@ -65,3 +82,20 @@ exports.DvWgmsWaterQualityRegionalComprehensive = index$q.DvWgmsWaterQualityRegi
 exports.DvWgmsStationWaterQualityStatistics = index$r.DvWgmsStationWaterQualityStatistics;
 exports.DvWgmsSourceMonitoring = index$s.DvWgmsSourceMonitoring;
 exports.DvWgmsDistributionOfWaterQualityLevels = index$t.DvWgmsDistributionOfWaterQualityLevels;
+exports.DvWgmsPollutionSourceControlOutlets = index$u.DvWgmsPollutionSourceControlOutlets;
+exports.DvWgmsPollutionSourceControlStatistics = index$v.DvWgmsPollutionSourceControlStatistics;
+exports.DvWgmsPollutionSourcesElements = index$w.DvWgmsPollutionSourcesElements;
+exports.DvWgmsCorrelationCoefficient = index$x.DvWgmsCorrelationCoefficient;
+exports.DvWgmsDayKLine = index$y.DvWgmsDayKLine;
+exports.DvWgmsSurroundingPollutionSources = index$z.DvWgmsSurroundingPollutionSources;
+exports.DvWgmsChangeAlongRiver = index$A.DvWgmsChangeAlongRiver;
+exports.DvWgmsAlgaeTopicsAutomaticMonitoring = index$B.DvWgmsAlgaeTopicsAutomaticMonitoring;
+exports.DvWgmsAlgaeTopicsManualMonitoring = index$C.DvWgmsAlgaeTopicsManualMonitoring;
+exports.DvWgmsAlgaeTopicsImportantWater = index$D.DvWgmsAlgaeTopicsImportantWater;
+exports.DvWgmsAlgaeTopicsStatusEntrySection = index$E.DvWgmsAlgaeTopicsStatusEntrySection;
+exports.DvWgmsAlgaeTopicsWarningStatistics = index$F.DvWgmsAlgaeTopicsWarningStatistics;
+exports.DvWgmsAlgaeTopicsReleaseMeasures = index$G.DvWgmsAlgaeTopicsReleaseMeasures;
+exports.DvWgmsAlgaeTopicsDisposalResponse = index$H.DvWgmsAlgaeTopicsDisposalResponse;
+exports.DvWgmsAlgaeTopicsFollowUpEvaluation = index$I.DvWgmsAlgaeTopicsFollowUpEvaluation;
+exports.DvWgmsWaterOnlineEnvironmentalMonitor = index$J.DvWgmsWaterOnlineEnvironmentalMonitor;
+exports.DvWgmsWgmsSpecialSiteDetails = index$K.DvWgmsWgmsSpecialSiteDetails;

package/dist/lib/wgms/utils/echarts/3dChartOptions.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('vue');
 
-const getPie3D = (pieData, color, internalDiameterRatio, distance, alpha, pieHeight, opacity = 1) => {
+const getPie3D = (pieData, internalDiameterRatio, distance, alpha, pieHeight, opacity = 1) => {
   const series = [];
   let sumValue = 0;
   let startValue = 0;
@@ -31,7 +31,7 @@ const getPie3D = (pieData, color, internalDiameterRatio, distance, alpha, pieHei
         k
       },
       center: ["10%", "50%"],
-      color: color[i],
+      color: pieData[i].itemStyle.color,
       itemStyle: {},
       parametricEquation: {}
     };

package/dist/lib/wgms/utils/echarts/echartsOptions.js

@@ -37,10 +37,9 @@ const pieChartOptions = (seriesData, colorList, total) => {
           textStyle: {
             rich: {
               total: {
-                fontWeight: "500",
-                lineHeight: "26",
-                fontSize: 16,
-                color: "var(--dv-color-text-primary)"
+                fontSize: 24,
+                color: "var(--dv-color-text-primary)",
+                fontFamily: "var(--dv-font-family-number)"
               }
             }
           },
@@ -266,8 +265,128 @@ const comprehensiveWaterQualityOption = (xData, yData) => {
   };
   return option;
 };
+const manualMonitoringOption = (barXValue, data) => {
+  const chartOption = {
+    grid: {
+      top: 20,
+      left: 35,
+      bottom: 25,
+      right: 20
+    },
+    tooltip: {
+      trigger: "axis",
+      textStyle: {
+        fontSize: 14
+      },
+      formatter: (params) => {
+        const curParams = params[0];
+        return `${curParams.seriesName} : <br>${barXValue[curParams.dataIndex]}: ${curParams.value || "--"}μg/L`;
+      }
+    },
+    xAxis: {
+      type: "category",
+      axisTick: {
+        show: false
+      },
+      data: barXValue,
+      axisLabel: {
+        color: "var(--dv-color-text-primary)",
+        fontSize: "var(--dv-text-number2)",
+        fontFamily: "var(--dv-font-family-number)"
+      },
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: "var(--dv-color-border-light)"
+        }
+      }
+    },
+    yAxis: {
+      type: "value",
+      axisLabel: {
+        show: true,
+        color: "var(--dv-color-text-secondary)",
+        fontSize: "var(--dv-text-number2)",
+        fontFamily: "var(--dv-font-family-number)"
+      },
+      axisLine: {
+        show: false
+      },
+      axisTick: {
+        show: false
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: "var(--dv-color-border-light)"
+        }
+      },
+      splitArea: {
+        show: false
+      },
+      splitNumber: 3
+    },
+    series: [
+      {
+        name: "叶绿素a",
+        type: "line",
+        symbol: "circle",
+        symbolSize: 4,
+        showSymbol: true,
+        connectNulls: true,
+        data,
+        lineStyle: {
+          normal: {
+            color: "#0AAEFF",
+            // 折线的颜色
+            width: "2"
+            // 折线粗细
+          }
+        },
+        itemStyle: {
+          normal: {
+            color: "#fff",
+            borderColor: "#0AAEFF",
+            borderWidth: "2"
+          }
+        }
+      }
+    ]
+  };
+  if (barXValue.length > 30) {
+    chartOption.dataZoom = [
+      {
+        type: "slider",
+        top: "78%",
+        height: 15,
+        start: 0,
+        end: 100,
+        // end: Math.ceil(30 / barXvalue.length * 100),
+        borderColor: "#3ee1f3",
+        backgroundColor: "#00262d",
+        handleStyle: {
+          color: "#00cbd1"
+        },
+        dataBackground: {
+          lineStyle: {
+            color: "#3ee1f3"
+          },
+          areaStyle: {
+            color: "#00363f"
+          }
+        },
+        textStyle: {
+          color: "var(--dv-color-text-secondary)",
+          fontFamily: "var(--dv-font-family-number)"
+        }
+      }
+    ];
+  }
+  return chartOption;
+};
 
 exports.comprehensiveWaterQualityOption = comprehensiveWaterQualityOption;
 exports.getDizhouQualityAnalysisOption = getDizhouQualityAnalysisOption;
+exports.manualMonitoringOption = manualMonitoringOption;
 exports.pieChartOptions = pieChartOptions;
 exports.pollutionSourcePieOptions = pollutionSourcePieOptions;

package/dist/lib/wgms/utils/tools.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const elementPlus = require('element-plus');
+const dayjs = require('dayjs');
 require('vue');
 
 const messageBox = (msg, type) => {
@@ -19,6 +20,53 @@ const install = (comp, named) => {
   };
   return comp;
 };
+const getDateEndTime = (timeType, date) => {
+  let resDate;
+  if (timeType === "hour") {
+    resDate = dayjs(date).add(1, "hours").startOf("hour").format("x");
+  } else if (timeType === "day") {
+    resDate = dayjs(date).add(1, "days").startOf("day").format("x");
+  } else if (timeType === "week") {
+    resDate = dayjs(date).add(1, "week").startOf("week").format("x");
+  } else if (timeType === "month") {
+    resDate = dayjs(date).add(1, "month").startOf("day").format("x");
+  } else if (timeType === "year") {
+    resDate = dayjs(date).add(1, "year").startOf("year").format("x");
+  }
+  return resDate;
+};
+const getAlgaeTime = (val) => {
+  const { currentType, upToDate, currentTime, periodBeginTime, periodEndTime } = val;
+  const isCurrentPeriod = currentType !== "dailyControl";
+  const beginTime = isCurrentPeriod ? dayjs(currentTime).startOf("day").valueOf() : !upToDate ? dayjs().startOf("day").valueOf() : dayjs().add(-6, "months").startOf("month").valueOf();
+  const endTime = isCurrentPeriod ? dayjs(currentTime).endOf("day").valueOf() : !upToDate ? dayjs().endOf("day").valueOf() : dayjs().endOf("day").valueOf();
+  const beginWarningTime = currentTime ? periodBeginTime : dayjs().startOf("year").valueOf();
+  const endWarningTime = currentTime ? periodEndTime : dayjs().endOf("year").valueOf();
+  const beginDayWarningTime = currentTime ? dayjs(currentTime).startOf("day").valueOf() : dayjs().startOf("day").valueOf();
+  const endDayWarningTime = currentTime ? dayjs(currentTime).endOf("day").valueOf() : dayjs().endOf("day").valueOf();
+  const beginTimeNewRange = dayjs(currentTime || void 0).add(-6, "months").startOf("month").valueOf();
+  const endTimeNewRange = dayjs(currentTime || void 0).endOf("day").valueOf();
+  return {
+    beginTime,
+    endTime,
+    beginTimeNewRange,
+    // 入境断面藻情现状 开始
+    endTimeNewRange,
+    // 入境断面藻情现状 结束
+    isCurrentPeriod,
+    currentTime,
+    beginWarningTime,
+    // 预警周期
+    endWarningTime,
+    // 预警周期时间
+    beginDayWarningTime,
+    // 预警当天日数据 没选择历史就显示今日
+    endDayWarningTime
+    // 预警当天日数据 没选择历史就显示今日
+  };
+};
 
+exports.getAlgaeTime = getAlgaeTime;
+exports.getDateEndTime = getDateEndTime;
 exports.install = install;
 exports.messageBox = messageBox;

package/dist/style/base.css

@@ -30,7 +30,7 @@ html {
 
     /* fill */
     --dv-color-fill-base: #f0f2f5;
-    --dv-color-fill-blanket: #fff;
+    --dv-color-fill-blank: #fff;
     --dv-color-fill-dark: #ebedf0;
     --dv-color-fill-darker: #e6e8eb;
     --dv-color-fill-extra-light: #fafcff;
@@ -142,7 +142,7 @@ html.dark {
     --dv-color-danger-80: #c6362e;
     --dv-color-danger-110: #d15e58;
     --dv-color-fill-base: rgba(68, 136, 208, 0.1); /* 基础填充 */
-    --dv-color-fill-blankt: rgba(68, 136, 208, 0.3);
+    --dv-color-fill-blank: rgba(68, 136, 208, 0.1);
     --dv-color-fill-dark: rgba(68, 136, 208, 0.05);
     --dv-color-fill-darker: rgba(68, 136, 208, 0.05);
     --dv-color-fill-extra-light: rgba(68, 136, 208, 0.25);