@ued_fpi/data-visual 1.2.10 → 1.2.12

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

@@ -11,6 +11,7 @@ const index = 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 _hoisted_1 = { class: "text" };
 const clsfix = "dv-aims-factor-realtime-rank-chart";
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
@@ -39,10 +40,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const selectName = vue.computed(() => {
       return selectOptions.find((c) => c.code === selectCode.value)?.name;
     });
+    const lengendOptions = fpiTgFactorTools.FACTOR_LEVEL_TEXT.map((item) => {
+      return {
+        name: item.label.length > 1 ? `${item.label}污染` : item.label,
+        color: item.color
+      };
+    });
+    const time = vue.ref(20);
     const chartWidth = vue.ref(370);
     const isLoadChartWidth = vue.ref(false);
     const chartsFullOptions = vue.ref({ options: null });
     const generateOption = (list) => {
+      if (list.length)
+        time.value = list.length * 1.5;
       return {
         options: {
           grid: {
@@ -66,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               show: false
             },
             axisLabel: {
-              color: "#FFF",
+              color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
             data: list.map((item) => {
@@ -77,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             type: "value",
             name: selectUnit.value,
             nameTextStyle: {
-              color: "rgba(255, 255, 255, 0.5)",
+              color: "var(--dv-color-text-secondary)",
               padding: [0, 30, 0, 0]
             },
             splitNumber: 3,
@@ -89,12 +99,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "rgba(255, 255, 255, 0.5)"
+              color: "var(--dv-color-text-secondary)"
             },
             splitLine: {
               show: true,
               lineStyle: {
-                color: ["rgba(255, 255, 255, 0.3)"]
+                color: ["var(--dv-color-border-light)"]
               }
             }
           },
@@ -163,9 +173,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }, [
         isLoadChartWidth.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlusExpand.FpiElRolling), {
           key: 0,
+          style: { "height": "calc(100% - 27px)" },
           direction: "x",
           "scroll-able": "",
-          time: 20
+          time: time.value
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", {
@@ -180,7 +191,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ], 2)
           ]),
           _: 1
-        })) : vue.createCommentVNode("", true)
+        }, 8, ["time"])) : vue.createCommentVNode("", true),
+        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);
     };
   }

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

@@ -6,7 +6,10 @@ const vue = require('vue');
 const elementPlusExpand = require('@ued_fpi/element-plus-expand');
 const fpiTgFactorTools = require('fpi-tg-factor-tools');
 const dayjs = require('dayjs');
-const index = require('./api/index.js');
+require('../common/BasicNoData/index.js');
+const tools = require('../../utils/tools.js');
+const index$1 = require('./api/index.js');
+const index = require('../common/BasicNoData/index.vue.js');
 
 const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("li", null, null, -1);
 const _hoisted_2 = { class: "rank" };
@@ -32,6 +35,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const time = vue.ref(10);
     const showList = vue.shallowRef([]);
     const isLoaded = vue.ref(false);
     const findMaxValue = (list) => {
@@ -44,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return maxValue;
     };
     const fetchData = () => {
-      index.getSiteRank({ ...props.apiParams, factorCode: props.factorCode }).then((res) => {
+      index$1.getSiteRank({ ...props.apiParams, factorCode: props.factorCode }).then((res) => {
         if (res.data && res.data.entries) {
           const key = fpiTgFactorTools.BASE_FACTOR.find((c) => c.code === props.factorCode)?.name;
           const list = res.data.entries.map((item) => {
@@ -58,13 +62,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           });
           const maxValue = findMaxValue(list);
           showList.value = list.map((item) => {
+            const color = fpiTgFactorTools.factorToColor(props.factorCode, item.value, "hour");
             return {
               ...item,
               progress: item.value / maxValue * 100,
-              color: fpiTgFactorTools.factorToColor(props.factorCode, item.value, "hour"),
+              color,
+              bgColor: `linear-gradient(270deg, ${color} 0%, ${tools.getHexOpacityColor(color, 0.2)} 100%)`,
               showBar: Number(item.value) > 0
             };
           });
+          time.value = showList.value.length * 1.2;
           isLoaded.value = true;
         }
       });
@@ -88,6 +95,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             showBar: Number(item.value) > 0
           };
         });
+        time.value = showList.value.length * 1.2;
         isLoaded.value = true;
       }
     });
@@ -95,7 +103,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(`${clsfix}-container`)
       }, [
-        vue.createElementVNode("ul", {
+        isLoaded.value && showList.value.length ? (vue.openBlock(), vue.createElementBlock("ul", {
+          key: 0,
           class: vue.normalizeClass(`${clsfix}-header`)
         }, [
           _hoisted_1,
@@ -103,13 +112,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("span", null, vue.toDisplayString(_ctx.columnNames[0]), 1)
           ]),
           vue.createElementVNode("li", null, vue.toDisplayString(_ctx.columnNames[1]), 1)
-        ], 2),
-        isLoaded.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlusExpand.FpiElRolling), {
-          key: 0,
+        ], 2)) : vue.createCommentVNode("", true),
+        isLoaded.value && showList.value.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlusExpand.FpiElRolling), {
+          key: 1,
           style: { "height": "calc(100% - 26px)" },
           direction: "y",
           "scroll-able": "",
-          time: 10
+          time: time.value
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("ul", {
@@ -126,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("span", _hoisted_5, [
                       vue.withDirectives(vue.createElementVNode("span", {
                         class: "progress-bar",
-                        style: vue.normalizeStyle({ width: `${item.progress}%`, backgroundColor: item.color })
+                        style: vue.normalizeStyle({ width: `${item.progress}%`, background: item.bgColor })
                       }, null, 4), [
                         [vue.vShow, item.showBar]
                       ])
@@ -141,7 +150,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ], 2)
           ]),
           _: 1
-        })) : vue.createCommentVNode("", true)
+        }, 8, ["time"])) : vue.createCommentVNode("", true),
+        !isLoaded.value || !showList.value.length ? (vue.openBlock(), vue.createBlock(vue.unref(index.default), { key: 2 })) : vue.createCommentVNode("", true)
       ], 2);
     };
   }

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

@@ -67,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               show: false
             },
             axisLabel: {
-              color: "#FFF",
+              color: "var(--dv-color-text-primary)",
               fontSize: 12,
               interval: 0,
               formatter: (value) => value.substr(5)
@@ -78,7 +78,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             type: "value",
             name: "天",
             nameTextStyle: {
-              color: "rgba(255, 255, 255, 0.5)",
+              color: "var(--dv-color-text-secondary)",
               padding: [0, 30, 0, 0]
             },
             splitNumber: 3,
@@ -90,12 +90,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "rgba(255, 255, 255, 0.5)"
+              color: "var(--dv-color-text-secondary)"
             },
             splitLine: {
               show: true,
               lineStyle: {
-                color: ["rgba(255, 255, 255, 0.3)"]
+                color: ["var(--dv-color-border-light)"]
               }
             }
           },
@@ -104,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             bottom: 0,
             itemGap: 4,
             textStyle: {
-              color: "#FFF",
+              color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
             itemWidth: 10,

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

@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             bottom: -4,
             itemGap: 4,
             textStyle: {
-              color: "#FFF",
+              color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
             icon: "circle",
@@ -58,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               data: list,
               label: {
                 position: "outer",
-                color: "#fff",
+                color: "var(--dv-color-text-primary)",
                 overflow: "none",
                 formatter: (params) => {
                   const { name, value, num } = params.data;

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

@@ -0,0 +1,123 @@
+interface GetAirQualityStatisParams {
+    time: number;
+    codeType: string;
+    code: string;
+}
+interface PrimaryYearSum$1Type {
+    NO2: number;
+    noMainPollutant: number;
+    total: number;
+    O3: number;
+    'PM2.5': number;
+    SO2: number;
+    PM10: number;
+    CO: number;
+}
+interface PrimaryMonthSum$2Type {
+    NO2: Array<number>;
+    noMainPollutant: Array<number>;
+    times: Array<string>;
+    O3: Array<number>;
+    'PM2.5': Array<number>;
+    SO2: Array<number>;
+    PM10: Array<number>;
+    CO: Array<number>;
+}
+interface PrimaryPollutant$3Type {
+    primaryYearSum: PrimaryYearSum$1Type;
+    primaryMonthSum: PrimaryMonthSum$2Type;
+}
+interface CIEQYearValueRate$4Type {
+    'V_ICIEQ_PM2.5': number;
+    V_ICIEQ_NO2: number;
+    V_ICIEQ_PM10: number;
+    V_ICIEQ_O3: number;
+    V_ICIEQ_CO: number;
+    V_ICIEQ_SO2: number;
+}
+interface CIEQYearValue$5Type {
+    V_ICIEQ_CO: number;
+    V_ICIEQ_SO2: number;
+    'V_ICIEQ_PM2.5': number;
+    V_ICIEQ_NO2: number;
+    V_ICIEQ_PM10: number;
+    cieq: number;
+    V_ICIEQ_O3: number;
+}
+interface CIEQMonthValueRate$6Type {
+    times: Array<string>;
+    V_ICIEQ_CO: Array<number | string>;
+    V_ICIEQ_SO2: Array<number | string>;
+    'V_ICIEQ_PM2.5': Array<number | string>;
+    V_ICIEQ_NO2: Array<string | number>;
+    V_ICIEQ_PM10: Array<string | number>;
+    V_ICIEQ_O3: Array<number | string>;
+}
+interface CIEQMonthValue$7Type {
+    times: Array<string>;
+    V_ICIEQ_CO: Array<number | string>;
+    V_ICIEQ_SO2: Array<number | string>;
+    'V_ICIEQ_PM2.5': Array<number | string>;
+    V_ICIEQ_NO2: Array<string | number>;
+    V_ICIEQ_PM10: Array<string | number>;
+    cieq: Array<number | string>;
+    V_ICIEQ_O3: Array<number | string>;
+}
+interface CIEQ$8Type {
+    CIEQYearValueRate: CIEQYearValueRate$4Type;
+    CIEQYearValue: CIEQYearValue$5Type;
+    CIEQMonthValueRate: CIEQMonthValueRate$6Type;
+    CIEQMonthValue: CIEQMonthValue$7Type;
+}
+interface LevelMonthSum$9Type {
+    veryGood: Array<number>;
+    total: Array<number>;
+    times: Array<string>;
+    mild: Array<number>;
+    serious: Array<number>;
+    medium: Array<number>;
+    verySerious: Array<number>;
+    good: Array<number>;
+}
+interface LevelMonthSumRate$10Type {
+    veryGood: Array<number>;
+    serious: Array<number>;
+    medium: Array<number>;
+    verySerious: Array<number>;
+    good: Array<number>;
+    mild: Array<number>;
+}
+interface LevelYearSumRate$11Type {
+    veryGood: number;
+    serious: number;
+    medium: number;
+    verySerious: number;
+    good: number;
+    mild: number;
+}
+interface LevelYearSum$12Type {
+    veryGood: number;
+    total: number;
+    mild: number;
+    serious: number;
+    medium: number;
+    verySerious: number;
+    good: number;
+}
+interface AirQualityLevel$13Type {
+    levelMonthSum: LevelMonthSum$9Type;
+    levelMonthSumRate: LevelMonthSumRate$10Type;
+    levelYearSumRate: LevelYearSumRate$11Type;
+    levelYearSum: LevelYearSum$12Type;
+}
+interface Data$14Type {
+    primaryPollutant: PrimaryPollutant$3Type;
+    CIEQ: CIEQ$8Type;
+    airQualityLevel: AirQualityLevel$13Type;
+}
+export declare const getAirQualityStatis: (params: GetAirQualityStatisParams) => Promise<{
+    code: number;
+    data: Data$14Type | null;
+    message: string;
+}>;
+export type { GetAirQualityStatisParams };

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

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const request = require('../../../service/request.js');
+
+const getAirQualityStatis = (params) => {
+  return request.default({
+    url: "/aims-server/web/api/v1/env-feature/air-quality-statis",
+    method: "get",
+    params
+  });
+};
+
+exports.getAirQualityStatis = getAirQualityStatis;

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

@@ -0,0 +1,125 @@
+import _MainPollutionYearRatioList from './index.vue';
+export declare const DvAimsMainPollutionYearRatioList: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            apiParams?: import("./api").GetAirQualityStatisParams | 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<{
+            apiParams: {
+                type: globalThis.PropType<import("./api").GetAirQualityStatisParams>;
+            } & {
+                default: () => {
+                    time: number;
+                    code: string;
+                    codeType: string;
+                };
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            apiParams: import("./api").GetAirQualityStatisParams;
+        }, {}, 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<{
+        apiParams: {
+            type: globalThis.PropType<import("./api").GetAirQualityStatisParams>;
+        } & {
+            default: () => {
+                time: number;
+                code: string;
+                codeType: string;
+            };
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    apiParams: {
+        type: globalThis.PropType<import("./api").GetAirQualityStatisParams>;
+    } & {
+        default: () => {
+            time: number;
+            code: string;
+            codeType: string;
+        };
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    apiParams: import("./api").GetAirQualityStatisParams;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _MainPollutionYearRatioList;

package/dist/lib/aims/src/MainPollutionYearRatioList/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 DvAimsMainPollutionYearRatioList = utils.install(index_vue_vue_type_script_setup_true_lang.default);
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
+exports.DvAimsMainPollutionYearRatioList = DvAimsMainPollutionYearRatioList;

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

@@ -0,0 +1,35 @@
+import type { GetAirQualityStatisParams } from './api';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    apiParams?: GetAirQualityStatisParams | undefined;
+}>, {
+    apiParams: () => {
+        time: number;
+        code: string;
+        codeType: 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<{
+    apiParams?: GetAirQualityStatisParams | undefined;
+}>, {
+    apiParams: () => {
+        time: number;
+        code: string;
+        codeType: string;
+    };
+}>>>, {
+    apiParams: GetAirQualityStatisParams;
+}, {}>;
+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/MainPollutionYearRatioList/index.vue.js

@@ -0,0 +1,102 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const fpiTgFactorTools = require('fpi-tg-factor-tools');
+const dayjs = require('dayjs');
+const tools = require('../../utils/tools.js');
+const index = require('./api/index.js');
+
+const _hoisted_1 = { class: "progress-box" };
+const _hoisted_2 = { class: "name" };
+const _hoisted_3 = { class: "bar" };
+const clsfix = "dv-aims-main-pollution-year-ratio-list";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      time: dayjs().subtract(1, "h").valueOf(),
+      code: "0101000000",
+      codeType: "grid"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const showList = vue.shallowRef([]);
+    const fetchData = () => {
+      const colors = [
+        "#0062FF",
+        "#0AAEFF",
+        "#2AC94F",
+        "#FF792E",
+        "#F84439",
+        "#FFB443",
+        "rgb(154, 154, 154)"
+      ];
+      index.getAirQualityStatis(props.apiParams).then((res) => {
+        if (res.data && res.data.primaryPollutant.primaryYearSum) {
+          console.log(res);
+          const data = res.data.primaryPollutant.primaryYearSum;
+          const rawList = fpiTgFactorTools.BASE_FACTOR.filter((item) => item.code !== "aqi");
+          rawList.push({
+            name: "无首污",
+            key: "noMainPollutant",
+            code: "noMainPollutant",
+            unit: "",
+            key3: ""
+          });
+          const renderData = rawList.map((item, index) => {
+            const v = data[item.key];
+            const rate = (v / data.total * 100).toFixed(1);
+            const color = colors[index];
+            return {
+              name: item.name,
+              progress: rate,
+              color,
+              bgColor: `linear-gradient(270deg, ${color} 0%, ${tools.getHexOpacityColor(color, 0.2)} 100%)`,
+              showBar: Number(rate) > 0
+            };
+          });
+          showList.value = renderData;
+        }
+      });
+    };
+    vue.onMounted(() => {
+      fetchData();
+    });
+    vue.watch(() => props.apiParams, () => {
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("ul", {
+        class: vue.normalizeClass(`${clsfix}-list-wrap`)
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(showList.value, (item) => {
+          return vue.openBlock(), vue.createElementBlock("li", {
+            key: item.name,
+            class: vue.normalizeClass(`${clsfix}-list-item`)
+          }, [
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(item.name), 1),
+              vue.createElementVNode("span", _hoisted_3, [
+                vue.withDirectives(vue.createElementVNode("span", {
+                  class: "progress-bar",
+                  style: vue.normalizeStyle({ width: `${item.progress}%`, background: item.bgColor })
+                }, null, 4), [
+                  [vue.vShow, item.showBar]
+                ])
+              ])
+            ]),
+            vue.createElementVNode("span", {
+              class: "value",
+              style: vue.normalizeStyle({ color: item.color })
+            }, vue.toDisplayString(item.progress) + "%", 5)
+          ], 2);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+
+exports.default = _sfc_main;