@ued_fpi/data-visual 1.2.5 → 1.2.7

package/dist/style/base.css

@@ -1,4 +1,122 @@
-:root {
+html {
+    /* shadow */
+    --dv-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.16);
+    --dv-box-shadow-dark: 0 8px 16px -8px rgba(0, 0, 0, 0.16), 0 12px 32px 0 rgba(0, 0, 0, 0.12), 0 16px 48px 16px rgba(0, 0, 0, 0.08);
+    --dv-box-shadow-light: 0 0 12px 0 rgba(0, 0, 0, 0.12);
+    --dv-box-shadow-lighter: 0 0 6px 0 rgba(0, 0, 0, 0.12);
+
+    /* background */
+    --dv-color-background-base: #fff;
+    --dv-color-background-overlay: #fff;
+    --dv-color-background-page: #f2f3f5;
+
+    /* border */
+    --dv-color-border-base: #dcdfe6;
+    --dv-color-border-dark: #d4d7de;
+    --dv-color-border-darker: #cdd0d6; /* 鼠标移上时边框 */
+    --dv-color-border-extra-light: #f2f6fc;
+    --dv-color-border-light: #e4e7ed;
+    --dv-color-border-lighter: #ebeef5;
+
+    /* danger */
+    --dv-color-danger: #ff4d4f;
+    --dv-color-danger-10: #fee;
+    --dv-color-danger-20: #ffdbdc;
+    --dv-color-danger-30: #ffc9ca;
+    --dv-color-danger-50: #ffa6a7;
+    --dv-color-danger-70: #ff8283;
+    --dv-color-danger-80: #ff7172;
+    --dv-color-danger-110: #cc3e3f;
+
+    /* fill */
+    --dv-color-fill-base: #f0f2f5;
+    --dv-color-fill-blanket: #fff;
+    --dv-color-fill-dark: #ebedf0;
+    --dv-color-fill-darker: #e6e8eb;
+    --dv-color-fill-extra-light: #fafcff;
+    --dv-color-fill-light: #f5f7fa;
+    --dv-color-fill-lighter: #fafafa;
+
+    /* index */
+    --dv-color-index: #1677ff;
+    --dv-color-index-10: #e8f2ff;
+    --dv-color-index-20: #d0e4ff;
+    --dv-color-index-30: #b9d6ff;
+    --dv-color-index-50: #8bbbff;
+    --dv-color-index-70: #5ba0ff;
+    --dv-color-index-80: #4592ff;
+    --dv-color-index-110: #125fcc;
+
+    /* info */
+    --dv-color-info-10: #f4f4f5;
+    --dv-color-info-100: #909399;
+    --dv-color-info-20: #e9e9eb;
+    --dv-color-info-30: #dedfe0;
+    --dv-color-info-50: #c7c9cc;
+    --dv-color-info-70: #b1b3b8;
+    --dv-color-info-110: #73767a;
+
+    /* primary */
+    --dv-color-primary: #1677ff;
+    --dv-color-primary-10: #e8f2ff;
+    --dv-color-primary-20: #d0e4ff;
+    --dv-color-primary-30: #b9d6ff;
+    --dv-color-primary-50: #8bbbff;
+    --dv-color-primary-70: #5ba0ff;
+    --dv-color-primary-80: #4592ff;
+    --dv-color-primary-110: #125fcc;
+
+    /* success */
+    --dv-color-success: #52c41a;
+    --dv-color-success-10: #eef9e9;
+    --dv-color-success-20: #dcf3d1;
+    --dv-color-success-30: #cbedba;
+    --dv-color-success-50: #a9e28d;
+    --dv-color-success-70: #86d65e;
+    --dv-color-success-80: #75d048;
+    --dv-color-success-110: #429d15;
+    --dv-color-text-disable: #c0c4cc; /* 不可用 */
+    --dv-color-text-placeholder: #a8abb2; /* 占位符 */
+    --dv-color-text-primary: #303133; /* 主要文字 */
+    --dv-color-text-regular: #606266; /* 常规文字 */
+    --dv-color-text-secondary: #909399; /* 次要文字 */
+
+    /* warning */
+    --dv-color-warning: #faad14;
+    --dv-color-warning-10: #fff7e8;
+    --dv-color-warning-20: #feefd0;
+    --dv-color-warning-30: #fde6b8;
+    --dv-color-warning-50: #fdd68a;
+    --dv-color-warning-70: #fbc55a;
+    --dv-color-warning-80: #fbbd43;
+    --dv-color-warning-110: #c88a10;
+
+    /* font-size ; */
+    --dv-text-headline1: 16px;
+    --dv-text-headline2: 14px;
+    --dv-text-headline3: 12px;
+    --dv-text-body1: 14px;
+    --dv-text-body2: 12px;
+    --dv-text-body3: 16px;
+    --dv-text-number1: 14px;
+    --dv-text-number2: 12px;
+    --dv-text-number3: 16px;
+    --dv-text-number4: 18px;
+    --dv-text-number5: 20px;
+    --dv-text-number6: 24px;
+    --dv-text-number7: 32px;
+    --dv-text-number8: 40px;
+    --dv-text-number9: 48px;
+    --dv-text-number10: 56px;
+
+    /* font-family */
+    --dv-font-family-number: Oswald;
+
+    /* text-shadow */
+    --dv-text-shadow: rgba(0, 0, 0, 0.5);
+}
+
+html.dark {
     /* color */
     --dv-box-shadow: 0 8px 20px 0 rgba(51, 135, 255, 0.72), 0 12px 32px 4px rgba(51, 135, 255, 0.36);
     --dv-box-shadow-dark: 0 8px 16px -8px #3387ff, 0 12px 32px 0 #3387ff, 0 16px 48px 16px rgba(51, 135, 255, 0.72);
@@ -20,7 +138,7 @@
     --dv-color-danger-50: #7c221c;
     --dv-color-danger-70: #ae3028;
     --dv-color-danger-80: #c6362e;
-    --dv-color-danger-light: #d15e58;
+    --dv-color-danger-110: #d15e58;
     --dv-color-fill-base: rgba(68, 136, 208, 0.1); /* 基础填充 */
     --dv-color-fill-blankt: rgba(68, 136, 208, 0.3);
     --dv-color-fill-dark: rgba(68, 136, 208, 0.05);
@@ -35,7 +153,7 @@
     --dv-color-index-50: #006f7f;
     --dv-color-index-70: #009cb3;
     --dv-color-index-80: #00b2cc;
-    --dv-color-index-light: #33e5ff;
+    --dv-color-index-110: #33e5ff;
     --dv-color-info-10: #000b1a;
     --dv-color-info-100: #0054cc;
     --dv-color-info-20: #001533;
@@ -50,7 +168,7 @@
     --dv-color-primary-50: #003580;
     --dv-color-primary-70: #0049b2;
     --dv-color-primary-80: #0054cc;
-    --dv-color-primary-light: #3387ff;
+    --dv-color-primary-110: #3387ff;
     --dv-color-success: #15f3a3;
     --dv-color-success-10: #021a11;
     --dv-color-success-20: #043322;
@@ -58,7 +176,7 @@
     --dv-color-success-50: #0b8056;
     --dv-color-success-70: #0fb277;
     --dv-color-success-80: #11cc89;
-    --dv-color-success-light: #56e7b3;
+    --dv-color-success-110: #56e7b3;
     --dv-color-text-disable: rgba(255, 255, 255, 0.6); /* 不可用 */
     --dv-color-text-placeholder: rgba(255, 255, 255, 0.3); /* 占位符 */
     --dv-color-text-primary: #fff; /* 主要文字 */
@@ -71,137 +189,113 @@
     --dv-color-warning-50: #7f5f00;
     --dv-color-warning-70: #b18400;
     --dv-color-warning-80: #ca9700;
-    --dv-color-warning-light: #ebbf3d;
-
-    /* font-size ; */
-    --dv-text-headline1: 16px;
-    --dv-text-headline2: 14px;
-    --dv-text-headline3: 12px;
-    --dv-text-body1: 14px;
-    --dv-text-body2: 12px;
-    --dv-text-body3: 16px;
-    --dv-text-number1: 14px;
-    --dv-text-number2: 12px;
-    --dv-text-number3: 16px;
-    --dv-text-number4: 18px;
-    --dv-text-number5: 20px;
-    --dv-text-number6: 24px;
-    --dv-text-number7: 32px;
-    --dv-text-number8: 40px;
-    --dv-text-number9: 48px;
-    --dv-text-number10: 56px;
-
-    /* font-family */
-    --dv-font-family-number: Oswald;
-
-    /* text-shadow */
-    --dv-text-shadow: rgba(0, 0, 0, 0.5);
-}
-
-.light {
-    --dv-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.16);
-    --dv-box-shadow-dark: 0 8px 16px -8px rgba(0, 0, 0, 0.16), 0 12px 32px 0 rgba(0, 0, 0, 0.12), 0 16px 48px 16px rgba(0, 0, 0, 0.08);
-    --dv-box-shadow-light: 0 0 12px 0 rgba(0, 0, 0, 0.12);
-    --dv-box-shadow-lighter: 0 0 6px 0 rgba(0, 0, 0, 0.12);
-    --dv-color-background-base: #fff;
-    --dv-color-background-overlay: #fff;
-    --dv-color-background-page: #f2f3f5;
-    --dv-color-border-base: #dcdfe6;
-    --dv-color-border-dark: #d4d7de;
-    --dv-color-border-darker: #cdd0d6; /* 鼠标移上时边框 */
-    --dv-color-border-extra-light: #f2f6fc;
-    --dv-color-border-light: #e4e7ed;
-    --dv-color-border-lighter: #ebeef5;
-    --dv-color-danger: #ff4d4f;
-    --dv-color-danger-10: #fee;
-    --dv-color-danger-20: #ffdbdc;
-    --dv-color-danger-30: #ffc9ca;
-    --dv-color-danger-50: #ffa6a7;
-    --dv-color-danger-70: #ff8283;
-    --dv-color-danger-80: #ff7172;
-    --dv-color-danger-dark: #cc3e3f;
-    --dv-color-fill-base: #f0f2f5;
-    --dv-color-fill-blanket: #fff;
-    --dv-color-fill-dark: #ebedf0;
-    --dv-color-fill-darker: #e6e8eb;
-    --dv-color-fill-extra-light: #fafcff;
-    --dv-color-fill-light: #f5f7fa;
-    --dv-color-fill-lighter: #fafafa;
-    --dv-color-index: #1677ff;
-    --dv-color-index-10: #e8f2ff;
-    --dv-color-index-20: #d0e4ff;
-    --dv-color-index-30: #b9d6ff;
-    --dv-color-index-50: #8bbbff;
-    --dv-color-index-70: #5ba0ff;
-    --dv-color-index-80: #4592ff;
-    --dv-color-index-dark: #125fcc;
-    --dv-color-info-10: #f4f4f5;
-    --dv-color-info-100: #909399;
-    --dv-color-info-20: #e9e9eb;
-    --dv-color-info-30: #dedfe0;
-    --dv-color-info-50: #c7c9cc;
-    --dv-color-info-70: #b1b3b8;
-    --dv-color-info-dark: #73767a;
-    --dv-color-primary: #1677ff;
-    --dv-color-primary-10: #e8f2ff;
-    --dv-color-primary-20: #d0e4ff;
-    --dv-color-primary-30: #b9d6ff;
-    --dv-color-primary-50: #8bbbff;
-    --dv-color-primary-70: #5ba0ff;
-    --dv-color-primary-80: #4592ff;
-    --dv-color-primary-dark: #125fcc;
-    --dv-color-success: #52c41a;
-    --dv-color-success-10: #eef9e9;
-    --dv-color-success-20: #dcf3d1;
-    --dv-color-success-30: #cbedba;
-    --dv-color-success-50: #a9e28d;
-    --dv-color-success-70: #86d65e;
-    --dv-color-success-80: #75d048;
-    --dv-color-success-dark: #429d15;
-    --dv-color-text-disable: #c0c4cc; /* 不可用 */
-    --dv-color-text-placeholder: #a8abb2; /* 占位符 */
-    --dv-color-text-primary: #303133; /* 主要文字 */
-    --dv-color-text-regular: #606266; /* 常规文字 */
-    --dv-color-text-secondary: #909399; /* 次要文字 */
-    --dv-color-warning: #faad14;
-    --dv-color-warning-10: #fff7e8;
-    --dv-color-warning-20: #feefd0;
-    --dv-color-warning-30: #fde6b8;
-    --dv-color-warning-50: #fdd68a;
-    --dv-color-warning-70: #fbc55a;
-    --dv-color-warning-80: #fbbd43;
-    --dv-color-warning-dark: #c88a10;
+    --dv-color-warning-110: #ebbf3d;
 }
 
 html.dark {
     color-scheme: dark;
 
-    --el-bg-color-overlay: #051a39;
-    --el-fill-color-light: #000b1a;
-    --el-color-primary: #3387ff;
-    --el-border-color: #0049b2;
+    /* --el-bg-color-overlay: #051a39;
+    --el-fill-color-light: #000b1a; */
+
+    /* --el-disabled-bg-color: var(); */
+
+    /* --el-input-hover-border-color: var(--dv-color-primary);
+    --el-select-input-focus-border-color: var(--dv-color-index);
+    --el-color-primary: var(--dv-color-primary-110);
+    --el-border-color: var(--dv-color-primary-50);
     --el-input-bg-color: var(--dv-color-primary-20);
     --el-border-color-light: var(--dv-color-primary-50);
-    --el-border-color-hover: var(--dv-color-primary-50);
-}
+    --el-border-color-hover: var(--dv-color-primary-50); */
 
-/* html.dark .el-button {
-    --el-button-disabled-text-color: rgba(255, 255, 255, 0.5);
-}
+    /* --el-border-color-hover: var(--dv-color-primary-50); */
 
-html.dark .el-card {
-    --el-card-bg-color: var(--el-bg-color-overlay);
-}
+    /* primary */
+    --el-color-primary: var(--dv-color-primary);
+    --el-color-primary-light-3: var(--dv-color-primary-70);
+    --el-color-primary-light-5: var(--dv-color-primary-50);
+    --el-color-primary-light-7: var(--dv-color-primary-30);
+    --el-color-primary-light-8: var(--dv-color-primary-20);
+    --el-color-primary-light-9: var(--dv-color-primary-10);
+    --el-color-primary-dark-2: var(--dv-color-primary-110);
+
+    /* success */
+    --el-color-success: var(--dv-color-success);
+    --el-color-success-light-3: var(--dv-color-success-70);
+    --el-color-success-light-5: var(--dv-color-success-50);
+    --el-color-success-light-7: var(--dv-color-success-30);
+    --el-color-success-light-8: var(--dv-color-success-20);
+    --el-color-success-light-9: var(--dv-color-success-10);
+    --el-color-success-dark-2: var(--dv-color-success-110);
+
+    /* warning */
+    --el-color-warning: var(--dv-color-warning);
+    --el-color-warning-light-3: var(--dv-color-warning-70);
+    --el-color-warning-light-5: var(--dv-color-warning-50);
+    --el-color-warning-light-7: var(--dv-color-warning-30);
+    --el-color-warning-light-8: var(--dv-color-warning-20);
+    --el-color-warning-light-9: var(--dv-color-warning-10);
+    --el-color-warning-dark-2: var(--dv-color-warning-110);
+
+    /* danger */
+    --el-color-danger: var(--dv-color-danger);
+    --el-color-danger-light-3: var(--dv-color-danger-70);
+    --el-color-danger-light-5: var(--dv-color-danger-50);
+    --el-color-danger-light-7: var(--dv-color-danger-30);
+    --el-color-danger-light-8: var(--dv-color-danger-20);
+    --el-color-danger-light-9: var(--dv-color-danger-10);
+    --el-color-danger-dark-2: var(--dv-color-danger-110);
+
+    /* error */
+
+    /* --el-color-error: var(--dv-color-error);
+    --el-color-error-light-3: var(--dv-color-error-70);
+    --el-color-error-light-5: var(--dv-color-error-50);
+    --el-color-error-light-7: var(--dv-color-error-30);
+    --el-color-error-light-8: var(--dv-color-error-20);
+    --el-color-error-light-9: var(--dv-color-error-10);
+    --el-color-error-dark-2: var(--dv-color-error-110); */
 
-html.dark .el-empty {
-    --el-empty-fill-color-0: var(--el-color-black);
-    --el-empty-fill-color-1: #4b4b52;
-    --el-empty-fill-color-2: #36383d;
-    --el-empty-fill-color-3: #1e1e20;
-    --el-empty-fill-color-4: #262629;
-    --el-empty-fill-color-5: #202124;
-    --el-empty-fill-color-6: #212224;
-    --el-empty-fill-color-7: #1b1c1f;
-    --el-empty-fill-color-8: #1c1d1f;
-    --el-empty-fill-color-9: #18181a;
-} */
+    /* info */
+    --el-color-info: var(--dv-color-info-100);
+    --el-color-info-light-3: var(--dv-color-info-70);
+    --el-color-info-light-5: var(--dv-color-info-50);
+    --el-color-info-light-7: var(--dv-color-info-30);
+    --el-color-info-light-8: var(--dv-color-info-20);
+    --el-color-info-light-9: var(--dv-color-info-10);
+    --el-color-info-dark-2: var(--dv-color-info-110);
+
+    /* bg */
+    --el-bg-color-page: var(--dv-color-background-page);
+    --el-bg-color: var(--dv-color-background-base);
+    --el-bg-color-overlay: var(--dv-color-background-overlay);
+
+    /* text */
+    --el-text-color-primary: var(--dv-color-text-primary);
+    --el-text-color-regular: var(--dv-color-text-regular);
+    --el-text-color-secondary: var(--dv-color-text-secondary);
+    --el-text-color-placeholder: var(--dv-color-text-placeholder);
+    --el-text-color-disabled: var(--dv-color-text-disable);
+
+    /* border */
+    --el-border-color-darker: var(--dv-color-border-darker);
+    --el-border-color-dark: var(--dv-color-border-dark);
+    --el-border-color: var(--dv-color-border-base);
+    --el-border-color-light: var(--dv-color-border-light);
+    --el-border-color-lighter: var(--dv-color-border-lighter);
+    --el-border-color-extra-light: var(--dv-color-border-extra-light);
+
+    /* fill */
+    --el-fill-color-darker: var(--dv-color-fill-darker);
+    --el-fill-color-dark: var(--dv-color-fill-dark);
+    --el-fill-color: var(--dv-color-fill-base);
+    --el-fill-color-light: var(--dv-color-fill-light);
+    --el-fill-color-lighter: var(--dv-color-fill-lighter);
+    --el-fill-color-extra-light: var(--dv-color-fill-extra-light);
+    --el-fill-color-blank: var(--dv-color-fill-blank);
+
+    /* disabled */
+    --el-disabled-bg-color: var(--dv-color-fill-light);
+    --el-disabled-text-color: var(--dv-text-color-placeholder);
+    --el-disabled-border-color: var(--dv-color-border-lighter);
+}

package/dist/style/style-bmp.css

@@ -1 +1 @@
-.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:var(--dv-font-family-number);font-size:22px;font-weight:500;color:#0df}.dv-bmp-tab-item .title,.dv-bmp-tab-item .today-line .label,.dv-bmp-tab-item .today-line .today-right .label-num,.dv-bmp-tab-item .today-line .today-right .text,.dv-bmp-tab-item .today-line .today-right .value,.dv-bmp-tab-item .year-line .year-label,.dv-bmp-tab-item .year-line .year-right .year-text,.dv-bmp-tab-item .year-line .year-right .year-total,.dv-bmp-tab-item .year-line .year-right .year-value{font-size:16px;line-height:16px;letter-spacing:0;font-weight:500;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;color:#fff}.dv-bmp-tab-item .today-line{display:flex;align-items:center}.dv-bmp-tab-item .today-line .label{margin-right:4px;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:var(--dv-font-family-number);color:#15f3a3}.dv-bmp-tab-item .today-line .today-right .label-num,.dv-bmp-tab-item .today-line .today-right .text{font-family:var(--dv-font-family-number);color:#fff}.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{color:#909399;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:var(--dv-font-family-number);color:#00deff}.dv-bmp-tab-item .year-line .year-right .year-text,.dv-bmp-tab-item .year-line .year-right .year-total{font-family:var(--dv-font-family-number);color:#fff}.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}.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-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-color:var(--dv-color-fill-base);border:1px solid var(--dv-color-border-base)}.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;font-size:16px;color:var(--dv-color-text-primary)}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-title{display:block;width:90px;font-family:MiSans;font-size:16px;font-weight:700;color:var(--dv-color-text-primary);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:var(--dv-font-family-number);font-size:16px;font-weight:500;color:var(--dv-color-index)}.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-color:var(--dv-color-fill-base);border:1px solid var(--dv-color-border-base);border-radius:4px}.dv-bmp-tab-item .title{margin-bottom:24px;font-size:16px;font-weight:500;line-height:16px;color:var(--dv-color-text-primary);text-align:center;letter-spacing:0}.dv-bmp-tab-item .today-line{display:flex;align-items:center}.dv-bmp-tab-item .today-line .label{margin-right:4px;font-size:16px;font-weight:500;line-height:16px;color:var(--dv-color-text-secondary);text-align:center;letter-spacing:0;white-space:nowrap}.dv-bmp-event-list .custom-table .custom-table-header,.dv-bmp-tab-item .today-line .today-right .label-num,.dv-bmp-tab-item .today-line .today-right .text,.dv-bmp-tab-item .today-line .today-right .value,.dv-bmp-tab-item .year-line .year-label,.dv-bmp-tab-item .year-line .year-right .year-text,.dv-bmp-tab-item .year-line .year-right .year-total,.dv-bmp-tab-item .year-line .year-right .year-value{line-height:14px;letter-spacing:0;font-size:14px;font-weight:500}.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:var(--dv-font-family-number);color:var(--dv-color-success);text-align:center}.dv-bmp-tab-item .today-line .today-right .text{font-family:var(--dv-font-family-number);color:var(--dv-color-text-placeholder);text-align:center}.dv-bmp-tab-item .today-line .today-right .label-num{font-family:var(--dv-font-family-number);color:var(--dv-color-text-primary);text-align:center}.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{color:var(--dv-color-text-secondary);text-align:center;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:var(--dv-font-family-number);color:#00deff;text-align:center}.dv-bmp-tab-item .year-line .year-right .year-text{font-family:var(--dv-font-family-number);color:var(--dv-color-text-placeholder);text-align:center}.dv-bmp-tab-item .year-line .year-right .year-total{font-family:var(--dv-font-family-number);color:#fff;text-align:center}.dv-bmp-tab-item .bottom-bar{width:100%;height:8px;margin-top:8px;background-color:var(--dv-color-fill-lighter)}.dv-bmp-tab-item .bottom-bar .bar-value{height:100%;background:var(--dv-color-index)}.dv-bmp-event-list{width:376px;height:192px;font-family:MiSans}.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;color:var(--dv-color-text-secondary);background-color:var(--dv-color-fill-base)}.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:var(--dv-color-text-primary)}.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:var(--dv-color-fill-base)}.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:var(--dv-color-danger)}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.handing{color:var(--dv-color-warning)}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.disposed{color:var(--dv-color-success)}.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}