@ued_fpi/data-visual 1.0.6 → 1.0.11

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

@@ -0,0 +1,92 @@
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    riverId: {
+        type: StringConstructor;
+        default: string;
+    };
+    lakeId: {
+        type: StringConstructor;
+        default: string;
+    };
+    watershedIds: {
+        type: StringConstructor;
+        default: string;
+    };
+    beginTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    endTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    factorGroupId: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    isLazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    data: {
+        type: PropType<{
+            rankNo: string | number;
+            regionName: string;
+            percent?: string | number | undefined;
+        }[]>;
+        default: () => never[];
+    };
+}, {
+    reload: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    riverId: {
+        type: StringConstructor;
+        default: string;
+    };
+    lakeId: {
+        type: StringConstructor;
+        default: string;
+    };
+    watershedIds: {
+        type: StringConstructor;
+        default: string;
+    };
+    beginTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    endTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    factorGroupId: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    isLazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    data: {
+        type: PropType<{
+            rankNo: string | number;
+            regionName: string;
+            percent?: string | number | undefined;
+        }[]>;
+        default: () => never[];
+    };
+}>>, {
+    data: {
+        rankNo: string | number;
+        regionName: string;
+        percent?: string | number | undefined;
+    }[];
+    beginTime: number;
+    endTime: number;
+    factorGroupId: string | number;
+    isLazy: boolean;
+    riverId: string;
+    lakeId: string;
+    watershedIds: string;
+}, {}>;
+export default _default;

package/dist/lib/wgms/src/LakeRiverIndex/mock/eutrophication.js

@@ -0,0 +1,30 @@
+'use strict';
+
+const eutrophicationJson = {
+	"70707030": {
+	yearTliValue: 29.88,
+	tliLevel: "贫营养",
+	name: "千岛湖",
+	yearChange: 0,
+	id: "70707030",
+	tliValue: 29.88
+},
+	"70707050": {
+	yearTliValue: 45.19,
+	tliLevel: "中营养",
+	name: "西湖",
+	yearChange: 0,
+	id: "70707050",
+	tliValue: 45.19
+},
+	"70707088": {
+	yearTliValue: 42.59,
+	tliLevel: "中营养",
+	name: "闲林水库",
+	yearChange: 0,
+	id: "70707088",
+	tliValue: 42.59
+}
+};
+
+exports.eutrophicationJson = eutrophicationJson;

package/dist/lib/wgms/src/LakeRiverIndex/mock/keyRiverQuality.js

@@ -0,0 +1,42 @@
+'use strict';
+
+const success = true;
+const code = "success";
+const message = "Successful.";
+const data = {
+	"70707051": {
+		id: "70707051",
+		name: "京杭运河",
+		code: null,
+		grade: 1,
+		yearOnSame: 1,
+		parentName: null,
+		waterType: null
+	},
+	"70707052": {
+		id: "70707052",
+		name: "钱塘江",
+		code: null,
+		grade: 1,
+		yearOnSame: 1,
+		parentName: null,
+		waterType: null
+	},
+	"70707077": {
+		id: "70707077",
+		name: "苕溪",
+		code: null,
+		grade: 1,
+		yearOnSame: 1,
+		parentName: null,
+		waterType: null
+	}
+};
+const keyRiverQualityJson = {
+	success: success,
+	code: code,
+	message: message,
+	data: data
+};
+
+exports.keyRiverQualityJson = keyRiverQualityJson;

package/dist/lib/wgms/src/LakeRiverIndex/mock/waterKeyQuality.js

@@ -0,0 +1,42 @@
+'use strict';
+
+const success = true;
+const code = "success";
+const message = "Successful.";
+const data = {
+	"70707030": {
+		id: "70707030",
+		name: "千岛湖",
+		code: null,
+		grade: 1,
+		yearOnSame: 1,
+		parentName: null,
+		waterType: null
+	},
+	"70707043": {
+		id: "70707043",
+		name: "西溪湿地",
+		code: null,
+		grade: 3,
+		yearOnSame: 3,
+		parentName: null,
+		waterType: null
+	},
+	"70707050": {
+		id: "70707050",
+		name: "西湖",
+		code: null,
+		grade: 3,
+		yearOnSame: 3,
+		parentName: null,
+		waterType: null
+	}
+};
+const waterKeyQualityJson = {
+	success: success,
+	code: code,
+	message: message,
+	data: data
+};
+
+exports.waterKeyQualityJson = waterKeyQualityJson;

package/dist/lib/wgms/src/NPTrendChange/index.d.ts

@@ -0,0 +1,166 @@
+import _NPTrendChange from './index.vue';
+export declare const DvWgmsNPTrendChange: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            data?: unknown[] | undefined;
+            siteCode?: string | undefined;
+            isHandle?: boolean | undefined;
+            key?: string | number | symbol | undefined;
+            style?: unknown;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+            readonly beginTime: string;
+            readonly endTime: string;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            isHandle: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            siteCode: {
+                default: string;
+                type: StringConstructor;
+            };
+            beginTime: {
+                type: StringConstructor;
+                required: true;
+            };
+            endTime: {
+                type: StringConstructor;
+                required: true;
+            };
+            data: {
+                type: ArrayConstructor;
+                default: () => never[];
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            data: unknown[];
+            siteCode: string;
+            isHandle: boolean;
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        isHandle: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        siteCode: {
+            default: string;
+            type: StringConstructor;
+        };
+        beginTime: {
+            type: StringConstructor;
+            required: true;
+        };
+        endTime: {
+            type: StringConstructor;
+            required: true;
+        };
+        data: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    isHandle: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    siteCode: {
+        default: string;
+        type: StringConstructor;
+    };
+    beginTime: {
+        type: StringConstructor;
+        required: true;
+    };
+    endTime: {
+        type: StringConstructor;
+        required: true;
+    };
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    data: unknown[];
+    siteCode: string;
+    isHandle: boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _NPTrendChange;

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

@@ -0,0 +1,203 @@
+'use strict';
+
+const wgms_utils_tools = require('../../utils/tools.js');
+const vue = require('vue');
+const wgms_utils_echarts_index = require('../../utils/echarts/index.js');
+const wgms_api_FactorTrendComparison_index = require('../../api/FactorTrendComparison/index.js');
+const wgms_api_NPTrendChange_index = require('../../api/NPTrendChange/index.js');
+const aims_src_AirQualityCalendar_index = require('../../../aims/src/AirQualityCalendar/index.js');
+
+const _hoisted_1 = { class: "n-p-trend-change" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    isHandle: {
+      default: true,
+      type: Boolean
+    },
+    // 是否是手工数据
+    siteCode: {
+      default: "",
+      // 23239
+      type: String
+    },
+    beginTime: {
+      type: String,
+      required: true
+      // 1660752000000
+    },
+    endTime: {
+      type: String,
+      required: true
+      // 1663344000000
+    },
+    data: {
+      type: Array,
+      default: () => []
+    }
+    // 传入数据
+  },
+  setup(__props) {
+    const props = __props;
+    const state = {
+      factorMap: [],
+      seriesData: [],
+      chartRef: null
+      // 图表实例
+    };
+    const { chartRef } = vue.toRefs(state);
+    vue.watch([() => props.isHandle, () => props.siteCode, () => props.beginTime, () => props.endTime, () => props.data], async () => {
+      if (props.data.length) {
+        await vue.nextTick(() => {
+          initChart();
+        });
+        return;
+      }
+      const groupCode = props.isHandle ? "algae" : "algaeAutomatic";
+      const list = await wgms_api_FactorTrendComparison_index.getFactorGroupList({ code: groupCode });
+      state.factorMap = list[0]?.factors || [];
+      state.factorMap.forEach((item) => {
+        const obj = {
+          name: item.factorIndexName,
+          type: "line",
+          symbolSize: 0,
+          yAxisIndex: item.id === "75" ? 1 : item.id === "23" ? 2 : 0,
+          data: []
+        };
+        state.seriesData.push(obj);
+      });
+      await vue.nextTick(() => {
+        initChart();
+      });
+    }, { immediate: true });
+    async function initChart() {
+      const params = {
+        startTime: props.beginTime,
+        endTime: props.endTime,
+        siteCode: props.siteCode,
+        timeType: props.isHandle ? "day" : ""
+      };
+      const res = await wgms_api_NPTrendChange_index.getNPTrendChange(params);
+      console.log(res, "res");
+      const timeList = res?.data?.timeList ?? [];
+      const preList = res?.data?.preList ?? [];
+      const xData = timeList.map((item) => item && item.substr(5));
+      const NPList = preList.map((item) => item && item * 100);
+      const chart = wgms_utils_echarts_index.echarts.init(chartRef.value);
+      const options = getChartOptions(xData, NPList, wgms_utils_echarts_index.echarts);
+      chart.setOption(options);
+    }
+    const getChartOptions = (xData, data, echarts2) => {
+      return {
+        title: {
+          show: true,
+          text: "N/P（100%）",
+          textAlign: "left",
+          left: 10,
+          top: 14,
+          textStyle: {
+            color: "rgba(255,255,255,0.6)",
+            fontSize: 14,
+            fontFamily: "TRENDS"
+          }
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "line"
+            // 默认为直线，可选为：'line' | 'shadow'
+          }
+        },
+        grid: {
+          top: 50,
+          left: 10,
+          right: "1%",
+          bottom: 10,
+          containLabel: true
+        },
+        xAxis: [
+          {
+            type: "category",
+            data: xData,
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              textStyle: {
+                fontFamily: "TRENDS",
+                fontSize: "16",
+                color: "rgba(255,255,255,0.6)"
+              }
+            },
+            axisTick: {
+              show: false,
+              interval: 24
+            }
+          }
+        ],
+        yAxis: [
+          {
+            type: "value",
+            name: "",
+            axisLabel: {
+              textStyle: {
+                fontFamily: "TRENDS",
+                fontSize: 16,
+                color: "rgba(255,255,255,0.6)"
+              }
+            },
+            axisLine: {
+              show: false
+            },
+            splitArea: {
+              show: true,
+              areaStyle: {
+                color: ["rgba(255, 255, 255, 0.05)", "transparent"]
+              }
+            },
+            splitLine: { show: false },
+            axisTick: { show: false }
+          }
+        ],
+        series: [
+          {
+            name: "氮磷比趋势变化",
+            type: "line",
+            symbolSize: 0,
+            smooth: true,
+            lineStyle: {
+              color: "#47E5E5"
+            },
+            areaStyle: {
+              normal: {
+                color: new echarts2.graphic.LinearGradient(0, 0, 0, 1, [
+                  { offset: 0, color: "#47E5E5 " },
+                  { offset: 1, color: "rgba(71,229,229,0.06)" }
+                ])
+              }
+            },
+            data
+          }
+        ]
+      };
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          id: "chart",
+          ref_key: "chartRef",
+          ref: chartRef,
+          class: "chart"
+        }, null, 512)
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_9c713361_lang = '';
+
+const _NPTrendChange = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-9c713361"]]);
+
+const DvWgmsNPTrendChange = wgms_utils_tools.install(_NPTrendChange);
+
+exports.DvWgmsNPTrendChange = DvWgmsNPTrendChange;

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

@@ -0,0 +1,48 @@
+declare const _default: import("vue").DefineComponent<{
+    isHandle: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    siteCode: {
+        default: string;
+        type: StringConstructor;
+    };
+    beginTime: {
+        type: StringConstructor;
+        required: true;
+    };
+    endTime: {
+        type: StringConstructor;
+        required: true;
+    };
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isHandle: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    siteCode: {
+        default: string;
+        type: StringConstructor;
+    };
+    beginTime: {
+        type: StringConstructor;
+        required: true;
+    };
+    endTime: {
+        type: StringConstructor;
+        required: true;
+    };
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+}>>, {
+    data: unknown[];
+    siteCode: string;
+    isHandle: boolean;
+}, {}>;
+export default _default;

package/dist/lib/wgms/src/SevenDayKline/index.d.ts

@@ -1,5 +1,5 @@
 import _SevenDayKline from './index.vue';
-export declare const SevenDayKline: {
+export declare const DvWgmsSevenDayKline: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};

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

@@ -7,7 +7,7 @@ const wgms_utils_echarts_index = require('../../utils/echarts/index.js');
 const vendor_lodashEs_4_17_21 = require('../../../vendor/lodash-es@4.17.21.js');
 const aims_src_AirQualityCalendar_index = require('../../../aims/src/AirQualityCalendar/index.js');
 
-const _hoisted_1 = { class: "seven-day-kline" };
+const _hoisted_1 = { class: "dv-wgms-seven-day-kline" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
@@ -390,10 +390,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_b702feec_lang = '';
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_d411f154_lang = '';
 
-const _SevenDayKline = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-b702feec"]]);
+const _SevenDayKline = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-d411f154"]]);
 
-const SevenDayKline = wgms_utils_tools.install(_SevenDayKline);
+const DvWgmsSevenDayKline = wgms_utils_tools.install(_SevenDayKline);
 
-exports.SevenDayKline = SevenDayKline;
+exports.DvWgmsSevenDayKline = DvWgmsSevenDayKline;

package/dist/lib/wgms/src/SurroundingPollution/index.d.ts

@@ -1,5 +1,5 @@
 import _SurroundingPollution from './index.vue';
-export declare const SurroundingPollution: {
+export declare const DvWgmsSurroundingPollution: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};