@ued_fpi/data-visual 1.2.15 → 1.2.20

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

@@ -0,0 +1,252 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const dayjs = require('dayjs');
+const utils = require('../../../utils.js');
+require('../common/BasicEcharts/index.js');
+require('../common/BasicNoData/index.js');
+const index$1 = require('./api/index.js');
+const index_vue_vue_type_script_setup_true_lang = require('../common/BasicEcharts/index.vue.js');
+require('../common/BasicEcharts/index.vue2.js');
+const index = require('../common/BasicNoData/index.vue.js');
+
+const clsfix = "dv-aims-meteorological-analysis";
+const _sfc_main = /* @__PURE__ */ vue.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;
+    utils.useThemeHook();
+    const chartsFullOptions = vue.ref({ options: null });
+    const zeroLevelNum = vue.ref();
+    const fetchData = () => {
+      index$1.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;
+      }
+    };
+    vue.onMounted(() => {
+      if (props.isUseBuiltInApi)
+        fetchData();
+    });
+    vue.watch([() => props.apiParams], () => {
+      if (props.isUseBuiltInApi)
+        fetchData();
+    });
+    vue.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 vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(`${clsfix}-container`)
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`${clsfix}-echarts`)
+        }, [
+          Boolean(vue.unref(chartsFullOptions).options) ? (vue.openBlock(), vue.createBlock(vue.unref(index_vue_vue_type_script_setup_true_lang.default), {
+            key: 0,
+            height: "100%",
+            "full-options": vue.unref(chartsFullOptions),
+            loading: false
+          }, null, 8, ["full-options"])) : (vue.openBlock(), vue.createBlock(vue.unref(index.default), { key: 1 }))
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -85,8 +85,8 @@ const _sfc_main = /* @__PURE__ */ vue.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
           },
@@ -106,7 +106,9 @@ const _sfc_main = /* @__PURE__ */ vue.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,
@@ -123,8 +125,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
-            itemWidth: 10,
-            itemHeight: 10,
+            itemWidth: 12,
+            itemHeight: 12,
+            icon: "circle",
             itemStyle: {
               borderWidth: 0
             }

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

@@ -68,8 +68,8 @@ const _sfc_main = /* @__PURE__ */ vue.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
           },
@@ -88,7 +88,9 @@ const _sfc_main = /* @__PURE__ */ vue.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,
@@ -105,8 +107,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
-            itemWidth: 10,
-            itemHeight: 10,
+            itemWidth: 12,
+            itemHeight: 12,
+            icon: "circle",
             itemStyle: {
               borderWidth: 0
             }

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

@@ -85,7 +85,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             data: xData
           },
@@ -104,7 +105,9 @@ const _sfc_main = /* @__PURE__ */ vue.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/lib/aims/src/WeatherForecast/api/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const request = require('../../../service/request.js');
+
+const getWeatherForecasList = (params) => {
+  return request.default({
+    url: "/aims-cps-server/api/v1/nfs-wrf-data/day-grid-weather-forecast",
+    method: "get",
+    params
+  });
+};
+
+exports.getWeatherForecasList = getWeatherForecasList;

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

@@ -5,6 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require('vue');
 const dayjs = require('dayjs');
 require('../common/BasicEcharts/index.js');
+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');
 
@@ -14,14 +15,90 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: {
     isUseBuiltInApi: { type: Boolean, default: true },
     apiParams: { default: () => ({
-      cityCode: "0101000000",
-      time: dayjs().valueOf()
+      gridCode: "0101000000",
+      startTime: dayjs().valueOf(),
+      endTime: dayjs().add(6, "day").valueOf(),
+      modeId: 5
     }) },
     data: {}
   },
   setup(__props) {
     const props = __props;
     const chartsFullOptions = vue.ref({ options: null });
+    const windData = [
+      {
+        name: "北风",
+        vuale: [0, 11.25]
+      },
+      {
+        name: "北风",
+        vuale: [348.76, 360]
+      },
+      {
+        name: "东北风",
+        vuale: [11.26, 33.75]
+      },
+      {
+        name: "东北风",
+        vuale: [33.76, 56.25]
+      },
+      {
+        name: "东北风",
+        vuale: [56.26, 78.75]
+      },
+      {
+        name: "东风",
+        vuale: [78.76, 101.25]
+      },
+      {
+        name: "东南风",
+        vuale: [101.26, 123.75]
+      },
+      {
+        name: "东南风",
+        vuale: [123.76, 146.25]
+      },
+      {
+        name: "东南风",
+        vuale: [146.26, 168.75]
+      },
+      {
+        name: "南风",
+        vuale: [168.76, 191.25]
+      },
+      {
+        name: "西南风",
+        vuale: [191.26, 213.75]
+      },
+      {
+        name: "西南风",
+        vuale: [213.76, 236.25]
+      },
+      {
+        name: "西南风",
+        vuale: [236.26, 258.75]
+      },
+      {
+        name: "西风",
+        vuale: [258.76, 281.25]
+      },
+      {
+        name: "西北风",
+        vuale: [281.26, 303.75]
+      },
+      {
+        name: "西北风",
+        vuale: [303.76, 336.25]
+      },
+      {
+        name: "西北风",
+        vuale: [336.26, 348.75]
+      }
+    ];
+    const findWind = (num) => {
+      const obj = windData.find((_) => num >= _.vuale[0] && num <= _.vuale[1]);
+      return obj ? obj.name : "";
+    };
     const disposeData = (list) => {
       const xData1 = [];
       const xData2 = [];
@@ -31,16 +108,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       list.forEach((item) => {
         minTemp.push(item.minTemp);
         maxTemp.push(item.maxTemp);
-        rains.push(item.rain);
-        xData1.push(item.windDir);
-        xData2.push(item.forecastTime);
+        rains.push(item.prcp);
+        xData1.push(typeof item.windDirection === "number" ? findWind(item.windDirection) : "");
+        xData2.push(dayjs(item.forecastTime).format("M-DD"));
       });
       chartsFullOptions.value.options = {
         grid: {
-          left: 24,
-          bottom: 20,
-          right: 24,
-          top: 50,
+          left: 6,
+          bottom: 0,
+          right: 6,
+          top: 46,
           containLabel: true
         },
         tooltip: {
@@ -100,7 +177,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             axisLabel: {
               color: "var(--dv-color-text-primary)",
               fontSize: "var(--dv-text-body2)",
-              interval: 0
+              fontFamily: "var(--dv-font-family-number)"
             },
             data: xData2
           }
@@ -121,7 +198,9 @@ const _sfc_main = /* @__PURE__ */ vue.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)"
             },
             splitNumber: 3,
             splitLine: {
@@ -147,7 +226,9 @@ const _sfc_main = /* @__PURE__ */ vue.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,
@@ -169,7 +250,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               show: true,
               position: "top",
               color: "#F84439",
-              fontSize: 12,
+              fontSize: "var(--dv-text-number2)",
+              fontFamily: "var(--dv-font-family-number)",
               formatter: "{c}°"
             }
           },
@@ -184,7 +266,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               show: true,
               position: "bottom",
               color: "#E9BB1D",
-              fontSize: 12,
+              fontSize: "var(--dv-text-number2)",
+              fontFamily: "var(--dv-font-family-number)",
               formatter: "{c}°"
             }
           },
@@ -201,50 +284,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       };
     };
     const fetchData = () => {
-      disposeData([
-        {
-          windDir: "东北风",
-          minTemp: "24",
-          maxTemp: "33",
-          rain: "50",
-          forecastTime: "09-12"
-        },
-        {
-          windDir: "微风",
-          minTemp: "23",
-          maxTemp: "32",
-          rain: "10",
-          forecastTime: "09-13"
-        },
-        {
-          windDir: "西北风",
-          minTemp: "23",
-          maxTemp: "29",
-          rain: "14",
-          forecastTime: "09-14"
-        },
-        {
-          windDir: "北风",
-          minTemp: "22",
-          maxTemp: "26",
-          rain: "10",
-          forecastTime: "09-15"
-        },
-        {
-          windDir: "微风",
-          minTemp: "21",
-          maxTemp: "27",
-          rain: "20",
-          forecastTime: "09-16"
-        },
-        {
-          windDir: "微风",
-          minTemp: "21",
-          maxTemp: "31",
-          rain: "30",
-          forecastTime: "09-17"
-        }
-      ]);
+      index.getWeatherForecasList(props.apiParams).then((res) => {
+        if (res.data)
+          disposeData(res.data);
+      });
     };
     vue.onMounted(() => {
       fetchData();

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

@@ -34,7 +34,7 @@ const index$s = require('./EnvironmentMonitor/index.js');
 const index$t = require('./PollutionSourceMonitor/index.js');
 const index$u = require('./CieqContributionAnalysis/index.js');
 const index$v = require('./PollutionSourceAnalysis/index.js');
-const index$w = require('./MeteorologicalAnalysisRoseWind/index.js');
+const index$w = require('./MeteorologicalAnalysis/index.js');
 const index$x = require('./SameAndCurrentPeriodRank/index.js');
 const index$y = require('./WeatherForecast/index.js');
 

package/dist/lib/bmp/config/index.js

@@ -6,7 +6,8 @@ const innerNet = false;
 const domain = location.host === "ued.fpi-inc.site" ? "/api-bmp" : `${location.protocol}//${location.host}`;
 const Config = {
   domain,
-  innerNet
+  innerNet,
+  isAddToken: false
 };
 
 exports.default = Config;

package/dist/lib/bmp/index.js

@@ -2,16 +2,16 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const index$4 = require('./src/index.js');
+const index$5 = require('./src/index.js');
 
 const bmp = {
   install: (app) => {
-    for (const c in index$4) {
-      const currCom = index$4[c];
+    for (const c in index$5) {
+      const currCom = index$5[c];
       if (currCom.__name === "index")
         app.component(c, currCom);
       else
-        app.use(index$4[c]);
+        app.use(index$5[c]);
     }
   }
 };

package/dist/lib/bmp/service/request.js

@@ -42,6 +42,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");
+    index.default.isAddToken && (config.headers.token = localStorage.getItem("token"));
     return config;
   },
   (error) => {