@ued_fpi/data-visual 1.0.5 → 1.0.7

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

@@ -0,0 +1,200 @@
+import _WaterQualityRainfall from './index.vue';
+export declare const DvWgmsWaterQualityRainfall: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            endTime?: number | undefined;
+            startTime?: number | undefined;
+            factorCode?: string | undefined;
+            siteCode?: string | undefined;
+            timeType?: string | undefined;
+            factorName?: string | undefined;
+            factorUnit?: string | 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;
+        };
+        $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<{
+            startTime: {
+                type: NumberConstructor;
+                default: number;
+            };
+            endTime: {
+                type: NumberConstructor;
+                default: number;
+            };
+            factorCode: {
+                type: StringConstructor;
+                default: string;
+            };
+            siteCode: {
+                type: StringConstructor;
+                default: string;
+            };
+            timeType: {
+                type: StringConstructor;
+                default: string;
+            };
+            factorName: {
+                type: StringConstructor;
+                default: string;
+            };
+            factorUnit: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            endTime: number;
+            startTime: number;
+            factorCode: string;
+            siteCode: string;
+            timeType: string;
+            factorName: string;
+            factorUnit: string;
+        }, {}, 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<{
+        startTime: {
+            type: NumberConstructor;
+            default: number;
+        };
+        endTime: {
+            type: NumberConstructor;
+            default: number;
+        };
+        factorCode: {
+            type: StringConstructor;
+            default: string;
+        };
+        siteCode: {
+            type: StringConstructor;
+            default: string;
+        };
+        timeType: {
+            type: StringConstructor;
+            default: string;
+        };
+        factorName: {
+            type: StringConstructor;
+            default: string;
+        };
+        factorUnit: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    startTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    endTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    factorCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    siteCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    timeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    factorName: {
+        type: StringConstructor;
+        default: string;
+    };
+    factorUnit: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    endTime: number;
+    startTime: number;
+    factorCode: string;
+    siteCode: string;
+    timeType: string;
+    factorName: string;
+    factorUnit: string;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _WaterQualityRainfall;

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

@@ -0,0 +1,394 @@
+'use strict';
+
+const wgms_utils_tools = require('../../utils/tools.js');
+const vue = require('vue');
+const vendor_dayjs_1_11_9 = require('../../../vendor/dayjs@1.11.9.js');
+const wgms_utils_echarts_index = require('../../utils/echarts/index.js');
+const aims_src_AirQualityCalendar_index = require('../../../aims/src/AirQualityCalendar/index.js');
+
+const _hoisted_1 = { class: "dv-wgms-water-quality-rainfall" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    startTime: {
+      type: Number,
+      default: vendor_dayjs_1_11_9.dayjs().startOf("year").valueOf()
+    },
+    endTime: {
+      type: Number,
+      default: vendor_dayjs_1_11_9.dayjs().endOf("year").valueOf()
+    },
+    factorCode: {
+      type: String,
+      default: ""
+    },
+    siteCode: {
+      type: String,
+      default: ""
+    },
+    timeType: {
+      type: String,
+      default: "hour"
+    },
+    // 因子名称
+    factorName: {
+      type: String,
+      default: "总磷(以 P 计）"
+    },
+    // 因子单位
+    factorUnit: {
+      type: String,
+      default: "mg/L"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const chartQualityRainfall = vue.ref();
+    const data = vue.reactive({
+      title: "水质-雨量-水位趋势对比图",
+      unit: "mg/L",
+      factorName: "总磷(以 P 计）",
+      params: {
+        startTime: 16706016e5,
+        endTime: 1671206399999,
+        factorCode: "w21011",
+        siteCode: "JMSZSY0007",
+        timeType: "day"
+      }
+    });
+    vue.watch(() => [props.startTime, props.endTime, props.factorCode, props.siteCode, props.timeType], () => {
+      initData();
+    });
+    vue.onMounted(async () => {
+      await vue.nextTick();
+      initData();
+    });
+    const initData = () => {
+      data.params = {
+        startTime: props?.startTime,
+        endTime: props?.endTime,
+        factorCode: props?.factorCode,
+        siteCode: props?.siteCode,
+        timeType: props?.timeType
+      };
+      data.factorName = props?.factorName;
+      data.unit = props?.factorUnit;
+      getData();
+    };
+    const getData = async () => {
+      const xData = ["12-17", "12-18", "12-19", "12-20", "12-21", "12-22", "12-23"];
+      const seriesData = {
+        hydrology: [10, 3, 12, 23, 13, 34, 25],
+        factorValue: ["0.031", "0.017", "0.02", "0.027", "0.029", "0.018", "0.023"],
+        rain: [1, 23, 2, 21, 2, 3, 5, 8],
+        quality: [2, 1, 5, 5, 3, 4, 2, 1]
+      };
+      const lineOptions = await initWaterQuality(xData, seriesData, data.unit, data.factorName);
+      wgms_utils_echarts_index.echarts.draw(chartQualityRainfall.value, lineOptions);
+    };
+    const initWaterQuality = (xAxis, data2, unit, factorName) => {
+      const { hydrology, factorValue, rain, quality } = data2;
+      const gradeList = [];
+      const option = {
+        grid: {
+          top: 55,
+          right: 26,
+          bottom: 45,
+          left: 80
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "line"
+          },
+          textStyle: {
+            color: "#b9cfe2",
+            fontFamily: "PingFang SC"
+          },
+          formatter: (params) => {
+            let str = `<div>${params[0].axisValue}</div>`;
+            params.forEach((item, index) => {
+              let unit2 = "";
+              if (index === 0)
+                unit2 = "mm/h";
+              else if (index === 1)
+                unit2 = "mg/L";
+              else
+                unit2 = "m";
+              str += `<div>${item.marker}${item.seriesName}：${item.value ? item.value : "--"}${unit2}</div>`;
+            });
+            return str;
+          }
+        },
+        legend: {
+          show: true,
+          // right: 'center',
+          bottom: 0,
+          inactiveColor: "rgba(255,255,255,0.5)",
+          textStyle: {
+            color: "rgba(255,255,255,1)"
+          },
+          itemHeight: 2,
+          itemWidth: 16,
+          data: [
+            {
+              name: "降雨量趋势",
+              icon: "rect"
+            },
+            {
+              name: factorName,
+              icon: "rect"
+            },
+            {
+              name: "水位趋势",
+              icon: "rect"
+            }
+          ]
+        },
+        xAxis: {
+          type: "category",
+          boundaryGap: false,
+          axisLine: {
+            show: false,
+            lineStyle: {
+              color: "rgba(255,255,255,0.5)"
+            }
+          },
+          axisLabel: {
+            show: true,
+            textStyle: {
+              fontFamily: "Bebas Neue",
+              fontSize: "12",
+              color: "rgba(255,255,255,0.6)"
+            }
+          },
+          axisTick: {
+            show: false
+          },
+          data: xAxis
+        },
+        yAxis: [
+          {
+            // 降雨量
+            type: "value",
+            name: "降雨量\n(mm/h)",
+            nameLocation: "start",
+            nameTextStyle: {
+              align: "right",
+              color: "rgba(255,255,255,1)"
+            },
+            axisLabel: {
+              formatter: "{value}",
+              textStyle: {
+                fontFamily: "Oswald",
+                fontSize: "12",
+                color: "#909399"
+              }
+            },
+            axisLine: {
+              show: false,
+              lineStyle: {
+                color: "rgba(255,255,255,1)"
+              }
+            },
+            axisPointer: {
+              snap: true
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: "rgba(255, 255, 255, 0.15)"
+              }
+            },
+            axisTick: { show: false },
+            inverse: true
+          },
+          {
+            // 氨氮
+            type: "value",
+            name: `监测值
+(${unit})`,
+            nameTextStyle: {
+              align: "right",
+              color: "rgba(255,255,255,1)"
+            },
+            position: "left",
+            offset: 40,
+            axisLabel: {
+              formatter: "{value}",
+              textStyle: {
+                fontFamily: "Oswald",
+                fontSize: "12",
+                color: "#909399"
+              }
+            },
+            axisLine: {
+              show: false,
+              lineStyle: {
+                color: "rgba(255,255,255,0.5)"
+              }
+            },
+            axisPointer: {
+              snap: true
+            },
+            splitArea: {
+              show: false,
+              areaStyle: {
+                color: ["transparent", "rgba(255, 255, 255, 0.05)"]
+              }
+            },
+            splitLine: { show: false },
+            axisTick: { show: false }
+          },
+          {
+            // 水位
+            type: "value",
+            name: "水位(m)",
+            nameTextStyle: {
+              color: "rgba(255,255,255,1)"
+            },
+            axisLabel: {
+              formatter: "{value}",
+              textStyle: {
+                fontFamily: "Bebas Neue",
+                fontSize: "12",
+                color: "rgba(255,255,255,0.6)"
+              }
+            },
+            axisLine: {
+              show: false,
+              lineStyle: {
+                color: "rgba(255,255,255,0.5)"
+              }
+            },
+            axisPointer: {
+              snap: true
+            },
+            splitLine: { show: false },
+            axisTick: { show: false }
+          }
+        ],
+        series: [
+          {
+            name: "降雨量趋势",
+            type: "line",
+            // smooth: true,
+            showSymbol: false,
+            yAxisIndex: 0,
+            lineStyle: {
+              color: "rgba(217, 204, 76, 1)",
+              opacity: 1,
+              width: 0.5
+            },
+            areaStyle: {
+              color: "rgba(217, 204, 76, .5)"
+            },
+            data: rain
+          },
+          {
+            name: factorName,
+            type: "line",
+            smooth: false,
+            connectNulls: true,
+            yAxisIndex: 1,
+            symbol: "circle",
+            showSymbol: false,
+            lineStyle: {
+              color: "rgba(0, 221, 255, 1)",
+              type: "solid"
+            },
+            markPoint: {
+              show: false,
+              itemStyle: {
+                color: ["#f00"]
+              }
+            },
+            label: {
+              show: true,
+              fontFamily: "Bebas Neue",
+              fontSize: "12",
+              color: "rgba(255,255,255,0.6)"
+            },
+            // data: factorValue.map((item, index) => {
+            //     return {
+            //         value: item,
+            //         itemStyle: {
+            //             color: 'white'
+            //         }
+            //     }
+            // })
+            data: factorValue.map((item, index) => {
+              const currData = gradeList.filter((item2) => item2.level === Number(quality[index])) || [{
+                color: "#6D7278"
+              }];
+              return {
+                value: item,
+                itemStyle: {
+                  color: currData.length ? currData[0].color : "#6D7278"
+                }
+              };
+            })
+            // 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: "水位趋势",
+            type: "line",
+            // smooth: true,
+            showSymbol: false,
+            yAxisIndex: 2,
+            areaStyle: {
+              color: "rgba(238, 142, 0, .5)"
+            },
+            markPoint: {
+              show: false
+            },
+            lineStyle: {
+              color: "rgba(238, 142, 0, 1)",
+              opacity: 1,
+              width: 0.5
+            },
+            data: hydrology
+          }
+        ]
+      };
+      return option;
+    };
+    vue.toRefs(data);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          ref_key: "chartQualityRainfall",
+          ref: chartQualityRainfall,
+          class: "chart"
+        }, null, 512)
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_281c1d7e_lang = '';
+
+const _WaterQualityRainfall = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-281c1d7e"]]);
+
+const DvWgmsWaterQualityRainfall = wgms_utils_tools.install(_WaterQualityRainfall);
+
+exports.DvWgmsWaterQualityRainfall = DvWgmsWaterQualityRainfall;

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

@@ -0,0 +1,68 @@
+declare const _default: import("vue").DefineComponent<{
+    startTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    endTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    factorCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    siteCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    timeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    factorName: {
+        type: StringConstructor;
+        default: string;
+    };
+    factorUnit: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    startTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    endTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    factorCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    siteCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    timeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    factorName: {
+        type: StringConstructor;
+        default: string;
+    };
+    factorUnit: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    endTime: number;
+    startTime: number;
+    factorCode: string;
+    siteCode: string;
+    timeType: string;
+    factorName: string;
+    factorUnit: string;
+}, {}>;
+export default _default;