@ued_fpi/data-visual 1.2.14 → 1.2.19

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

@@ -0,0 +1,318 @@
+import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, unref } from 'vue';
+import dayjs from 'dayjs';
+import '../common/BasicEcharts/index.mjs';
+import { getWeatherForecasList } from './api/index.mjs';
+import _sfc_main$1 from '../common/BasicEcharts/index.vue.mjs';
+import '../common/BasicEcharts/index.vue2.mjs';
+
+const clsfix = "dv-aims-weather-forecast";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    isUseBuiltInApi: { type: Boolean, default: true },
+    apiParams: { default: () => ({
+      gridCode: "0101000000",
+      startTime: dayjs().valueOf(),
+      endTime: dayjs().add(6, "day").valueOf(),
+      modeId: 5
+    }) },
+    data: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const chartsFullOptions = 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 = [];
+      const minTemp = [];
+      const maxTemp = [];
+      const rains = [];
+      list.forEach((item) => {
+        minTemp.push(item.minTemp);
+        maxTemp.push(item.maxTemp);
+        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: 6,
+          bottom: 0,
+          right: 6,
+          top: 46,
+          containLabel: true
+        },
+        tooltip: {
+          trigger: "axis",
+          padding: 8,
+          background: "rgba(1, 11, 18, 0.6)",
+          formatter: (params) => {
+            const title1 = params[0] ? params[0].name : "";
+            const title2 = params[2] ? params[2].name : "";
+            const itemArr = params.map((item) => {
+              const unit = item.seriesType === "bar" ? "mm" : "℃";
+              return `<div>${item.marker}<span style='margin-right: 20px;'>${item.seriesName}</span><span>${item.value}${unit}</span></div>`;
+            });
+            return `<div>
+                    <div>${title2} ${title1}</div>
+                    ${itemArr.join("")}
+                </div>`;
+          }
+        },
+        legend: {
+          show: true,
+          top: 0,
+          itemGap: 6,
+          textStyle: {
+            color: "var(--dv-color-text-primary)",
+            fontSize: 12
+          },
+          itemWidth: 20,
+          itemHeight: 8
+        },
+        xAxis: [
+          {
+            type: "category",
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              color: "var(--dv-color-text-primary)",
+              fontSize: "var(--dv-text-body2)",
+              interval: 0
+            },
+            data: xData1
+          },
+          {
+            type: "category",
+            position: "bottom",
+            offset: 18,
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              color: "var(--dv-color-text-primary)",
+              fontSize: "var(--dv-text-body2)",
+              fontFamily: "var(--dv-font-family-number)"
+            },
+            data: xData2
+          }
+        ],
+        yAxis: [
+          {
+            type: "value",
+            name: "℃",
+            nameTextStyle: {
+              color: "var(--dv-color-text-secondary)",
+              padding: [0, 30, 0, 0]
+            },
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              show: true,
+              color: "var(--dv-color-text-secondary)",
+              fontSize: "var(--dv-text-number2)",
+              fontFamily: "var(--dv-font-family-number)"
+            },
+            splitNumber: 3,
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: ["var(--dv-color-border-light)"]
+              }
+            }
+          },
+          {
+            type: "value",
+            name: "mm",
+            nameTextStyle: {
+              color: "var(--dv-color-text-secondary)",
+              padding: [0, 0, 0, 30]
+            },
+            splitNumber: 3,
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              show: true,
+              color: "var(--dv-color-text-secondary)",
+              fontSize: "var(--dv-text-number2)",
+              fontFamily: "var(--dv-font-family-number)"
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: ["rgba(255, 255, 255, 0)"]
+              }
+            }
+          }
+        ],
+        series: [
+          {
+            type: "line",
+            name: "最高温",
+            color: "#F84439",
+            data: maxTemp,
+            yAxisIndex: 0,
+            xAxisIndex: 1,
+            label: {
+              show: true,
+              position: "top",
+              color: "#F84439",
+              fontSize: "var(--dv-text-number2)",
+              fontFamily: "var(--dv-font-family-number)",
+              formatter: "{c}°"
+            }
+          },
+          {
+            type: "line",
+            name: "最低温",
+            data: minTemp,
+            color: "#E9BB1D",
+            yAxisIndex: 0,
+            xAxisIndex: 1,
+            label: {
+              show: true,
+              position: "bottom",
+              color: "#E9BB1D",
+              fontSize: "var(--dv-text-number2)",
+              fontFamily: "var(--dv-font-family-number)",
+              formatter: "{c}°"
+            }
+          },
+          {
+            type: "bar",
+            barWidth: 15,
+            color: "#0062FF",
+            name: "降雨量",
+            data: rains,
+            yAxisIndex: 1,
+            xAxisIndex: 0
+          }
+        ]
+      };
+    };
+    const fetchData = () => {
+      getWeatherForecasList(props.apiParams).then((res) => {
+        if (res.data)
+          disposeData(res.data);
+      });
+    };
+    onMounted(() => {
+      fetchData();
+    });
+    watch(() => props.apiParams, () => {
+      fetchData();
+    }, {
+      deep: true
+    });
+    watch(() => props.data, () => {
+      if (props.data && !props.isUseBuiltInApi)
+        disposeData(props.data);
+    }, { deep: true, immediate: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${clsfix}-container`)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(`${clsfix}-echarts`)
+        }, [
+          createVNode(unref(_sfc_main$1), {
+            height: "100%",
+            "full-options": chartsFullOptions.value,
+            loading: false
+          }, null, 8, ["full-options"])
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,3 @@
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+
+export { index_vue_vue_type_style_index_0_lang as default };

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

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/dist/es/aims/src/common/BasicCard/index.d.ts

@@ -7,10 +7,13 @@ export declare const DvAimsBasicCard: {
             title?: string | undefined;
             width?: string | number | undefined;
             height?: string | number | undefined;
+            subTitie?: string | undefined;
             canChecked?: boolean | undefined;
             checked?: boolean | undefined;
             contentClass?: any;
             contentStyle?: import("vue").StyleValue | undefined;
+            showCopy?: boolean | undefined;
+            copyStr?: string | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -86,6 +89,11 @@ export declare const DvAimsBasicCard: {
             } & {
                 default: string;
             };
+            subTitie: {
+                type: globalThis.PropType<string>;
+            } & {
+                default: string;
+            };
             canChecked: {
                 type: globalThis.PropType<boolean>;
             } & {
@@ -106,6 +114,16 @@ export declare const DvAimsBasicCard: {
             } & {
                 default: undefined;
             };
+            showCopy: {
+                type: globalThis.PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            copyStr: {
+                type: globalThis.PropType<string>;
+            } & {
+                default: string;
+            };
         }>> & {
             onClickCard?: (() => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -114,10 +132,13 @@ export declare const DvAimsBasicCard: {
             title: string;
             width: string | number;
             height: string | number;
+            subTitie: string;
             canChecked: boolean;
             checked: boolean;
             contentClass: any;
             contentStyle: import("vue").StyleValue;
+            showCopy: boolean;
+            copyStr: string;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -154,6 +175,11 @@ export declare const DvAimsBasicCard: {
         } & {
             default: string;
         };
+        subTitie: {
+            type: globalThis.PropType<string>;
+        } & {
+            default: string;
+        };
         canChecked: {
             type: globalThis.PropType<boolean>;
         } & {
@@ -174,6 +200,16 @@ export declare const DvAimsBasicCard: {
         } & {
             default: undefined;
         };
+        showCopy: {
+            type: globalThis.PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        copyStr: {
+            type: globalThis.PropType<string>;
+        } & {
+            default: string;
+        };
     }>> & {
         onClickCard?: (() => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -196,6 +232,11 @@ export declare const DvAimsBasicCard: {
     } & {
         default: string;
     };
+    subTitie: {
+        type: globalThis.PropType<string>;
+    } & {
+        default: string;
+    };
     canChecked: {
         type: globalThis.PropType<boolean>;
     } & {
@@ -216,6 +257,16 @@ export declare const DvAimsBasicCard: {
     } & {
         default: undefined;
     };
+    showCopy: {
+        type: globalThis.PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    copyStr: {
+        type: globalThis.PropType<string>;
+    } & {
+        default: string;
+    };
 }>> & {
     onClickCard?: (() => any) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -224,10 +275,13 @@ export declare const DvAimsBasicCard: {
     title: string;
     width: string | number;
     height: string | number;
+    subTitie: string;
     canChecked: boolean;
     checked: boolean;
     contentClass: any;
     contentStyle: import("vue").StyleValue;
+    showCopy: boolean;
+    copyStr: string;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         headerLeft: (_: {}) => any;

package/dist/es/aims/src/common/BasicCard/index.vue.d.ts

@@ -3,46 +3,61 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     width?: string | number | undefined;
     height?: string | number | undefined;
     title?: string | undefined;
+    subTitie?: string | undefined;
     canChecked?: boolean | undefined;
     checked?: boolean | undefined;
     contentClass?: any;
     contentStyle?: StyleValue | undefined;
+    showCopy?: boolean | undefined;
+    copyStr?: string | undefined;
 }>, {
     width: number;
     height: string;
     title: string;
+    subTitie: string;
     canChecked: boolean;
     checked: boolean;
     contentClass: string;
     contentStyle: undefined;
+    showCopy: boolean;
+    copyStr: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clickCard: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     width?: string | number | undefined;
     height?: string | number | undefined;
     title?: string | undefined;
+    subTitie?: string | undefined;
     canChecked?: boolean | undefined;
     checked?: boolean | undefined;
     contentClass?: any;
     contentStyle?: StyleValue | undefined;
+    showCopy?: boolean | undefined;
+    copyStr?: string | undefined;
 }>, {
     width: number;
     height: string;
     title: string;
+    subTitie: string;
     canChecked: boolean;
     checked: boolean;
     contentClass: string;
     contentStyle: undefined;
+    showCopy: boolean;
+    copyStr: string;
 }>>> & {
     onClickCard?: (() => any) | undefined;
 }, {
     title: string;
     width: number | string;
     height: number | string;
+    subTitie: string;
     canChecked: boolean;
     checked: boolean;
     contentClass: any;
     contentStyle: StyleValue;
+    showCopy: boolean;
+    copyStr: string;
 }, {}>, {
     headerLeft: (_: {}) => any;
     headerRight: (_: {}) => any;

package/dist/es/aims/src/common/BasicCard/index.vue.mjs

@@ -1,4 +1,7 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, toDisplayString, renderSlot } from 'vue';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, toDisplayString, renderSlot, createBlock, unref, withCtx, createVNode, createCommentVNode } from 'vue';
+import { ElIcon } from 'element-plus';
+import { CopyDocument } from '@element-plus/icons-vue';
+import { copyText, messageBox } from '../../../utils/tools.mjs';
 
 const clsfix = "dv-aims-basic-card";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -7,16 +10,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     width: { default: 400 },
     height: { default: "" },
     title: { default: "" },
+    subTitie: { default: "" },
     canChecked: { type: Boolean, default: false },
     checked: { type: Boolean, default: false },
     contentClass: { default: "" },
-    contentStyle: { default: void 0 }
+    contentStyle: { default: void 0 },
+    showCopy: { type: Boolean, default: false },
+    copyStr: { default: "" }
   },
   emits: ["clickCard"],
   setup(__props, { emit: emits }) {
+    const props = __props;
     const onClickCard = () => {
       emits("clickCard");
     };
+    const onCopy = () => {
+      copyText(props.copyStr);
+      messageBox("复制成功", "success");
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass({
@@ -39,10 +50,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("span", {
               class: normalizeClass(`${clsfix}-header-title`)
             }, toDisplayString(_ctx.title), 3),
+            createElementVNode("span", {
+              class: normalizeClass(`${clsfix}-header-sub-title`)
+            }, toDisplayString(_ctx.subTitie), 3),
             renderSlot(_ctx.$slots, "headerLeft")
           ], 2),
           createElementVNode("div", null, [
-            renderSlot(_ctx.$slots, "headerRight")
+            renderSlot(_ctx.$slots, "headerRight"),
+            _ctx.showCopy ? (openBlock(), createBlock(unref(ElIcon), {
+              key: 0,
+              style: { "cursor": "pointer" },
+              onClick: onCopy
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(CopyDocument))
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
           ])
         ], 2),
         createElementVNode("div", {

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

@@ -19,12 +19,23 @@ export * from './AirQualityPresentSituation';
 export * from './CieqContributionMonthRatio';
 export * from './CieqContributionYearRatio';
 export * from './AirQualityLevelYearRatio';
+export * from './AirQualityLevelYearRatio2';
 export * from './AirQualityLevelMonthRatio';
 export * from './MulGridAirQualityLevelMonthRatio';
 export * from './MulGridCieqContributionMonthRatio';
 export * from './MainPollutionYearRatio';
+export * from './MainPollutionYearRatio2';
 export * from './MainPollutionMonthRatio';
 export * from './AirTimeSeriesAnalysis';
 export * from './TbHbAnalysis';
 export * from './AirQualityRealTimeAndDay';
 export * from './MainPollutionYearRatioList';
+export * from './TargetAssessment';
+export * from './EnvChangeTrends';
+export * from './EnvironmentMonitor';
+export * from './PollutionSourceMonitor';
+export * from './CieqContributionAnalysis';
+export * from './PollutionSourceAnalysis';
+export * from './MeteorologicalAnalysis';
+export * from './SameAndCurrentPeriodRank';
+export * from './WeatherForecast';

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

@@ -13,12 +13,23 @@ export { DvAimsAirQualityPresentSituation } from './AirQualityPresentSituation/i
 export { DvAimsCieqContributionMonthRatio } from './CieqContributionMonthRatio/index.mjs';
 export { DvAimsCieqContributionYearRatio } from './CieqContributionYearRatio/index.mjs';
 export { DvAimsAirQualityLevelYearRatio } from './AirQualityLevelYearRatio/index.mjs';
+export { DvAimsAirQualityLevelYearRatio2 } from './AirQualityLevelYearRatio2/index.mjs';
 export { DvAimsAirQualityLevelMonthRatio } from './AirQualityLevelMonthRatio/index.mjs';
 export { DvAimsMulGridAirQualityLevelMonthRatio } from './MulGridAirQualityLevelMonthRatio/index.mjs';
 export { DvAimsMulGridCieqContributionMonthRatio } from './MulGridCieqContributionMonthRatio/index.mjs';
 export { DvAimsMainPollutionYearRatio } from './MainPollutionYearRatio/index.mjs';
+export { DvAimsMainPollutionYearRatio2 } from './MainPollutionYearRatio2/index.mjs';
 export { DvAimsMainPollutionMonthRatio } from './MainPollutionMonthRatio/index.mjs';
 export { DvAimsAirTimeSeriesAnalysis } from './AirTimeSeriesAnalysis/index.mjs';
 export { DvAimsTbHbAnalysis } from './TbHbAnalysis/index.mjs';
 export { DvAimsAirQualityRealTimeAndDay } from './AirQualityRealTimeAndDay/index.mjs';
 export { DvAimsMainPollutionYearRatioList } from './MainPollutionYearRatioList/index.mjs';
+export { DvAimsTargetAssessment } from './TargetAssessment/index.mjs';
+export { DvAimsEnvChangeTrends } from './EnvChangeTrends/index.mjs';
+export { DvAimsEnvironmentMonitor } from './EnvironmentMonitor/index.mjs';
+export { DvAimsPollutionSourceMonitor } from './PollutionSourceMonitor/index.mjs';
+export { DvAimsCieqContributionAnalysis } from './CieqContributionAnalysis/index.mjs';
+export { DvAimsPollutionSourceAnalysis } from './PollutionSourceAnalysis/index.mjs';
+export { DvAimsMeteorologicalAnalysis } from './MeteorologicalAnalysis/index.mjs';
+export { DvAimsSameAndCurrentPeriodRank } from './SameAndCurrentPeriodRank/index.mjs';
+export { DvAimsWeatherForecast } from './WeatherForecast/index.mjs';

package/dist/es/aims/utils/tools.d.ts

@@ -20,3 +20,4 @@ export declare const errorCodeHandler: (code: string | Number, message: string)
  * 将16进制转化为可设置透明度的rgba颜色
  */
 export declare const getHexOpacityColor: (color?: string, opacity?: number) => string;
+export declare const copyText: (str: string) => void;

package/dist/es/aims/utils/tools.mjs

@@ -56,5 +56,17 @@ const getHexOpacityColor = (color = "#000", opacity = 0.5) => {
     str = "00";
   return `#${color + str}`;
 };
+const copyText = (str) => {
+  const oInput = document.createElement("input");
+  oInput.value = str;
+  document.body.appendChild(oInput);
+  oInput.select();
+  document.execCommand("Copy");
+  oInput.className = "oInput";
+  oInput.style.display = "none";
+  setTimeout(() => {
+    oInput.remove();
+  }, 1e3);
+};
 
-export { errorCodeHandler, errorStatusHandler, getHexOpacityColor, messageBox };
+export { copyText, errorCodeHandler, errorStatusHandler, getHexOpacityColor, messageBox };

package/dist/es/bmp/config/index.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     domain: string;
     innerNet: boolean;
+    isAddToken: boolean;
 };
 export default _default;

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

@@ -2,7 +2,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
 };
 
 export { Config as default };

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

@@ -38,6 +38,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) => {