@ued_fpi/data-visual 1.1.5 → 1.2.1

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

@@ -103,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const { list } = vue.toRefs(state);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: "chlorophyll-a-change-rate",
+        class: "dv-wgms-chlorophyll-a-change-rate",
         style: vue.normalizeStyle({ "--height": getHeight.value })
       }, [
         vue.createElementVNode("div", _hoisted_1, [

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

@@ -7,11 +7,11 @@ const icon2 = require('./images/icon-2.svg.js');
 const icon3 = require('./images/icon-3.svg.js');
 const vue = require('vue');
 
-const _hoisted_1 = { class: "compliance-rate flex-between-center" };
-const _hoisted_2 = { class: "compliance-rate-one-icon" };
+const _hoisted_1 = { class: "dv-wgms-compliance-rate dv-wgms-flex-between-center" };
+const _hoisted_2 = { class: "dv-wgms-compliance-rate-one-icon" };
 const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "compliance-rate-one-label" };
-const _hoisted_5 = { class: "compliance-rate-one-value" };
+const _hoisted_4 = { class: "dv-wgms-compliance-rate-one-label" };
+const _hoisted_5 = { class: "dv-wgms-compliance-rate-one-value" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   setup(__props) {
@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(list), (item, index) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: index,
-            class: "compliance-rate-one flex-center-center"
+            class: "dv-wgms-compliance-rate-one dv-wgms-flex-center-center"
           }, [
             vue.createElementVNode("div", _hoisted_2, [
               vue.createElementVNode("img", {

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

@@ -211,14 +211,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: "chlorophyll-a-change-rate",
+        class: "dv-wgms-chlorophyll-a-change-rate",
         style: vue.normalizeStyle({ "--height": getHeight.value })
       }, [
         vue.createElementVNode("div", {
-          id: "linkFactorChart",
+          id: "dv-wgms-linkFactorChart",
           ref_key: "chartRef",
           ref: chartRef,
-          class: "chart"
+          class: "dv-wgms-chart"
         }, null, 512)
       ], 4);
     };

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

@@ -6,7 +6,7 @@ const vue = require('vue');
 const index$1 = require('../../utils/echarts/index.js');
 const index = require('../../api/FactorTrendComparison/index.js');
 
-const _hoisted_1 = { class: "factor-trend-comparison" };
+const _hoisted_1 = { class: "dv-wgms-factor-trend-comparison" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {

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

@@ -13,11 +13,11 @@ const right = require('./images/right.svg.js');
 const up = require('./images/up.svg.js');
 const vue = require('vue');
 
-const _hoisted_1 = { class: "key-river flex-around-center" };
-const _hoisted_2 = { class: "key-river-one-name" };
-const _hoisted_3 = { class: "key-river-one-content" };
+const _hoisted_1 = { class: "dv-wgms-key-river dv-wgms-flex-around-center" };
+const _hoisted_2 = { class: "dv-wgms-key-river-one-name" };
+const _hoisted_3 = { class: "dv-wgms-key-river-one-content" };
 const _hoisted_4 = ["src"];
-const _hoisted_5 = { class: "key-river-one-compare flex-left-center" };
+const _hoisted_5 = { class: "dv-wgms-key-river-one-compare dv-wgms-flex-left-center" };
 const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("span", null, "同比", -1);
 const _hoisted_7 = ["src"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -42,12 +42,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(list), (item, index) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: index,
-            class: "key-river-one flex-center-center"
+            class: "dv-wgms-key-river-one dv-wgms-flex-center-center"
           }, [
             vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(item.name), 1),
             vue.createElementVNode("div", _hoisted_3, [
               vue.createElementVNode("div", {
-                class: "key-river-one-content-text",
+                class: "dv-wgms-key-river-one-content-text",
                 style: vue.normalizeStyle({ color: item.color })
               }, vue.toDisplayString(item.level), 5),
               vue.createElementVNode("img", {

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

@@ -10,23 +10,23 @@ const eutrophication = require('./mock/eutrophication.json.js');
 
 const _hoisted_1 = { class: "dv-wgms-lake-river-index" };
 const _hoisted_2 = { class: "dv-wgms-lake-river-item" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 mgb8" }, " 重要流域水质 ", -1);
-const _hoisted_4 = { class: "dv-wgms-river-detail flex-bw-c" };
-const _hoisted_5 = { class: "top-river-name text-14 mgb12" };
-const _hoisted_6 = { class: "flex-c-c" };
-const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 white-60 mgr4" }, " 同比 ", -1);
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-text-14 dv-wgms-mgb8" }, " 重要流域水质 ", -1);
+const _hoisted_4 = { class: "dv-wgms-river-detail dv-wgms-flex-bw-c" };
+const _hoisted_5 = { class: "dv-wgms-top-river-name dv-wgms-text-14 dv-wgms-mgb12" };
+const _hoisted_6 = { class: "dv-wgms-flex-c-c" };
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-text-14 dv-wgms-white-60 dv-wgms-mgr4" }, " 同比 ", -1);
 const _hoisted_8 = { class: "dv-wgms-lake-river-item" };
-const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 mgb8" }, " 重要水体水质 ", -1);
-const _hoisted_10 = { class: "dv-wgms-river-detail flex-bw-c" };
-const _hoisted_11 = { class: "top-river-name text-14 mgb12" };
-const _hoisted_12 = { class: "flex-c-c" };
-const _hoisted_13 = /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 white-60 mgr4" }, " 同比 ", -1);
+const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-text-14 dv-wgms-mgb8" }, " 重要水体水质 ", -1);
+const _hoisted_10 = { class: "dv-wgms-river-detail dv-wgms-flex-bw-c" };
+const _hoisted_11 = { class: "dv-wgms-top-river-name dv-wgms-text-14 dv-wgms-mgb12" };
+const _hoisted_12 = { class: "dv-wgms-flex-c-c" };
+const _hoisted_13 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-text-14 dv-wgms-white-60 dv-wgms-mgr4" }, " 同比 ", -1);
 const _hoisted_14 = { class: "dv-wgms-lake-river-item" };
-const _hoisted_15 = /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 mgb8" }, " 重要湖库营养化指数 ", -1);
-const _hoisted_16 = { class: "dv-wgms-river-detail flex-bw-c" };
-const _hoisted_17 = { class: "top-river-name text-14 mgb12" };
-const _hoisted_18 = { class: "flex-c-c" };
-const _hoisted_19 = { class: "text-14 white-60 mgr4" };
+const _hoisted_15 = /* @__PURE__ */ vue.createElementVNode("div", { class: "dv-wgms-text-14 dv-wgms-mgb8" }, " 重要湖库营养化指数 ", -1);
+const _hoisted_16 = { class: "dv-wgms-river-detail dv-wgms-flex-bw-c" };
+const _hoisted_17 = { class: "dv-wgms-top-river-name dv-wgms-text-14 dv-wgms-mgb12" };
+const _hoisted_18 = { class: "dv-wgms-flex-c-c" };
+const _hoisted_19 = { class: "dv-wgms-text-14 dv-wgms-white-60 dv-wgms-mgr4" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "DvWgmsLakeRiverIndex"

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

@@ -7,7 +7,7 @@ const index$2 = require('../../utils/echarts/index.js');
 const index = require('../../api/FactorTrendComparison/index.js');
 const index$1 = require('../../api/NPTrendChange/index.js');
 
-const _hoisted_1 = { class: "n-p-trend-change" };
+const _hoisted_1 = { class: "dv-wgms-n-p-trend-change" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {

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

@@ -6,19 +6,19 @@ const vue = require('vue');
 const index = require('../../utils/echarts/index.js');
 const _3dChartOptions = require('../../utils/echarts/3dChartOptions.js');
 
-const _hoisted_1 = { class: "outlet-online" };
-const _hoisted_2 = { class: "toggle-list flex-between-center" };
+const _hoisted_1 = { class: "dv-wgms-outlet-online" };
+const _hoisted_2 = { class: "toggle-list dv-wgms-flex-between-center" };
 const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "chart-content flex-between-center" };
+const _hoisted_4 = { class: "chart-content dv-wgms-flex-between-center" };
 const _hoisted_5 = { class: "left" };
 const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("div", { class: "total" }, [
   /* @__PURE__ */ vue.createElementVNode("span", null, "总数："),
   /* @__PURE__ */ vue.createElementVNode("span", null, "982")
 ], -1);
 const _hoisted_7 = { class: "legend" };
-const _hoisted_8 = { class: "left-c flex-left-center" };
+const _hoisted_8 = { class: "left-c dv-wgms-flex-left-center" };
 const _hoisted_9 = { class: "name" };
-const _hoisted_10 = { class: "righ-c flex-left-center" };
+const _hoisted_10 = { class: "righ-c dv-wgms-flex-left-center" };
 const _hoisted_11 = { class: "num" };
 const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("div", { class: "split" }, " / ", -1);
 const _hoisted_13 = { class: "rate" };
@@ -77,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(toggleList, (item, index) => {
             return vue.createElementVNode("div", {
               key: index,
-              class: vue.normalizeClass([vue.unref(activeIndex) === index ? "active" : "", "list-one flex-center-center"]),
+              class: vue.normalizeClass([vue.unref(activeIndex) === index ? "active" : "", "list-one dv-wgms-flex-center-center"]),
               onClick: ($event) => changeList(index)
             }, vue.toDisplayString(item.label), 11, _hoisted_3);
           }), 64))
@@ -95,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(optionData), (item, index) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: index,
-                class: "legend-one flex-between-center"
+                class: "legend-one dv-wgms-flex-between-center"
               }, [
                 vue.createElementVNode("div", _hoisted_8, [
                   vue.createElementVNode("div", {

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

@@ -4,11 +4,11 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const vue = require('vue');
 
-const _hoisted_1 = { class: "env-online flex-between-center" };
-const _hoisted_2 = { class: "name" };
-const _hoisted_3 = { class: "value" };
-const _hoisted_4 = { class: "online" };
-const _hoisted_5 = { class: "total" };
+const _hoisted_1 = { class: "dv-wgms-env-online dv-wgms-flex-between-center" };
+const _hoisted_2 = { class: "dv-wgms-name" };
+const _hoisted_3 = { class: "dv-wgms-value" };
+const _hoisted_4 = { class: "dv-wgms-online" };
+const _hoisted_5 = { class: "dv-wgms-total" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   setup(__props) {
@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(mockData, (item, index) => {
           return vue.createElementVNode("div", {
             key: index,
-            class: "item-one flex-between-center"
+            class: "dv-wgms-item-one dv-wgms-flex-between-center"
           }, [
             vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(item.name), 1),
             vue.createElementVNode("div", _hoisted_3, [

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

@@ -7,7 +7,7 @@ const up = require('./images/up.svg.js');
 const index = require('../../utils/echarts/index.js');
 const echartsOptions = require('../../utils/echarts/echartsOptions.js');
 
-const _hoisted_1 = { class: "water-category" };
+const _hoisted_1 = { class: "dv-wgms-water-category" };
 const _hoisted_2 = { class: "section-water-quality-lengend" };
 const _hoisted_3 = { class: "name" };
 const _hoisted_4 = { class: "flex-num" };

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

@@ -7,17 +7,17 @@ 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 _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_1 = { class: "dv-wgms-water-quality" };
+const _hoisted_2 = { class: "dv-wgms-water-quality-status-top dv-wgms-flex-between-center" };
+const _hoisted_3 = { class: "dv-wgms-label" };
+const _hoisted_4 = { class: "dv-wgms-rate" };
+const _hoisted_5 = { class: "dv-wgms-water-quality-status-bottom dv-wgms-flex-between-center" };
+const _hoisted_6 = { class: "dv-wgms-target" };
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("span", { class: "dv-wgms-text" }, "目标", -1);
+const _hoisted_8 = { class: "dv-wgms-value" };
+const _hoisted_9 = { class: "dv-wgms-same" };
+const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("span", { class: "dv-wgms-text" }, "同比", -1);
+const _hoisted_11 = { class: "dv-wgms-value" };
 const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("img", { src: up.default }, null, -1);
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         (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"
+            class: "dv-wgms-water-quality-status"
           }, [
             vue.createElementVNode("div", _hoisted_2, [
               vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(item.label) + vue.toDisplayString(item.grade), 1),

package/dist/lib/wgms/src/common/ProgressBar.vue.js

@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: "bar-box",
+        class: "dv-wgms-bar-box",
         style: vue.normalizeStyle({ height: `${__props.barHeight}px`, background: __props.bgColor })
       }, [
         vue.createElementVNode("div", {

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

@@ -7,7 +7,7 @@ require('element-plus/es/components/base/style/css');
 require('element-plus/es/components/scrollbar/style/css');
 const vue = require('vue');
 
-const _hoisted_1 = { class: "container-select" };
+const _hoisted_1 = { class: "dv-wgms-container-select" };
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({

package/dist/lib/wgms/utils/tools.d.ts

@@ -111,4 +111,17 @@ export declare const getContentValue: (vm: any, expr: string) => string;
 export declare const copyText: (text: string) => void;
 type SFCWithInstall<T> = T & Plugin;
 export declare const install: <T>(comp: T, named?: string) => SFCWithInstall<T>;
+/**
+ * 获取css变量值
+ * @param key | getCssValue('--font-family-text')
+ * @returns {string} | 'Microsoft YaHei'
+ */
+export declare const getCssValue: (key: string) => string;
+/**
+ * 获取css变量中的font-family
+ * 掐头去尾得到最终fontFamily
+ * @param key
+ * @return {*} ' "shzhjt"' ==> shzhjt
+ */
+export declare const getFontFamily: (key: string) => string;
 export {};

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

package/dist/style/style-bmp.css

@@ -1 +1 @@
-.tab-item .title,.tab-item .today-line .label,.tab-item .today-line .today-right .label-num,.tab-item .today-line .today-right .text,.tab-item .today-line .today-right .value,.tab-item .year-line .year-label,.tab-item .year-line .year-right .year-text,.tab-item .year-line .year-right .year-total,.tab-item .year-line .year-right .year-value{font-size:16px;font-weight:500;text-align:center;letter-spacing:0}.tab-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:182px;height:136px;padding:16px;overflow:hidden;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.tab-item .title{margin-bottom:24px;font-family:MiSans;line-height:16px;color:#fff}.tab-item .today-line{display:flex;align-items:center}.tab-item .today-line .label{margin-right:4px;font-family:MiSans;line-height:16px;color:#909399;white-space:nowrap}.tab-item .today-line .today-right{display:flex;flex-wrap:wrap;align-items:center}.tab-item .today-line .today-right .value{font-family:Oswald;line-height:16px;color:#15f3a3}.tab-item .today-line .today-right .label-num,.tab-item .today-line .today-right .text{font-family:Oswald;line-height:16px;color:#fff}.tab-item .today-line .today-right .chart{width:16px;height:16px;margin-left:8px}.tab-item .year-line{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:16px}.tab-item .year-line .year-label{font-family:MiSans;line-height:16px;color:#909399;white-space:nowrap}.tab-item .year-line .year-right{display:flex;flex-wrap:wrap;align-items:center}.tab-item .year-line .year-right .year-value{font-family:Oswald;line-height:16px;color:#00deff}.tab-item .year-line .year-right .year-text,.tab-item .year-line .year-right .year-total{font-family:Oswald;line-height:16px;color:#fff}.tab-item .bottom-bar{width:100%;height:8px;margin-top:8px;background-color:rgba(255,255,255,.1)}.tab-item .bottom-bar .bar-value{height:100%;background:#00deff}
+.dv-bmp-algae-monitoring-box{display:flex;padding:30px 20px 16px}.dv-bmp-algae-monitoring-box .algae-monitoring-echarts{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:5px 0}.dv-bmp-algae-monitoring-box .algae-monitoring-echarts .abso-pie{position:absolute;top:50%;left:50%;width:120px;height:120px;border:1px solid rgba(255,255,255,.4);border-radius:50%;transform:translate(-50%,-50%)}.dv-bmp-algae-monitoring-box .algae-monitoring-echarts .completeBox{width:100px;height:100px;border-radius:50%;box-shadow:0 0 10px 3px rgba(0,221,255,.4)}.dv-bmp-algae-monitoring-box .algae-monitoring-items{padding:16px;margin-left:16px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:183px;height:36px;padding:4px 16px 4px 12px;background:linear-gradient(0deg,rgba(0,166,255,.21) 0,rgba(0,191,255,.06) 39%,rgba(0,229,255,0) 100%);border:1px solid;border-image:linear-gradient(180deg,rgba(0,212,255,.3) 0,rgba(0,216,216,0) 24%,rgba(0,222,238,0) 77%,rgba(0,198,238,.3) 100%) 1}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item.last-item{margin-top:24px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-icon{height:20px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-title{display:block;width:90px;font-family:"Microsoft YaHei";font-size:16px;font-weight:700;color:#fff;text-align:left}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-title.algae-title-diff{position:relative;left:-4px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-num{font-family:Oswald;font-size:22px;font-weight:500;color:#0df}.dv-bmp-tab-item .title,.dv-bmp-tab-item .today-line .label{font-family:MiSans;font-weight:500;text-align:center;letter-spacing:0}.dv-bmp-event-list{width:376px;height:192px}.dv-bmp-event-list .custom-table{height:192px}.dv-bmp-event-list .custom-table .custom-table-header{display:flex;align-items:center;width:100%;height:32px;font-size:14px;font-weight:500;color:#909399;background:rgba(62,126,194,.2)}.dv-bmp-event-list .custom-table .custom-table-header .auto-width{flex:1;text-align:center}.dv-bmp-event-list .custom-table .custom-table-header .fixed-width{text-align:center}.dv-bmp-event-list .custom-table .custom-table-body{width:100%;height:160px;font-size:14px;font-weight:500;color:#fff}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-row{display:flex;align-items:center;width:100%;height:32px}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-row:nth-child(2n){background:rgba(255,255,255,.08)}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.undisposed{color:#f84439}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.handing{color:#fdbd00}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.disposed{color:#15f3a3}.dv-bmp-event-list .custom-table .custom-table-body .auto-width{flex:1;text-align:center}.dv-bmp-event-list .custom-table .custom-table-body .fixed-width{text-align:center}.dv-bmp-tab-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:182px;height:136px;padding:16px;overflow:hidden;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.dv-bmp-tab-item .title{margin-bottom:24px;font-size:16px;line-height:16px;color:#fff}.dv-bmp-tab-item .today-line{display:flex;align-items:center}.dv-bmp-tab-item .today-line .label{margin-right:4px;font-size:16px;line-height:16px;color:#909399;white-space:nowrap}.dv-bmp-tab-item .today-line .today-right{display:flex;flex-wrap:wrap;align-items:center}.dv-bmp-tab-item .today-line .today-right .value{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#15f3a3;text-align:center;letter-spacing:0}.dv-bmp-tab-item .today-line .today-right .label-num,.dv-bmp-tab-item .today-line .today-right .text{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#fff;text-align:center;letter-spacing:0}.dv-bmp-tab-item .today-line .today-right .chart{width:16px;height:16px;margin-left:8px}.dv-bmp-tab-item .year-line{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:16px}.dv-bmp-tab-item .year-line .year-label{font-family:MiSans;font-size:16px;font-weight:500;line-height:16px;color:#909399;text-align:center;letter-spacing:0;white-space:nowrap}.dv-bmp-tab-item .year-line .year-right{display:flex;flex-wrap:wrap;align-items:center}.dv-bmp-tab-item .year-line .year-right .year-value{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#00deff;text-align:center;letter-spacing:0}.dv-bmp-tab-item .year-line .year-right .year-text,.dv-bmp-tab-item .year-line .year-right .year-total{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#fff;text-align:center;letter-spacing:0}.dv-bmp-tab-item .bottom-bar{width:100%;height:8px;margin-top:8px;background-color:rgba(255,255,255,.1)}.dv-bmp-tab-item .bottom-bar .bar-value{height:100%;background:#00deff}