@ued_fpi/data-visual 1.2.13 → 1.2.15

package/dist/lib/aims/src/EnvChangeTrends/index.d.ts

@@ -0,0 +1,192 @@
+import _EnvChangeTrends from './index.vue';
+export declare const DvAimsEnvChangeTrends: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            factorCode?: "aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005" | undefined;
+            dataType?: "hour" | "day" | undefined;
+            isUseBuiltInApi?: boolean | undefined;
+            apiParams?: import("./type").ApiParamsProps | undefined;
+            key?: string | number | symbol | undefined;
+            readonly data?: import("./type").OuterDataItemProps[] | 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<{
+            data: {
+                type: globalThis.PropType<import("./type").OuterDataItemProps[]>;
+            };
+            factorCode: {
+                type: globalThis.PropType<"aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005">;
+            } & {
+                default: string;
+            };
+            dataType: {
+                type: globalThis.PropType<"hour" | "day">;
+            } & {
+                default: string;
+            };
+            isUseBuiltInApi: {
+                type: globalThis.PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            apiParams: {
+                type: globalThis.PropType<import("./type").ApiParamsProps>;
+            } & {
+                default: () => {
+                    startTime: number;
+                    endTime: number;
+                    codeType: string;
+                    codes: string;
+                };
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            factorCode: "aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005";
+            dataType: "hour" | "day";
+            isUseBuiltInApi: boolean;
+            apiParams: import("./type").ApiParamsProps;
+        }, {}, 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<{
+        data: {
+            type: globalThis.PropType<import("./type").OuterDataItemProps[]>;
+        };
+        factorCode: {
+            type: globalThis.PropType<"aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005">;
+        } & {
+            default: string;
+        };
+        dataType: {
+            type: globalThis.PropType<"hour" | "day">;
+        } & {
+            default: string;
+        };
+        isUseBuiltInApi: {
+            type: globalThis.PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        apiParams: {
+            type: globalThis.PropType<import("./type").ApiParamsProps>;
+        } & {
+            default: () => {
+                startTime: number;
+                endTime: number;
+                codeType: string;
+                codes: string;
+            };
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: globalThis.PropType<import("./type").OuterDataItemProps[]>;
+    };
+    factorCode: {
+        type: globalThis.PropType<"aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005">;
+    } & {
+        default: string;
+    };
+    dataType: {
+        type: globalThis.PropType<"hour" | "day">;
+    } & {
+        default: string;
+    };
+    isUseBuiltInApi: {
+        type: globalThis.PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    apiParams: {
+        type: globalThis.PropType<import("./type").ApiParamsProps>;
+    } & {
+        default: () => {
+            startTime: number;
+            endTime: number;
+            codeType: string;
+            codes: string;
+        };
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    factorCode: "aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005";
+    dataType: "hour" | "day";
+    isUseBuiltInApi: boolean;
+    apiParams: import("./type").ApiParamsProps;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _EnvChangeTrends;

package/dist/lib/aims/src/EnvChangeTrends/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const utils = require('../../../utils.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
+
+const DvAimsEnvChangeTrends = utils.install(index_vue_vue_type_script_setup_true_lang.default);
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
+exports.DvAimsEnvChangeTrends = DvAimsEnvChangeTrends;

package/dist/lib/aims/src/EnvChangeTrends/index.vue.d.ts

@@ -0,0 +1,54 @@
+import type { OuterDataItemProps, ApiParamsProps } from './type/index';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isUseBuiltInApi?: boolean | undefined;
+    apiParams?: ApiParamsProps | undefined;
+    dataType?: "hour" | "day" | undefined;
+    factorCode?: "aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005" | undefined;
+    data?: OuterDataItemProps[] | undefined;
+}>, {
+    isUseBuiltInApi: boolean;
+    apiParams: () => {
+        startTime: number;
+        endTime: number;
+        codeType: string;
+        codes: string;
+    };
+    dataType: string;
+    factorCode: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isUseBuiltInApi?: boolean | undefined;
+    apiParams?: ApiParamsProps | undefined;
+    dataType?: "hour" | "day" | undefined;
+    factorCode?: "aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005" | undefined;
+    data?: OuterDataItemProps[] | undefined;
+}>, {
+    isUseBuiltInApi: boolean;
+    apiParams: () => {
+        startTime: number;
+        endTime: number;
+        codeType: string;
+        codes: string;
+    };
+    dataType: string;
+    factorCode: string;
+}>>>, {
+    factorCode: 'aqi' | 'a34004' | 'a34002' | 'a21026' | 'a21004' | 'a05024' | 'a21005';
+    dataType: 'hour' | 'day';
+    isUseBuiltInApi: boolean;
+    apiParams: ApiParamsProps;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/dist/lib/aims/src/EnvChangeTrends/index.vue.js

@@ -0,0 +1,216 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const dayjs = require('dayjs');
+const fpiTgFactorTools = require('fpi-tg-factor-tools');
+require('../common/BasicEcharts/index.js');
+require('../common/BasicNoData/index.js');
+const index$1 = require('./api/index.js');
+const index_vue_vue_type_script_setup_true_lang = require('../common/BasicEcharts/index.vue.js');
+require('../common/BasicEcharts/index.vue2.js');
+const index = require('../common/BasicNoData/index.vue.js');
+
+const _hoisted_1 = { class: "text" };
+const clsfix = "dv-aims-env-change-trends";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    isUseBuiltInApi: { type: Boolean, default: true },
+    apiParams: { default: () => ({
+      startTime: dayjs().subtract(24, "hour").valueOf(),
+      endTime: dayjs().subtract(1, "hour").valueOf(),
+      codeType: "grid",
+      codes: "0101000000"
+      // 只允许传一个code
+    }) },
+    dataType: { default: "hour" },
+    factorCode: { default: "aqi" },
+    data: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const timeFormat = vue.computed(() => {
+      switch (props.dataType) {
+        case "hour":
+          return "HH:mm";
+        case "day":
+          return "DD";
+        default:
+          return "YYYY-MM-DD HH:mm";
+      }
+    });
+    const selectName = vue.computed(() => {
+      return fpiTgFactorTools.BASE_FACTOR.find((c) => c.code === props.factorCode)?.name;
+    });
+    const lengendOptions = fpiTgFactorTools.FACTOR_LEVEL_TEXT.map((item) => {
+      return {
+        name: item.label.length > 1 ? `${item.label}污染` : item.label,
+        color: item.color
+      };
+    });
+    const chartsFullOptions = vue.reactive({ options: null });
+    const generateOption = (xAxisData, seriesData) => {
+      return {
+        options: {
+          grid: {
+            left: 10,
+            bottom: 0,
+            right: 10,
+            top: 10,
+            containLabel: true
+          },
+          tooltip: {
+            trigger: "axis",
+            padding: 8,
+            background: "rgba(1, 11, 18, 0.6)",
+            formatter: (params) => {
+              const data = params[0] ? params[0] : {};
+              const title = selectName.value;
+              const time = data.data.rawTime;
+              const marker = data.marker;
+              const value = data.data.value;
+              return `
+                    <div>${time}</div>
+                    <div>
+                        <span>${marker}</span>
+                        <span style="margin-right: 10px">${title}</span>
+                        <span>${value}</span>
+                    </div>`;
+            }
+          },
+          xAxis: {
+            type: "category",
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              color: "var(--dv-color-text-primary)",
+              fontSize: 12
+            },
+            data: xAxisData
+          },
+          yAxis: {
+            type: "value",
+            nameTextStyle: {
+              color: "var(--dv-color-text-secondary)",
+              padding: [0, 30, 0, 0]
+            },
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              show: true,
+              color: "var(--dv-color-text-secondary)"
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: ["var(--dv-color-border-light)"]
+              }
+            }
+          },
+          legend: {
+            show: false
+          },
+          series: [
+            {
+              data: seriesData,
+              type: "bar",
+              barWidth: 10
+            }
+          ]
+        }
+      };
+    };
+    const fetchData = () => {
+      index$1.getTimeAnalyzeData({
+        ...props.apiParams,
+        factorCodes: props.factorCode,
+        dataType: props.dataType
+      }).then((res) => {
+        if (res.data) {
+          const xAxisData = res.data.times.map((c) => dayjs(c).format(timeFormat.value));
+          const seriesData = res.data.factorsOrSites[0] ? res.data.factorsOrSites[0].values.map((c, index) => {
+            return {
+              value: Number(c) > 0 ? Number(c) : "--",
+              itemStyle: {
+                color: Number(c) > 0 ? fpiTgFactorTools.factorToColor(props.factorCode, c, props.dataType) : "rgb(154, 154, 154)"
+              },
+              rawTime: res.data?.times[index]
+            };
+          }) : [];
+          const options = generateOption(xAxisData, seriesData);
+          Object.assign(chartsFullOptions, options);
+        }
+      });
+    };
+    vue.onMounted(() => {
+      if (props.isUseBuiltInApi)
+        fetchData();
+    });
+    vue.watch(() => props.apiParams, () => {
+      if (props.isUseBuiltInApi)
+        fetchData();
+    });
+    vue.watch(() => props.data, () => {
+      if (!props.isUseBuiltInApi && props.data) {
+        const xAxisData = [];
+        const seriesData = [];
+        props.data.forEach((c) => {
+          xAxisData.push(dayjs(c.time).format(timeFormat.value));
+          seriesData.push({
+            value: Number(c.value) > 0 ? Number(c.value) : "--",
+            itemStyle: {
+              color: Number(c.value) > 0 ? fpiTgFactorTools.factorToColor(props.factorCode, c.value, props.dataType) : "rgb(154, 154, 154)"
+            },
+            rawTime: c.time
+          });
+        });
+        const options = generateOption(xAxisData, seriesData);
+        Object.assign(chartsFullOptions, options);
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(`${clsfix}-container`)
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`${clsfix}-echarts`),
+          style: { "height": "calc(100% - 27px)" }
+        }, [
+          Boolean(chartsFullOptions.options) ? (vue.openBlock(), vue.createBlock(vue.unref(index_vue_vue_type_script_setup_true_lang.default), {
+            key: 0,
+            height: "100%",
+            "full-options": chartsFullOptions,
+            loading: false
+          }, null, 8, ["full-options"])) : (vue.openBlock(), vue.createBlock(vue.unref(index.default), { key: 1 }))
+        ], 2),
+        vue.createElementVNode("ul", {
+          class: vue.normalizeClass(`${clsfix}-lengend`)
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(lengendOptions), (item) => {
+            return vue.openBlock(), vue.createElementBlock("li", {
+              key: item.color
+            }, [
+              vue.createElementVNode("span", {
+                class: "border",
+                style: vue.normalizeStyle({ backgroundColor: item.color })
+              }, null, 4),
+              vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(item.name), 1)
+            ]);
+          }), 128))
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/aims/src/EnvChangeTrends/index.vue2.js

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

package/dist/lib/aims/src/EnvChangeTrends/index.vue3.js

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

package/dist/lib/aims/src/EnvChangeTrends/type/index.d.ts

@@ -0,0 +1,10 @@
+export interface ApiParamsProps {
+    startTime: number;
+    endTime: number;
+    codeType: string;
+    codes: string;
+}
+export interface OuterDataItemProps {
+    time: string;
+    value: number;
+}

package/dist/lib/aims/src/EnvironmentMonitor/api/index.d.ts

@@ -0,0 +1,23 @@
+interface GetSiteMonitorTypeTreeParams {
+    showCount: boolean;
+    withPms: boolean;
+}
+interface SiteTypeData {
+    code: string;
+    name: string;
+    onlineCount: number;
+    totalCount: number;
+    id?: string | null;
+    children?: SiteTypeData[] | null;
+    parentCode?: string | null;
+    clickAble?: boolean;
+    selectedCodes?: string;
+    allChildrenCodeAndSelf?: string;
+    isLeaf?: boolean;
+}
+export declare const getSiteMonitorTypeTree: (params: GetSiteMonitorTypeTreeParams) => Promise<{
+    code: number;
+    data: SiteTypeData[] | null;
+    message: string;
+}>;
+export type { GetSiteMonitorTypeTreeParams, SiteTypeData };

package/dist/lib/aims/src/EnvironmentMonitor/api/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const request = require('../../../service/request.js');
+
+const getSiteMonitorTypeTree = (params) => {
+  return request.default({
+    url: "/aims-base-server/api/v1/tree/site-monitor-type-tree",
+    method: "get",
+    params
+  });
+};
+
+exports.getSiteMonitorTypeTree = getSiteMonitorTypeTree;