@ued_fpi/data-visual 1.0.6 → 1.0.7

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

@@ -0,0 +1,181 @@
+'use strict';
+
+const aims_src_AirQualityCalendar_index = require('../AirQualityCalendar/index.js');
+const vue = require('vue');
+const vendor_fpiTgFactorTools_1_0_4 = require('../../../vendor/fpi-tg-factor-tools@1.0.4.js');
+const vendor_dayjs_1_11_9 = require('../../../vendor/dayjs@1.11.9.js');
+const aims_src_common_BasicEcharts_index = require('../common/BasicEcharts/index.js');
+const aims_src_CieqContributionMonthRatio_api_index = require('./api/index.js');
+
+const clsfix = "cieq-contributio-ratio";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      time: vendor_dayjs_1_11_9.dayjs().subtract(1, "h").valueOf(),
+      code: "0101000000",
+      codeType: "grid"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const chartsFullOptions = vue.ref({ options: null });
+    const generateOption = (xData, series) => {
+      return {
+        options: {
+          colors: [
+            "#0062FF",
+            "#0AAEFF",
+            "#2AC94F",
+            "#FF792E",
+            "#F84439",
+            "#FFB443"
+          ],
+          grid: {
+            left: 10,
+            bottom: 30,
+            right: 10,
+            top: 30,
+            containLabel: true
+          },
+          tooltip: {
+            trigger: "axis",
+            padding: 8,
+            background: "rgba(1, 11, 18, 0.6)",
+            formatter: (params) => {
+              const title = params[0] ? params[0].name : "";
+              const cieq = params[0] ? params[0].data.cieq : "";
+              const strArr = params.map((item) => {
+                return `<div>
+                            ${item.marker}
+                            <span style="display: inline-block;width: 60px;">${item.seriesName}</span>
+                            <span style="display: inline-block;text-align: right;width: 30px;margin-right:10px;">${Number.isNaN(Number(item.data.value)) ? "--" : `${item.data.value}`}</span>
+                            <span style="display: inline-block;text-align: right;width: 40px;">${typeof item.data.rate === "number" ? `${item.data.rate}%` : "--%"}</span>
+                        </div>`;
+              });
+              const str = strArr.join("");
+              return `<div>
+                        <div>${title}</div>
+                        <div><span style="display: inline-block;width: 60px;">综合指数</span><span>${cieq}</span></div>
+                        ${str}
+                    </div>`;
+            }
+          },
+          xAxis: {
+            type: "category",
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              color: "#FFF",
+              fontSize: 12,
+              interval: 0,
+              formatter: (value) => value.substr(5)
+            },
+            data: xData
+          },
+          yAxis: {
+            type: "value",
+            nameTextStyle: {
+              color: "rgba(255, 255, 255, 0.5)",
+              padding: [0, 30, 0, 0]
+            },
+            splitNumber: 3,
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              show: true,
+              color: "rgba(255, 255, 255, 0.5)"
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: ["rgba(255, 255, 255, 0.3)"]
+              }
+            }
+          },
+          legend: {
+            show: true,
+            bottom: 0,
+            itemGap: 10,
+            textStyle: {
+              color: "#FFF",
+              fontSize: 12
+            },
+            itemWidth: 10,
+            itemHeight: 10,
+            itemStyle: {
+              borderWidth: 0
+            }
+          },
+          series
+        }
+      };
+    };
+    const fetchData = () => {
+      aims_src_CieqContributionMonthRatio_api_index.getAirQualityStatis(props.apiParams).then((res) => {
+        if (res.data && res.data.CIEQ) {
+          const data1 = res.data.CIEQ.CIEQMonthValueRate;
+          const data2 = res.data.CIEQ.CIEQMonthValue;
+          const xData = data2.times;
+          const list = vendor_fpiTgFactorTools_1_0_4.E.filter((item) => item.code !== "aqi").map((item) => {
+            const key = `V_ICIEQ_${item.key}`;
+            const value1s = data1[key] ?? [];
+            const value2s = data2[key] ?? [];
+            const cieqs = data2.cieq;
+            return {
+              name: item.name,
+              type: "bar",
+              stack: "x",
+              data: value2s.map((c, index) => {
+                return {
+                  value: c,
+                  rate: value1s[index],
+                  cieq: cieqs[index]
+                };
+              }),
+              barWidth: 15
+            };
+          });
+          chartsFullOptions.value = generateOption(xData, list);
+        }
+      });
+    };
+    vue.onMounted(() => {
+      fetchData();
+    });
+    vue.watch(() => props.apiParams, () => {
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(`${clsfix}-container`)
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`${clsfix}-echarts`)
+        }, [
+          vue.createVNode(vue.unref(aims_src_common_BasicEcharts_index._BasicEcharts), {
+            height: "100%",
+            "full-options": chartsFullOptions.value,
+            loading: false
+          }, null, 8, ["full-options"])
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_bf9d89e8_lang = '';
+
+const _CieqContributionMonthRatio = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-bf9d89e8"]]);
+
+const CieqContributionMonthRatio = aims_src_AirQualityCalendar_index.install(_CieqContributionMonthRatio);
+
+exports.CieqContributionMonthRatio = CieqContributionMonthRatio;

package/dist/lib/aims/src/CieqContributionMonthRatio/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/CieqContributionYearRatio/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/CieqContributionYearRatio/api/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+const aims_service_request = require('../../../service/request.js');
+
+const getAirQualityStatis = (params) => {
+  return aims_service_request.requestControl({
+    url: "/aims-server/web/api/v1/env-feature/air-quality-statis",
+    method: "get",
+    params
+  });
+};
+
+exports.getAirQualityStatis = getAirQualityStatis;

package/dist/{es/aims/src/CieqContributionRatio → lib/aims/src/CieqContributionYearRatio}/index.d.ts

@@ -1,11 +1,11 @@
-import _CieqContributionRatio from './index.vue';
-export declare const CieqContributionRatio: {
+import _CieqContributionYearRatio from './index.vue';
+export declare const CieqContributionYearRatio: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
             apiParams?: import("./api").GetAirQualityStatisParams | undefined;
-            dataType?: "rate" | "num" | undefined;
+            showCieq?: boolean | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -74,14 +74,14 @@ export declare const CieqContributionRatio: {
                     codeType: string;
                 };
             };
-            dataType: {
-                type: globalThis.PropType<"rate" | "num">;
+            showCieq: {
+                type: globalThis.PropType<boolean>;
             } & {
-                default: string;
+                default: boolean;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             apiParams: import("./api").GetAirQualityStatisParams;
-            dataType: "rate" | "num";
+            showCieq: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -112,10 +112,10 @@ export declare const CieqContributionRatio: {
                 codeType: string;
             };
         };
-        dataType: {
-            type: globalThis.PropType<"rate" | "num">;
+        showCieq: {
+            type: globalThis.PropType<boolean>;
         } & {
-            default: string;
+            default: boolean;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
@@ -131,13 +131,13 @@ export declare const CieqContributionRatio: {
             codeType: string;
         };
     };
-    dataType: {
-        type: globalThis.PropType<"rate" | "num">;
+    showCieq: {
+        type: globalThis.PropType<boolean>;
     } & {
-        default: string;
+        default: boolean;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     apiParams: import("./api").GetAirQualityStatisParams;
-    dataType: "rate" | "num";
+    showCieq: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
-export default _CieqContributionRatio;
+export default _CieqContributionYearRatio;

package/dist/lib/aims/src/{CieqContributionRatio → CieqContributionYearRatio}/index.js

@@ -5,7 +5,7 @@ const vue = require('vue');
 const vendor_fpiTgFactorTools_1_0_4 = require('../../../vendor/fpi-tg-factor-tools@1.0.4.js');
 const vendor_dayjs_1_11_9 = require('../../../vendor/dayjs@1.11.9.js');
 const aims_src_common_BasicEcharts_index = require('../common/BasicEcharts/index.js');
-const aims_src_CieqContributionRatio_api_index = require('./api/index.js');
+const aims_src_CieqContributionYearRatio_api_index = require('./api/index.js');
 
 const clsfix = "cieq-contributio-ratio";
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -16,12 +16,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       code: "0101000000",
       codeType: "grid"
     }) },
-    dataType: { default: "rate" }
+    showCieq: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
     const chartsFullOptions = vue.ref({ options: null });
-    const generateOption = (list) => {
+    const generateOption = (list, cieq) => {
       return {
         options: {
           colors: [
@@ -32,6 +32,26 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             "#F84439",
             "#FFB443"
           ],
+          title: [
+            {
+              show: props.showCieq,
+              text: `{cieq|${cieq}}`,
+              top: "62px",
+              left: "center",
+              textStyle: {
+                rich: {
+                  cieq: {
+                    fontSize: 14,
+                    color: "#fff"
+                  }
+                }
+              }
+            }
+          ],
+          grid: {
+            left: 0,
+            right: 0
+          },
           legend: {
             show: true,
             bottom: -4,
@@ -47,19 +67,25 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           tooltip: {
             trigger: "item",
             padding: 8,
-            valueFormatter: (value) => props.dataType === "rate" ? `${value}%` : `${value}`,
+            formatter: (params) => {
+              return `${params.marker} ${params.name}  ${params.data.value2} ${params.value}%`;
+            },
             background: "rgba(1, 11, 18, 0.6)"
           },
           series: [
             {
               type: "pie",
-              radius: "60%",
+              radius: props.showCieq ? ["28%", "60%"] : "60%",
               center: ["50%", "44%"],
               data: list,
               label: {
-                position: "outer",
+                position: "outside",
                 color: "#fff",
-                formatter: props.dataType === "rate" ? "{b} {c}%" : "{b} {c}"
+                overflow: "none",
+                formatter: (params) => {
+                  const { name, value, value2 } = params.data;
+                  return `${name}  ${value2}  ${value}%`;
+                }
               }
             }
           ]
@@ -67,26 +93,30 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       };
     };
     const fetchData = () => {
-      aims_src_CieqContributionRatio_api_index.getAirQualityStatis(props.apiParams).then((res) => {
+      aims_src_CieqContributionYearRatio_api_index.getAirQualityStatis(props.apiParams).then((res) => {
         if (res.data && res.data.CIEQ) {
-          const data = props.dataType === "rate" ? res.data.CIEQ.CIEQYearValueRate : res.data.CIEQ.CIEQYearValue;
+          const data1 = res.data.CIEQ.CIEQYearValueRate;
+          const data2 = res.data.CIEQ.CIEQYearValue;
+          const cieq = res.data.CIEQ.CIEQYearValue.cieq;
           const list = vendor_fpiTgFactorTools_1_0_4.E.filter((item) => item.code !== "aqi").map((item) => {
             const key = `V_ICIEQ_${item.key}`;
-            const value = data[key] ?? 0;
+            const value1 = data1[key] ?? 0;
+            const value2 = data2[key] ?? 0;
             return {
               name: item.name,
               code: item.code,
-              value
+              value: value1,
+              value2
             };
           });
-          chartsFullOptions.value = generateOption(list);
+          chartsFullOptions.value = generateOption(list, cieq);
         }
       });
     };
     vue.onMounted(() => {
       fetchData();
     });
-    vue.watch([() => props.apiParams, props.dataType], () => {
+    vue.watch(() => props.apiParams, () => {
       fetchData();
     });
     return (_ctx, _cache) => {
@@ -107,10 +137,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_b4d34887_lang = '';
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_a2819dd7_lang = '';
 
-const _CieqContributionRatio = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-b4d34887"]]);
+const _CieqContributionYearRatio = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-a2819dd7"]]);
 
-const CieqContributionRatio = aims_src_AirQualityCalendar_index.install(_CieqContributionRatio);
+const CieqContributionYearRatio = aims_src_AirQualityCalendar_index.install(_CieqContributionYearRatio);
 
-exports.CieqContributionRatio = CieqContributionRatio;
+exports.CieqContributionYearRatio = CieqContributionYearRatio;

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

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

@@ -4,6 +4,7 @@ export declare const FactorRealTimeRankChart: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            list?: unknown[] | undefined;
             factorCode?: string | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
@@ -68,7 +69,12 @@ export declare const FactorRealTimeRankChart: {
                 type: StringConstructor;
                 default: string;
             };
+            list: {
+                type: ArrayConstructor;
+                default: () => never[];
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            list: unknown[];
             factorCode: string;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -95,6 +101,10 @@ export declare const FactorRealTimeRankChart: {
             type: StringConstructor;
             default: string;
         };
+        list: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -104,7 +114,12 @@ export declare const FactorRealTimeRankChart: {
         type: StringConstructor;
         default: string;
     };
+    list: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    list: unknown[];
     factorCode: string;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _FactorRealTimeRankChart;