@ued_fpi/data-visual 1.0.5 → 1.0.7

package/dist/es/aims/src/TbHbAnalysis/index.mjs

@@ -0,0 +1,231 @@
+import { i as install } from '../AirQualityCalendar/index.mjs';
+import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, unref } from 'vue';
+import { d as dayjs } from '../../../vendor/dayjs@1.11.9.mjs';
+import { k } from '../../../vendor/fpi-tg-factor-tools@1.0.4.mjs';
+import { _ as _BasicEcharts } from '../common/BasicEcharts/index.mjs';
+import { g as getTbHbData } from './api/index.mjs';
+
+const upSvg = `<i style='width: 14px;font-size: 14px;display: inline-block;'>
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-ea893728=""><path fill="red" d="M572.235 205.282v600.365a30.118 30.118 0 1 1-60.235 0V205.282L292.382 438.633a28.913 28.913 0 0 1-42.646 0 33.43 33.43 0 0 1 0-45.236l271.058-288.045a28.913 28.913 0 0 1 42.647 0L834.5 393.397a33.43 33.43 0 0 1 0 45.176 28.913 28.913 0 0 1-42.647 0l-219.618-233.23z"></path></svg>
+</i>`;
+const downSvg = `<i style='width: 14px;font-size: 14px;display: inline-block;'>
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-ea893728=""><path fill="green" d="M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z"></path></svg>
+</i>`;
+const clsfix = "air-time-series-analysis";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      dataType: "month",
+      startTime: dayjs().subtract(11, "M").valueOf(),
+      endTime: dayjs().valueOf(),
+      factorCode: "cieq",
+      codeType: "grid",
+      code: "0101000000"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const chartsFullOptions = ref({ options: null });
+    const generateOption = (xData, series) => {
+      return {
+        options: {
+          grid: {
+            left: 20,
+            bottom: 30,
+            right: 20,
+            top: 30,
+            containLabel: true
+          },
+          tooltip: {
+            trigger: "axis",
+            padding: 8,
+            background: "rgba(1, 11, 18, 0.6)",
+            formatter: (params) => {
+              const title = getTootipName();
+              const strArr = params.map((item) => {
+                let str1 = `<div>
+                                ${item.marker}
+                                <span style="display: inline-block;width: 100px;">${item.data.leftTitle}</span>
+                                <span style="display: inline-block;text-align: right;width: 60px;">${item.value}${item.data.unit !== "--" && item.unit ? item.unit : ""}</span>
+                            </div>`;
+                if (item.data.type !== "current") {
+                  str1 += `
+                            <div>
+                                ${item.marker}
+                                <span style="display: inline-block;width: 100px;">${item.data.leftTitle2}</span>
+                                <span style="display: inline-flex;align-items: center;justify-content: flex-end;width: 60px;">
+                                    ${item.data.leftTitle2Value}
+                                </span>
+                                ${item.data.upOrDown}
+                            </div>
+                            `;
+                }
+                return str1;
+              });
+              const str = strArr.join("");
+              return `<div>
+                        <div>${title}</div>
+                        ${str}
+                    </div>`;
+            }
+          },
+          xAxis: {
+            type: "category",
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              color: "#FFF",
+              fontSize: 12
+            },
+            data: xData
+          },
+          yAxis: {
+            type: "value",
+            name: getUnit(),
+            nameTextStyle: {
+              color: "rgba(255, 255, 255, 0.5)",
+              padding: [0, 30, 0, 0]
+            },
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              show: true,
+              color: "rgba(255, 255, 255, 0.5)"
+            },
+            splitNumber: 3,
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: ["rgba(255, 255, 255, 0.3)"]
+              }
+            }
+          },
+          legend: {
+            show: true,
+            bottom: 0,
+            itemGap: 3,
+            textStyle: {
+              color: "#FFF",
+              fontSize: 12
+            },
+            itemWidth: 16,
+            itemHeight: 8
+          },
+          series
+        }
+      };
+    };
+    const getTootipName = () => {
+      if (props.apiParams.factorCode === "cieq")
+        return "综合指数";
+      else
+        return k(props.apiParams.factorCode, "name");
+    };
+    const getUnit = () => {
+      return k(props.apiParams.factorCode, "unit");
+    };
+    const fetchData = () => {
+      getTbHbData(props.apiParams).then((res) => {
+        if (res.data && res.data) {
+          const data = res.data;
+          const xData = data.times;
+          const list = [
+            {
+              name: "本期",
+              id: "current",
+              color: "#409eff",
+              key1: "currentPeriodValue",
+              key3: "times"
+            },
+            {
+              name: "上期",
+              id: "last",
+              color: "#fb9905",
+              key1: "lastPeriodValue",
+              key2: "lastPeriodRatio",
+              key3: "lastTimes"
+            },
+            {
+              name: "同期",
+              id: "same",
+              color: "#fb6868",
+              key1: "samePeriodValue",
+              key2: "samePeriodRatio",
+              key3: "sameTimes"
+            }
+          ];
+          const series = list.map((item) => {
+            const values = data[item.key1];
+            const radios = data[item.key2];
+            const times = data[item.key3];
+            return {
+              name: item.name,
+              type: "line",
+              data: values.map((c, index) => {
+                const radioV = radios ? Number(radios[index]) : NaN;
+                let upOrDown = "";
+                if (!Number.isNaN(radioV)) {
+                  if (radioV > 0)
+                    upOrDown = upSvg;
+                  else if (radioV < 0)
+                    upOrDown = downSvg;
+                  else
+                    upOrDown = "";
+                }
+                return {
+                  value: c,
+                  type: item.id,
+                  unit: data.unit,
+                  leftTitle: `${item.name} ${times[index]}`,
+                  leftTitle2: item.id === "same" ? "同比变化率" : item.id === "last" ? "环比变化率" : "",
+                  leftTitle2Value: Number.isNaN(radioV) ? "--" : `${Math.abs(radioV)}%`,
+                  upOrDown
+                };
+              }),
+              itemStyle: {
+                color: item.color
+              }
+            };
+          });
+          chartsFullOptions.value = generateOption(xData, series);
+        }
+      });
+    };
+    onMounted(() => {
+      fetchData();
+    });
+    watch(() => props.apiParams, () => {
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${clsfix}-container`)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(`${clsfix}-echarts`)
+        }, [
+          createVNode(unref(_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_lang = '';
+
+const TbHbAnalysis = install(_sfc_main);
+
+export { TbHbAnalysis as T };

package/dist/es/aims/src/TbHbAnalysis/index.vue.d.ts

@@ -0,0 +1,41 @@
+import type { GetTbHbDataParams } from './api';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    apiParams?: GetTbHbDataParams | undefined;
+}>, {
+    apiParams: () => {
+        dataType: string;
+        startTime: number;
+        endTime: number;
+        factorCode: string;
+        codeType: string;
+        code: 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?: GetTbHbDataParams | undefined;
+}>, {
+    apiParams: () => {
+        dataType: string;
+        startTime: number;
+        endTime: number;
+        factorCode: string;
+        codeType: string;
+        code: string;
+    };
+}>>>, {
+    apiParams: GetTbHbDataParams;
+}, {}>;
+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/es/aims/src/WeatherCondition/api/index.d.ts

@@ -0,0 +1,28 @@
+interface GetAirQualityParams {
+    time: number;
+    gridCode: string;
+    timeType: string;
+}
+interface GetAirQualityRes {
+    airQuality: string;
+    mainPollutants: string;
+    aqi: string;
+    commonFactors: {
+        key: string;
+        name: string;
+        unit: string;
+        value: string;
+    }[];
+    weatherFactors: {
+        key: string;
+        name: string;
+        unit: string;
+        value: string;
+    }[];
+}
+export declare const getAirQuality: (params: GetAirQualityParams) => Promise<{
+    code: number;
+    data: GetAirQualityRes | null;
+    message: string;
+}>;
+export type { GetAirQualityParams };

package/dist/es/aims/src/WeatherCondition/api/index.mjs

@@ -0,0 +1,11 @@
+import { r as requestControl } from '../../../service/request.mjs';
+
+const getAirQuality = (params) => {
+  return requestControl({
+    url: "/aims-server/web/api/v1/analyze-map/grid-detail",
+    method: "get",
+    params
+  });
+};
+
+export { getAirQuality as g };

package/dist/es/aims/src/WeatherCondition/index.d.ts

@@ -4,10 +4,9 @@ export declare const WeatherCondition: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            style?: Record<string, any> | undefined;
-            title?: string | undefined;
-            class?: string | Record<string, any> | unknown[] | undefined;
+            apiParams?: import("./api").GetAirQualityParams | undefined;
             key?: string | number | symbol | undefined;
+            style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
@@ -49,6 +48,7 @@ export declare const WeatherCondition: {
             }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
+            class?: unknown;
         };
         $attrs: {
             [x: string]: unknown;
@@ -64,22 +64,17 @@ export declare const WeatherCondition: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            style: {
-                type: ObjectConstructor;
-                default: () => {};
-            };
-            class: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: () => {};
-            };
-            title: {
-                type: StringConstructor;
-                default: string;
+            apiParams: {
+                type: globalThis.PropType<import("./api").GetAirQualityParams>;
+            } & {
+                default: () => {
+                    time: number;
+                    gridCode: string;
+                    timeType: string;
+                };
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            style: Record<string, any>;
-            title: string;
-            class: string | Record<string, any> | unknown[];
+            apiParams: import("./api").GetAirQualityParams;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -101,38 +96,30 @@ export declare const WeatherCondition: {
         $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<{
-        style: {
-            type: ObjectConstructor;
-            default: () => {};
-        };
-        class: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: () => {};
-        };
-        title: {
-            type: StringConstructor;
-            default: string;
+        apiParams: {
+            type: globalThis.PropType<import("./api").GetAirQualityParams>;
+        } & {
+            default: () => {
+                time: number;
+                gridCode: string;
+                timeType: string;
+            };
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    style: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    class: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: () => {};
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
+    apiParams: {
+        type: globalThis.PropType<import("./api").GetAirQualityParams>;
+    } & {
+        default: () => {
+            time: number;
+            gridCode: string;
+            timeType: string;
+        };
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    style: Record<string, any>;
-    title: string;
-    class: string | Record<string, any> | unknown[];
+    apiParams: import("./api").GetAirQualityParams;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _WeatherCondition;

package/dist/es/aims/src/WeatherCondition/index.mjs

@@ -0,0 +1,121 @@
+import { _ as _export_sfc, i as install } from '../AirQualityCalendar/index.mjs';
+import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeClass, Fragment, renderList, unref, createElementVNode, toDisplayString } from 'vue';
+import { d as dayjs } from '../../../vendor/dayjs@1.11.9.mjs';
+import { g as getAirQuality } from './api/index.mjs';
+import { w as wind_direction } from './images/wind_direction.mjs';
+import { w as wind_speed } from './images/wind_speed.mjs';
+import { t as temperature } from './images/temperature.mjs';
+import { p as pressure } from './images/pressure.mjs';
+import { h as humidity } from './images/humidity.mjs';
+import { p as precipitation } from './images/precipitation.mjs';
+
+const _hoisted_1 = { class: "condition" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "condition-value" };
+const _hoisted_4 = { class: "unit" };
+const className = "fpi-weather-condition";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      time: dayjs().subtract(1, "h").valueOf(),
+      gridCode: "0101000000",
+      timeType: "hour"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const list = ref([
+      {
+        name: "风向",
+        value: "--",
+        unit: "",
+        key: "windDirection",
+        backgroundUrl: wind_direction
+      },
+      {
+        name: "风级",
+        value: "--",
+        unit: "--",
+        key: "windScale",
+        backgroundUrl: wind_speed
+      },
+      {
+        name: "温度",
+        value: "--",
+        unit: "°C",
+        key: "temperature",
+        backgroundUrl: temperature
+      },
+      {
+        name: "气压",
+        value: "--",
+        unit: "hPa",
+        key: "pres",
+        backgroundUrl: pressure
+      },
+      {
+        name: "湿度",
+        value: "--",
+        unit: "%",
+        key: "humidity",
+        backgroundUrl: humidity
+      },
+      {
+        name: "降水量",
+        value: "--",
+        unit: "mm",
+        key: "rain",
+        backgroundUrl: precipitation
+      }
+    ]);
+    const fetchData = () => {
+      getAirQuality(props.apiParams).then((res) => {
+        if (res.data) {
+          const data = res.data;
+          list.value = list.value.map((item) => {
+            const obj = data.weatherFactors.find((c) => c.key === item.key);
+            return {
+              ...item,
+              unit: obj?.unit ? obj.unit : "--",
+              value: obj?.value ? obj.value : "--"
+            };
+          });
+        }
+      });
+    };
+    onMounted(() => {
+      fetchData();
+    });
+    watch(() => props.apiParams, () => {
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${className}-container`)
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item) => {
+          return openBlock(), createElementBlock("div", {
+            key: item.name,
+            class: normalizeClass(`${className}-list`)
+          }, [
+            createElementVNode("span", _hoisted_1, toDisplayString(item.name), 1),
+            createElementVNode("img", {
+              src: item.backgroundUrl
+            }, null, 8, _hoisted_2),
+            createElementVNode("span", _hoisted_3, toDisplayString(item.value), 1),
+            createElementVNode("span", _hoisted_4, toDisplayString(item.unit), 1)
+          ], 2);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_de7aafd7_lang = '';
+
+const _WeatherCondition = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-de7aafd7"]]);
+
+const WeatherCondition = install(_WeatherCondition);
+
+export { WeatherCondition as W };

package/dist/es/aims/src/WeatherCondition/index.vue.d.ts

@@ -1,32 +1,35 @@
-declare const _default: import("vue").DefineComponent<{
-    style: {
-        type: ObjectConstructor;
-        default: () => {};
+import type { GetAirQualityParams } from './api';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    apiParams?: GetAirQualityParams | undefined;
+}>, {
+    apiParams: () => {
+        time: number;
+        gridCode: string;
+        timeType: string;
     };
-    class: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: () => {};
+}>, {}, 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?: GetAirQualityParams | undefined;
+}>, {
+    apiParams: () => {
+        time: number;
+        gridCode: string;
+        timeType: string;
     };
-    title: {
-        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<{
-    style: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    class: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: () => {};
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    style: Record<string, any>;
-    title: string;
-    class: string | Record<string, any> | unknown[];
+}>>>, {
+    apiParams: GetAirQualityParams;
 }, {}>;
 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];
+};