@ued_fpi/data-visual 1.2.14 → 1.2.19

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

@@ -21,3 +21,27 @@ export { DvWgmsChangesAlongTheProcess } from './ChangesAlongTheProcess/index.mjs
 export { DvWgmsFactorTrendComparison } from './FactorTrendComparison/index.mjs';
 export { DvWgmsNPTrendChange } from './NPTrendChange/index.mjs';
 export { DvWgmsPollutionSourceControl } from './PollutionSourceControl/index.mjs';
+export { DvWgmsWaterQualitySituation } from './WaterQualitySituation/index.mjs';
+export { DvWgmsRegionalQualityAnalysis } from './RegionalQualityAnalysis/index.mjs';
+export { DvWgmsWaterQualityStatesAnalysis } from './WaterQualityStatesAnalysis/index.mjs';
+export { DvWgmsWaterQualityRegionalComprehensive } from './WaterQualityRegionalComprehensive/index.mjs';
+export { DvWgmsStationWaterQualityStatistics } from './StationWaterQualityStatistics/index.mjs';
+export { DvWgmsSourceMonitoring } from './SourceMonitoring/index.mjs';
+export { DvWgmsDistributionOfWaterQualityLevels } from './DistributionOfWaterQualityLevels/index.mjs';
+export { DvWgmsPollutionSourceControlOutlets } from './PollutionSourceControlOutlets/index.mjs';
+export { DvWgmsPollutionSourceControlStatistics } from './PollutionSourceControlStatistics/index.mjs';
+export { DvWgmsPollutionSourcesElements } from './PollutionSourcesElements/index.mjs';
+export { DvWgmsCorrelationCoefficient } from './CorrelationCoefficient/index.mjs';
+export { DvWgmsDayKLine } from './DayKLine/index.mjs';
+export { DvWgmsSurroundingPollutionSources } from './SurroundingPollutionSources/index.mjs';
+export { DvWgmsChangeAlongRiver } from './ChangeAlongRiver/index.mjs';
+export { DvWgmsAlgaeTopicsAutomaticMonitoring } from './AlgaeTopicsAutomaticMonitoring/index.mjs';
+export { DvWgmsAlgaeTopicsManualMonitoring } from './AlgaeTopicsManualMonitoring/index.mjs';
+export { DvWgmsAlgaeTopicsImportantWater } from './AlgaeTopicsImportantWater/index.mjs';
+export { DvWgmsAlgaeTopicsStatusEntrySection } from './AlgaeTopicsStatusEntrySection/index.mjs';
+export { DvWgmsAlgaeTopicsWarningStatistics } from './AlgaeTopicsWarningStatistics/index.mjs';
+export { DvWgmsAlgaeTopicsReleaseMeasures } from './AlgaeTopicsReleaseMeasures/index.mjs';
+export { DvWgmsAlgaeTopicsDisposalResponse } from './AlgaeTopicsDisposalResponse/index.mjs';
+export { DvWgmsAlgaeTopicsFollowUpEvaluation } from './AlgaeTopicsFollowUpEvaluation/index.mjs';
+export { DvWgmsWaterOnlineEnvironmentalMonitor } from './WaterOnlineEnvironmentalMonitor/index.mjs';
+export { DvWgmsWgmsSpecialSiteDetails } from './WgmsSpecialSiteDetails/index.mjs';

package/dist/es/wgms/utils/echarts/3dChartOptions.d.ts

@@ -15,7 +15,7 @@ interface PieData {
     startRatio: number;
     endRatio: number;
 }
-declare const getPie3D: (pieData: PieData[], color: string[], internalDiameterRatio: number, distance: number, alpha: number, pieHeight: number, opacity?: number) => {
+declare const getPie3D: (pieData: PieData[], internalDiameterRatio: number, distance: number, alpha: number, pieHeight: number, opacity?: number) => {
     legend: {
         show: boolean;
         data: {
@@ -90,7 +90,7 @@ declare const getPie3D: (pieData: PieData[], color: string[], internalDiameterRa
             k: number;
         };
         center: string[];
-        color: string;
+        color: any;
         itemStyle: {};
         parametricEquation: {};
     }[];

package/dist/es/wgms/utils/echarts/3dChartOptions.mjs

@@ -1,6 +1,6 @@
 import '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;
@@ -27,7 +27,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/es/wgms/utils/echarts/echartsOptions.d.ts

@@ -24,10 +24,9 @@ export declare const pieChartOptions: (seriesData: Record<string, any>[], colorL
             textStyle: {
                 rich: {
                     total: {
-                        fontWeight: string;
-                        lineHeight: string;
                         fontSize: number;
                         color: string;
+                        fontFamily: string;
                     };
                 };
             };
@@ -65,3 +64,140 @@ export declare const pollutionSourcePieOptions: (pieData: Record<string, any>[])
         };
     }[];
 };
+export declare const getDizhouQualityAnalysisOption: (xData: string[], goodList: number[], badList: number[]) => {
+    tooltip: {
+        trigger: string;
+        axisPointer: {
+            type: string;
+        };
+    };
+    color: string[];
+    grid: {
+        top: string;
+        left: string;
+        bottom: string;
+        right: string;
+    };
+    legend: {
+        show: boolean;
+        bottom: number;
+        left: string;
+        icon: string;
+        itemWidth: number;
+        textStyle: {
+            fontSize: string;
+            color: string;
+        };
+    };
+    xAxis: {
+        type: string;
+        axisTick: {
+            show: boolean;
+        };
+        axisLabel: {
+            color: string;
+            fontSize: string;
+        };
+        axisLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        data: string[];
+    }[];
+    yAxis: {
+        name: string;
+        nameTextStyle: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            padding: number[];
+        };
+        axisLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            color: string;
+            fontSize: string;
+            fontFamily: string;
+        };
+    }[];
+    series: {
+        name: string;
+        type: string;
+        barWidth: number;
+        data: number[];
+        itemStyle: {
+            color: string;
+        };
+    }[];
+};
+export declare const comprehensiveWaterQualityOption: (xData: string[], yData: number[]) => {
+    tooltip: {
+        trigger: string;
+        axisPointer: {
+            type: string;
+        };
+        formatter(params: any): string;
+    };
+    color: string[];
+    grid: {
+        top: string;
+        left: string;
+        bottom: string;
+        right: string;
+    };
+    xAxis: {
+        type: string;
+        axisTick: {
+            show: boolean;
+        };
+        axisLabel: {
+            color: string;
+            fontSize: string;
+            fontFamily: string;
+        };
+        axisLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        data: string[];
+    }[];
+    yAxis: {
+        axisLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        splitLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+        };
+    }[];
+    series: {
+        name: string;
+        type: string;
+        data: number[];
+        lineStyle: {
+            color: string;
+        };
+    }[];
+};
+export declare const manualMonitoringOption: (barXValue: string | any[], data: any) => any;

package/dist/es/wgms/utils/echarts/echartsOptions.mjs

@@ -33,10 +33,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)"
               }
             }
           },
@@ -84,5 +83,302 @@ const pollutionSourcePieOptions = (pieData) => {
     ]
   };
 };
+const getDizhouQualityAnalysisOption = (xData, goodList, badList) => {
+  const option = {
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        // 坐标轴指示器，坐标轴触发有效
+        type: "shadow"
+        // 默认为直线，可选为：'line' | 'shadow'
+      }
+    },
+    color: ["var(--dv-color-success)", "var(--dv-color-danger)"],
+    grid: {
+      top: "40",
+      left: "35",
+      bottom: "45",
+      right: "15"
+    },
+    legend: {
+      show: true,
+      bottom: 0,
+      left: "center",
+      icon: "circle",
+      itemWidth: 10,
+      // itemHeight: 14,
+      textStyle: {
+        fontSize: "var(--dv-text-body2)",
+        color: "var(--dv-color-text-primary)"
+      }
+    },
+    xAxis: [
+      {
+        type: "category",
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          color: "var(--dv-color-text-primary)",
+          fontSize: "12px"
+        },
+        axisLine: {
+          lineStyle: {
+            color: "var(--dv-color-border-light)"
+          }
+        },
+        data: xData
+      }
+    ],
+    yAxis: [
+      {
+        name: "%",
+        nameTextStyle: {
+          color: "var(--dv-color-text-secondary)",
+          fontFamily: "var(--dv-font-family-number)",
+          fontSize: "12px",
+          padding: [0, 20, 0, 0]
+        },
+        axisLine: {
+          show: false
+        },
+        axisTick: {
+          show: false
+        },
+        splitLine: {
+          // 值分割线
+          show: true,
+          lineStyle: {
+            color: "var(--dv-color-border-light)"
+          }
+        },
+        axisLabel: {
+          color: "var(--dv-color-text-secondary)",
+          fontSize: "12px",
+          fontFamily: "var(--dv-font-family-number)"
+        }
+      }
+    ],
+    series: [
+      {
+        name: "优良比例",
+        type: "bar",
+        barWidth: 15,
+        data: goodList,
+        itemStyle: {
+          color: "var(--dv-color-success)"
+        }
+      },
+      {
+        name: "劣V比例",
+        type: "bar",
+        barWidth: 15,
+        itemStyle: {
+          color: "var(--dv-color-danger)"
+        },
+        data: badList
+      }
+    ]
+  };
+  return option;
+};
+const comprehensiveWaterQualityOption = (xData, yData) => {
+  const option = {
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        // 坐标轴指示器，坐标轴触发有效
+        type: "shadow"
+        // 默认为直线，可选为：'line' | 'shadow'
+      },
+      formatter(params) {
+        const str = `<div><div>${params[0].seriesName}</div><div
+            style='display:
+            flex;height:20px;align-items:center;'>${params[0].marker}
+            <div>${params[0].axisValue}：${params[0].data}</div></div>`;
+        return str;
+      }
+    },
+    color: ["var(--dv-color-index)"],
+    grid: {
+      top: "8",
+      left: "20",
+      bottom: "30",
+      right: "10"
+    },
+    xAxis: [
+      {
+        type: "category",
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          color: "var(--dv-color-text-primary)",
+          fontSize: "var(--dv-text-number2)",
+          fontFamily: "var(--dv-font-family-number)"
+        },
+        axisLine: {
+          lineStyle: {
+            color: "var(--dv-color-border-light)"
+          }
+        },
+        data: xData
+      }
+    ],
+    yAxis: [
+      {
+        axisLine: {
+          show: false
+        },
+        axisTick: {
+          show: false
+        },
+        splitLine: {
+          // x轴竖线
+          lineStyle: {
+            color: "var(--dv-color-border-light)"
+          }
+        },
+        axisLabel: {
+          color: "var(--dv-color-text-secondary)",
+          fontFamily: "var(--dv-font-family-number)",
+          fontSize: "var(--dv-text-number2)"
+        }
+      }
+    ],
+    series: [
+      {
+        name: "水质综合指数变化",
+        type: "line",
+        data: yData,
+        // symbolSize: 'none', // 设定拐点的大小
+        lineStyle: {
+          // 设置折线颜色
+          color: "var(--dv-color-index)"
+        }
+      }
+    ]
+  };
+  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;
+};
 
-export { pieChartOptions, pollutionSourcePieOptions };
+export { comprehensiveWaterQualityOption, getDizhouQualityAnalysisOption, manualMonitoringOption, pieChartOptions, pollutionSourcePieOptions };

package/dist/es/wgms/utils/echarts/index.mjs

@@ -1,6 +1,6 @@
 import * as echarts$1 from 'echarts/core';
-import { GraphicComponent, GridComponent, TooltipComponent, LegendComponent, TitleComponent } from 'echarts/components';
-import { LineChart, BarChart, PieChart, BoxplotChart } from 'echarts/charts';
+import { GraphicComponent, GridComponent, TooltipComponent, LegendComponent, TitleComponent, PolarComponent } from 'echarts/components';
+import { LineChart, BarChart, PieChart, BoxplotChart, RadarChart } from 'echarts/charts';
 import { UniversalTransition } from 'echarts/features';
 import { CanvasRenderer } from 'echarts/renderers';
 
@@ -15,7 +15,9 @@ echarts$1.use([
   PieChart,
   BoxplotChart,
   CanvasRenderer,
-  UniversalTransition
+  UniversalTransition,
+  RadarChart,
+  PolarComponent
 ]);
 const draw = (dom, option) => {
   const chart = echarts$1.init(dom);

package/dist/es/wgms/utils/tools.d.ts

@@ -1,4 +1,5 @@
 import type { Plugin } from 'vue';
+import type { ALGAE_TOPICS_REQUEST } from '../src/AlgaeTopicsImportantWater/api/types';
 /**
  * @desc 函数
  * @param msg 显示文字
@@ -124,4 +125,21 @@ export declare const getCssValue: (key: string) => string;
  * @return {*} ' "shzhjt"' ==> shzhjt
  */
 export declare const getFontFamily: (key: string) => string;
+/**
+ * 结束时间戳（报警时间+1个周期）
+ * @param type
+ */
+export declare const getDateEndTime: (timeType: string, date: number) => string | undefined;
+export declare const getAlgaeTime: (val: ALGAE_TOPICS_REQUEST.TimeStore) => {
+    beginTime: number;
+    endTime: number;
+    beginTimeNewRange: number;
+    endTimeNewRange: number;
+    isCurrentPeriod: boolean;
+    currentTime: number;
+    beginWarningTime: number;
+    endWarningTime: number;
+    beginDayWarningTime: number;
+    endDayWarningTime: number;
+};
 export {};

package/dist/es/wgms/utils/tools.mjs

@@ -1,4 +1,5 @@
 import { ElMessage } from 'element-plus';
+import dayjs from 'dayjs';
 import 'vue';
 
 const messageBox = (msg, type) => {
@@ -15,5 +16,50 @@ 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
+    // 预警当天日数据 没选择历史就显示今日
+  };
+};
 
-export { install, messageBox };
+export { getAlgaeTime, getDateEndTime, install, messageBox };

package/dist/lib/aims/config/index.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     domain: string;
     innerNet: boolean;
+    isAddToken: boolean;
 };
 export default _default;

package/dist/lib/aims/config/index.js

@@ -8,7 +8,9 @@ const Config = {
   // 请求相关
   domain,
   // 是否 dev环境
-  innerNet
+  innerNet,
+  // 是否在headers中添加token
+  isAddToken: false
 };
 
 exports.default = Config;

package/dist/lib/aims/index.js

@@ -2,16 +2,16 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const index$o = require('./src/index.js');
+const index$z = require('./src/index.js');
 
 const aims = {
   install: (app) => {
-    for (const c in index$o) {
-      const currCom = index$o[c];
+    for (const c in index$z) {
+      const currCom = index$z[c];
       if (currCom.__name === "index")
         app.component(c, currCom);
       else
-        app.use(index$o[c]);
+        app.use(index$z[c]);
     }
   }
 };

package/dist/lib/aims/service/request.js

@@ -21,6 +21,7 @@ instance.interceptors.request.use(
   (config) => {
     config && config.headers && (config.headers["Cache-Control"] = "no-cache, no-store");
     config && config.headers && (config.headers.Pragma = "no-cache");
+    index.default.isAddToken && (config.headers.token = localStorage.getItem("token"));
     return config;
   },
   (error) => {