@ued_fpi/data-visual 1.1.2 → 1.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/dist/.DS_Store +0 -0
- package/dist/es/index.mjs +7 -7
- package/dist/es/ipes/src/common/Echarts.vue.mjs +1 -1
- package/dist/es/ipes/src/common/Echarts.vue3.mjs +2 -2
- package/dist/es/ipes/src/common/IpesPercentBar.vue.mjs +1 -1
- package/dist/es/ipes/src/common/IpesPercentBar.vue2.mjs +2 -2
- package/dist/es/ipes/src/common/IpesProgressBar.vue.mjs +1 -1
- package/dist/es/ipes/src/common/IpesProgressBar.vue2.mjs +2 -2
- package/dist/es/style.css +3901 -3901
- package/dist/es/wgms/src/ChlorophyllAchangeRate/index.d.ts +1 -1
- package/dist/es/wgms/src/ChlorophyllAchangeRate/index.mjs +2 -2
- package/dist/es/wgms/src/FactorTopThreeRanking/index.d.ts +1 -1
- package/dist/es/wgms/src/FactorTopThreeRanking/index.mjs +2 -2
- package/dist/es/wgms/src/KeyRiverWaterQualityEvaluation/index.d.ts +1 -1
- package/dist/es/wgms/src/KeyRiverWaterQualityEvaluation/index.mjs +2 -2
- package/dist/es/wgms/src/SewageOutletsOnlineMonitor/index.d.ts +1 -1
- package/dist/es/wgms/src/SewageOutletsOnlineMonitor/index.mjs +2 -2
- package/dist/es/wgms/src/WaterEnvironmentOnlineMonitor/index.d.ts +1 -1
- package/dist/es/wgms/src/WaterEnvironmentOnlineMonitor/index.mjs +2 -2
- package/dist/es/wgms/src/WaterQualityClassification/index.d.ts +1 -1
- package/dist/es/wgms/src/WaterQualityClassification/index.mjs +2 -2
- package/dist/es/wgms/src/WaterQualityStatus/index.d.ts +1 -1
- package/dist/es/wgms/src/WaterQualityStatus/index.mjs +2 -2
- package/dist/es/wgms/src/common/select-panel.vue.mjs +1 -4
- package/dist/es/wgms/src/index.mjs +7 -7
- package/dist/lib/index.js +7 -7
- package/dist/lib/ipes/src/common/Echarts.vue.js +1 -1
- package/dist/lib/ipes/src/common/Echarts.vue3.js +2 -2
- package/dist/lib/ipes/src/common/IpesPercentBar.vue.js +1 -1
- package/dist/lib/ipes/src/common/IpesPercentBar.vue2.js +2 -2
- package/dist/lib/ipes/src/common/IpesProgressBar.vue.js +1 -1
- package/dist/lib/ipes/src/common/IpesProgressBar.vue2.js +2 -2
- package/dist/lib/style.css +3901 -3901
- package/dist/lib/wgms/src/ChlorophyllAchangeRate/index.d.ts +1 -1
- package/dist/lib/wgms/src/ChlorophyllAchangeRate/index.js +2 -2
- package/dist/lib/wgms/src/FactorTopThreeRanking/index.d.ts +1 -1
- package/dist/lib/wgms/src/FactorTopThreeRanking/index.js +2 -2
- package/dist/lib/wgms/src/KeyRiverWaterQualityEvaluation/index.d.ts +1 -1
- package/dist/lib/wgms/src/KeyRiverWaterQualityEvaluation/index.js +2 -2
- package/dist/lib/wgms/src/SewageOutletsOnlineMonitor/index.d.ts +1 -1
- package/dist/lib/wgms/src/SewageOutletsOnlineMonitor/index.js +2 -2
- package/dist/lib/wgms/src/WaterEnvironmentOnlineMonitor/index.d.ts +1 -1
- package/dist/lib/wgms/src/WaterEnvironmentOnlineMonitor/index.js +2 -2
- package/dist/lib/wgms/src/WaterQualityClassification/index.d.ts +1 -1
- package/dist/lib/wgms/src/WaterQualityClassification/index.js +2 -2
- package/dist/lib/wgms/src/WaterQualityStatus/index.d.ts +1 -1
- package/dist/lib/wgms/src/WaterQualityStatus/index.js +2 -2
- package/dist/lib/wgms/src/common/select-panel.vue.js +0 -3
- package/dist/lib/wgms/src/index.js +7 -7
- package/dist/style/style-aims.css +1 -0
- package/dist/style/style-bmp.css +1 -0
- package/dist/style/style-ipes.css +1 -0
- package/dist/style/style-wgms.css +1 -0
- package/package.json +3 -2
|
@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
|
|
|
5
5
|
const tools = require('../../utils/tools.js');
|
|
6
6
|
const index = require('./index.vue.js');
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const DvWgmsChlorophyllAChangeRate = tools.install(index.default);
|
|
9
9
|
|
|
10
10
|
exports.default = index.default;
|
|
11
|
-
exports.
|
|
11
|
+
exports.DvWgmsChlorophyllAChangeRate = DvWgmsChlorophyllAChangeRate;
|
|
@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
|
|
|
5
5
|
const tools = require('../../utils/tools.js');
|
|
6
6
|
const index = require('./index.vue.js');
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const DvWgmsFactorTopThreeRanking = tools.install(index.default);
|
|
9
9
|
|
|
10
10
|
exports.default = index.default;
|
|
11
|
-
exports.
|
|
11
|
+
exports.DvWgmsFactorTopThreeRanking = DvWgmsFactorTopThreeRanking;
|
|
@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
|
|
|
5
5
|
const tools = require('../../utils/tools.js');
|
|
6
6
|
const index = require('./index.vue.js');
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const DvWgmsKeyRiverWaterQualityEvaluation = tools.install(index.default);
|
|
9
9
|
|
|
10
10
|
exports.default = index.default;
|
|
11
|
-
exports.
|
|
11
|
+
exports.DvWgmsKeyRiverWaterQualityEvaluation = DvWgmsKeyRiverWaterQualityEvaluation;
|
|
@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
|
|
|
5
5
|
const tools = require('../../utils/tools.js');
|
|
6
6
|
const index = require('./index.vue.js');
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const DvWgmsSewageOutletsOnlineMonitor = tools.install(index.default);
|
|
9
9
|
|
|
10
10
|
exports.default = index.default;
|
|
11
|
-
exports.
|
|
11
|
+
exports.DvWgmsSewageOutletsOnlineMonitor = DvWgmsSewageOutletsOnlineMonitor;
|
|
@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
|
|
|
5
5
|
const tools = require('../../utils/tools.js');
|
|
6
6
|
const index = require('./index.vue.js');
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const DvWgmsWaterEnvironmentOnlineMonitor = tools.install(index.default);
|
|
9
9
|
|
|
10
10
|
exports.default = index.default;
|
|
11
|
-
exports.
|
|
11
|
+
exports.DvWgmsWaterEnvironmentOnlineMonitor = DvWgmsWaterEnvironmentOnlineMonitor;
|
|
@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
|
|
|
5
5
|
const tools = require('../../utils/tools.js');
|
|
6
6
|
const index = require('./index.vue.js');
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const DvWgmsWaterQualityClassification = tools.install(index.default);
|
|
9
9
|
|
|
10
10
|
exports.default = index.default;
|
|
11
|
-
exports.
|
|
11
|
+
exports.DvWgmsWaterQualityClassification = DvWgmsWaterQualityClassification;
|
|
@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
|
|
|
5
5
|
const tools = require('../../utils/tools.js');
|
|
6
6
|
const index = require('./index.vue.js');
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const DvWgmsWaterQualityStatus = tools.install(index.default);
|
|
9
9
|
|
|
10
10
|
exports.default = index.default;
|
|
11
|
-
exports.
|
|
11
|
+
exports.DvWgmsWaterQualityStatus = DvWgmsWaterQualityStatus;
|
|
@@ -81,9 +81,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
81
81
|
emits: ["change"],
|
|
82
82
|
setup(__props, { emit }) {
|
|
83
83
|
const props = __props;
|
|
84
|
-
vue.useCssVars((_ctx) => ({
|
|
85
|
-
"2b689ab8": __props.arrowScale
|
|
86
|
-
}));
|
|
87
84
|
const data = vue.reactive({
|
|
88
85
|
isShowOption: false,
|
|
89
86
|
label: "--",
|
|
@@ -29,12 +29,12 @@ const index$m = require('./PollutionSourceControl/index.js');
|
|
|
29
29
|
|
|
30
30
|
|
|
31
31
|
exports.DvWgmsEnvironmentalAnalysis = index.DvWgmsEnvironmentalAnalysis;
|
|
32
|
-
exports.
|
|
33
|
-
exports.
|
|
32
|
+
exports.DvWgmsWaterQualityClassification = index$1.DvWgmsWaterQualityClassification;
|
|
33
|
+
exports.DvWgmsWaterQualityStatus = index$2.DvWgmsWaterQualityStatus;
|
|
34
34
|
exports.DvWgmsWaterQualityRainfall = index$3.DvWgmsWaterQualityRainfall;
|
|
35
|
-
exports.
|
|
36
|
-
exports.
|
|
37
|
-
exports.
|
|
35
|
+
exports.DvWgmsWaterEnvironmentOnlineMonitor = index$4.DvWgmsWaterEnvironmentOnlineMonitor;
|
|
36
|
+
exports.DvWgmsSewageOutletsOnlineMonitor = index$5.DvWgmsSewageOutletsOnlineMonitor;
|
|
37
|
+
exports.DvWgmsKeyRiverWaterQualityEvaluation = index$6.DvWgmsKeyRiverWaterQualityEvaluation;
|
|
38
38
|
exports.DrinkingWaterComplianceRate = index$7.DrinkingWaterComplianceRate;
|
|
39
39
|
exports.DvWgmsSevenDayKline = index$8.DvWgmsSevenDayKline;
|
|
40
40
|
exports.DvWgmsSurroundingPollution = index$9.DvWgmsSurroundingPollution;
|
|
@@ -43,8 +43,8 @@ exports.DvWgmsUpstreamImpact = index$b.DvWgmsUpstreamImpact;
|
|
|
43
43
|
exports.DvWgmsCrossSectionCorrelation = index$c.DvWgmsCrossSectionCorrelation;
|
|
44
44
|
exports.DvWgmsUpstreamSection = index$d.DvWgmsUpstreamSection;
|
|
45
45
|
exports.DvWgmsSubordinateRanking = index$e.DvWgmsSubordinateRanking;
|
|
46
|
-
exports.
|
|
47
|
-
exports.
|
|
46
|
+
exports.DvWgmsChlorophyllAChangeRate = index$f.DvWgmsChlorophyllAChangeRate;
|
|
47
|
+
exports.DvWgmsFactorTopThreeRanking = index$g.DvWgmsFactorTopThreeRanking;
|
|
48
48
|
exports.DvWgmsDistributionPoints = index$h.DvWgmsDistributionPoints;
|
|
49
49
|
exports.DvWgmsLakeRiverIndex = index$i.DvWgmsLakeRiverIndex;
|
|
50
50
|
exports.DvWgmsChangesAlongTheProcess = index$j.DvWgmsChangesAlongTheProcess;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.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-calendar-container .date-time .arrow,.fpi-basic-dialog-close{width:12px;cursor:pointer}.air-quality-realtime-bottom-item .name{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#fff}.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}.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-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%}.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}.cieq-contributio-ratio-container{height:170px}.cieq-contributio-ratio-echarts{width:100%;height:100%}.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;font-weight:600;line-height:20px;letter-spacing:0;box-sizing:border-box}.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{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,.fpi-basic-dialog-header-title{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%}
|
|
@@ -0,0 +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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.air-quality .real-time-air .factor-name,.air-quality .real-time-air .real-number,.air-quality .real-time-air .real-time,.air-quality .real-time-air .real-title{font-family:MicrosoftYaHei;letter-spacing:0;font-weight:400}.mgb8{margin-top:8px}.air-quality .real-time-air{position:relative;height:96px}.air-quality .real-time-air .canvas-class{position:absolute;bottom:0;left:0}.air-quality .real-time-air .real-time-air-up{position:absolute;bottom:0;left:0;width:100%;height:96px}.air-quality .real-time-air .real-title{position:absolute;top:10px;left:16px;font-size:14px;color:#fff;opacity:.5}.air-quality .real-time-air .real-time{position:absolute;top:12px;left:109px;font-size:12px;color:#fff;opacity:.5}.air-quality .real-time-air .real-number{position:absolute;top:36px;left:20px;font-size:40px;color:#ffd902}.air-quality .real-time-air .factor-name{position:absolute;top:47px;left:80px;font-size:12px;color:#fff}.air-quality .real-time-air .factor-status{position:absolute;top:65px;left:80px;height:16px;font-family:MicrosoftYaHei-Bold;font-size:12px;font-weight:700;color:#ffd902;letter-spacing:0}.air-quality .real-time-air .first-pollute,.air-quality .real-time-air .other-factore,.air-quality .year-air-quality .excellent-rate .name{font-family:MicrosoftYaHei;font-size:12px;position:absolute;letter-spacing:0}.air-quality .real-time-air .first-pollute{top:65px;left:116px;width:24px;height:16px;font-weight:400;color:#fff;opacity:.5}.air-quality .real-time-air .other-factore{top:65px;left:144px;width:70px;height:16px;font-weight:400;color:#fff}.air-quality .real-time-air .other-factore .text{width:10px;overflow:hidden;text-overflow:ellipsis}.air-quality .year-air-quality{height:290px;margin:5px 0;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.11);border-radius:4px}.air-quality .year-air-quality .year-air-title{height:30px;font-size:14px;font-weight:400;line-height:30px;line-height:32px;color:#fff;text-indent:10px}.air-quality .year-air-quality .excellent-rate{position:relative;height:64px;background-image:url(./images/leaf1.png)}.air-quality .year-air-quality .excellent-rate .icon-img{position:absolute;top:5px;left:8px;width:56px;height:56px;background-image:url(./images/excellent-rate.png);background-repeat:round}.air-quality .year-air-quality .excellent-rate .name{top:8px;left:78px;font-weight:400}.air-quality .year-air-quality .excellent-rate .number{position:absolute;top:30px;left:78px;font-family:BebasNeue-Regular;font-size:24px;font-weight:400;color:#0eed95}.air-quality .year-air-quality .quality-table .table-row-header{display:flex;height:25px;font-size:12px;font-weight:400;line-height:25px;color:#8fafc7}.air-quality .year-air-quality .quality-table .table-row-header>div{flex:1}.air-quality .year-air-quality .quality-table .table-row-header .row-header1{text-indent:5px}.air-quality .year-air-quality .quality-table .table-row-header .row-header2,.air-quality .year-air-quality .quality-table .table-row-header .row-header3{text-align:center}.air-quality .year-air-quality .quality-table .table-row-body{display:flex;height:28px;line-height:28px}.air-quality .year-air-quality .quality-table .table-row-body>div{flex:1}.air-quality .year-air-quality .quality-table .table-row-body .row-body1{font-size:14px;text-indent:8px}.air-quality .year-air-quality .quality-table .table-row-body .row-body2{text-align:center}.air-quality .year-air-quality .quality-table .table-row-body .row-body3{color:#8fafc7;text-align:center}.air-quality .card-body{display:flex;width:100%;height:45px}.air-quality .card-body>.item:nth-child(1){order:1;word-wrap:break-word}.air-quality .card-body>.item:nth-child(2){order:2}.air-quality .card-body>.item:nth-child(3){order:3}.air-quality .d-flex{display:flex}.air-quality .card-panel-wrapper{float:left;margin:4px 4px 8px 16px;font-size:40px;font-weight:400;color:#00dd78;letter-spacing:0;border-radius:6px;transition:all .38s ease-out}.air-quality .card-panel-description{margin-left:4px;font-weight:700}.air-quality .card-panel-description .card-panel-text{margin-top:14px;margin-bottom:2px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.air-quality .card-panel-description .card-panel-num{font-family:MicrosoftYaHei-Bold;font-size:12px;font-weight:700;color:#00dd78;letter-spacing:0;white-space:nowrap}.air-quality .card-panel-right{height:16px;margin-top:30px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.air-quality .card-panel-right .card-panel-name{margin-right:4px;white-space:nowrap;opacity:.5}.air-quality .card-panel-right .card-panel-main{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.air-quality .card-panel-right .card-panel-main .text{width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.air-pollution{height:304px;color:#fff}.air-pollution .enterprise-statistics{display:flex;align-items:center;height:64px;padding:16px 0 14px 16px}.air-pollution .enterprise-statistics .statistics-charts{position:relative;display:flex;align-items:center;justify-content:center;width:88px;height:44px}.air-pollution .enterprise-statistics .statistics-charts .img1{position:absolute;top:10px;left:5px;width:76.86px!important;animation:radioLineAnimation .9s linear .2s infinite alternate}.air-pollution .enterprise-statistics .statistics-charts .img2{position:absolute;top:11px;left:0;width:88px!important;animation:radioLineAnimation .9s linear .2s infinite alternate}.air-pollution .enterprise-statistics .statistics-list{width:88px;height:100%;margin-left:12.65px;font-size:12px}.air-pollution .enterprise-statistics .statistics-list>div{height:50%;line-height:25px}.air-pollution .enterprise-statistics .statistics-list>div span{display:inline-block}.air-pollution .enterprise-statistics .statistics-list>div span:nth-child(1){width:60%}.air-pollution .enterprise-statistics .statistics-list>div span:nth-child(2){width:20%;color:#03d5fb;text-align:right}.air-pollution .enterprise-statistics .statistics-list>div span:nth-child(3){width:20%;text-indent:4px;opacity:.5}.air-pollution .discharge-total{height:194px;margin:8px;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.air-pollution .discharge-total .discharge-title{height:30px;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;line-height:30px;color:#fff;text-indent:10px;letter-spacing:0}.air-pollution .discharge-total .discharge-title-small{height:20px;font-size:12px;color:#fff;text-indent:10px;opacity:.5}.air-pollution .discharge-total .box{height:calc(100% - 50px);margin:0 10px}.air-pollution .discharge-total .box .chart-statistics{height:33.3333333333%}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-head{display:flex;justify-content:space-between;height:57%;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;line-height:27px;letter-spacing:0}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-head .statistics-head-name{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-head .statistics-head-number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-body{display:flex;align-items:center;height:30%}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-body .chart-statistics-body-box{display:flex;width:100%;height:4px;overflow:hidden;border-radius:4px}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-body .chart-statistics-body-box .statistics-body-left{width:50%;height:4px;background-color:#ffd902}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-body .chart-statistics-body-box .statistics-body-right{width:50%;height:4px;background-color:#fff;opacity:.2}.AirQualityManagement .real-time-air{position:relative;height:80px}.AirQualityManagement .real-time-air .canvas-class{position:absolute;top:0;left:0}.AirQualityManagement .real-time-air .real-time-air-up{position:absolute;bottom:0;left:0;width:100%;height:80px}.AirQualityManagement .real-time-air .real-title{position:absolute;top:10px;left:16px;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;color:#fff;letter-spacing:0;opacity:.5}.AirQualityManagement .real-time-air .real-time{position:absolute;top:12px;left:109px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;color:#fff;letter-spacing:0;opacity:.5}.AirQualityManagement .real-time-air .pollute-div{position:absolute;top:28px;left:30px;display:flex}.AirQualityManagement .real-time-air .pollute-flex{display:flex;flex-direction:column;justify-content:center}.AirQualityManagement .real-time-air .first-pollute-flex{display:flex;align-items:flex-end;margin-bottom:8px;margin-left:16px}.AirQualityManagement .real-time-air .real-number{margin-right:4px;font-family:MicrosoftYaHei;font-size:40px;font-weight:400;color:#ffd902;letter-spacing:0}.AirQualityManagement .real-time-air .value-length{left:10px}.AirQualityManagement .real-time-air .factor-name{margin-bottom:8px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.AirQualityManagement .real-time-air .factor-status{font-family:MicrosoftYaHei-Bold;font-size:12px;font-weight:700;color:#ffd902;letter-spacing:0;white-space:nowrap}.AirQualityManagement .real-time-air .first-pollute{width:24px;height:16px;margin-right:4px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;color:#fff;letter-spacing:0;opacity:.5}.AirQualityManagement .real-time-air .other-factore{width:70px;height:16px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.AirQualityManagement .real-time-air .other-factore .text{width:70px;overflow:hidden;text-overflow:ellipsis}.AirQualityManagement .animationChartBox{position:relative;box-sizing:border-box;margin:auto auto 8px;background:no-repeat rgba(2,176,253,.1);border:1px solid transparent;border-radius:4px}.AirQualityManagement .animationChartBox .title{padding-top:6px;padding-left:8px;font-size:14px}.AirQualityManagement .animationChartBox .kqzhChart{position:absolute;top:42px;left:7%;z-index:3;width:105px;height:60px}.AirQualityManagement .animationChartBox .img_one{position:absolute;top:29%;left:6.5%;z-index:-4;width:40.5%;-webkit-animation:radioLineAnimation .9s linear .2s infinite alternate;animation:radioLineAnimation .9s linear .2s infinite alternate}.AirQualityManagement .animationChartBox .img_two{position:absolute;top:30%;left:4.2%;z-index:-4;width:45.5%;-webkit-animation:radioScaleAnimation .9s linear .2s infinite alternate;animation:radioScaleAnimation .9s linear .2s infinite alternate}.AirQualityManagement .animationChartBox .legendBox{position:absolute;top:36px;right:10px;display:flex;flex-direction:column;height:128px;font-size:12px}.AirQualityManagement .animationChartBox .legendBox .name{padding-right:8px}.AirQualityManagement .animationChartBox .legendBox .value{font-family:"Bebas Neue";font-size:16px;color:#0eed95}.AirQualityManagement .animationChartBox .legendBox .value2{color:#fff}.AirQualityManagement .animationChartBox .legendBox .mgb7{margin-bottom:7px}.AirQualityManagement .animationChartBox .legendBox .mgb14{margin-bottom:14px}.AirQualityManagement .animationChartBox .tableList{position:absolute;top:98px;z-index:4;box-sizing:border-box;width:100%;height:72px;padding:0 8px;overflow:hidden;font-size:12px}.AirQualityManagement .animationChartBox .tableList .th{opacity:.5}.AirQualityManagement .animationChartBox .tableList .tr .value1{padding-right:4px;color:#0eed95}.AirQualityManagement .animationChartBox .tableList .tr .value2{opacity:.5}.alarm-manage{font-size:24px}.alarm-manage .total{font-family:var(--font-family-number)}.alarm-manage .alarm-bar{height:168px;padding:10px 12px;margin:12px 0 24px;cursor:pointer;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.alarm-manage .alarm-bar .total{color:var(--main-color)}.alarm-manage .alarm-bar .progress-bar{margin:20px 0}.alarm-manage .legend{min-width:400px}.alarm-manage .legend .circle{width:16px;height:16px;border-radius:16px}.alarm-manage .legend .total{text-align:center}.alarm-manage .alarm-list{height:120px;margin-top:16px}.alarm-manage .alarm-list-item{height:56px;padding-right:8px;margin-bottom:8px;cursor:pointer;background:rgba(146,30,30,.3);border:1px solid rgba(255,218,218,.1)}.alarm-manage .alarm-list-item.disabled{pointer-events:auto;cursor:not-allowed}.alarm-manage .alarm-list .time{flex-shrink:0;margin-left:12px;font-size:20px;color:rgba(255,255,255,.6)}.alarm-manage .module-title img,.alarm-manage .module-title span{vertical-align:middle}.flex-c{justify-content:center}.flex-s{justify-content:flex-start}.flex-1{flex:1}.mgr8{margin-right:8px}.mgb12{margin-bottom:12px}.BusinessManage{box-sizing:border-box;padding:12px 20px 28px 19px;background:#071d33;border:1px solid #00a6ff}.device-row{font-family:var(--font-family-text)}.device-row .device-row__info{box-sizing:border-box;padding:16px;background:var(--bg-color-first-panel__card);border:1px solid rgba(170,201,255,.1);border-radius:3px}.device-row .device-row__percent{display:flex;align-items:center;justify-content:flex-start;font-size:24px;line-height:24px}.device-row .device-row__percent .title{margin-right:12px;color:#fff}.device-row .device-row__percent .value{font-family:var(--font-family-number);color:var(--main-color)}.device-row .device-row__percent .date{margin-left:auto;font-size:20px;line-height:20px;color:rgba(255,255,255,.6)}.device-row .device-row__progress{width:calc(100% - 14px);height:20px;margin:16px 0}.device-row .device-row__detail{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;font-size:20px;line-height:20px;color:rgba(255,255,255,.7)}.device-row .device-row__detail .left{display:flex;flex-wrap:nowrap;align-items:center}.device-row .device-row__detail .title{display:flex;align-items:center;margin-right:8px}.device-row .device-row__detail .percent,.device-row .device-row__detail .value{font-family:var(--font-family-number)}.device-row .device-row__detail .icon{width:16px;height:16px}.device-row .device-row__detail .right{display:flex;flex-wrap:nowrap;align-items:center}.device-row .space{margin:0 4px;font-size:16px;line-height:16px;color:#fff;opacity:.2}.mgt12{margin-bottom:12px}.mgr4{margin-right:4px}.single-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emergencyDuty{width:500px;background:#021833}.env-mg{flex-wrap:wrap;justify-content:space-around}.env-mg .list{justify-content:center;width:224px;height:92px;background-repeat:no-repeat;background-size:100% 100%}.env-mg .list-user{justify-content:space-around;width:200px;height:74px;font-family:shzhjt;background:rgba(7,31,61,.5);border:2px solid #0c3c79}.env-mg .list-user .left{width:30px;height:46px}.env-mg .list-user .right{display:flex;flex-direction:column;align-items:center}.env-mg .list-user .right span{font-size:24px;color:#fff}.env-mg .list-user .right .name{max-width:98px;font-size:24px;color:#00d4ff}.env-mg .list-event{flex-direction:column;justify-content:space-around;width:154px;height:52px;font-family:shzhjt;font-size:24px;color:#f84439;border:2px solid #561c0b}.env-mg .list .isLeft{color:#00ff7e;border-color:#044035}.enterprise-protection-code{box-sizing:border-box;height:192px}.app-header-title{width:100%;padding:8px;font-size:14px;color:#fff}.env-codeList{box-sizing:border-box;height:32px;padding-bottom:8px;margin-bottom:8px;color:#fff}.env-codeList .code-wrap{display:flex;align-items:center;justify-content:center;width:33%}.env-codeList .code-wrap .icon,.env-codeList .code-wrap img{width:32px;height:32px;margin-right:4px}.env-codeList .code-wrap .value{font-size:14px}.enterprise-protection-code .item-module:last-child{margin-bottom:0}.common-title{height:16px;margin-bottom:6px;font-size:14px;line-height:16px;color:#fff}.env-list{position:relative;box-sizing:border-box;overflow-y:auto;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.env-list .env-list-header{padding:8px;font-size:12px;color:rgba(255,255,255,.8);opacity:.5}.env-list .env-list-con{padding:0 8px;overflow:hidden;font-size:14px}.env-list .env-list-con .flex{margin-bottom:4px}.env-list .env-list-con .flex .name{width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.env-list .env-list-con .flex .name a{color:#fff}.env-list .env-list-con .flex .value{color:#03d5fb}.dv-ipes-access-vehicle{box-sizing:border-box;width:100%}.dv-ipes-access-vehicle .access-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-access-vehicle .access-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-access-vehicle .access-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-access-vehicle .access-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-access-vehicle .access-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 0;text-align:center}.dv-ipes-access-vehicle .access-statistics .access-statistics-item{flex:1;width:97px;height:90px}.dv-ipes-access-vehicle .access-statistics .access-statistics-item--entry{background:url(./images/vehicle-car-entry.png) center center no-repeat;background-size:87px 90px}.dv-ipes-access-vehicle .access-statistics .access-statistics-item--entry .access-statistics-item__total{color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-access-vehicle .access-statistics .access-statistics-item--exit{background:url(./images/vehicle-car-exit.png) center center no-repeat;background-size:87px 90px}.dv-ipes-access-vehicle .access-statistics .access-statistics-item--exit .access-statistics-item__total{color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-access-vehicle .access-statistics .access-statistics-item__total{margin-bottom:8px;font-size:24px;line-height:24px}.dv-ipes-access-vehicle .access-statistics .access-statistics-item__type{position:static;z-index:1;font-size:18px;line-height:18px;color:#fff}.dv-ipes-env-manage,.dv-ipes-real-timeAir-quality-manage,.risk-emergency-manage .pie-card{position:relative}.dv-ipes-access-vehicle .access-list{margin-top:8px}.dv-ipes-access-vehicle .access-list .access-list-item{box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%;height:36px;padding:8px;margin:0 0 8px;white-space:nowrap;cursor:pointer;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px;transition:ease all 180ms}.dv-ipes-access-vehicle .access-list .access-list-item--active{box-sizing:border-box;background:#000;border:1px solid #05ffd2;box-shadow:0 0 8px 0 #05ffe6}.dv-ipes-access-vehicle .access-list .access-list-item__info{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}.dv-ipes-access-vehicle .access-list .access-list-item__type{width:50px;padding:2px 7px;margin-right:9px;overflow:hidden;font-size:18px;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#0aaeff;border-radius:3px}.dv-ipes-access-vehicle .access-list .access-list-item__type--entry{background:#0aaeff}.dv-ipes-access-vehicle .access-list .access-list-item__type--exit{background:#ffb443}.dv-ipes-access-vehicle .access-list .access-list-item__vehicle{font-size:18px;color:#fff;letter-spacing:0}.dv-ipes-access-vehicle .access-list .access-list-item__time{font-size:18px;font-weight:400;line-height:18px;color:#fff;letter-spacing:0;opacity:.6}.dv-ipes-env-manage .flex-v{display:flex;flex-direction:column}.dv-ipes-env-manage .mgl16{margin-left:16px}.dv-ipes-env-manage .cloud{position:absolute;top:20px;left:14px}.dv-ipes-env-manage .air-quality{display:flex;align-items:center;height:98px;padding:0 20px;font-family:var(--font-family-text)}.dv-ipes-env-manage .air-quality .air-quality__status{display:flex;align-items:center;height:100%;margin-right:20px}.dv-ipes-env-manage .air-quality .air-quality__status .air-quality__amount{z-index:0;display:flex;align-items:center;min-width:120px;height:100%;margin-right:8px;font-family:var(--font-family-number);font-size:72px;color:#ffd902}.dv-ipes-env-manage .air-quality .air-quality__status .air-quality__aqi{display:flex;flex-direction:column;justify-content:space-between;font-size:24px;white-space:nowrap}.dv-ipes-env-manage .air-quality .air-quality__status .air-quality__aqi .air-quality__aqi__label{color:#fff}.dv-ipes-env-manage .air-quality .air-quality__status .air-quality__aqi .air-quality__aqi__value{color:#ffd902}.dv-ipes-env-manage .air-quality .air-quality__pollute{display:flex;align-items:center;width:200px;height:100%;text-align:center}.dv-ipes-env-manage .air-quality .air-quality__pollute .air-quality__pollute__label{font-size:24px;color:#fff;opacity:.6}.dv-ipes-env-manage .air-quality .air-quality__pollute .air-quality__pollute__value{margin-left:8px;font-size:24px;color:#fff}.dv-ipes-env-manage .harm-list{display:flex;justify-content:space-between;margin:16px 0 18px;font-family:var(--font-family-text)}.dv-ipes-env-manage .harm-list .harm-list__column{width:150px;height:80px;text-align:center;background-repeat:no-repeat;background-size:100%}.dv-ipes-env-manage .harm-list .harm-list__column--primary{background-image:url(./images/icon-env-primary.png)}.dv-ipes-env-manage .harm-list .harm-list__column--primary .harm-list__column__value{font-size:28px;color:#0eed9b}.dv-ipes-env-manage .harm-list .harm-list__column--error{background-image:url(./images/icon-env-error.png)}.dv-ipes-env-manage .harm-list .harm-list__column--error .harm-list__column__value{font-size:28px;color:#ff5d54}.dv-ipes-env-manage .harm-list .harm-list__column--warning{background-image:url(./images/icon-env-warning.png)}.dv-ipes-env-manage .harm-list .harm-list__column--warning .harm-list__column__value{font-size:28px;color:#ff9902}.dv-ipes-env-manage .harm-list .harm-list__column .harm-list__column__label{margin-top:2px;font-size:24px;color:#fff}.dv-ipes-env-manage .harm-list .harm-list__column .harm-list__column__value{font-family:var(--font-family-number)}.dv-ipes-env-manage .date-text{line-height:1;color:rgba(255,255,255,.6)}.dv-ipes-env-manage .harm-gas{z-index:0;display:flex;align-items:center;justify-content:center;width:358px;height:32px;padding:8px 16px;margin-bottom:10px;font-family:var(--font-family-text);font-size:16px;color:#fff;text-align:center;background:radial-gradient(49% 49% at 50% 0,rgba(0,166,255,.7) 0,rgba(0,126,255,.19) 47%,rgba(0,126,255,0) 84%),radial-gradient(50% 50% at 50% 100%,#00a6ff 0,rgba(0,48,97,0) 100%),linear-gradient(90deg,rgba(0,48,97,0) 0,#003061 50%,rgba(0,48,97,0) 99%);border-style:solid;border-width:1px 0;border-image:linear-gradient(270deg,rgba(52,164,255,0) 0,#34b8ff 48%,rgba(52,164,255,0) 100%) 1 0 1 0}.dv-ipes-env-manage .harm-source{width:100%;margin-top:16px;overflow:hidden;font-family:var(--font-family-text)}.dv-ipes-env-manage .harm-source ::v-deep .el-progress-bar__outer{background:#032649}.dv-ipes-env-manage .harm-source .harm-source__inner{display:flex;width:200%;transition:ease transform .3s;transform:translate3d(0,0,0)}.dv-ipes-env-manage .harm-source .harm-source__title{display:flex;align-items:center;font-size:24px;color:#fff}.dv-ipes-env-manage .harm-source .harm-source__title .unit{opacity:.6}.dv-ipes-env-manage .harm-source .harm-source__row{box-sizing:border-box;padding:10px 12px;background:var(--bg-color-first-panel__card);border:1px solid rgba(170,201,255,.1);border-radius:3px;width:100%}.dv-ipes-env-manage .harm-source .harm-source__col{display:flex;flex-direction:column;margin:8px 0}.dv-ipes-env-manage .harm-source .harm-source__col:nth-last-child(1){margin-bottom:0}.dv-ipes-env-manage .harm-source .harm-source__total{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:24px}.dv-ipes-env-manage .harm-source .harm-source__total .label{color:#fff}.dv-ipes-env-manage .harm-source .harm-source__total .value{display:flex;align-items:center;font-family:var(--font-family-number)}.dv-ipes-env-manage .harm-source .harm-source__total .child{color:#0eed9b}.dv-ipes-env-manage .harm-source .harm-source__total .space{padding:0 2px;color:#fff;opacity:.2}.dv-ipes-env-manage .harm-source .harm-source__total .parent{color:var(--main-color)}.single-item .num{color:#03d5fb}.environmental-risk-management{box-sizing:border-box;height:220px}.environmental-risk-management :only-child{margin-bottom:8px}.item-wrap{box-sizing:border-box;width:100%;min-height:40px;max-height:72px;padding:8px;font-size:12px;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.item-wrap .top-action{display:flex;align-items:center;justify-content:space-between;height:18px;margin-bottom:6px;line-height:18px}.item-wrap .top-action .tag{box-sizing:border-box;padding:0 4px;color:#03d5fb;background:rgba(3,213,251,.3);border-radius:2px}.item-wrap .top-action .time{color:rgba(255,255,255,.6)}.item-wrap .bottom-action{display:box;width:100%;max-height:32px;overflow:hidden;line-height:16px;color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tabs-wrap{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;height:28px;font-size:12px;background:rgba(10,42,57,.8);border:1px solid #10354a;border-radius:4px}.tabs-wrap .tabs-item{box-sizing:border-box;min-width:40px;height:28px;padding:0 10px;line-height:28px;color:rgba(255,255,255,.6);text-align:center;cursor:pointer;border-right:1px solid #10354a}.tabs-wrap .tabs-item:last-child{border-right:none}.tabs-wrap .activeTab{margin-left:-1px;line-height:26px;color:#fff;background:rgba(9,78,115,.85);border:1px solid rgba(0,128,183,.85);border-radius:4px}.list:not(:last-child),.tab{margin-bottom:8px}.hazardous-list{height:138px;font-family:var(--font-family-text)}.hazardous-list .tool-tips__panel{box-sizing:border-box;display:flex;flex-direction:column;background:rgba(7,29,51,.95);border:1px solid rgba(0,212,255,.2);border-radius:2px;box-shadow:0 4px 10px 0 rgba(0,0,0,.05)}.hazardous-list .tool-tips__row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}.hazardous-list .tool-tips__label{margin-right:44px;font-size:16px;color:rgba(255,255,255,.6)}.hazardous-list .tool-tips__title{font-size:16px;color:#fff}.hazardous-list .tool-tips__marker{margin-right:8px}.hazardous-list .tool-tips__value{font-size:16px;color:var(--main-color)}.hazardous-list .tool-tips__suffix{margin-left:4px;font-size:16px;color:rgba(255,255,255,.6)}.dv-ipes-hazardous-vehicle-manage{box-sizing:border-box}.dv-ipes-hazardous-vehicle-manage .sealing-row{overflow:hidden}.dv-ipes-hazardous-vehicle-manage .sealing-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-hazardous-vehicle-manage .sealing-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-hazardous-vehicle-manage .sealing-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-hazardous-vehicle-manage .sealing-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-hazardous-vehicle-manage .access-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 0;font-family:var(--font-family-text);text-align:center}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item{flex:1;width:97px;height:90px}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item--entry{background:url(./images/vehicle-car-entry.png) center center no-repeat;background-size:87px 90px}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item--entry .access-statistics-item__total{font-family:var(--font-family-number);color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item--exit{background:url(./images/vehicle-car-exit.png) center center no-repeat;background-size:87px 90px}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item--exit .access-statistics-item__total{font-family:var(--font-family-number);color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item__total{margin-bottom:8px;font-family:var(--font-family-number);font-size:24px;line-height:24px}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item__type{position:static;z-index:1;font-size:18px;line-height:18px;color:#fff}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 2px;font-family:var(--font-family-text);text-align:center}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item{display:flex;flex-direction:column;align-items:center;width:171px}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item:nth-child(1) .hazardous-statistics-item__total{height:86px;font-family:var(--font-family-number);background:url(./images/harous-car-total.png) center center no-repeat;background-size:auto 100%}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item:nth-child(1) .hazardous-statistics-item__total>span{color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item:nth-child(2) .hazardous-statistics-item__total{height:86px;font-family:var(--font-family-number);background:url(./images/harous-car-online.png) center center no-repeat;background-size:auto 100%}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item:nth-child(2) .hazardous-statistics-item__total>span{color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__type{position:static;z-index:1;margin-bottom:7px;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__total{width:142px;margin-bottom:12px;font-family:var(--font-family-number)}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__total>span{display:block;padding-top:24px;margin-left:65px;font-size:24px;line-height:24px;text-align:left}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__detail{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:171px;height:56px;padding:8px 20px;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__col{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__label{font-size:16px;line-height:16px;color:#fff;letter-spacing:0}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__value{font-family:var(--font-family-number);font-size:16px;line-height:16px;color:#00d4ff;letter-spacing:0}.dv-ipes-inspection-manage{box-sizing:border-box;width:100%}.dv-ipes-inspection-manage .access-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-inspection-manage .access-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-inspection-manage .access-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-inspection-manage .access-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-inspection-manage .inspection-total{--main-color:#00d4ff;z-index:1;margin-left:16px;font-family:var(--font-family-number);font-size:18px;color:var(--main-color)}.dv-ipes-inspection-manage .inspection-event{margin:-20px 0 8px;font-family:var(--font-family-text)}.dv-ipes-inspection-manage .inspection-event .inspection-num{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end}.dv-ipes-inspection-manage .inspection-event .inspection-num .right{display:flex;flex-wrap:nowrap;align-items:center;font-size:18px;line-height:18px;text-align:right}.dv-ipes-inspection-manage .inspection-event .inspection-num .value{font-family:var(--font-family-number)}.dv-ipes-inspection-manage .inspection-event .inspection-progress{height:8px;margin:10px 0}.dv-ipes-inspection-manage .inspection-event .inspection-percent{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;font-size:16px;color:rgba(255,255,255,.7)}.dv-ipes-inspection-manage .inspection-event .inspection-percent .left{display:flex;flex-wrap:nowrap;align-items:center}.dv-ipes-inspection-manage .inspection-event .inspection-percent .title{display:flex;align-items:center;margin-right:8px}.dv-ipes-inspection-manage .inspection-event .inspection-percent .right{display:flex;flex-wrap:nowrap;align-items:center;font-size:16px;line-height:16px;text-align:right}.dv-ipes-inspection-manage .inspection-event .space{margin:0 4px;font-size:16px;line-height:16px;color:#fff;opacity:.2}.dv-ipes-inspection-manage .inspection-list{margin-top:6px;font-family:var(--font-family-text)}.dv-ipes-inspection-manage .inspection-list .inspection-list-item{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:358px;height:60px;padding:7px 16px;margin:0 0 8px;white-space:nowrap;cursor:pointer;background:var(--bg-color-first-panel__card);border:1px solid rgba(170,201,255,.1);border-radius:3px;transition:ease all 180ms;--bg-color-first-panel__card:rgba(27, 121, 211, 0.2)}.dv-ipes-inspection-manage .inspection-list .inspection-list-item--active{box-sizing:border-box;background:#000;border:1px solid #05ffd2;box-shadow:0 0 8px 0 #05ffe6}.dv-ipes-inspection-manage .inspection-list .inspection-list-item__name{width:100%;overflow:hidden;font-size:18px;color:#fff;text-overflow:ellipsis;white-space:nowrap}.dv-ipes-inspection-manage .inspection-list .inspection-list-item__time{font-size:16px;font-weight:400;line-height:16px;color:#fff;opacity:.6}.top-action{margin-bottom:16px;font-size:16px}.top-action span{color:#00d4ff}.middle-action{width:100%;height:10px;margin-bottom:16px;overflow:hidden;border-radius:5px}.middle-action .rate{width:25%;height:10px;background:rgba(255,255,255,.6)}.labels{color:rgba(255,255,255,.6)}.labels span:not(:last-child)::after{margin:0 2px;color:rgba(255,255,255,.6);content:"/"}.nums span:not(:last-child)::after{margin:0 2px;color:rgba(255,255,255,.7);content:"/"}.single-item{box-sizing:border-box;height:28px;padding:0 8px;color:#fff;background-color:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:4px}.single-item .num:first-child{color:#0eed9b}.single-item .num:nth-child(2){color:#ff5d54}.single-item .num:nth-child(3){color:#fff}.single-item .num:not(:last-child)::after{margin:0 2px;color:rgba(255,255,255,.7);content:"/"}.dv-ipes-gas-control .single-item-wrap{margin-bottom:8px}.alarm-statistics-wrap{margin-top:16px}.risk-emergency-manage{width:489px;padding:12px;font-size:24px;color:#fff;background:#05213d}.risk-emergency-manage .title{display:flex;align-items:center}.risk-emergency-manage .title .icon{margin-right:4px}.risk-emergency-manage .total{font-family:var(--font-family-number);font-size:24px;color:transparent;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text}.risk-emergency-manage .risk_body{display:flex;justify-content:flex-start;margin:24px 0}.risk-emergency-manage .pie-card,.risk-emergency-manage .pie-card .pie{width:174px;height:124px}.risk-emergency-manage .pie-card .bottom{position:absolute;bottom:8px;width:174px}.risk-emergency-manage .pie-card .top{position:absolute;top:-18px;left:50%;width:140px;transform:translateX(-50%)}.risk-emergency-manage .pie-card .label{position:absolute;top:-4px;width:100%;text-align:center}.risk-emergency-manage .pie-card .label .title{display:block}.risk-emergency-manage .pie-card .label .mgt8{margin-top:8px}.risk-emergency-manage .legend{flex:1;margin-left:24px}.risk-emergency-manage .legend .legend-item{display:flex;align-items:center;justify-content:flex-start}.risk-emergency-manage .legend .legend-item .circle{width:12px;height:12px;margin-right:4px;border-radius:12px}.risk-emergency-manage .legend .legend-item .circle,.risk-emergency-manage .legend .legend-item .typename{flex-shrink:0}.risk-emergency-manage .legend .legend-item .value{flex:1;font-family:var(--font-family-number);color:#00d4ff;text-align:right}.risk-emergency-manage .footer{display:flex;align-items:center;justify-content:center;width:100%;height:56px;background:radial-gradient(49% 49% at 50% 0,rgba(0,166,255,.7) 0,rgba(0,126,255,.19) 47%,rgba(0,126,255,0) 84%),radial-gradient(50% 50% at 50% 100%,#00a6ff 0,rgba(0,48,97,0) 100%),linear-gradient(90deg,rgba(0,48,97,0) 0,#003061 50%,rgba(0,48,97,0) 99%)}.risk-emergency-manage .footer .total{font-size:32px;line-height:1}.risk-emergency-manage .footer .mgr16{margin-right:16px}.pollutant-source-manage{display:flex;width:489px;padding:12px;font-size:24px;color:#fff;background:#05213d}.pollutant-source-manage .card-box{display:flex;flex-direction:column;align-items:center;width:50%;height:80px;cursor:pointer;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.pollutant-source-manage .card-box.active{background:#000;border:1px solid #00ff95}.pollutant-source-manage .card-box .title{margin-bottom:8px}.pollutant-source-manage .card-box .flex-c{display:flex;justify-content:center}.pollutant-source-manage .card-box .flex-c .status{display:flex;font-family:var(--font-family-number);font-size:28px}.pollutant-source-manage .card-box .flex-c .status span{padding:0 2px}.pollutant-source-manage .card-box+.card-box{margin-left:8px}.dv-ipes-real-timeAir-quality-manage .flex{display:flex;align-items:center;justify-content:space-between}.dv-ipes-real-timeAir-quality-manage .flex-c{justify-content:center}.dv-ipes-real-timeAir-quality-manage .flex-s{justify-content:flex-start}.dv-ipes-real-timeAir-quality-manage .absolute{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.dv-ipes-real-timeAir-quality-manage .cloud{top:50px;left:14px}.dv-ipes-real-timeAir-quality-manage .airQuality{align-items:flex-end;padding-left:40px;margin-top:18px}.dv-ipes-real-timeAir-quality-manage .airQuality .value{font-family:var(--font-family-number);font-size:72px;line-height:72px}.dv-ipes-real-timeAir-quality-manage .airQuality .main-pollutant{margin-left:20px;color:rgba(255,255,255,.6)}.dv-ipes-real-timeAir-quality-manage .featureAnalysis .value{font-family:var(--font-family-number);color:var(--main-color)}.dv-ipes-real-timeAir-quality-manage .mainPollutants-item{position:relative}.dv-ipes-real-timeAir-quality-manage .mainPollutants-item .pollutant-name,.dv-ipes-real-timeAir-quality-manage .mainPollutants-item .value{color:transparent;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text}.dv-ipes-real-timeAir-quality-manage .mainPollutants-item .value{position:absolute;top:4px;font-family:var(--font-family-number)}.dv-ipes-real-timeAir-quality-manage .mainPollutants-item img{margin:0 25px}.dv-ipes-real-timeAir-quality-manage ::v-deep .el-empty{padding:10px 0}.dv-ipes-real-timeAir-quality-manage ::v-deep .el-empty .el-empty__description{margin-top:0}.OrdorControl{height:272px}.OrdorControl .specific-site{color:#fff}.OrdorControl .specific-site .site-name{display:flex;padding:8px 8px 0;margin-bottom:4px;font-size:12px;line-height:12px}.OrdorControl .specific-site .site-name .site-title{width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.OrdorControl .specific-site .site-name .time{white-space:nowrap;opacity:.7}.OrdorControl .specific-site .site-factor{box-sizing:border-box;max-height:108px;padding:4px 8px;margin:8px;overflow:hidden;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.OrdorControl .specific-site .site-factor .item-factor{display:flex;align-items:center;justify-content:space-between;font-family:MicrosoftYaHei;font-size:12px;line-height:16px}.OrdorControl .specific-site .site-factor .item-factor .left{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.OrdorControl .specific-site .site-factor .item-factor .right{margin-left:8px}.OrdorControl .specific-site .site-factor .item-factor+.item-factor{margin-top:4px}.OrdorControl .specific-site .smell-number{box-sizing:border-box;height:120px;padding:4px;margin:0 8px;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.OrdorControl .specific-site .smell-number .head{display:flex;justify-content:space-between}.OrdorControl .specific-site .smell-number .head .title{font-size:14px;color:#fff}.OrdorControl .specific-site .smell-number .head .unit{font-size:12px;color:#fff;opacity:.5}.OrdorControl .specific-site .smell-number .echarts-bar{height:81px}.app-item{width:200px;height:28px;cursor:pointer;background:no-repeat rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.app-item:hover{background:rgba(2,166,253,.25);border:1px solid #005377}.app-item-active{background:linear-gradient(90deg,rgba(2,137,253,.2) 0,rgba(2,137,253,.4) 20%,rgba(2,147,253,0) 100%);border:1px solid #0080b7}@keyframes clippath{0%,100%{clip-path:inset(0 0 95% 0)}25%{clip-path:inset(0 95% 0 0)}50%{clip-path:inset(95% 0 0 0)}75%{clip-path:inset(0 0 0 95%)}}.empty-data{width:100%;height:100%;text-align:center}.empty-data img{width:200px;height:128px}.empty-data .text{opacity:.5}.number-wrap{width:auto;color:rgba(255,255,255,.2)}.number-wrap span:not(.last)::after{padding-right:1px;padding-left:1px;color:rgba(255,255,255,.2);content:"/"}.number-wrap span:last-child::after{content:""}.pre-level{margin:0 8px 4px 16px;font-size:12px;color:#fff;opacity:.5}.energy-top{height:16px;margin-top:6px;margin-bottom:6px}.energy-bottom{width:100%;height:4px}.module-content{box-sizing:border-box;width:100%;padding-bottom:8px}.item-module{box-sizing:border-box;width:calc(100% - 16px);padding:0 8px;margin-bottom:4px;margin-left:8px;line-height:16px}.module-content .item-module:last-child{margin-bottom:0;color:#fff}.empty{margin-top:64px}.mgt4{margin-top:4px}.mgb4{margin-bottom:4px}.item-common{height:40px}.percentage-wrap{width:100%;height:4px;overflow:hidden;background:#1b455d;border-radius:2px}.percentage-wrap .percentage-item{height:100%}.flex{align-items:center;justify-content:space-between}.dv-ipes-sealing-manage{box-sizing:border-box}.dv-ipes-sealing-manage .sealing-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-sealing-manage .sealing-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-sealing-manage .sealing-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-sealing-manage .sealing-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-sealing-manage .access-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 0;font-family:var(--font-family-text);text-align:center}.dv-ipes-sealing-manage .access-statistics .access-statistics-item{flex:1;width:97px;height:90px}.dv-ipes-sealing-manage .access-statistics .access-statistics-item--entry{background:url(./images/vehicle-car-entry.png) center center no-repeat;background-size:87px 90px}.dv-ipes-sealing-manage .access-statistics .access-statistics-item--entry .access-statistics-item__total{font-family:var(--font-family-number);color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-sealing-manage .access-statistics .access-statistics-item--exit{background:url(./images/vehicle-car-exit.png) center center no-repeat;background-size:87px 90px}.dv-ipes-sealing-manage .access-statistics .access-statistics-item--exit .access-statistics-item__total{font-family:var(--font-family-number);color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-sealing-manage .access-statistics .access-statistics-item__total{margin-bottom:8px;font-family:var(--font-family-number);font-size:24px;line-height:24px}.dv-ipes-sealing-manage .access-statistics .access-statistics-item__type{position:static;z-index:1;font-size:18px;line-height:18px;color:#fff}.dv-ipes-sealing-manage .hazardous-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 2px;font-family:var(--font-family-text);text-align:center}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item{display:flex;flex-direction:column;align-items:center;width:171px}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item:nth-child(1) .hazardous-statistics-item__total{height:86px;font-family:var(--font-family-number);background:url(./images/harous-car-total.png) center center no-repeat;background-size:auto 100%}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item:nth-child(1) .hazardous-statistics-item__total>span{color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item:nth-child(2) .hazardous-statistics-item__total{height:86px;font-family:var(--font-family-number);background:url(./images/harous-car-online.png) center center no-repeat;background-size:auto 100%}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item:nth-child(2) .hazardous-statistics-item__total>span{color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__type{position:static;z-index:1;margin-bottom:7px;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__total{width:142px;margin-bottom:12px;font-family:var(--font-family-number)}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__total>span{display:block;padding-top:24px;margin-left:65px;font-size:24px;line-height:24px;text-align:left}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__detail{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:171px;height:56px;padding:8px 20px;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__col{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__label{font-size:16px;line-height:16px;color:#fff;letter-spacing:0}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__value{font-family:var(--font-family-number);font-size:16px;line-height:16px;color:#00d4ff;letter-spacing:0}.vocStatistics{height:120px}.vocStatistics .vocHeader{color:#fff}.vocStatistics .vocContent{display:flex;margin-top:12px}.vocStatistics .vocContent .base-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:96px;height:74px;background:url(./img/voc_bg.png) center/cover no-repeat;background-position-y:bottom}.vocStatistics .vocContent .base-item .year{color:#fff;opacity:.6}.vocStatistics .vocContent .base-item .value{font-size:14px;font-weight:700;color:#fff}.flex{display:flex}.taskDispose{height:280px}.taskDispose .common-title{display:flex;justify-content:space-between;height:16px;margin-bottom:6px;font-size:14px;line-height:16px;color:#fff}.taskDispose .common-title .title-small{display:flex;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.taskDispose .common-title .title-small .title-small1{position:relative;width:50px;margin-right:4px}.taskDispose .common-title .title-small .title-small1::before{position:absolute;top:4px;left:-12px;width:8px;height:8px;content:"";background-color:#0eed95}.taskDispose .common-title .title-small .title-small2{position:relative;width:37px}.taskDispose .common-title .title-small .title-small2::before{position:absolute;top:4px;left:-12px;width:8px;height:8px;content:"";background-color:#ffbe00}.taskDispose .monitoring-points{position:relative;height:124px}.taskDispose .monitoring-points .item1{position:absolute;top:50px;left:32px;width:36px;font-size:1px;text-align:center}.taskDispose .monitoring-points .item2{position:absolute;top:50px;left:120px;width:36px;font-size:1px;text-align:center}.taskDispose .duty-name{box-sizing:border-box;width:100%;padding:4px 0 9px 16px}.taskDispose .duty-name .duty-title{width:100%;height:16px;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;line-height:16px;color:#fff;letter-spacing:0}.taskDispose .echarts-wrap{width:100%;height:100px;margin:10px 0;text-align:center}.taskDispose .echarts-wrap .echarts-item{height:100%}.taskDispose .echarts-wrap .echarts-content{width:90px;height:70px}.taskDispose .echarts-wrap .point-title{width:100%;height:16px;margin-top:6px;line-height:16px;color:#fff}.taskDispose .echarts-pie{width:60px;height:60px}.taskDispose .itemsBox .lefts,.taskDispose .itemsBox .rights{height:16px;font-size:12px;letter-spacing:0;color:#fff;font-weight:400}.taskDispose .itemsBox{display:flex;justify-content:space-between;padding-bottom:6px}.taskDispose .itemsBox .lefts{padding-left:16px;opacity:.5}.taskDispose .itemsBox .rights{padding-right:16px}.dv-ipes-water-network{box-sizing:border-box}.dv-ipes-water-network .sealing-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-water-network .sealing-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-water-network .sealing-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-water-network .sealing-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-water-network .water-device{font-family:var(--font-family-text)}.dv-ipes-water-network .water-device .water-device__info{margin:8px 0 12px;box-sizing:border-box;padding:8px 12px;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.dv-ipes-water-network .water-device .water-device__percent{display:flex;align-items:center;justify-content:space-between;font-size:18px}.dv-ipes-water-network .water-device .water-device__percent .title{color:#fff}.dv-ipes-water-network .water-device .water-device__percent .value{font-family:var(--font-family-number);--main-color:#00d4ff;color:var(--main-color)}.dv-ipes-water-network .water-device .water-device__progress{margin:12px 0}.dv-ipes-water-network .water-device .water-device__detail{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;font-size:16px;color:rgba(255,255,255,.7)}.dv-ipes-water-network .water-device .water-device__detail .left{display:flex;flex-wrap:nowrap;align-items:center}.dv-ipes-water-network .water-device .water-device__detail .title{display:flex;align-items:center;margin-right:8px}.dv-ipes-water-network .water-device .water-device__detail .percent,.dv-ipes-water-network .water-device .water-device__detail .value{font-family:var(--font-family-number)}.dv-ipes-water-network .water-device .water-device__detail .icon{width:16px;height:16px}.dv-ipes-water-network .water-device .water-device__detail .right{display:flex;flex-wrap:nowrap;align-items:center}.dv-ipes-water-network .water-device .space{margin:0 4px;font-size:16px;line-height:16px;color:#fff;opacity:.2}.dv-ipes-water-network .water-statistics{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-family:var(--font-family-text)}.dv-ipes-water-network .water-statistics .water-statistics__number{display:flex;flex-direction:column;justify-content:space-between;height:144px}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel{display:flex;flex-wrap:nowrap;align-items:center;width:170px;height:68px;padding:12px 8px 12px 20px;margin-bottom:8px;background:url(./images/water-panel-border.png) center no-repeat;background-size:100%}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel .icon{width:30px}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel .title{font-size:16px;line-height:16px;color:#fff}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel .value{font-family:var(--font-family-number);font-size:20px;line-height:20px;--main-color:#00d4ff;color:var(--main-color)}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel .unit{margin-left:4px;font-size:16px;line-height:16px;color:#fff;opacity:.6}.dv-ipes-water-network .water-statistics .water-statistics__number .content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.dv-ipes-water-network .water-statistics .water-statistics__percent{display:flex;flex-direction:column;justify-content:space-between;height:144px;padding:0 8px 13px}.dv-ipes-water-network .water-statistics .water-statistics__percent .title{position:relative;font-size:18px;line-height:18px;color:#fff;text-align:center;text-shadow:0 1px 2px 0 rgba(0,0,0,.5)}.dv-ipes-water-network .water-statistics .water-statistics__percent .title::before{position:absolute;top:9px;left:0;width:46px;height:1px;content:"";background:rgba(25,191,246,.4)}.dv-ipes-water-network .water-statistics .water-statistics__percent .title::after{position:absolute;top:9px;right:0;width:46px;height:1px;content:"";background:rgba(25,191,246,.4)}.dv-ipes-water-network .water-statistics .water-statistics__percent .content{box-sizing:border-box;width:160px;height:104px;font-size:33px;text-align:center;background:url(./images/water-panel-percent.png) center 40% no-repeat}.dv-ipes-water-network .water-statistics .water-statistics__percent .value{font-family:var(--font-family-number);font-size:33px;font-weight:400;text-align:center;background:linear-gradient(180deg,#fff 0,#19bff6 98%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.echarts{width:100%;height:100%}.percent-bar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;height:8px;overflow:hidden;background:#fff;border-radius:4px}.percent-bar .percent-bar__inner{height:8px}.progress-bar{position:relative;height:14px}.progress-bar::before{position:absolute;top:0;right:-10px;bottom:0;width:14px;height:14px;content:"";background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAFySURBVEiJvZaxjcJAEEXfWITkpgyugCsAyQkhHVgWAXTgDkiOlTsgJAFRAAVAGUvuEGkuuBXCeG28Bu5n9u78b2ufZwwB0jSda5rOQ2okwDxBZPt3oVMpit3bAjTLxqgegaG7VSLyLcacXw7QLBuhegJGD0sWkS8xxrbVR0/Mh6gePOYAI1QPmmVDz9rzAM3zAaobYNxSP0Z1o3k+CA7A2hWQtD2dU+L2dg/QNJ0j0h1HkUZ8a4d8h2Pjazfo6sO3EuDBMVQ1fG8BLTiGqoJv5MzbcAxVBV/RPB9wuWzpRkyIdsTxNArAMVQJ1q4iRDo3vGCJSEQcL4D9B+z3xPFC4HbIR9rbQojODtfyfzAFEGMsIhOgfMG8RGRy38IrvUiMOaM6A649zK+ozh6HUK3ZSVHsUF0G26sufWPU202lKH6AdYD92tXU1DwPuuO7d3u9av3IOuB7w7FXgAv53NCHRnxrOPYOcCH3+HpxfIv6/Dr+Ar+Uv7XAJFFtAAAAAElFTkSuQmCC) center no-repeat;background-size:100%}.progress-bar .progress-bar__outer__top{position:absolute;width:100%;top:0;left:0;height:50%;overflow:hidden;background:#ff4646;transform:skewX(-45deg)}.progress-bar .progress-bar__outer__top .progress-bar__inner{position:absolute;width:100%;top:0;bottom:0;left:-100%;height:100%;background:#10d08c;transition:ease transform .3s;transform:skewX(-45deg)}.progress-bar .progress-bar__outer__bottom{position:absolute;width:100%;bottom:0;left:0;height:50%;overflow:hidden;background:#ac2c2c;transform:skewX(45deg)}.progress-bar .progress-bar__outer__bottom .progress-bar__inner{position:absolute;width:100%;top:0;bottom:0;left:-100%;height:100%;background:#0d9263;transition:ease transform .3s;transform:skewX(45deg)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.flex-center-top,.flex-left-top{display:flex;align-items:flex-start}.compliance-rate,.env-online,.outlet-online{border:1px solid rgba(68,136,208,.2);box-sizing:border-box}.flex-left-top{justify-content:flex-start}.flex-center-top{justify-content:center}.flex-between-top,.flex-right-top{align-items:flex-start;display:flex}.flex-right-top{justify-content:flex-end}.flex-between-top{justify-content:space-between}.flex-around-top{display:flex;align-items:flex-start;justify-content:space-around}.flex-left-center{display:flex;align-items:center;justify-content:flex-start}.flex-center-center{display:flex;align-items:center;justify-content:center}.flex-right-center{display:flex;align-items:center;justify-content:flex-end}.flex-between-center{display:flex;align-items:center;justify-content:space-between}.flex-around-center{display:flex;align-items:center;justify-content:space-around}.flex-left-bottom{display:flex;align-items:flex-end;justify-content:flex-start}.flex-center-bottom{display:flex;align-items:flex-end;justify-content:center}.flex-right-bottom{display:flex;align-items:flex-end;justify-content:flex-end}.flex-between-bottom{display:flex;align-items:flex-end;justify-content:space-between}.flex-around-bottom{display:flex;align-items:flex-end;justify-content:space-around}.compliance-rate{width:376px;height:120px;padding:12px;font-size:14px;font-weight:500;color:#fff;background:rgba(68,136,208,.1);border-radius:4px}.compliance-rate-one{flex-direction:column}.compliance-rate-one-icon{margin-top:2px}.compliance-rate-one-icon img{width:80px}.compliance-rate-one-label{margin-top:-2px;margin-bottom:4px}.compliance-rate-one-value span:nth-child(1){margin-right:4px;font-family:Oswald;font-size:16px;font-weight:500;background:linear-gradient(180deg,#fff 27%,#1ad9ff 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.compliance-rate-one-value span:nth-child(2){color:#909399}.key-river{width:376px;height:138px;background:#05213d;font-size:14px;font-weight:500;color:#fff}.key-river-one{flex-direction:column}.key-river-one-content{position:relative;margin:4px 0}.key-river-one-content-text{position:absolute;top:40%;width:100%;font-size:16px;font-weight:500;color:#15f3a3;text-align:center;text-shadow:0 4px 10px 0 rgba(0,0,0,.3)}.key-river-one-content-text img{width:80px}.key-river-one-compare span{margin-right:4px;color:#909399}.outlet-online{width:376px;padding:12px;font-size:14px;font-weight:500;color:#fff;background:rgba(68,136,208,.1);border-radius:4px}.outlet-online .toggle-list .list-one{box-sizing:border-box;width:174px;height:24px;cursor:pointer;background:#001f4c;border:1px solid #003580;border-radius:2px}.outlet-online .toggle-list .active{background:#0069ff;border:none}.outlet-online .chart-content{width:100%;height:124px;padding-top:16px}.outlet-online .chart-content .left{width:105px;height:105px;text-align:center}.outlet-online .chart-content .left .pie-chart{width:100%;height:100%;margin-top:-12px}.outlet-online .chart-content .left .total span:last-child{font-family:Oswald;font-size:16px;font-weight:500}.outlet-online .chart-content .legend{flex:1;margin-left:10px}.outlet-online .chart-content .legend .legend-one{margin-bottom:8px}.outlet-online .chart-content .legend .legend-one:last-child{margin-bottom:0}.outlet-online .chart-content .legend .legend-one .circle{width:10px;height:10px;margin-right:4px;border-radius:5px}.outlet-online .chart-content .legend .legend-one .righ-c{font-family:Oswald;font-size:14px;font-weight:400}.outlet-online .chart-content .legend .legend-one .righ-c .num{color:#00deff}.outlet-online .chart-content .legend .legend-one .righ-c .split{color:rgba(255,255,255,.5)}.env-online{flex-wrap:wrap;width:376px;padding:12px;font-size:14px;font-weight:500;color:#fff;background:rgba(68,136,208,.1);border-radius:4px}.env-online .item-one{width:45.5%;margin-bottom:11px}.env-online .item-one:nth-last-child(-n+2){margin-bottom:0}.env-online .item-one .value{font-family:Oswald;font-size:14px;font-weight:400}.env-online .item-one .value .online{color:#00deff}.dv-wgms-auxiliary-judgment{box-sizing:border-box;width:376px;min-height:168px;background:#05213d}.dv-wgms-auxiliary-judgment .conclusion-box{box-sizing:border-box;width:100%;height:100%;padding:12px;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.dv-wgms-auxiliary-judgment .conclusion-box .conclusion-text{margin-bottom:8px;font-family:MiSans;font-size:14px;font-weight:400;line-height:20px;color:#fff}.dv-wgms-auxiliary-judgment .conclusion-box .conclusion-text:last-child{margin-bottom:0}.dv-wgms-changes-along-the-process{box-sizing:border-box;width:376px;height:212px;background:#05213d}.dv-wgms-changes-along-the-process .chart{width:100%;height:100%}.dv-wgms-distribution-points{display:flex;align-items:center;justify-content:space-between;width:376px;height:181.37px;font-size:14px;font-weight:500;color:#fff}.dv-wgms-distribution-points .dv-wgms-distribution-font-box{display:flex;align-items:center;justify-content:center;width:104px;height:157.37px;background:url(./images//distribution-back.png) 100% no-repeat}.dv-wgms-distribution-points .dv-wgms-distribution-font-blue{font-size:24px;font-weight:500;line-height:24px;text-align:center;background:linear-gradient(180deg,#fff 0,#62d3ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dv-wgms-distribution-points .dv-wgms-distribution-name{font-size:14px;font-weight:500;line-height:14px;color:#fff;text-align:center}.dv-wgms-cross-section-correlation{box-sizing:border-box;width:376px;height:200px;background:#05213d}.dv-wgms-cross-section-correlation .section-correlation-table{width:100%;height:100%}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:18px;line-height:16px}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list span{display:block;font-family:MiSans;font-size:14px;font-weight:500}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list.header{margin-top:8px}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list.header span{font-family:MiSans;font-size:14px;font-weight:500;color:#909399}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .sort{width:24px;padding-left:4px;font-family:Oswald;color:#fff;text-align:left}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .name{width:80px;overflow:hidden;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .progress{width:140px}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .correlation-coefficient{flex:1;font-family:Oswald;text-align:center}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .correlation-coefficient.green{color:#15f3a3}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .alarm{flex:1;font-family:Oswald;text-align:center}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .alarm.red{color:#f84439}.chlorophyll-a-change-rate .change-rate{display:flex;justify-content:space-between;padding:10px 15px 0}.chlorophyll-a-change-rate .change-rate .rate-one{position:relative;height:132px;text-align:center}.chlorophyll-a-change-rate .change-rate .rate-one .value{margin-left:14px}.chlorophyll-a-change-rate .change-rate .rate-one .value>span:nth-child(1){font-family:Furore;font-size:24px}.chlorophyll-a-change-rate .change-rate .rate-one .value>span:nth-child(2){margin-right:4px;font-size:12px;color:rgba(255,255,255,.7)}.chlorophyll-a-change-rate .change-rate .rate-one .trend{position:absolute;top:26px;width:100%;height:10px}.chlorophyll-a-change-rate .change-rate .rate-one .trend img{width:10px;height:10px}.chlorophyll-a-change-rate .change-rate .rate-one .zao{width:86px;height:90px;margin-top:-2px}.chlorophyll-a-change-rate .change-rate .rate-one .label{font-family:TRENDS;font-size:14px;color:#fff}.dv-wgms-environmental-analysis{width:376px;height:136px}.dv-wgms-environmental-analysis .dv-wgms-factor-top{display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:10px}.dv-wgms-environmental-analysis .dv-wgms-factor-top .dv-wgms-factor-top-name{margin-bottom:12px;font-size:14px;font-weight:500;color:#fff}.dv-wgms-environmental-analysis .dv-wgms-factor-box{display:flex;flex-direction:column;width:100%;height:100%;padding:12px 16px;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.dv-wgms-environmental-analysis .dv-wgms-factor-body{display:flex;justify-content:space-between}.dv-wgms-environmental-analysis .dv-wgms-factor-body .dv-wgms-factor-body-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:78px}.dv-wgms-environmental-analysis .dv-wgms-factor-body .dv-wgms-factor-body-item .dv-wgms-fator-pie{position:absolute;top:-9px;left:-40px;z-index:1;width:160px;height:100px}.dv-wgms-environmental-analysis .dv-wgms-factor-body .dv-wgms-factor-body-item .dv-wgms-factor-value{margin:6px 0 28px;font-family:Furore;font-size:20px;font-weight:400;line-height:30px;color:#0df;letter-spacing:0}.dv-wgms-environmental-analysis .dv-wgms-factor-body .dv-wgms-factor-body-item .dv-wgms-factor-name{position:absolute;bottom:-15px;z-index:2;width:85px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;color:#fff;-webkit-text-stroke:transparent 1px}.dv-wgms-environmental-analysis .dv-wgms-environmental-no-data{margin:20px auto;font-size:14px;font-weight:500;color:#fff}.factor-trend-comparison{box-sizing:border-box;width:376px}.factor-trend-comparison .chart{width:100%;height:260px}.dv-wgms-pollution-source{width:376px;color:#fff}.dv-wgms-pollution-source .dv-wgms-key-source{height:182px;padding:12px;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-title-text{display:flex;justify-content:space-between;font-size:14px;font-weight:500;color:#fff}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list{height:130px;margin-top:10px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one{margin-bottom:10px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:16px;font-weight:400;color:#fff;-webkit-text-stroke:transparent 1px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-top .dv-wgms-left span:nth-child(1){margin-right:15px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-top .dv-wgms-left span:nth-child(2){font-size:14px;font-weight:500;color:#fff}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-top .dv-wgms-right{font-size:16px;color:#f54455}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-bar{position:relative;width:100%;height:12px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one:last-child{margin-bottom:0}.dv-wgms-pollution-source .dv-wgms-statistic-content{display:flex;justify-content:space-between;margin-top:10px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box{width:182px;height:146px;padding:10px 24px 12px 12px;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px;font-size:14px;font-weight:500;color:#fff}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-total-content{display:flex;align-items:center;justify-content:space-between;height:20px;margin-top:12px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend,.dv-wgms-upstream-section .section-correlation-table .section-correlation-list.header{margin-top:8px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-total-content .dv-wgms-left{font-size:14px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-total-content .dv-wgms-right{display:flex}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-total-content .dv-wgms-right .dv-wgms-chart{width:20px;height:20px;margin-left:8px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one{display:flex;justify-content:space-between;margin-bottom:7px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-left{display:flex;align-items:center}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-left .dv-wgms-circle{width:10px;height:10px;margin-right:4px;border-radius:50%}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-left .dv-wgms-name{font-size:14px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-right{display:flex;align-items:center}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-right span:nth-child(1){color:#2ac94f}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-right span:nth-child(2){color:#fff}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one:last-child{margin-bottom:0}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list{padding-top:32px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list .dv-wgms-port-one{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list .dv-wgms-port-one .dv-wgms-name{font-size:14px;font-weight:500;color:#fff}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list .dv-wgms-port-one .dv-wgms-value span:nth-child(1){font-size:16px;font-weight:400;-webkit-text-stroke:transparent 1px;margin-right:4px;color:#f54455}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list .dv-wgms-port-one .dv-wgms-value span:nth-child(2){font-size:14px;font-weight:500;color:#fff}.flex-bw-c{display:flex;align-items:center;justify-content:space-between}.flex-c-c{display:flex;align-items:center;justify-content:center}.mgb12{margin-bottom:12px}.mgb8{margin-bottom:8px}.white-60{color:rgba(255,255,255,.6)}.mgr4{margin-right:4px}.dv-wgms-lake-river-index{width:376px;font-size:14px;font-weight:500;color:#fff}.dv-wgms-lake-river-index .dv-wgms-lake-river-item{box-sizing:border-box;width:100%;margin-bottom:16px;border-radius:4px}.dv-wgms-lake-river-index .dv-wgms-lake-river-item .dv-wgms-lake-level-box{width:44px;height:22px;margin-right:6px;line-height:22px;text-align:center;background:#03a9f4;border-radius:21px}.dv-wgms-lake-river-index .dv-wgms-lake-river-item:last-child{margin-bottom:0}.dv-wgms-lake-river-index .dv-wgms-river-detail{padding:12px;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.chlorophyll-a-change-rate{box-sizing:border-box;width:376px;height:var(--height);background-size:100% 100%}.chlorophyll-a-change-rate .chart{width:100%;height:160px}.dv-wgms-seven-day-kline{box-sizing:border-box;width:376px;height:212px;background:#05213d}.dv-wgms-seven-day-kline .chart{width:100%;height:100%}.dv-wgms-subordinate-ranking-table{width:376px;font-size:14px;font-weight:500;color:#fff}.dv-wgms-subordinate-ranking-table .dv-wgms-sub-scroll-table{width:100%;height:256px;margin:0 auto;overflow-x:hidden}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list{display:flex;margin-top:4px;line-height:32px}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-sort{display:block;width:12.5%;padding-left:8px;text-align:center}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-name{display:block;width:21%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-percent{display:flex;align-items:center;width:66.5%}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-percent .dv-wgms-ranking-percent-progress{width:80%;height:8px;padding:0 8px}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-percent .dv-wgms-ranking-percent-num{display:block;width:20%;padding-right:8px;color:#00deff;text-align:center}.n-p-trend-change{box-sizing:border-box;width:376px}.n-p-trend-change .chart{width:100%;height:260px}.dv-wgms-upstream-impact{box-sizing:border-box;width:376px;height:212px;background:#05213d}.dv-wgms-upstream-impact .chart{width:100%;height:100%}.water-category{display:flex;align-items:center;justify-content:space-around;width:376px;height:168px;background:#05213d;font-size:14px;font-weight:500;color:#fff}.water-category .chart-pie{width:130px;height:130px}.water-category .section-water-quality-lengend{width:calc(100% - 146px)}.water-category .section-water-quality-lengend .lengend-item{display:flex;align-items:center;margin-bottom:6px}.water-category .section-water-quality-lengend .lengend-item:last-child{margin-bottom:0}.water-category .section-water-quality-lengend .lengend-item .icon{display:block;flex-shrink:0;width:10px;height:10px;border-radius:50%}.water-category .section-water-quality-lengend .lengend-item .name{width:48px;margin-left:4px}.water-category .section-water-quality-lengend .lengend-item .flex-num{display:flex;align-items:center;justify-content:center;width:70px}.water-category .section-water-quality-lengend .lengend-item .num{font-family:Oswald;color:#0df}.water-category .section-water-quality-lengend .lengend-item .percent{font-family:Oswald}.water-category .section-water-quality-lengend .lengend-item .text{color:#909399}.water-category .section-water-quality-lengend .lengend-item .compare{display:block;width:56px;font-family:Oswald;font-weight:400;color:#2ac94f;text-align:right}.water-category .section-water-quality-lengend .lengend-item .img-icon{margin-left:4px}.dv-wgms-upstream-section{box-sizing:border-box;width:376px;height:136px;background:#05213d}.dv-wgms-upstream-section .section-correlation-table{width:100%;height:100%}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:18px;line-height:16px}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list span{display:block;font-family:MiSans;font-size:14px;font-weight:500}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list.header span{font-family:MiSans;font-size:14px;font-weight:500;color:#909399}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list.header .progress{display:flex;justify-content:space-between;padding-left:8px}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .sort{width:24px;padding-left:4px;font-family:Oswald;color:#fff;text-align:left}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .name{width:80px;overflow:hidden;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .progress{width:216px}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .correlation-coefficient{flex:1;font-family:Oswald;text-align:center}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .correlation-coefficient.green{color:#15f3a3}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .alarm{flex:1;font-family:Oswald;text-align:center}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .alarm.red{color:#f84439}.dv-wgms-surrounding-pollution{box-sizing:border-box;width:376px;height:412px;background:#05213d}.dv-wgms-surrounding-pollution .surrounding-comm-box{box-sizing:border-box;padding:12px;background:rgba(0,47,93,.3);border:1px solid #00366a;border-radius:4px}.dv-wgms-surrounding-pollution .surrounding-comm-box.different{padding:8px 16px}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box.pd10{padding:10px}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .name{font-family:MiSans;font-size:14px;font-weight:500;line-height:20px;color:#fff;text-align:center}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .num{font-family:Oswald;font-size:16px;font-weight:400;line-height:16px}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .num.red{color:#f84439}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .num-box{display:flex;justify-content:center}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .num-box .total{font-family:Oswald;font-size:16px;font-weight:400;line-height:16px;color:#fff}.dv-wgms-surrounding-pollution .surrounding-two-flex{display:flex;justify-content:space-between;width:100%;height:142px;margin-bottom:12px}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left{width:267px;height:100%}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .title-box{display:flex;align-items:center;justify-content:space-between;width:100%}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .title-box .title{font-family:MiSans;font-size:14px;font-weight:500;color:#fff}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list{margin-top:4px}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every{display:flex;align-items:center;justify-content:space-between;line-height:32px}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every span{display:block;font-family:Oswald;font-size:16px;font-weight:400}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every .sort{width:24px;line-height:18px;color:rgba(255,255,255,.8);text-align:center}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every .name{flex:1;overflow:hidden;font-family:MiSans;font-size:16px;font-weight:400;color:#fff;text-overflow:ellipsis;white-space:nowrap}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every .num{width:40px;color:#f84439;text-align:right}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .empty-data{width:100%;margin-top:20px;color:rgba(255,255,255,.6);text-align:center}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-right{width:calc(100% - 267px - 12px);height:100%}.dv-wgms-surrounding-pollution .surrounding-three-flex{display:flex;justify-content:space-between;width:100%;height:80px}.dv-wgms-surrounding-pollution .surrounding-three-flex .surrounding-three-item{width:calc(33.3333% - 8px);height:100%}.dv-wgms-water-quality-rainfall{box-sizing:border-box;width:376px;height:212px;background:#05213d}.dv-wgms-water-quality-rainfall .chart{width:100%;height:100%}.water-quality{width:376px;padding:12px;background:#05213d}.water-quality-status{padding:9px 12px;margin-bottom:12px;font-size:14px;font-weight:500;color:#fff;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.water-quality-status:last-child{margin-bottom:0}.water-quality-status-top{margin-bottom:8px}.water-quality-status-top .rate{font-family:Oswald}.water-quality-status-bottom{margin-top:8px}.water-quality-status-bottom .text{color:#909399}.water-quality-status-bottom .value{margin-left:4px;font-family:Oswald}.water-quality-status-bottom img{margin-left:4px}.bar-box{display:flex;align-items:center}.bar-box .stand-bar{height:100%}.bar-box .bar-head{width:2px;height:12px}.common-panel{position:relative;width:400px}.common-panel .common-bg{position:absolute;width:100%;border-top:30px solid;border-right:70px solid;border-bottom:30px solid;border-left:70px solid;border-image-slice:30 70 30 70 fill}.common-panel .panel-content{position:absolute;width:100%;padding:8px 16px}.common-panel .top-title{position:relative;z-index:9;display:flex;align-items:center;justify-content:space-between;width:100%;height:34px;padding-left:28px;background-size:100% 100%;border-top:17px solid;border-right:30px solid;border-bottom:18px solid;border-left:30px solid;border-image-source:url(./images/title.png);border-image-slice:17 30 18 30 fill}.common-panel .top-title .text-box{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:space-between;width:calc(100% + 17px);height:35px;transform:translateY(-18px)}.common-panel .top-title .left,.container-select .select-box{align-items:center;display:flex}.common-panel .top-title .left .main-title{max-width:320px;font-family:PangMenZhengDao;font-size:20px;color:#d8f1ff}.common-panel .top-title .left .sub{font-family:Furore;font-size:14px;color:rgba(255,255,255,.6)}@supports (-webkit-backdrop-filter:blur(30px)) or (backdrop-filter:blur(30px)){.bf-blur{background-color:rgba(0,0,0,.8);backdrop-filter:blur(30px)}}@supports not ((-webkit-backdrop-filter:blur(30px)) or (backdrop-filter:blur(30px))){.bf-blur{background-color:rgba(0,0,0,.8);box-shadow:0 10px 30px rgba(0,0,0,.18),0 6px 10px rgba(0,0,0,.22)}}.container-select{position:relative;width:100%}.container-select .select-box{justify-content:space-between;cursor:pointer}.container-select .select-box .label{margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;color:#fff}.container-select .select-box .arrow-white{width:0;height:0;border-top:4px solid #fff;border-right:4px solid transparent;border-bottom:0 solid transparent;border-left:4px solid transparent;transform:scale(v-bind(arrowScale))}.container-select .placeholder{color:rgba(255,255,255,.5)}.container-select .option-list{position:absolute;bottom:-120px;left:50%;z-index:15;width:fit-content;min-width:60px;height:116px;padding:4px;background:radial-gradient(50% 10% at 50% 100%,rgba(61,190,233,.6) 0,rgba(61,143,233,.2) 54%,rgba(61,143,233,0) 99%),#12294f;border:1px solid #3d7cc1;border-radius:4px;transform:translateX(-50%)}.container-select .option-list .select-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:3px 6px;margin-bottom:4px;white-space:nowrap;cursor:pointer;background:rgba(2,48,87,.5);border:1px solid rgba(40,108,157,.2);border-radius:4px;font-size:14px;font-weight:500;color:#fff}.container-select .option-list .select-item-check{background:#008dce;border:1px solid #00e5ff}.container-select .height-to-down-enter-from{bottom:-4px;height:0!important;transition:all .2s}.container-select .height-to-down-enter-active{transition:all .2s}.container-select .height-to-down-enter-to,.container-select .height-to-down-leave-from{bottom:-120px;height:116px!important;transition:all .2s}.container-select .height-to-down-leave-active{transition:all .2s}.container-select .height-to-down-leave-to{bottom:-4px;height:0!important;transition:all .2s}.container-select .arrow-line{width:6px;height:6px;margin-left:4px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg) translateY(-50%) scale(v-bind(arrowScale));transform-origin:center}.container-select .arrow-line-ro{transform:rotate(225deg)!important}.container-select .select-box-father{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:5px 8px;background:#023057;border:1px solid #286c9d;border-radius:4px}.container-select .select-box-father .label{width:95%}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ued_fpi/data-visual",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.4",
|
|
4
4
|
"main": "./dist/lib/index.js",
|
|
5
5
|
"module": "./dist/es/index.mjs",
|
|
6
6
|
"typings": "./dist/es/index.d.ts",
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
"types": "./dist/es/index.d.ts"
|
|
12
12
|
},
|
|
13
13
|
"./style": "./dist/es/style.css",
|
|
14
|
+
"./style/*.css": "./dist/style/*.css",
|
|
14
15
|
"./es": "./dist/es/index.mjs",
|
|
15
16
|
"./lib": "./dist/lib/index.js",
|
|
16
17
|
"./es/*.mjs": "./dist/es/*.mjs",
|
|
@@ -52,5 +53,5 @@
|
|
|
52
53
|
"publishConfig": {
|
|
53
54
|
"access": "public"
|
|
54
55
|
},
|
|
55
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "e8f85cd17b8493a354a2c56788ce6b8e786b5677"
|
|
56
57
|
}
|