@ued_fpi/data-visual 1.0.5 → 1.0.7

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

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

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

@@ -0,0 +1,346 @@
+'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 wgms_src_UpstreamImpact_api_index = require('./api/index.js');
+const aims_src_AirQualityCalendar_index = require('../../../aims/src/AirQualityCalendar/index.js');
+
+const _hoisted_1 = { class: "dv-wgms-upstream-impact" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    time: {
+      type: Number,
+      default: vendor_dayjs_1_11_9.dayjs().startOf("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"
+    },
+    // 站点名称
+    sourceIds: {
+      type: String,
+      default: ""
+    },
+    // 达标线
+    // standardValue: {
+    //     type: [String, Number],
+    //     default: 1
+    // }
+    // 水质等级id
+    waterQuality: {
+      type: String,
+      default: "3c70ae2734d64bbe8b598af6c6612423"
+    },
+    sectionType: {
+      type: String,
+      default: "001"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const chartUpstreamImpact = vue.ref();
+    const data = vue.reactive({
+      title: "",
+      unit: "mg/L",
+      factorName: "总磷(以 P 计）",
+      params: {
+        time: 16886988e5,
+        factorCode: "w21011",
+        siteCode: "JMSZSY0007",
+        sourceIds: "",
+        // 关联的站点id
+        timeType: "day"
+      },
+      standardValue: "",
+      gradeList: []
+    });
+    vue.watch(() => [props.time, props.factorCode, props.siteCode, props.timeType], () => {
+      initData();
+    });
+    vue.watch(() => [props.waterQuality, props.sectionType], () => {
+      getFactorStandard();
+    });
+    vue.onMounted(async () => {
+      await vue.nextTick();
+      await getGradeList();
+      getFactorStandard();
+    });
+    const initData = async () => {
+      data.params = {
+        time: props?.time,
+        factorCode: props?.factorCode,
+        // 因子编码
+        siteCode: props?.siteCode,
+        // 站点编码
+        sourceIds: props?.sourceIds,
+        // 关联的站点id
+        timeType: props?.timeType
+        // 报警类型映射
+      };
+      data.factorName = props?.factorName;
+      data.unit = props?.factorUnit;
+      getData();
+    };
+    const getGradeList = async () => {
+      const resp = await wgms_src_UpstreamImpact_api_index.waterSurfaceListAll({});
+      const gradeList2 = resp?.entries ?? [];
+      data.gradeList = gradeList2;
+    };
+    const getFactorStandard = async () => {
+      const resQ = data.gradeList.filter((o) => {
+        return o.id === props.waterQuality;
+      });
+      const params = {
+        baseLevel: resQ[0].level,
+        // 需要根据ID匹配
+        factorGroup: "",
+        sectionType: props.sectionType
+      };
+      const res = await wgms_src_UpstreamImpact_api_index.surfaceWaterStandard(params);
+      data.standardValue = props.factorCode && res && res[props.factorCode].value;
+      console.log(data.standardValue, "data.standardValue");
+      initData();
+    };
+    const getData = async () => {
+      const res = await wgms_src_UpstreamImpact_api_index.pathAnalysis(data.params);
+      console.log(res);
+      const waterQualityData = {
+        xAxis: [],
+        xData: [],
+        qualitys: []
+      };
+      const juageArr = [];
+      const resData = res.data || [];
+      resData.forEach((item) => {
+        waterQualityData.xAxis.push(item.siteName);
+        waterQualityData.xData.push(item.value);
+        waterQualityData.qualitys.push(item.quality);
+        item.value === "" ? juageArr.push(item.value) : 0;
+      });
+      const lineOptions = await upImpactLine(waterQualityData, data.standardValue, "", data.factorName || "");
+      wgms_utils_echarts_index.echarts.draw(chartUpstreamImpact.value, lineOptions);
+    };
+    const upImpactLine = async (list, standardValue2, dataTimeStr, factorName) => {
+      const { xAxis, xData, qualitys } = list;
+      const gradeList2 = data.gradeList;
+      const option = {
+        grid: {
+          top: 40,
+          right: 22,
+          bottom: 25,
+          left: 36
+        },
+        title: {
+          show: false,
+          text: `${dataTimeStr + factorName}沿程变化`,
+          textStyle: {
+            color: "#fff",
+            fontSize: 14,
+            fontWeight: "normal",
+            fontFamily: "TRENDS"
+          },
+          textAlign: "center",
+          left: "46%"
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "line"
+          },
+          formatter(param) {
+            param = param[0];
+            const currData = gradeList2.filter((item) => item.level === Number(qualitys[param.dataIndex]));
+            const color = currData.length ? currData[0]?.color : "#6D7278";
+            const span = `<span style='display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;background-color:${color};'></span>`;
+            return [`${param.seriesName} `, `${param.marker + param.name}：${param.value || "--"}mg/L`, `${span}水质等级：${gradeList2.find((item) => {
+              return item.level === Number(qualitys[param.dataIndex]);
+            })?.name || "--"}类`].join("<br/>");
+          }
+        },
+        legend: {
+          show: false
+        },
+        xAxis: {
+          type: "category",
+          boundaryGap: true,
+          axisLine: {
+            show: false,
+            lineStyle: {
+              color: "rgba(255,255,255,0.5)"
+            }
+          },
+          axisLabel: {
+            formatter: (value, index) => {
+              const length = xData.length;
+              if (index !== length - 1 || value.length <= 6 || length === 1)
+                return value;
+              return `{a|${value}}`;
+            },
+            textStyle: {
+              rich: {
+                a: {
+                  align: "left",
+                  width: 160
+                }
+              },
+              color: "#ffffff"
+            },
+            interval: 0
+          },
+          axisTick: {
+            show: false
+          },
+          data: xAxis
+        },
+        yAxis: [
+          {
+            // 降雨量
+            type: "value",
+            name: "mg/L",
+            nameTextStyle: {
+              align: "right",
+              color: "rgba(255,255,255,1)"
+            },
+            axisLine: {
+              show: false,
+              lineStyle: {
+                color: "rgba(255,255,255,0.5)"
+              }
+            },
+            axisLabel: {
+              textStyle: {
+                fontFamily: "Oswald",
+                fontSize: "12",
+                fontWeight: "normal",
+                color: "#909399"
+              }
+            },
+            axisPointer: {
+              snap: true
+            },
+            splitArea: {
+              interval: 2,
+              show: false,
+              areaStyle: {
+                color: ["rgba(255, 255, 255, 0.05)", "transparent"]
+              }
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: "rgba(255, 255, 255, 0.15)"
+              }
+            },
+            axisTick: { show: false },
+            max: (value) => {
+              if (value.max > Number(standardValue2))
+                return Math.ceil(value.max);
+              else
+                return Math.ceil(Number(standardValue2));
+            }
+          }
+        ],
+        series: [
+          {
+            name: factorName,
+            type: "line",
+            smooth: false,
+            yAxisIndex: 0,
+            lineStyle: {
+              color: "#0AAEFF",
+              opacity: 1,
+              width: 2
+            },
+            symbol: "circle",
+            symbolSize: 8,
+            label: {
+              show: false,
+              fontFamily: "Bebas Neue",
+              fontSize: "12",
+              color: "rgba(255,255,255,0.6)"
+            },
+            data: xData.map((item, index) => {
+              const currData = gradeList2.filter((item2) => item2.level === Number(qualitys[index]));
+              return {
+                value: item,
+                itemStyle: {
+                  color: currData.length ? currData[0].color : "#6D7278"
+                }
+              };
+            }),
+            markLine: {
+              type: "average",
+              lineStyle: {
+                color: "#FF1744"
+              },
+              symbol: "none",
+              data: [
+                {
+                  yAxis: standardValue2,
+                  name: "水质超标线",
+                  label: {
+                    show: true,
+                    formatter: "{b}",
+                    position: "end",
+                    distance: -70,
+                    fontSize: 12,
+                    lineHeight: 17,
+                    padding: [0, 6, 0, 6],
+                    color: "#FFFFFF",
+                    backgroundColor: "#FF1744",
+                    borderRadius: 8
+                  },
+                  lineStyle: {
+                    type: "solid",
+                    width: 2,
+                    color: "#FF1744"
+                  }
+                }
+              ]
+            }
+          }
+        ]
+      };
+      return option;
+    };
+    vue.toRefs(data);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          ref_key: "chartUpstreamImpact",
+          ref: chartUpstreamImpact,
+          class: "chart"
+        }, null, 512)
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_68946fe5_lang = '';
+
+const _UpstreamImpact = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-68946fe5"]]);
+
+const DvWgmsUpstreamImpact = wgms_utils_tools.install(_UpstreamImpact);
+
+exports.DvWgmsUpstreamImpact = DvWgmsUpstreamImpact;

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

@@ -0,0 +1,86 @@
+declare const _default: import("vue").DefineComponent<{
+    time: {
+        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;
+    };
+    sourceIds: {
+        type: StringConstructor;
+        default: string;
+    };
+    waterQuality: {
+        type: StringConstructor;
+        default: string;
+    };
+    sectionType: {
+        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<{
+    time: {
+        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;
+    };
+    sourceIds: {
+        type: StringConstructor;
+        default: string;
+    };
+    waterQuality: {
+        type: StringConstructor;
+        default: string;
+    };
+    sectionType: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    time: number;
+    factorCode: string;
+    siteCode: string;
+    timeType: string;
+    factorName: string;
+    factorUnit: string;
+    sourceIds: string;
+    waterQuality: string;
+    sectionType: string;
+}, {}>;
+export default _default;