@vtx/modals2 2.14.34 → 2.14.36

package/lib/vtx-df-modal/components/BaseInfo/Jcqsfx.js.map

@@ -1 +1 @@
-{"version":3,"file":"Jcqsfx.js","names":["_react","_interopRequireWildcard","require","_ahooks","_lodash","_echartsForReact","_interopRequireDefault","_moment","_vmSubTitle","_vmFilter","_useSettings2","_api","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","Jcqsfx","props","_a","_useSettings","useSettings","chartFontColor","sDate","startDate","eDate","endDate","theme","code","setDate","_useSetState","useSetState","moment","startOf","format","_useSetState2","state","setState","_BaseService$useTrend","BaseService","useTrendInfo","trendRes","handleDateChange","start","end","useEffect","maxNum","values","max","flatten","option","color","tooltip","trigger","formatter","params","seriesName","legend","show","grid","top","left","right","bottom","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","data","names","yAxis","splitLine","lineStyle","series","markLine","normal","label","position","fontWeight","React","createElement","className","SubTitle2","title","extra","Fragment","VMRangePicker","onChange","dates","ReactEcharts","notMerge","lazyUpdate","style","height","width"],"sources":["vtx-df-modal/components/BaseInfo/Jcqsfx.js"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useSetState } from 'ahooks';\nimport { flatten, max } from 'lodash';\nimport ReactEcharts from 'echarts-for-react';\nimport moment from 'moment';\nimport { SubTitle2 } from '../../../vm-sub-title';\nimport { VMRangePicker } from '../../../vm-filter';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nexport default function Jcqsfx(props) {\n    var _a;\n    const { chartFontColor, startDate: sDate, endDate: eDate, theme } = useSettings();\n    const { code, setDate } = props;\n    const [state, setState] = useSetState({\n        startDate: sDate\n            ? sDate\n            : moment()\n                .startOf('M')\n                .format('YYYY-MM-DD'),\n        endDate: eDate ? eDate : moment().format('YYYY-MM-DD'),\n    });\n    const { startDate, endDate } = state;\n    const { trendRes } = BaseService.useTrendInfo(code, startDate, endDate);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    useEffect(() => {\n        setDate(startDate, endDate);\n    }, [startDate, endDate]);\n    let maxNum = null;\n    if (((_a = trendRes === null || trendRes === void 0 ? void 0 : trendRes.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n        maxNum = max(flatten(trendRes.values));\n    }\n    const option = {\n        color: ['#1890FF'],\n        tooltip: {\n            trigger: 'axis',\n            formatter: function (params) {\n                return (params[0].name + '<br/>' + params[0].seriesName + ': ' + params[0].value + '吨');\n            },\n        },\n        legend: {\n            show: false,\n        },\n        grid: {\n            top: 28,\n            left: 56,\n            right: 42,\n            bottom: 32,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            data: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.names) || [],\n        },\n        yAxis: {\n            name: '吨',\n            type: 'value',\n            axisTick: {\n                show: false,\n            },\n            max: maxNum,\n            axisLabel: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            splitLine: {\n                lineStyle: {\n                    type: 'dashed',\n                    color: 'rgba(151,151,151,0.28)',\n                },\n            },\n        },\n        series: [\n            {\n                name: '进场量',\n                type: 'line',\n                data: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.values) ? trendRes.values[0] : [],\n                markLine: {\n                    data: [\n                        {\n                            yAxis: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.values) && trendRes.values[1] ? trendRes.values[1][0] : 0,\n                            lineStyle: {\n                                normal: {\n                                    color: '#FFE25D',\n                                },\n                            },\n                            name: '设计能力(吨/日)',\n                        },\n                    ],\n                    lineStyle: {\n                        color: '#52C41A',\n                    },\n                    label: {\n                        show: true,\n                        position: 'insideEndTop',\n                        formatter: '{b}: {c}',\n                        color: theme === 'blue' ? '#fff' : chartFontColor,\n                        fontWeight: 'normal',\n                    },\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"base-top--jcqsfx\" },\n        React.createElement(SubTitle2, { title: '进场趋势分析', extra: React.createElement(React.Fragment, null,\n                React.createElement(VMRangePicker, { value: [moment(startDate), moment(endDate)], onChange: (dates) => dates &&\n                        handleDateChange(moment(dates[0]).format('YYYY-MM-DD'), moment(dates[1]).format('YYYY-MM-DD')) })) }),\n        React.createElement(\"div\", { className: \"base-top--chart\" },\n            React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } }))));\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Jcqsfx.js","names":["_react","_interopRequireWildcard","require","_ahooks","_lodash","_echartsForReact","_interopRequireDefault","_moment","_vmSubTitle","_vmFilter","_useSettings2","_api","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","Jcqsfx","props","_a","_useSettings","useSettings","chartFontColor","sDate","startDate","eDate","endDate","theme","code","setDate","_useSetState","useSetState","moment","startOf","format","_useSetState2","state","setState","_BaseService$useTrend","BaseService","useTrendInfo","trendRes","handleDateChange","start","end","useEffect","maxNum","values","max","flatten","option","color","tooltip","trigger","formatter","params","seriesName","legend","show","grid","top","left","right","bottom","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","data","names","yAxis","nameTextStyle","splitLine","lineStyle","series","markLine","normal","label","position","fontWeight","React","createElement","className","SubTitle2","title","extra","Fragment","VMRangePicker","onChange","dates","ReactEcharts","notMerge","lazyUpdate","style","height","width"],"sources":["vtx-df-modal/components/BaseInfo/Jcqsfx.js"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useSetState } from 'ahooks';\nimport { flatten, max } from 'lodash';\nimport ReactEcharts from 'echarts-for-react';\nimport moment from 'moment';\nimport { SubTitle2 } from '../../../vm-sub-title';\nimport { VMRangePicker } from '../../../vm-filter';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nexport default function Jcqsfx(props) {\n    var _a;\n    const { chartFontColor, startDate: sDate, endDate: eDate, theme } = useSettings();\n    const { code, setDate } = props;\n    const [state, setState] = useSetState({\n        startDate: sDate\n            ? sDate\n            : moment()\n                .startOf('M')\n                .format('YYYY-MM-DD'),\n        endDate: eDate ? eDate : moment().format('YYYY-MM-DD'),\n    });\n    const { startDate, endDate } = state;\n    const { trendRes } = BaseService.useTrendInfo(code, startDate, endDate);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    useEffect(() => {\n        setDate(startDate, endDate);\n    }, [startDate, endDate]);\n    let maxNum = null;\n    if (((_a = trendRes === null || trendRes === void 0 ? void 0 : trendRes.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n        maxNum = max(flatten(trendRes.values));\n    }\n    const option = {\n        color: ['#1890FF'],\n        tooltip: {\n            trigger: 'axis',\n            formatter: function (params) {\n                return (params[0].name + '<br/>' + params[0].seriesName + ': ' + params[0].value + '吨');\n            },\n        },\n        legend: {\n            show: false,\n        },\n        grid: {\n            top: 28,\n            left: 56,\n            right: 42,\n            bottom: 32,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            data: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.names) || [],\n        },\n        yAxis: {\n            name: '吨',\n            type: 'value',\n            axisTick: {\n                show: false,\n            },\n            max: maxNum,\n            nameTextStyle: {\n                //y轴上方单位的颜色\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            axisLabel: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            splitLine: {\n                lineStyle: {\n                    type: 'dashed',\n                    color: 'rgba(151,151,151,0.28)',\n                },\n            },\n        },\n        series: [\n            {\n                name: '进场量',\n                type: 'line',\n                data: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.values) ? trendRes.values[0] : [],\n                markLine: {\n                    data: [\n                        {\n                            yAxis: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.values) && trendRes.values[1] ? trendRes.values[1][0] : 0,\n                            lineStyle: {\n                                normal: {\n                                    color: '#FFE25D',\n                                },\n                            },\n                            name: '设计能力(吨/日)',\n                        },\n                    ],\n                    lineStyle: {\n                        color: '#52C41A',\n                    },\n                    label: {\n                        show: true,\n                        position: 'insideEndTop',\n                        formatter: '{b}: {c}',\n                        color: theme === 'blue' ? '#fff' : chartFontColor,\n                        fontWeight: 'normal',\n                    },\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"base-top--jcqsfx\" },\n        React.createElement(SubTitle2, { title: '进场趋势分析', extra: React.createElement(React.Fragment, null,\n                React.createElement(VMRangePicker, { value: [moment(startDate), moment(endDate)], onChange: (dates) => dates &&\n                        handleDateChange(moment(dates[0]).format('YYYY-MM-DD'), moment(dates[1]).format('YYYY-MM-DD')) })) }),\n        React.createElement(\"div\", { className: \"base-top--chart\" },\n            React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } }))));\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-df-modal/components/BaseInfo/index.css

@@ -5,421 +5,115 @@
   padding: 10px;
   height: 100%;
 }
-.df-baseContent .base-top-desc {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: start;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  gap: 12px;
-}
 .df-baseContent .base-top-desc-exec {
   color: var(--info-danger);
   height: 40px;
 }
 .df-baseContent .base-top-img {
-  padding: 10px 12px;
-  height: 288px;
   background-color: var(--bg-color2);
-  border: 1px solid var(--bg-border-color2);
 }
 .df-baseContent .base-top-img img {
   width: 100%;
 }
 .df-baseContent .base-top--base {
-  height: 288px;
-  padding: 10px 12px;
+  max-height: 480px;
   background-color: var(--bg-color2);
-  border: 1px solid var(--bg-border-color2);
   overflow: auto;
+  margin-top: 12px;
 }
 .df-baseContent .base-top--jcqsfx {
-  height: 288px;
-  padding: 10px 12px;
+  margin-top: 10px;
   background-color: var(--bg-color2);
-  border: 1px solid var(--bg-border-color2);
-}
-.df-baseContent .base-top--jcqsfx-head {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
 }
 .df-baseContent .base-top--chart {
-  height: 260px;
+  height: 220px;
   width: 100%;
 }
-.df-baseContent .base-bottom {
-  margin-top: 10px;
-}
 .df-baseContent .base-bottom--left {
-  padding: 10px 12px;
   background-color: var(--bg-color2);
-  border: 1px solid var(--bg-border-color2);
+}
+.df-baseContent .base-bottom {
+  margin-top: 10px;
 }
 .df-baseContent .base-bottom--right {
-  height: 362px;
-  padding: 10px 12px;
   background-color: var(--bg-color2);
-  border: 1px solid var(--bg-border-color2);
 }
 .df-baseContent .base-bottom--right-desc {
   color: var(--title-color);
-  height: 50px;
+  height: 40px;
   text-align: center;
 }
 .df-baseContent .base-bottom--right-desc span {
-  color: var(--info-danger);
+  color: var(--block-bg-color2);
 }
 .df-baseContent .base-bottom--right-content {
   width: 100%;
-  height: 300px;
   text-align: center;
   overflow-y: auto;
 }
 .df-baseContent .df-situation {
-  height: 306px;
   overflow-y: auto;
-  --img-text-color: #fff;
-}
-.df-baseContent .df-situation.light {
-  --img-text-color: #1890ff;
-}
-.df-baseContent .df-situation.dark {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  height: 130px;
-}
-.df-baseContent .df-situation.blue {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  height: 130px;
-}
-.df-baseContent .df-situation .df-situation-item {
-  width: 332px;
-  height: 65px;
-  margin-bottom: 9px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  padding-right: 14px;
-}
-.df-baseContent .df-situation .df-situation-item-name {
-  line-height: 65px;
-  margin-left: 71px;
-  color: var(--img-text-color);
-}
-.df-baseContent .df-situation .df-situation-item-value {
-  font-size: 14px;
-  color: var(--img-text-color);
-}
-.df-baseContent .df-situation .df-situation-item-value span {
-  font-size: 20px;
-  font-family: D-DINExp-Bold, D-DINExp;
-  font-weight: bold;
-}
-.df-baseContent .df-situation .df-situation-item.dark {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-}
-.df-baseContent .df-situation .df-situation-item.blue {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
+  padding: 24px;
+  --img-text-color: #fff;
+  --img-value-color: #fff;
+  --img-text-warn-color: #ff5252;
 }
-.df-baseContent .df-situation .df-situation-item.blue .df-situation-item-name,
-.df-baseContent .df-situation .df-situation-item.blue .df-situation-item-value {
-  margin-left: 10px;
+.df-baseContent .df-situation.light {
+  --img-text-color: #595959;
+  --img-value-color: #1890ff;
 }
-.df-baseContent .df-situation-item1 {
-  width: 332px;
-  height: 65px;
-  margin-bottom: 9px;
+.df-baseContent .df-situation .df-situation-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  padding-right: 14px;
-  background-image: url('../../imgs/jcl.png');
-}
-.df-baseContent .df-situation-item1-name {
-  line-height: 65px;
-  margin-left: 71px;
-  color: var(--img-text-color);
-}
-.df-baseContent .df-situation-item1-value {
-  font-size: 14px;
-  color: var(--img-text-color);
-}
-.df-baseContent .df-situation-item1-value span {
-  font-size: 20px;
-  font-family: D-DINExp-Bold, D-DINExp;
-  font-weight: bold;
-}
-.df-baseContent .df-situation-item1.dark {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-}
-.df-baseContent .df-situation-item1.blue {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
   -webkit-box-pack: start;
       -ms-flex-pack: start;
-          justify-content: flex-start;
-}
-.df-baseContent .df-situation-item1.blue .df-situation-item-name,
-.df-baseContent .df-situation-item1.blue .df-situation-item-value {
-  margin-left: 10px;
-}
-.df-baseContent .df-situation-item1.light {
-  background-image: url('../../imgs/jcl_light.png');
-}
-.df-baseContent .df-situation-item1.blue {
-  background-image: url('../../imgs/jcl_blue.png');
-}
-.df-baseContent .df-situation-item1.blue .df-situation-item-name,
-.df-baseContent .df-situation-item1.blue .df-situation-item-value {
-  color: #fff;
-  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #ffffff), to(#00ebed));
-  background: linear-gradient(180deg, #ffffff 0%, #ffffff 30%, #00ebed 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-.df-baseContent .df-situation-item2 {
-  width: 332px;
-  height: 65px;
-  margin-bottom: 9px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+          justify-content: start;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  padding-right: 14px;
-  background-image: url('../../imgs/jccc.png');
-}
-.df-baseContent .df-situation-item2-name {
-  line-height: 65px;
-  margin-left: 71px;
-  color: var(--img-text-color);
 }
-.df-baseContent .df-situation-item2-value {
-  font-size: 14px;
-  color: var(--img-text-color);
-}
-.df-baseContent .df-situation-item2-value span {
-  font-size: 20px;
-  font-family: D-DINExp-Bold, D-DINExp;
-  font-weight: bold;
+.df-baseContent .df-situation .df-situation-item img {
+  width: 46px;
+  height: 46px;
+  margin-right: 10px;
 }
-.df-baseContent .df-situation-item2.dark {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-}
-.df-baseContent .df-situation-item2.blue {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-}
-.df-baseContent .df-situation-item2.blue .df-situation-item-name,
-.df-baseContent .df-situation-item2.blue .df-situation-item-value {
-  margin-left: 10px;
-}
-.df-baseContent .df-situation-item2.light {
-  background-image: url('../../imgs/jccc_light.png');
-}
-.df-baseContent .df-situation-item2.blue {
-  background-image: url('../../imgs/jccc_blue.png');
-}
-.df-baseContent .df-situation-item2.blue .df-situation-item-name,
-.df-baseContent .df-situation-item2.blue .df-situation-item-value {
-  color: #fff;
-  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #ffffff), to(#00ebed));
-  background: linear-gradient(180deg, #ffffff 0%, #ffffff 30%, #00ebed 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-.df-baseContent .df-situation-item3 {
-  width: 332px;
-  height: 65px;
-  margin-bottom: 9px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  padding-right: 14px;
-  background-image: url('../../imgs/jcbj.png');
-}
-.df-baseContent .df-situation-item3-name {
-  line-height: 65px;
-  margin-left: 71px;
+.df-baseContent .df-situation .df-situation-item-name {
   color: var(--img-text-color);
 }
-.df-baseContent .df-situation-item3-value {
+.df-baseContent .df-situation .df-situation-item-value {
   font-size: 14px;
-  color: var(--img-text-color);
+  color: var(--img-value-color);
 }
-.df-baseContent .df-situation-item3-value span {
+.df-baseContent .df-situation .df-situation-item-value span {
   font-size: 20px;
   font-family: D-DINExp-Bold, D-DINExp;
   font-weight: bold;
 }
-.df-baseContent .df-situation-item3.dark {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-}
-.df-baseContent .df-situation-item3.blue {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-}
-.df-baseContent .df-situation-item3.blue .df-situation-item-name,
-.df-baseContent .df-situation-item3.blue .df-situation-item-value {
-  margin-left: 10px;
-}
-.df-baseContent .df-situation-item3.light {
-  background-image: url('../../imgs/jcbj_light.png');
-}
-.df-baseContent .df-situation-item3.blue {
-  background-image: url('../../imgs/jcbj_blue.png');
-}
-.df-baseContent .df-situation-item3.blue .df-situation-item-name,
-.df-baseContent .df-situation-item3.blue .df-situation-item-value {
-  color: #fff;
-  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #ffffff), to(#ff6f6f));
-  background: linear-gradient(180deg, #ffffff 0%, #ffffff 30%, #ff6f6f 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-.df-baseContent .df-situation-item4 {
-  width: 332px;
-  height: 65px;
-  margin-bottom: 9px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  padding-right: 14px;
-  background-image: url('../../imgs/zbbj.png');
-}
-.df-baseContent .df-situation-item4-name {
-  line-height: 65px;
-  margin-left: 71px;
-  color: var(--img-text-color);
-}
-.df-baseContent .df-situation-item4-value {
+.df-baseContent .df-situation .df-situation-item-value_warn {
   font-size: 14px;
-  color: var(--img-text-color);
+  color: var(--img-text-warn-color);
 }
-.df-baseContent .df-situation-item4-value span {
+.df-baseContent .df-situation .df-situation-item-value_warn span {
   font-size: 20px;
   font-family: D-DINExp-Bold, D-DINExp;
   font-weight: bold;
 }
-.df-baseContent .df-situation-item4.dark {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-}
-.df-baseContent .df-situation-item4.blue {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-}
-.df-baseContent .df-situation-item4.blue .df-situation-item-name,
-.df-baseContent .df-situation-item4.blue .df-situation-item-value {
-  margin-left: 10px;
-}
-.df-baseContent .df-situation-item4.light {
-  background-image: url('../../imgs/zbbj_light.png');
-}
-.df-baseContent .df-situation-item4.blue {
-  background-image: url('../../imgs/zbbj_blue.png');
-}
-.df-baseContent .df-situation-item4.blue .df-situation-item-name,
-.df-baseContent .df-situation-item4.blue .df-situation-item-value {
-  color: #fff;
-  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #ffffff), to(#ff6f6f));
-  background: linear-gradient(180deg, #ffffff 0%, #ffffff 30%, #ff6f6f 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
 .df-baseContent .df-monitor-head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  width: 100%;
-  overflow: auto;
-}
-.df-baseContent .df-monitor-head::-webkit-scrollbar {
-  width: 0px;
-  height: 4px;
-}
-.df-baseContent .df-monitor-head::-webkit-scrollbar-thumb {
-  background: var(--scroll-bar-hover-bg);
-  border-radius: 5px;
 }
 .df-baseContent .df-monitor-head-item {
   display: -webkit-box;
@@ -432,10 +126,9 @@
       -ms-flex-align: start;
           align-items: start;
   cursor: pointer;
-  margin-right: 16px;
-  padding: 8px 12px;
 }
 .df-baseContent .df-monitor-head-item.active {
+  padding: 8px 12px;
   background-color: var(--block-bg-color);
 }
 .df-baseContent .df-monitor-head-item img {
@@ -447,7 +140,6 @@
 .df-baseContent .df-monitor-head-item-right-name {
   color: var(--title-color);
   font-size: 12px;
-  white-space: nowrap;
 }
 .df-baseContent .df-monitor-head-item-right-valueNormal {
   color: var(--info-active);
@@ -474,6 +166,6 @@
   margin-top: 18px;
 }
 .slick-track {
-  height: 220px;
+  width: 340px;
   overflow: hidden;
 }