@ued_fpi/data-visual 1.2.15 → 1.2.20

package/README.md

@@ -12,5 +12,7 @@
 
 ## 官网地址
 
-[data-visual](http://ued.fpi-inc.site/fpi-component/page/component/screen/quickstart.html)
+[data-visual](https://ued.fpi-inc.site/fpi-component/page/component/screen/quickstart.html)
 
+// 部署npm包方式
+// 后面总结

package/dist/es/aims/config/index.mjs

@@ -4,7 +4,9 @@ const Config = {
   // 请求相关
   domain,
   // 是否 dev环境
-  innerNet
+  innerNet,
+  // 是否在headers中添加token
+  isAddToken: false
 };
 
 export { Config as default };

package/dist/es/aims/service/request.mjs

@@ -17,6 +17,7 @@ instance.interceptors.request.use(
   (config) => {
     config && config.headers && (config.headers["Cache-Control"] = "no-cache, no-store");
     config && config.headers && (config.headers.Pragma = "no-cache");
+    Config.isAddToken && (config.headers.token = localStorage.getItem("token"));
     return config;
   },
   (error) => {

package/dist/es/aims/src/AirQualityCalendar/index.vue.mjs

@@ -179,10 +179,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(_component_ElDatePicker, {
             modelValue: unref(dateTime),
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(dateTime) ? dateTime.value = $event : null),
+            class: "reset-date-picker",
             teleported: false,
             type: "month",
             clearable: false,
             "disabled-date": pickerOptions,
+            format: "YYYY年 M月",
             onChange: changeDatePicker
           }, null, 8, ["modelValue"]),
           createElementVNode("div", _hoisted_4, [

package/dist/es/aims/src/AirQualityLevelMonthRatio/index.vue.mjs

@@ -65,7 +65,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12,
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)",
               interval: 0,
               formatter: (value) => value.substr(5)
             },
@@ -87,7 +88,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "var(--dv-color-text-secondary)"
+              color: "var(--dv-color-text-secondary)",
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             splitLine: {
               show: true,
@@ -104,8 +107,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
-            itemWidth: 10,
-            itemHeight: 10,
+            itemWidth: 12,
+            itemHeight: 12,
+            icon: "circle",
             itemStyle: {
               borderWidth: 0
             }

package/dist/es/aims/src/AirQualityLevelYearRatio/index.vue.mjs

@@ -56,7 +56,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 formatter: (params) => {
                   const { name, value, value2 } = params.data;
                   return `${name}  ${value2}天  ${value}%`;
-                }
+                },
+                fontSize: "var(--dv-text-number1)",
+                fontFamily: "var(--dv-font-family-number)"
               }
             }
           ]

package/dist/es/aims/src/AirQualityRealTime/index.vue.mjs

@@ -70,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       fetchData();
     });
-    watch(() => props.apiParams, () => {
+    watch([() => props.apiParams, () => props.timeType], () => {
       fetchData();
     });
     return (_ctx, _cache) => {

package/dist/es/aims/src/AirQualityRealTimeAndDay/index.vue.mjs

@@ -13,7 +13,7 @@ const _hoisted_7 = { class: "aqi-container" };
 const _hoisted_8 = { class: "aqiInfo" };
 const _hoisted_9 = { class: "main" };
 const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", { class: "text" }, "首污", -1);
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", null, "浓度", -1);
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", null, "污染物浓度", -1);
 const _hoisted_12 = /* @__PURE__ */ createElementVNode("span", null, "（ 单位：μg/m³, CO：mg/m³ ）", -1);
 const _hoisted_13 = [
   _hoisted_11,
@@ -190,6 +190,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: item.code,
               class: normalizeClass(`${clsfix}-bottom-item`)
             }, [
+              createElementVNode("span", _hoisted_15, toDisplayString(item.name), 1),
               createElementVNode("span", {
                 class: "value",
                 style: normalizeStyle({ color: item.hourColor })
@@ -204,9 +205,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, toDisplayString(item.dayV), 5),
               createElementVNode("span", {
                 class: "line",
-                style: normalizeStyle({ backgroundColor: item.dayColor })
-              }, null, 4),
-              createElementVNode("span", _hoisted_15, toDisplayString(item.name), 1)
+                style: normalizeStyle({ backgroundColor: item.dayColor, marginBottom: 0 })
+              }, null, 4)
             ], 2);
           }), 128))
         ], 2)

package/dist/es/aims/src/AirTimeSeriesAnalysis/index.vue.mjs

@@ -73,7 +73,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12,
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)",
               formatter: (value) => formatterTime(value)
             },
             data: xData
@@ -94,7 +95,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               },
               axisLabel: {
                 show: true,
-                color: "var(--dv-color-text-secondary)"
+                color: "var(--dv-color-text-secondary)",
+                fontFamily: "var(--dv-font-family-number)",
+                fontSize: "var(--dv-text-number2)"
               },
               splitNumber: 3,
               splitLine: {

package/dist/es/aims/src/CieqContributionMonthRatio/index.vue.mjs

@@ -62,7 +62,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12,
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)",
               interval: 0,
               formatter: (value) => value.substr(5)
             },
@@ -83,7 +84,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "var(--dv-color-text-secondary)"
+              color: "var(--dv-color-text-secondary)",
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             splitLine: {
               show: true,
@@ -100,8 +103,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
-            itemWidth: 10,
-            itemHeight: 10,
+            itemWidth: 12,
+            itemHeight: 12,
+            icon: "circle",
             itemStyle: {
               borderWidth: 0
             }

package/dist/es/aims/src/CieqContributionYearRatio/index.vue.mjs

@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               textStyle: {
                 rich: {
                   cieq: {
-                    fontSize: 14,
+                    fontSize: 16,
                     color: "#fff"
                   }
                 }
@@ -49,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             itemGap: 10,
             textStyle: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12
+              fontSize: "var(--dv-text-body2)"
             },
             icon: "circle",
             itemWidth: 12,
@@ -76,7 +76,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 formatter: (params) => {
                   const { name, value, value2 } = params.data;
                   return `${name}  ${value2}  ${value}%`;
-                }
+                },
+                fontSize: "var(--dv-text-number1)",
+                fontFamily: "var(--dv-font-family-number)"
               }
             }
           ]

package/dist/es/aims/src/EnvChangeTrends/index.vue.mjs

@@ -86,7 +86,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             data: xAxisData
           },
@@ -104,7 +105,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "var(--dv-color-text-secondary)"
+              color: "var(--dv-color-text-secondary)",
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             splitLine: {
               show: true,

package/dist/es/aims/src/FactorRealTimeRankChart/index.vue.mjs

@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const chartsFullOptions = ref({ options: null });
     const generateOption = (list) => {
       if (list.length)
-        time.value = list.length * 1.5;
+        time.value = list.length * 1.25;
       return {
         options: {
           grid: {
@@ -73,7 +73,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             data: list.map((item) => {
               return item.name;
@@ -95,7 +96,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "var(--dv-color-text-secondary)"
+              color: "var(--dv-color-text-secondary)",
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             splitLine: {
               show: true,
@@ -144,7 +147,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const setChartWidth = (list) => {
-      chartWidth.value = list.length * 60 > chartWidth.value ? list.length * 60 : chartWidth.value;
+      chartWidth.value = list.length * 40 > chartWidth.value ? list.length * 40 : chartWidth.value;
       isLoadChartWidth.value = true;
     };
     onMounted(() => {

package/dist/es/aims/src/MainPollutionMonthRatio/index.vue.mjs

@@ -64,7 +64,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12,
+              fontSize: "var(--dv-text-number2)",
+              fontFamily: "var(--dv-font-family-number)",
               interval: 0,
               formatter: (value) => value.substr(5)
             },
@@ -86,7 +87,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "var(--dv-color-text-secondary)"
+              color: "var(--dv-color-text-secondary)",
+              fontSize: "var(--dv-text-number2)",
+              fontFamily: "var(--dv-font-family-number)"
             },
             splitLine: {
               show: true,
@@ -103,8 +106,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
-            itemWidth: 10,
-            itemHeight: 10,
+            itemWidth: 12,
+            itemHeight: 12,
+            icon: "circle",
             itemStyle: {
               borderWidth: 0
             }

package/dist/es/aims/src/MainPollutionYearRatio/index.vue.mjs

@@ -59,7 +59,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 formatter: (params) => {
                   const { name, value, num } = params.data;
                   return `${name}  ${num}天  ${value}%`;
-                }
+                },
+                fontSize: "var(--dv-text-number1)",
+                fontFamily: "var(--dv-font-family-number)"
               }
             }
           ]

package/dist/es/aims/src/MeteorologicalAnalysis/index.vue.mjs

@@ -0,0 +1,248 @@
+import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, unref, createBlock } from 'vue';
+import dayjs from 'dayjs';
+import { useThemeHook } from '../../../utils.mjs';
+import '../common/BasicEcharts/index.mjs';
+import '../common/BasicNoData/index.mjs';
+import { getWindRoseData } from './api/index.mjs';
+import _sfc_main$1 from '../common/BasicEcharts/index.vue.mjs';
+import '../common/BasicEcharts/index.vue2.mjs';
+import _BasicNoData from '../common/BasicNoData/index.vue.mjs';
+
+const clsfix = "dv-aims-meteorological-analysis";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    isUseBuiltInApi: { type: Boolean, default: true },
+    apiParams: { default: () => ({
+      code: "0101000000",
+      type: "grid",
+      startTime: dayjs().subtract(3, "year").startOf("year").valueOf(),
+      endTime: dayjs().subtract(1, "year").endOf("year").valueOf(),
+      timeType: "year",
+      timeValue: "year",
+      dataType: "allDay",
+      factorCode: "a34004"
+      // 默认pm2.5
+    }) },
+    data: {}
+  },
+  setup(__props) {
+    const props = __props;
+    useThemeHook();
+    const chartsFullOptions = ref({ options: null });
+    const zeroLevelNum = ref();
+    const fetchData = () => {
+      getWindRoseData(props.apiParams).then((res) => {
+        if (res.data && res.data.length > 0)
+          getRoseChartOption(res.data);
+      });
+    };
+    const getRoseChartOption = (data) => {
+      chartsFullOptions.value.options = {
+        polar: {
+          center: ["38%", "50%"],
+          radius: "75%"
+        },
+        grid: {
+          left: 10,
+          bottom: 10,
+          right: 10,
+          top: 10,
+          containLabel: true
+        },
+        legend: {
+          icon: "circle",
+          data: [
+            "0级",
+            "1级",
+            "2级",
+            "3级",
+            "4级",
+            "5级",
+            "6级",
+            ">6级"
+          ],
+          orient: "vertical",
+          align: "left",
+          top: "middle",
+          right: 41,
+          itemGap: 9,
+          itemWidth: 10,
+          itemHeight: 10,
+          textStyle: {
+            color: "var(--dv-color-text-primary)",
+            fontSize: "var(--dv-text-number2)",
+            fontFamily: "var(--dv-font-family-number)"
+          }
+        },
+        color: ["#0062FF", "#0AAEFF", "#34EAE3", "#2AC94F", "#FFB443", "#FF792E", "#F84439", "#C32136"],
+        angleAxis: {
+          type: "category",
+          boundaryGap: false,
+          data: ["北", "东北", "东", "东南", "南", "西南", "西", "西北"],
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: "var(--dv-color-border-light)",
+              width: 1
+            }
+          },
+          axisLabel: {
+            color: "var(--dv-color-text-primary)",
+            fontSize: 12
+          },
+          axisLine: {
+            show: false
+            // lineStyle: {
+            //     color: 'var(--dv-color-border-light)',
+            //     width: 1
+            // }
+          },
+          axisTick: {
+            show: false
+          },
+          splitArea: {
+            show: true,
+            areaStyle: {
+              color: ["transparent", "var(--dv-color-fill-lighter)"]
+            }
+          }
+        },
+        radiusAxis: {
+          minInterval: 0.25,
+          nameGap: 25,
+          axisLabel: {
+            show: false,
+            formatter(value) {
+              return `${value * 100}%`;
+            },
+            color: "#303133"
+          },
+          axisLine: {
+            show: false
+          },
+          axisTick: {
+            show: false
+          }
+        },
+        tooltip: {
+          show: true,
+          trigger: "item",
+          formatter: (params) => {
+            if (params.seriesName === "0级")
+              return `0级风 ${(zeroLevelNum.value * 100).toFixed(1)}%`;
+            const arr = ["北风", "东北风", "东风", "东南风", "南风", "西南风", "西风", "西北风"];
+            params.name / 45;
+            return `${arr[params.dataIndex]} ${(params.value * 100).toFixed(1)}%`;
+          }
+        },
+        series: [
+          // 0级产品要求跟整体概况风向玫瑰图一样处理
+          {
+            type: "bar",
+            data: [0, 0, 0, 0, 0, 0, 0, 0],
+            stack: "a",
+            name: "0级",
+            symbolSize: 12,
+            coordinateSystem: "polar"
+            // itemStyle: {
+            //     color: 'transparent',
+            //     borderColor: '',
+            //     borderWidth: 1
+            // }
+          },
+          {
+            type: "bar",
+            data: [],
+            coordinateSystem: "polar",
+            name: "1级",
+            stack: "a"
+          },
+          {
+            type: "bar",
+            data: [],
+            coordinateSystem: "polar",
+            name: "2级",
+            stack: "a"
+          },
+          {
+            type: "bar",
+            data: [],
+            coordinateSystem: "polar",
+            name: "3级",
+            stack: "a"
+          },
+          {
+            type: "bar",
+            data: [],
+            coordinateSystem: "polar",
+            name: "4级",
+            stack: "a"
+          },
+          {
+            type: "bar",
+            data: [],
+            coordinateSystem: "polar",
+            name: "5级",
+            stack: "a"
+          },
+          {
+            type: "bar",
+            data: [],
+            coordinateSystem: "polar",
+            name: "6级",
+            stack: "a"
+          },
+          {
+            type: "bar",
+            data: [],
+            coordinateSystem: "polar",
+            name: ">6级",
+            stack: "a"
+          }
+        ]
+      };
+      for (let i = 0; i < data.length; i++) {
+        const element = data[i];
+        if (i === 0)
+          zeroLevelNum.value = element[0];
+        chartsFullOptions.value.options.series[i].data = element;
+      }
+    };
+    onMounted(() => {
+      if (props.isUseBuiltInApi)
+        fetchData();
+    });
+    watch([() => props.apiParams], () => {
+      if (props.isUseBuiltInApi)
+        fetchData();
+    });
+    watch(() => props.data, () => {
+      if (!props.isUseBuiltInApi && props.data) {
+        if (props.data && props.data.length > 0)
+          getRoseChartOption(props.data);
+      }
+    }, {
+      deep: false,
+      immediate: true
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${clsfix}-container`)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(`${clsfix}-echarts`)
+        }, [
+          Boolean(unref(chartsFullOptions).options) ? (openBlock(), createBlock(unref(_sfc_main$1), {
+            key: 0,
+            height: "100%",
+            "full-options": unref(chartsFullOptions),
+            loading: false
+          }, null, 8, ["full-options"])) : (openBlock(), createBlock(unref(_BasicNoData), { key: 1 }))
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/aims/src/MulGridAirQualityLevelMonthRatio/index.vue.mjs

@@ -81,8 +81,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12,
-              interval: 0
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             data: xData
           },
@@ -102,7 +102,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "var(--dv-color-text-secondary)"
+              color: "var(--dv-color-text-secondary)",
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             splitLine: {
               show: true,
@@ -119,8 +121,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
-            itemWidth: 10,
-            itemHeight: 10,
+            itemWidth: 12,
+            itemHeight: 12,
+            icon: "circle",
             itemStyle: {
               borderWidth: 0
             }

package/dist/es/aims/src/MulGridCieqContributionMonthRatio/index.vue.mjs

@@ -64,8 +64,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12,
-              interval: 0
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             data: xData
           },
@@ -84,7 +84,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "var(--dv-color-text-secondary)"
+              color: "var(--dv-color-text-secondary)",
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             splitLine: {
               show: true,
@@ -101,8 +103,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
-            itemWidth: 10,
-            itemHeight: 10,
+            itemWidth: 12,
+            itemHeight: 12,
+            icon: "circle",
             itemStyle: {
               borderWidth: 0
             }

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

@@ -81,7 +81,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             data: xData
           },
@@ -100,7 +101,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "var(--dv-color-text-secondary)"
+              color: "var(--dv-color-text-secondary)",
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             splitNumber: 3,
             splitLine: {

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

@@ -0,0 +1,11 @@
+import requestControl from '../../../service/request.mjs';
+
+const getWeatherForecasList = (params) => {
+  return requestControl({
+    url: "/aims-cps-server/api/v1/nfs-wrf-data/day-grid-weather-forecast",
+    method: "get",
+    params
+  });
+};
+
+export { getWeatherForecasList };