@ued_fpi/data-visual 1.1.3 → 1.1.5

package/dist/lib/wgms/src/WaterQualityRainfall/index.vue2.js

@@ -2,387 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const vue = require('vue');
-const dayjs = require('dayjs');
-const index = require('../../utils/echarts/index.js');
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _hoisted_1 = { class: "dv-wgms-water-quality-rainfall" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: {
-    startTime: {
-      type: Number,
-      default: dayjs().startOf("year").valueOf()
-    },
-    endTime: {
-      type: Number,
-      default: dayjs().endOf("year").valueOf()
-    },
-    factorCode: {
-      type: String,
-      default: ""
-    },
-    siteCode: {
-      type: String,
-      default: ""
-    },
-    timeType: {
-      type: String,
-      default: "hour"
-    },
-    // 因子名称
-    factorName: {
-      type: String,
-      default: "总磷(以 P 计）"
-    },
-    // 因子单位
-    factorUnit: {
-      type: String,
-      default: "mg/L"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const chartQualityRainfall = vue.ref();
-    const data = vue.reactive({
-      title: "水质-雨量-水位趋势对比图",
-      unit: "mg/L",
-      factorName: "总磷(以 P 计）",
-      params: {
-        startTime: 16706016e5,
-        endTime: 1671206399999,
-        factorCode: "w21011",
-        siteCode: "JMSZSY0007",
-        timeType: "day"
-      }
-    });
-    vue.watch(() => [props.startTime, props.endTime, props.factorCode, props.siteCode, props.timeType], () => {
-      initData();
-    });
-    vue.onMounted(async () => {
-      await vue.nextTick();
-      initData();
-    });
-    const initData = () => {
-      data.params = {
-        startTime: props?.startTime,
-        endTime: props?.endTime,
-        factorCode: props?.factorCode,
-        siteCode: props?.siteCode,
-        timeType: props?.timeType
-      };
-      data.factorName = props?.factorName;
-      data.unit = props?.factorUnit;
-      getData();
-    };
-    const getData = async () => {
-      const xData = ["12-17", "12-18", "12-19", "12-20", "12-21", "12-22", "12-23"];
-      const seriesData = {
-        hydrology: [10, 3, 12, 23, 13, 34, 25],
-        factorValue: ["0.031", "0.017", "0.02", "0.027", "0.029", "0.018", "0.023"],
-        rain: [1, 23, 2, 21, 2, 3, 5, 8],
-        quality: [2, 1, 5, 5, 3, 4, 2, 1]
-      };
-      const lineOptions = await initWaterQuality(xData, seriesData, data.unit, data.factorName);
-      index.default.draw(chartQualityRainfall.value, lineOptions);
-    };
-    const initWaterQuality = (xAxis, data2, unit, factorName) => {
-      const { hydrology, factorValue, rain, quality } = data2;
-      const gradeList = [];
-      const option = {
-        grid: {
-          top: 55,
-          right: 26,
-          bottom: 45,
-          left: 80
-        },
-        tooltip: {
-          trigger: "axis",
-          axisPointer: {
-            type: "line"
-          },
-          textStyle: {
-            color: "#b9cfe2",
-            fontFamily: "PingFang SC"
-          },
-          formatter: (params) => {
-            let str = `<div>${params[0].axisValue}</div>`;
-            params.forEach((item, index) => {
-              let unit2 = "";
-              if (index === 0)
-                unit2 = "mm/h";
-              else if (index === 1)
-                unit2 = "mg/L";
-              else
-                unit2 = "m";
-              str += `<div>${item.marker}${item.seriesName}：${item.value ? item.value : "--"}${unit2}</div>`;
-            });
-            return str;
-          }
-        },
-        legend: {
-          show: true,
-          // right: 'center',
-          bottom: 0,
-          inactiveColor: "rgba(255,255,255,0.5)",
-          textStyle: {
-            color: "rgba(255,255,255,1)"
-          },
-          itemHeight: 2,
-          itemWidth: 16,
-          data: [
-            {
-              name: "降雨量趋势",
-              icon: "rect"
-            },
-            {
-              name: factorName,
-              icon: "rect"
-            },
-            {
-              name: "水位趋势",
-              icon: "rect"
-            }
-          ]
-        },
-        xAxis: {
-          type: "category",
-          boundaryGap: false,
-          axisLine: {
-            show: false,
-            lineStyle: {
-              color: "rgba(255,255,255,0.5)"
-            }
-          },
-          axisLabel: {
-            show: true,
-            textStyle: {
-              fontFamily: "Bebas Neue",
-              fontSize: "12",
-              color: "rgba(255,255,255,0.6)"
-            }
-          },
-          axisTick: {
-            show: false
-          },
-          data: xAxis
-        },
-        yAxis: [
-          {
-            // 降雨量
-            type: "value",
-            name: "降雨量\n(mm/h)",
-            nameLocation: "start",
-            nameTextStyle: {
-              align: "right",
-              color: "rgba(255,255,255,1)"
-            },
-            axisLabel: {
-              formatter: "{value}",
-              textStyle: {
-                fontFamily: "Oswald",
-                fontSize: "12",
-                color: "#909399"
-              }
-            },
-            axisLine: {
-              show: false,
-              lineStyle: {
-                color: "rgba(255,255,255,1)"
-              }
-            },
-            axisPointer: {
-              snap: true
-            },
-            splitLine: {
-              show: true,
-              lineStyle: {
-                color: "rgba(255, 255, 255, 0.15)"
-              }
-            },
-            axisTick: { show: false },
-            inverse: true
-          },
-          {
-            // 氨氮
-            type: "value",
-            name: `监测值
-(${unit})`,
-            nameTextStyle: {
-              align: "right",
-              color: "rgba(255,255,255,1)"
-            },
-            position: "left",
-            offset: 40,
-            axisLabel: {
-              formatter: "{value}",
-              textStyle: {
-                fontFamily: "Oswald",
-                fontSize: "12",
-                color: "#909399"
-              }
-            },
-            axisLine: {
-              show: false,
-              lineStyle: {
-                color: "rgba(255,255,255,0.5)"
-              }
-            },
-            axisPointer: {
-              snap: true
-            },
-            splitArea: {
-              show: false,
-              areaStyle: {
-                color: ["transparent", "rgba(255, 255, 255, 0.05)"]
-              }
-            },
-            splitLine: { show: false },
-            axisTick: { show: false }
-          },
-          {
-            // 水位
-            type: "value",
-            name: "水位(m)",
-            nameTextStyle: {
-              color: "rgba(255,255,255,1)"
-            },
-            axisLabel: {
-              formatter: "{value}",
-              textStyle: {
-                fontFamily: "Bebas Neue",
-                fontSize: "12",
-                color: "rgba(255,255,255,0.6)"
-              }
-            },
-            axisLine: {
-              show: false,
-              lineStyle: {
-                color: "rgba(255,255,255,0.5)"
-              }
-            },
-            axisPointer: {
-              snap: true
-            },
-            splitLine: { show: false },
-            axisTick: { show: false }
-          }
-        ],
-        series: [
-          {
-            name: "降雨量趋势",
-            type: "line",
-            // smooth: true,
-            showSymbol: false,
-            yAxisIndex: 0,
-            lineStyle: {
-              color: "rgba(217, 204, 76, 1)",
-              opacity: 1,
-              width: 0.5
-            },
-            areaStyle: {
-              color: "rgba(217, 204, 76, .5)"
-            },
-            data: rain
-          },
-          {
-            name: factorName,
-            type: "line",
-            smooth: false,
-            connectNulls: true,
-            yAxisIndex: 1,
-            symbol: "circle",
-            showSymbol: false,
-            lineStyle: {
-              color: "rgba(0, 221, 255, 1)",
-              type: "solid"
-            },
-            markPoint: {
-              show: false,
-              itemStyle: {
-                color: ["#f00"]
-              }
-            },
-            label: {
-              show: true,
-              fontFamily: "Bebas Neue",
-              fontSize: "12",
-              color: "rgba(255,255,255,0.6)"
-            },
-            // data: factorValue.map((item, index) => {
-            //     return {
-            //         value: item,
-            //         itemStyle: {
-            //             color: 'white'
-            //         }
-            //     }
-            // })
-            data: factorValue.map((item, index) => {
-              const currData = gradeList.filter((item2) => item2.level === Number(quality[index])) || [{
-                color: "#6D7278"
-              }];
-              return {
-                value: item,
-                itemStyle: {
-                  color: currData.length ? currData[0].color : "#6D7278"
-                }
-              };
-            })
-            // markArea: {
-            //     silent: true,
-            //     data: [
-            //         {
-            //             name: '达标',
-            //             label: {
-            //                 position: 'left',
-            //                 color: 'rgba(255,255,255,0.5)'
-            //             },
-            //             itemStyle: {
-            //                 color: 'transparent',
-            //                 borderColor: '#5FE81B',
-            //                 borderWidth: 7
-            //             },
-            //             x: '96.5',
-            //             yAxis: 15
-            //         },
-            //         { x: '1.5', yAxis: 10 }
-            //     ]
-            // }
-          },
-          {
-            name: "水位趋势",
-            type: "line",
-            // smooth: true,
-            showSymbol: false,
-            yAxisIndex: 2,
-            areaStyle: {
-              color: "rgba(238, 142, 0, .5)"
-            },
-            markPoint: {
-              show: false
-            },
-            lineStyle: {
-              color: "rgba(238, 142, 0, 1)",
-              opacity: 1,
-              width: 0.5
-            },
-            data: hydrology
-          }
-        ]
-      };
-      return option;
-    };
-    vue.toRefs(data);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", {
-          ref_key: "chartQualityRainfall",
-          ref: chartQualityRainfall,
-          class: "chart"
-        }, null, 512)
-      ]);
-    };
-  }
-});
-
-exports.default = _sfc_main;
+exports.default = index_vue_vue_type_style_index_0_lang;

package/dist/lib/wgms/src/WaterQualityRainfall/index.vue3.js

@@ -2,6 +2,9 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_c45e292d_lang = '';
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-exports.default = index_vue_vue_type_style_index_0_scoped_c45e292d_lang;
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/wgms/src/WaterQualityStatus/index.d.ts

@@ -1,5 +1,5 @@
 import _WaterQualityStatus from './index.vue';
-export declare const WaterQualityStatus: {
+export declare const DvWgmsWaterQualityStatus: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};

package/dist/lib/wgms/src/WaterQualityStatus/index.js

@@ -3,9 +3,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const tools = require('../../utils/tools.js');
-const index = require('./index.vue.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-const WaterQualityStatus = tools.install(index.default);
+const DvWgmsWaterQualityStatus = tools.install(index_vue_vue_type_script_setup_true_lang.default);
 
-exports.default = index.default;
-exports.WaterQualityStatus = WaterQualityStatus;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
+exports.DvWgmsWaterQualityStatus = DvWgmsWaterQualityStatus;

package/dist/lib/wgms/src/WaterQualityStatus/index.vue.js

@@ -2,10 +2,68 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
-require('./index.vue3.js');
-const _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+const vue = require('vue');
+const up = require('./images/up.svg.js');
+const ProgressBar_vue_vue_type_script_setup_true_lang = require('../common/ProgressBar.vue.js');
+require('../common/ProgressBar.vue2.js');
 
-const _WaterQualityStatus = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-0ea8b441"]]);
+const _hoisted_1 = { class: "water-quality" };
+const _hoisted_2 = { class: "water-quality-status-top flex-between-center" };
+const _hoisted_3 = { class: "label" };
+const _hoisted_4 = { class: "rate" };
+const _hoisted_5 = { class: "water-quality-status-bottom flex-between-center" };
+const _hoisted_6 = { class: "target" };
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("span", { class: "text" }, "目标", -1);
+const _hoisted_8 = { class: "value" };
+const _hoisted_9 = { class: "same" };
+const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("span", { class: "text" }, "同比", -1);
+const _hoisted_11 = { class: "value" };
+const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("img", { src: up.default }, null, -1);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const data = vue.reactive({
+      mockList: [
+        { label: "国控优", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
+        { label: "省控以上优", grade: "III", percentage: 94.6, target: 100, same: -7.7 },
+        { label: "市控以上优", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
+        { label: "交接断面达标率", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
+        { label: "饮用水源达标率", grade: "III", percentage: 94.6, target: 100, same: 7.7 }
+      ]
+    });
+    const {
+      mockList
+    } = vue.toRefs(data);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(mockList), (item, index) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: index,
+            class: "water-quality-status"
+          }, [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(item.label) + vue.toDisplayString(item.grade), 1),
+              vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(item.percentage) + "% ", 1)
+            ]),
+            vue.createVNode(ProgressBar_vue_vue_type_script_setup_true_lang.default, {
+              percentage: item.percentage
+            }, null, 8, ["percentage"]),
+            vue.createElementVNode("div", _hoisted_5, [
+              vue.createElementVNode("div", _hoisted_6, [
+                _hoisted_7,
+                vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(item.target) + "%", 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_9, [
+                _hoisted_10,
+                vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(item.same) + "%", 1),
+                _hoisted_12
+              ])
+            ])
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
 
-exports.default = _WaterQualityStatus;
+exports.default = _sfc_main;

package/dist/lib/wgms/src/WaterQualityStatus/index.vue2.js

@@ -2,69 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const vue = require('vue');
-const up = require('./images/up.svg.js');
-const ProgressBar_vue_vue_type_script_setup_true_lang = require('../common/ProgressBar.vue.js');
-require('../common/ProgressBar.vue2.js');
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-0ea8b441"), n = n(), vue.popScopeId(), n);
-const _hoisted_1 = { class: "water-quality" };
-const _hoisted_2 = { class: "water-quality-status-top flex-between-center" };
-const _hoisted_3 = { class: "label" };
-const _hoisted_4 = { class: "rate" };
-const _hoisted_5 = { class: "water-quality-status-bottom flex-between-center" };
-const _hoisted_6 = { class: "target" };
-const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "text" }, "目标", -1));
-const _hoisted_8 = { class: "value" };
-const _hoisted_9 = { class: "same" };
-const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "text" }, "同比", -1));
-const _hoisted_11 = { class: "value" };
-const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", { src: up.default }, null, -1));
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  setup(__props) {
-    const data = vue.reactive({
-      mockList: [
-        { label: "国控优", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
-        { label: "省控以上优", grade: "III", percentage: 94.6, target: 100, same: -7.7 },
-        { label: "市控以上优", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
-        { label: "交接断面达标率", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
-        { label: "饮用水源达标率", grade: "III", percentage: 94.6, target: 100, same: 7.7 }
-      ]
-    });
-    const {
-      mockList
-    } = vue.toRefs(data);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(mockList), (item, index) => {
-          return vue.openBlock(), vue.createElementBlock("div", {
-            key: index,
-            class: "water-quality-status"
-          }, [
-            vue.createElementVNode("div", _hoisted_2, [
-              vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(item.label) + vue.toDisplayString(item.grade), 1),
-              vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(item.percentage) + "% ", 1)
-            ]),
-            vue.createVNode(ProgressBar_vue_vue_type_script_setup_true_lang.default, {
-              percentage: item.percentage
-            }, null, 8, ["percentage"]),
-            vue.createElementVNode("div", _hoisted_5, [
-              vue.createElementVNode("div", _hoisted_6, [
-                _hoisted_7,
-                vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(item.target) + "%", 1)
-              ]),
-              vue.createElementVNode("div", _hoisted_9, [
-                _hoisted_10,
-                vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(item.same) + "%", 1),
-                _hoisted_12
-              ])
-            ])
-          ]);
-        }), 128))
-      ]);
-    };
-  }
-});
-
-exports.default = _sfc_main;
+exports.default = index_vue_vue_type_style_index_0_lang;

package/dist/lib/wgms/src/WaterQualityStatus/index.vue3.js

@@ -2,6 +2,9 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_0ea8b441_lang = '';
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-exports.default = index_vue_vue_type_style_index_0_scoped_0ea8b441_lang;
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/wgms/src/common/select-panel.vue.js

@@ -81,9 +81,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: ["change"],
   setup(__props, { emit }) {
     const props = __props;
-    vue.useCssVars((_ctx) => ({
-      "2b689ab8": __props.arrowScale
-    }));
     const data = vue.reactive({
       isShowOption: false,
       label: "--",

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

@@ -29,12 +29,12 @@ const index$m = require('./PollutionSourceControl/index.js');
 
 
 exports.DvWgmsEnvironmentalAnalysis = index.DvWgmsEnvironmentalAnalysis;
-exports.WaterQualityClassification = index$1.WaterQualityClassification;
-exports.WaterQualityStatus = index$2.WaterQualityStatus;
+exports.DvWgmsWaterQualityClassification = index$1.DvWgmsWaterQualityClassification;
+exports.DvWgmsWaterQualityStatus = index$2.DvWgmsWaterQualityStatus;
 exports.DvWgmsWaterQualityRainfall = index$3.DvWgmsWaterQualityRainfall;
-exports.WaterEnvironmentOnlineMonitor = index$4.WaterEnvironmentOnlineMonitor;
-exports.SewageOutletsOnlineMonitor = index$5.SewageOutletsOnlineMonitor;
-exports.KeyRiverWaterQualityEvaluation = index$6.KeyRiverWaterQualityEvaluation;
+exports.DvWgmsWaterEnvironmentOnlineMonitor = index$4.DvWgmsWaterEnvironmentOnlineMonitor;
+exports.DvWgmsSewageOutletsOnlineMonitor = index$5.DvWgmsSewageOutletsOnlineMonitor;
+exports.DvWgmsKeyRiverWaterQualityEvaluation = index$6.DvWgmsKeyRiverWaterQualityEvaluation;
 exports.DrinkingWaterComplianceRate = index$7.DrinkingWaterComplianceRate;
 exports.DvWgmsSevenDayKline = index$8.DvWgmsSevenDayKline;
 exports.DvWgmsSurroundingPollution = index$9.DvWgmsSurroundingPollution;
@@ -43,8 +43,8 @@ exports.DvWgmsUpstreamImpact = index$b.DvWgmsUpstreamImpact;
 exports.DvWgmsCrossSectionCorrelation = index$c.DvWgmsCrossSectionCorrelation;
 exports.DvWgmsUpstreamSection = index$d.DvWgmsUpstreamSection;
 exports.DvWgmsSubordinateRanking = index$e.DvWgmsSubordinateRanking;
-exports.ChlorophyllAChangeRate = index$f.ChlorophyllAChangeRate;
-exports.FactorTopThreeRanking = index$g.FactorTopThreeRanking;
+exports.DvWgmsChlorophyllAChangeRate = index$f.DvWgmsChlorophyllAChangeRate;
+exports.DvWgmsFactorTopThreeRanking = index$g.DvWgmsFactorTopThreeRanking;
 exports.DvWgmsDistributionPoints = index$h.DvWgmsDistributionPoints;
 exports.DvWgmsLakeRiverIndex = index$i.DvWgmsLakeRiverIndex;
 exports.DvWgmsChangesAlongTheProcess = index$j.DvWgmsChangesAlongTheProcess;

package/dist/style/style-aims.css

@@ -1 +1 @@
-.air-quality-calendar-container .date-time .arrow,.fpi-basic-dialog-close{width:12px;cursor:pointer}.air-quality-calendar-container .flex{display:flex;align-items:center;justify-content:center}.air-quality-calendar-container .date-time{justify-content:space-between;padding:0 8px;margin-bottom:12px}.air-quality-calendar-container .date-time .left-arrow{margin-left:16px}.air-quality-calendar-container .date-time .right-arrow{margin-right:16px}.air-quality-calendar-container .date-time .el-date-editor{height:24px}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper{background:#001121;box-shadow:none}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper .el-input__prefix{display:none}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper .el-input__inner{height:24px;font-family:MiSans;font-size:16px;color:#fff;text-align:center;cursor:pointer}.air-quality-calendar-container .calendar-content .item,.air-quality-calendar-container .legends .item,.air-quality-calendar-container .weeks .item{width:calc((100% - 12px)/ 7);text-align:center}.air-quality-calendar-container .calendar-content .item,.air-quality-calendar-container .weeks .item{position:relative;margin:0 2px 2px 0}.air-quality-calendar-container .calendar-content .item:nth-child(7n),.air-quality-calendar-container .weeks .item:nth-child(7n){margin-right:0}.air-quality-calendar-container .weeks{justify-content:space-between;font-family:MiSans;font-size:12px;color:#fff;opacity:.5}.air-quality-calendar-container .calendar-content{flex-wrap:wrap;justify-content:flex-start;margin-top:8px;margin-bottom:12px}.air-quality-calendar-container .calendar-content .item{height:32px;font-family:Oswald;font-size:12px;color:#fff}.air-quality-calendar-container .calendar-content .item.pre-null{background:#fff;opacity:.02}.air-quality-calendar-container .calendar-content .item.suff-null{justify-content:flex-start;color:rgba(255,255,255,.5);background:rgba(255,255,255,.05)}.air-quality-calendar-container .calendar-content .item.suff-null .suff-null-day{padding-left:10px}.air-quality-calendar-container .calendar-content .item .day{position:absolute;top:2px;left:4px}.air-quality-calendar-container .calendar-content .item .num{position:absolute;right:4px;bottom:2px}.air-quality-calendar-container .legends{justify-content:space-between}.air-quality-calendar-container .legends .level{margin-bottom:4px;font-family:MiSans;font-size:12px;color:#fff}.air-quality-calendar-container .legends .num{width:48px;height:20px;font-family:Oswald;font-size:12px;border-radius:20px}.air-quality-realtime-top-left{align-items:center}.air-quality-realtime-top-left span:first-child{margin-right:16px;font-family:Oswald;font-size:16px;font-weight:400;line-height:16px;color:#fff}.air-quality-realtime-top-left span:last-child{display:flex;align-items:center;font-family:Oswald;font-size:40px;font-weight:500;line-height:40px;color:#33e5ff}.air-quality-realtime-container{height:156px;padding:12px;color:#fff;background-image:url(./images/bg.png);background-repeat:no-repeat;background-size:100%}.air-quality-realtime-top{display:flex;justify-content:space-between;height:48px}.air-quality-realtime-top-left{display:flex;justify-content:flex-start;width:164px;height:48px}.air-quality-realtime-top-left .aqiValue{width:72px;height:48px;margin-right:16px;font-family:Oswald;font-size:48px;font-weight:500;line-height:48px}.air-quality-realtime-top-left .aqiInfo{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:64px}.air-quality-realtime-top-left .aqiInfo span:first-child{font-family:Oswald;font-size:18px;font-weight:400;line-height:18px;color:#fff}.air-quality-realtime-top-left .aqiInfo span:last-child{font-family:MiSans;font-size:16px;font-weight:500;line-height:16px}.air-quality-realtime-top-right{display:flex;align-items:center;width:171px;height:48px}.air-quality-realtime-top-right .text{margin-right:16px;font-family:MiSans;font-size:14px;font-weight:400;line-height:14px;color:#fff;opacity:.6}.air-quality-realtime-top-right .value{font-family:Oswald;font-size:18px;font-weight:500}.air-quality-realtime-bottom{display:flex;height:60px;padding:0;margin:20px 0 0}.air-quality-realtime-bottom-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:space-between;height:60px}.air-quality-realtime-bottom-item .value{font-family:Oswald;font-size:20px;font-weight:500;line-height:20px}.air-quality-realtime-bottom-item .line{width:26px;height:4px;border-radius:100px}.air-quality-realtime-bottom-item .name{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#fff}.factor-realtime-rank-chart-container{width:374px;height:200px;cursor:pointer}.factor-realtime-rank-chart-echarts{height:100%}.factor-realtime-rank-list-container{height:200px;cursor:pointer}.factor-realtime-rank-list-header{display:flex;height:14px;padding:0;margin:0 0 12px;font-size:14px;line-height:14px;color:#909399;list-style:none}.factor-realtime-rank-list-header>li:first-child{flex-shrink:0;width:34px}.factor-realtime-rank-list-header>li:nth-child(2){width:282px}.factor-realtime-rank-list-header>li:nth-child(2)>span{display:block;width:100px;text-align:right}.factor-realtime-rank-list-header>li:last-child{flex-shrink:0;width:44px;text-align:center}.factor-realtime-rank-list-list-wrap{width:100%;padding:0;margin:0}.factor-realtime-rank-list-list-item{box-sizing:border-box;display:flex;align-items:center;height:32px;padding:9px 0;font-size:14px;line-height:14px;color:#fff}.factor-realtime-rank-list-list-item .rank{width:30px;font-family:Oswald}.factor-realtime-rank-list-list-item .progress-box{display:flex;align-items:center;width:282px;font-family:MiSans}.factor-realtime-rank-list-list-item .progress-box .name{width:100px;margin-right:8px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.factor-realtime-rank-list-list-item .progress-box .bar{position:relative;flex:1;height:8px;background:rgba(255,255,255,.1)}.factor-realtime-rank-list-list-item .progress-box .progress-bar{position:absolute;top:0;left:0;height:100%}.factor-realtime-rank-list-list-item .progress-box .progress-bar::after{position:absolute;top:-2px;right:-2px;width:2px;height:12px;content:" ";background:inherit}.factor-realtime-rank-list-list-item .value{width:44px;text-align:center}.fpi-aims-factor-target-year-period-container .flex{display:flex;align-items:center;justify-content:center}.fpi-aims-factor-target-year-period-container .rollingContainer{overflow-x:auto}.fpi-aims-factor-target-year-period-container .list{align-items:flex-start;justify-content:flex-start;width:1000px;margin-top:12px}.fpi-aims-factor-target-year-period-container .list .item{flex-direction:column;align-items:flex-start;font-family:MiSans;font-size:12px;color:#fff}.fpi-aims-factor-target-year-period-container .list .item .name{margin-right:4px;opacity:.5}.fpi-aims-factor-target-year-period-container .list .item .unit{margin-left:4px;font-family:Oswald;font-size:12px;opacity:.5}.fpi-aims-factor-target-year-period-container .list .item .factorName{margin-bottom:8px;font-size:14px;font-weight:500}.fpi-basic-card-header-title,.fpi-basic-dialog-header-title{font-weight:600;color:#fff}.fpi-aims-factor-target-year-period-container .list .item .factorValue{margin-bottom:8px;font-family:Oswald;font-size:24px}.fpi-aims-factor-target-year-period-container .list .item .target{margin-bottom:8px;font-family:Oswald}.fpi-aims-factor-target-year-period-container .list .item .period img{margin-top:-3px;margin-left:2px;vertical-align:middle}.main-pollution-year-ratio-container{height:176px}.main-pollution-year-ratio-echarts{width:100%;height:100%}.cieq-contributio-ratio-container{height:170px}.cieq-contributio-ratio-echarts{width:100%;height:100%}.air-time-series-analysis-container{height:176px}.air-time-series-analysis-echarts{width:100%;height:100%}.air-time-series-analysis-triangle{display:inline-block;width:0;height:0;margin-right:5px;border-right:5px solid transparent;border-left:5px solid transparent}.air-time-series-analysis-diamond{display:inline-block;width:0;height:0;margin-right:5px;border-style:solid;border-width:5px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.air-time-series-analysis-circle,.air-time-series-analysis-rect,.air-time-series-analysis-roundRect{display:inline-block;width:10px;height:10px;margin-right:5px}.air-time-series-analysis-roundRect{border-radius:2px}.air-time-series-analysis-circle{border-radius:10px}.fpi-weather-condition-container{display:flex;flex-direction:row}.fpi-weather-condition-container .fpi-weather-condition-list{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;max-width:63px}.fpi-weather-condition-container .fpi-weather-condition-list img{width:40px;height:40px}.fpi-weather-condition-container .fpi-weather-condition-list .condition{font-size:14px;line-height:14px;color:#fff}.fpi-weather-condition-container .fpi-weather-condition-list .condition-value{position:absolute;top:24px;z-index:10;font-size:20px;font-weight:600;line-height:20px;color:#00deff}.fpi-weather-condition-container .fpi-weather-condition-list .unit{font-size:12px;line-height:12px;color:#fff;opacity:.5}.fpi-basic-card-header-title,.fpi-basic-dialog-header-title{font-family:MiSans;font-size:20px;line-height:20px;letter-spacing:0;box-sizing:border-box}.basicDialogAnimation-enter-active{animation:basic-dialog-animation-enter .3s}.fpi-basic-dialog-container{position:absolute;top:0;left:50%;box-sizing:border-box;padding:0 12px 12px;background:#001121;box-shadow:0 8px 16px -8px rgba(0,0,0,.16),0 12px 32px 0 rgba(0,0,0,.12),0 16px 48px 16px rgba(0,0,0,.08);backdrop-filter:blur(30px)}.fpi-basic-dialog-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:40px;padding:10px 4px}.fpi-basic-card-header,.fpi-basic-dialog-header-left,.fpi-basic-dialog-header-right{align-items:center;display:flex}.fpi-basic-dialog-close{height:12px;color:#d3c9c9}.fpi-basic-dialog-close:hover{color:#fff}.fpi-basic-dialog-content{box-sizing:border-box;padding:12px;background:#05213d}.fpi-basic-card-container{box-sizing:border-box;border:1px solid transparent;backdrop-filter:blur(30px)}.fpi-basic-card-container-checked{background:#000;border:1px solid #05ffd2;border-radius:4px;box-shadow:0 0 8px 0 #05ffe6}.fpi-basic-card-header{box-sizing:border-box;justify-content:space-between;height:40px;padding:10px 16px;background:#000}.fpi-basic-card-header-left{display:flex;align-items:center}.fpi-basic-card-content{box-sizing:border-box;padding:12px;background:#001121}.echarts{width:100%;height:100%}.fpi-basic-panel-container{position:absolute;z-index:10;box-sizing:content-box}.fpi-basic-panel-scroll-container{padding:10px}
+.air-quality-calendar-container .date-time .arrow,.fpi-basic-dialog-close{width:12px;cursor:pointer}.air-quality-realtime-top-left{align-items:center}.air-quality-realtime-top-left span:first-child{margin-right:16px;font-family:Oswald;font-size:16px;font-weight:400;line-height:16px;color:#fff}.air-quality-realtime-top-left span:last-child{display:flex;align-items:center;font-family:Oswald;font-size:40px;font-weight:500;line-height:40px;color:#33e5ff}.air-quality-calendar-container .flex{display:flex;align-items:center;justify-content:center}.air-quality-calendar-container .date-time{justify-content:space-between;padding:0 8px;margin-bottom:12px}.air-quality-calendar-container .date-time .left-arrow{margin-left:16px}.air-quality-calendar-container .date-time .right-arrow{margin-right:16px}.air-quality-calendar-container .date-time .el-date-editor{height:24px}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper{background:#001121;box-shadow:none}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper .el-input__prefix{display:none}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper .el-input__inner{height:24px;font-family:MiSans;font-size:16px;color:#fff;text-align:center;cursor:pointer}.air-quality-calendar-container .calendar-content .item,.air-quality-calendar-container .legends .item,.air-quality-calendar-container .weeks .item{width:calc((100% - 12px)/ 7);text-align:center}.air-quality-calendar-container .calendar-content .item,.air-quality-calendar-container .weeks .item{position:relative;margin:0 2px 2px 0}.air-quality-calendar-container .calendar-content .item:nth-child(7n),.air-quality-calendar-container .weeks .item:nth-child(7n){margin-right:0}.air-quality-calendar-container .weeks{justify-content:space-between;font-family:MiSans;font-size:12px;color:#fff;opacity:.5}.air-quality-calendar-container .calendar-content{flex-wrap:wrap;justify-content:flex-start;margin-top:8px;margin-bottom:12px}.air-quality-calendar-container .calendar-content .item{height:32px;font-family:Oswald;font-size:12px;color:#fff}.air-quality-calendar-container .calendar-content .item.pre-null{background:#fff;opacity:.02}.air-quality-calendar-container .calendar-content .item.suff-null{justify-content:flex-start;color:rgba(255,255,255,.5);background:rgba(255,255,255,.05)}.air-quality-calendar-container .calendar-content .item.suff-null .suff-null-day{padding-left:10px}.air-quality-calendar-container .calendar-content .item .day{position:absolute;top:2px;left:4px}.air-quality-calendar-container .calendar-content .item .num{position:absolute;right:4px;bottom:2px}.air-quality-calendar-container .legends{justify-content:space-between}.air-quality-calendar-container .legends .level{margin-bottom:4px;font-family:MiSans;font-size:12px;color:#fff}.air-quality-calendar-container .legends .num{width:48px;height:20px;font-family:Oswald;font-size:12px;border-radius:20px}.air-quality-realtime-container{height:156px;padding:12px;color:#fff;background-image:url(./images/bg.png);background-repeat:no-repeat;background-size:100%}.air-quality-realtime-top{display:flex;justify-content:space-between;height:48px}.air-quality-realtime-top-left{display:flex;justify-content:flex-start;width:164px;height:48px}.air-quality-realtime-top-left .aqiValue{width:72px;height:48px;margin-right:16px;font-family:Oswald;font-size:48px;font-weight:500;line-height:48px}.air-quality-realtime-top-left .aqiInfo{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:64px}.air-quality-realtime-top-left .aqiInfo span:first-child{font-family:Oswald;font-size:18px;font-weight:400;line-height:18px;color:#fff}.air-quality-realtime-top-left .aqiInfo span:last-child{font-family:MiSans;font-size:16px;font-weight:500;line-height:16px}.air-quality-realtime-top-right{display:flex;align-items:center;width:171px;height:48px}.air-quality-realtime-top-right .text{margin-right:16px;font-family:MiSans;font-size:14px;font-weight:400;line-height:14px;color:#fff;opacity:.6}.air-quality-realtime-top-right .value{font-family:Oswald;font-size:18px;font-weight:500}.air-quality-realtime-bottom{display:flex;height:60px;padding:0;margin:20px 0 0}.air-quality-realtime-bottom-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:space-between;height:60px}.air-quality-realtime-bottom-item .value{font-family:Oswald;font-size:20px;font-weight:500;line-height:20px}.air-quality-realtime-bottom-item .line{width:26px;height:4px;border-radius:100px}.air-quality-realtime-bottom-item .name{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#fff}.fpi-aims-factor-target-year-period-container .flex{display:flex;align-items:center;justify-content:center}.fpi-aims-factor-target-year-period-container .rollingContainer{overflow-x:auto}.fpi-aims-factor-target-year-period-container .list{align-items:flex-start;justify-content:flex-start;width:1000px;margin-top:12px}.fpi-aims-factor-target-year-period-container .list .item{flex-direction:column;align-items:flex-start;font-family:MiSans;font-size:12px;color:#fff}.fpi-aims-factor-target-year-period-container .list .item .name{margin-right:4px;opacity:.5}.fpi-aims-factor-target-year-period-container .list .item .unit{margin-left:4px;font-family:Oswald;font-size:12px;opacity:.5}.fpi-aims-factor-target-year-period-container .list .item .factorName{margin-bottom:8px;font-size:14px;font-weight:500}.fpi-aims-factor-target-year-period-container .list .item .factorValue{margin-bottom:8px;font-family:Oswald;font-size:24px}.fpi-aims-factor-target-year-period-container .list .item .target{margin-bottom:8px;font-family:Oswald}.fpi-aims-factor-target-year-period-container .list .item .period img{margin-top:-3px;margin-left:2px;vertical-align:middle}.factor-realtime-rank-chart-container{width:374px;height:200px;cursor:pointer}.factor-realtime-rank-chart-echarts{height:100%}.cieq-contributio-ratio-container{height:170px}.cieq-contributio-ratio-echarts{width:100%;height:100%}.main-pollution-year-ratio-container{height:176px}.main-pollution-year-ratio-echarts{width:100%;height:100%}.air-time-series-analysis-container{height:176px}.air-time-series-analysis-echarts{width:100%;height:100%}.air-time-series-analysis-triangle{display:inline-block;width:0;height:0;margin-right:5px;border-right:5px solid transparent;border-left:5px solid transparent}.air-time-series-analysis-diamond{display:inline-block;width:0;height:0;margin-right:5px;border-style:solid;border-width:5px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.air-time-series-analysis-circle,.air-time-series-analysis-rect,.air-time-series-analysis-roundRect{display:inline-block;width:10px;height:10px;margin-right:5px}.air-time-series-analysis-roundRect{border-radius:2px}.air-time-series-analysis-circle{border-radius:10px}.fpi-weather-condition-container{display:flex;flex-direction:row}.fpi-weather-condition-container .fpi-weather-condition-list{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;max-width:63px}.fpi-weather-condition-container .fpi-weather-condition-list img{width:40px;height:40px}.fpi-weather-condition-container .fpi-weather-condition-list .condition{font-size:14px;line-height:14px;color:#fff}.fpi-weather-condition-container .fpi-weather-condition-list .condition-value{position:absolute;top:24px;z-index:10;font-size:20px;font-weight:600;line-height:20px;color:#00deff}.fpi-weather-condition-container .fpi-weather-condition-list .unit{font-size:12px;line-height:12px;color:#fff;opacity:.5}.factor-realtime-rank-list-container{height:200px;cursor:pointer}.factor-realtime-rank-list-header{display:flex;height:14px;padding:0;margin:0 0 12px;font-size:14px;line-height:14px;color:#909399;list-style:none}.factor-realtime-rank-list-header>li:first-child{flex-shrink:0;width:34px}.factor-realtime-rank-list-header>li:nth-child(2){width:282px}.factor-realtime-rank-list-header>li:nth-child(2)>span{display:block;width:100px;text-align:right}.factor-realtime-rank-list-header>li:last-child{flex-shrink:0;width:44px;text-align:center}.factor-realtime-rank-list-list-wrap{width:100%;padding:0;margin:0}.factor-realtime-rank-list-list-item{box-sizing:border-box;display:flex;align-items:center;height:32px;padding:9px 0;font-size:14px;line-height:14px;color:#fff}.fpi-basic-card-header-title,.fpi-basic-dialog-header-title{font-size:20px;font-weight:600;line-height:20px;letter-spacing:0;box-sizing:border-box}.factor-realtime-rank-list-list-item .rank{width:30px;font-family:Oswald}.factor-realtime-rank-list-list-item .progress-box{display:flex;align-items:center;width:282px;font-family:MiSans}.factor-realtime-rank-list-list-item .progress-box .name{width:100px;margin-right:8px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.factor-realtime-rank-list-list-item .progress-box .bar{position:relative;flex:1;height:8px;background:rgba(255,255,255,.1)}.factor-realtime-rank-list-list-item .progress-box .progress-bar{position:absolute;top:0;left:0;height:100%}.factor-realtime-rank-list-list-item .progress-box .progress-bar::after{position:absolute;top:-2px;right:-2px;width:2px;height:12px;content:" ";background:inherit}.factor-realtime-rank-list-list-item .value{width:44px;text-align:center}.fpi-basic-card-container{box-sizing:border-box;border:1px solid transparent;backdrop-filter:blur(30px)}.fpi-basic-card-container-checked{background:#000;border:1px solid #05ffd2;border-radius:4px;box-shadow:0 0 8px 0 #05ffe6}.fpi-basic-card-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:40px;padding:10px 16px;background:#000}.fpi-basic-card-header-left{display:flex;align-items:center}.fpi-basic-card-header-title{font-family:MiSans;color:#fff}.fpi-basic-card-content{box-sizing:border-box;padding:12px;background:#001121}.basicDialogAnimation-enter-active{animation:basic-dialog-animation-enter .3s}.fpi-basic-dialog-container{position:absolute;top:0;left:50%;box-sizing:border-box;padding:0 12px 12px;background:#001121;box-shadow:0 8px 16px -8px rgba(0,0,0,.16),0 12px 32px 0 rgba(0,0,0,.12),0 16px 48px 16px rgba(0,0,0,.08);backdrop-filter:blur(30px)}.fpi-basic-dialog-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:40px;padding:10px 4px}.fpi-basic-dialog-header-left,.fpi-basic-dialog-header-right{display:flex;align-items:center}.fpi-basic-dialog-close{height:12px;color:#d3c9c9}.fpi-basic-dialog-close:hover{color:#fff}.fpi-basic-dialog-header-title{font-family:MiSans;color:#fff}.fpi-basic-dialog-content{box-sizing:border-box;padding:12px;background:#05213d}.fpi-basic-panel-container{position:absolute;z-index:10;box-sizing:content-box}.fpi-basic-panel-scroll-container{padding:10px}.echarts{width:100%;height:100%}