@vtx/modals2 2.16.4 → 2.16.6

package/lib/vtx-df-modal/components/Metering/ChartJcqs.js

@@ -10,7 +10,7 @@ var _lodash = require("lodash");
 var echarts = _interopRequireWildcard(require("echarts"));
 var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
 var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
-var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmWrapper = _interopRequireDefault(require("../../../vm-wrapper"));
 var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -30,7 +30,7 @@ var ChartJcqs = function ChartJcqs(props) {
     maxNum = (0, _lodash.max)((0, _lodash.flatten)(props.values));
   }
   var option = {
-    color: ['#00FFE7'],
+    color: ['#1670ff'],
     tooltip: {
       trigger: 'axis',
       formatter: function formatter(params) {
@@ -91,10 +91,13 @@ var ChartJcqs = function ChartJcqs(props) {
       areaStyle: {
         color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
           offset: 0,
-          color: '#51d0ff6e'
+          color: 'rgba(22, 119, 255, 0)'
+        }, {
+          offset: 0.5,
+          color: 'rgba(22, 119, 255, 0.5)'
         }, {
           offset: 1,
-          color: '#1B89FF'
+          color: 'rgba(22, 119, 255, 1)'
         }])
       },
       markLine: {
@@ -102,34 +105,35 @@ var ChartJcqs = function ChartJcqs(props) {
           yAxis: (props === null || props === void 0 ? void 0 : props.values) ? props.values[1][0] : 0,
           lineStyle: {
             normal: {
-              color: '#FFE25D'
+              color: '#F5222D'
             }
           },
           name: '设计能力(吨/日)'
         }],
         lineStyle: {
-          color: '#FFE25D'
+          color: '#F5222D'
         },
         label: {
           show: true,
           position: 'insideEndTop',
           formatter: '{b}: {c}',
-          color: theme === 'blue' ? '#fff' : chartFontColor,
+          color: '#F5222D',
           fontWeight: 'normal'
         }
       }
     }]
   };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
-    title: "\u8FDB\u573A\u8D8B\u52BF\u5206\u6790"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement(_vmWrapper["default"], {
+    title: "\u8FDB\u573A\u8D8B\u52BF\u5206\u6790",
+    needChange: false
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "metering-content-charts-chart"
   }, ((_b = props === null || props === void 0 ? void 0 : props.names) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (/*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
     option: option,
     notMerge: true,
     lazyUpdate: true,
     style: {
-      height: '107%',
+      height: '100%',
       width: '100%'
     }
   })) : (/*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null))));

package/lib/vtx-df-modal/components/Metering/ChartJcqs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartJcqs.js","names":["_react","_interopRequireDefault","require","_lodash","echarts","_interopRequireWildcard","_echartsForReact","_useSettings2","_vmSubTitle","_vmNodata","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChartJcqs","props","_a","_b","_useSettings","useSettings","chartFontColor","theme","xData","names","values","maxNum","length","max","flatten","option","color","tooltip","trigger","formatter","params","name","seriesName","value","legend","itemWith","itemHeight","textStyle","fontSize","legends","grid","left","right","bottom","top","containLabel","xAxis","type","boundaryGap","axisTick","show","axisLabel","data","yAxis","nameTextStyle","splitLine","lineStyle","series","areaStyle","graphic","LinearGradient","offset","markLine","normal","label","position","fontWeight","React","createElement","Fragment","SubTitle","title","className","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","_default","exports"],"sources":["vtx-df-modal/components/Metering/ChartJcqs.js"],"sourcesContent":["/**\n * 计量信息-图表-进场趋势分析\n */\nimport React from 'react';\nimport { flatten, max } from 'lodash';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport SubTitle from '../../../vm-sub-title';\nimport NoData from '../../../vm-nodata';\nconst ChartJcqs = (props) => {\n    var _a, _b;\n    const { chartFontColor, theme } = useSettings();\n    const xData = (props === null || props === void 0 ? void 0 : props.names) || [];\n    const values = (props === null || props === void 0 ? void 0 : props.values) ? props.values[0] : [];\n    let maxNum = null;\n    if (((_a = props === null || props === void 0 ? void 0 : props.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n        maxNum = max(flatten(props.values));\n    }\n    const option = {\n        color: ['#00FFE7'],\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            itemWith: 6,\n            itemHeight: 6,\n            textStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n                fontSize: 12,\n            },\n            props: (props === null || props === void 0 ? void 0 : props.legends) || [],\n        },\n        grid: {\n            left: '6%',\n            right: '7%',\n            bottom: 20,\n            top: 84,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            name: '日期',\n            boundaryGap: true,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            data: xData,\n        },\n        yAxis: {\n            type: 'value',\n            boundaryGap: true,\n            name: '吨',\n            max: maxNum,\n            nameTextStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            // splitNumber: 5,\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: values,\n                areaStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 0,\n                            color: '#51d0ff6e',\n                        },\n                        {\n                            offset: 1,\n                            color: '#1B89FF',\n                        },\n                    ]),\n                },\n                markLine: {\n                    data: [\n                        {\n                            yAxis: (props === null || props === void 0 ? void 0 : props.values) ? props.values[1][0] : 0,\n                            lineStyle: {\n                                normal: {\n                                    color: '#FFE25D',\n                                },\n                            },\n                            name: '设计能力(吨/日)',\n                        },\n                    ],\n                    lineStyle: {\n                        color: '#FFE25D',\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(React.Fragment, null,\n        React.createElement(SubTitle, { title: \"\\u8FDB\\u573A\\u8D8B\\u52BF\\u5206\\u6790\" }),\n        React.createElement(\"div\", { className: \"metering-content-charts-chart\" }, ((_b = props === null || props === void 0 ? void 0 : props.names) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '107%', width: '100%' } })) : (React.createElement(NoData, null)))));\n};\nexport default ChartJcqs;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ChartJcqs.js","names":["_react","_interopRequireDefault","require","_lodash","echarts","_interopRequireWildcard","_echartsForReact","_useSettings2","_vmWrapper","_vmNodata","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChartJcqs","props","_a","_b","_useSettings","useSettings","chartFontColor","theme","xData","names","values","maxNum","length","max","flatten","option","color","tooltip","trigger","formatter","params","name","seriesName","value","legend","itemWith","itemHeight","textStyle","fontSize","legends","grid","left","right","bottom","top","containLabel","xAxis","type","boundaryGap","axisTick","show","axisLabel","data","yAxis","nameTextStyle","splitLine","lineStyle","series","areaStyle","graphic","LinearGradient","offset","markLine","normal","label","position","fontWeight","React","createElement","VmWrapper","title","needChange","className","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","_default","exports"],"sources":["vtx-df-modal/components/Metering/ChartJcqs.js"],"sourcesContent":["/**\n * 计量信息-图表-进场趋势分析\n */\nimport React from 'react';\nimport { flatten, max } from 'lodash';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport VmWrapper from '../../../vm-wrapper';\nimport NoData from '../../../vm-nodata';\nconst ChartJcqs = (props) => {\n    var _a, _b;\n    const { chartFontColor, theme } = useSettings();\n    const xData = (props === null || props === void 0 ? void 0 : props.names) || [];\n    const values = (props === null || props === void 0 ? void 0 : props.values) ? props.values[0] : [];\n    let maxNum = null;\n    if (((_a = props === null || props === void 0 ? void 0 : props.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n        maxNum = max(flatten(props.values));\n    }\n    const option = {\n        color: ['#1670ff'],\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            itemWith: 6,\n            itemHeight: 6,\n            textStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n                fontSize: 12,\n            },\n            props: (props === null || props === void 0 ? void 0 : props.legends) || [],\n        },\n        grid: {\n            left: '6%',\n            right: '7%',\n            bottom: 20,\n            top: 84,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            name: '日期',\n            boundaryGap: true,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            data: xData,\n        },\n        yAxis: {\n            type: 'value',\n            boundaryGap: true,\n            name: '吨',\n            max: maxNum,\n            nameTextStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            // splitNumber: 5,\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: values,\n                areaStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 0,\n                            color: 'rgba(22, 119, 255, 0)',\n                        },\n                        {\n                            offset: 0.5,\n                            color: 'rgba(22, 119, 255, 0.5)',\n                        },\n                        {\n                            offset: 1,\n                            color: 'rgba(22, 119, 255, 1)',\n                        },\n                    ]),\n                },\n                markLine: {\n                    data: [\n                        {\n                            yAxis: (props === null || props === void 0 ? void 0 : props.values) ? props.values[1][0] : 0,\n                            lineStyle: {\n                                normal: {\n                                    color: '#F5222D',\n                                },\n                            },\n                            name: '设计能力(吨/日)',\n                        },\n                    ],\n                    lineStyle: {\n                        color: '#F5222D',\n                    },\n                    label: {\n                        show: true,\n                        position: 'insideEndTop',\n                        formatter: '{b}: {c}',\n                        color: '#F5222D',\n                        fontWeight: 'normal',\n                    },\n                },\n            },\n        ],\n    };\n    return (React.createElement(VmWrapper, { title: \"\\u8FDB\\u573A\\u8D8B\\u52BF\\u5206\\u6790\", needChange: false },\n        React.createElement(\"div\", { className: \"metering-content-charts-chart\" }, ((_b = props === null || props === void 0 ? void 0 : props.names) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, null)))));\n};\nexport default ChartJcqs;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,29 +1,15 @@
 .metering {
   margin: 10px;
-  border: 1px solid var(--bg-border-color2);
 }
-.metering-head {
+.metering-content-main {
+  padding: 16px;
+  font-size: 14px;
   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;
-  padding: 10px 16px;
-  background-color: var(--bg-color2);
-}
-.metering-content-main {
-  padding: 16px;
-  background-color: var(--bg-color2);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: start;
   -ms-flex-line-pack: center;
       align-content: center;
 }
@@ -53,30 +39,46 @@
 .metering-content-main-item--value span {
   font-size: 22px;
 }
-.metering-content-charts {
-  margin-top: 10px;
+.metering-content-main-avg {
+  width: 280px;
+  position: relative;
+  padding-left: 16px;
+}
+.metering-content-main-avg-line {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background-color: var(--bg-border-color2);
+  z-index: 1;
 }
-.metering-content-charts .chart {
-  border: 1px solid var(--bg-border-color2);
-  height: 490px;
-  background-color: var(--bg-color2);
-  padding: 20px;
+.metering-content-main-avg-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  color: var(--label-color);
+}
+.metering-content-main-avg-value {
+  color: var(--info-color);
+  font-size: 20px;
+}
+.metering-content-main-avg-value span {
+  font-size: 14px;
+}
+.metering-content-charts {
+  margin-top: 12px;
 }
 .metering-content-charts-jcqs {
-  border: 1px solid var(--bg-border-color2);
-  height: 490px;
-  background-color: var(--bg-color2);
-  padding: 20px;
+  height: 450px;
 }
 .metering-content-charts-jccc {
-  border: 1px solid var(--bg-border-color2);
-  height: 490px;
-  background-color: var(--bg-color2);
-  padding: 20px;
+  height: 438px;
 }
 .metering-content-charts-jccc-desc {
   margin: 12px 0;
-  color: var(--info-danger);
+  color: #ff8746;
 }
 .metering-content-charts-chart {
   height: 360px;

package/lib/vtx-df-modal/components/Metering/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,28 +9,21 @@ var _ahooks = require("ahooks");
 var _moment = _interopRequireDefault(require("moment"));
 var _antd = require("antd");
 var _vmFilter = require("../../../vm-filter");
-var _vmSubTabs = _interopRequireWildcard(require("../../../vm-sub-tabs"));
 var _ChartJccc = _interopRequireDefault(require("./ChartJccc"));
 var _ChartJcqs = _interopRequireDefault(require("./ChartJcqs"));
 var _List = _interopRequireDefault(require("./List"));
 var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
 var _api = require("../../api");
 require("./index.less");
-var _chart = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart.png"));
-var _chart_active = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart_active.png"));
-var _chart_active_light = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart_active_light.png"));
-var _list = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list.png"));
-var _list_active = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list_active.png"));
-var _list_active_light = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list_active_light.png"));
-var _zjcl = _interopRequireDefault(require("../../imgs/zjcl.png"));
-var _zjccc = _interopRequireDefault(require("../../imgs/zjccc.png"));
-var _rjjcl = _interopRequireDefault(require("../../imgs/rjjcl.png"));
-var _sjnl = _interopRequireDefault(require("../../imgs/sjnl.png"));
-var _zjcl_light = _interopRequireDefault(require("../../imgs/zjcl_light.png"));
-var _zjccc_light = _interopRequireDefault(require("../../imgs/zjccc_light.png"));
-var _rjjcl_light = _interopRequireDefault(require("../../imgs/rjjcl_light.png"));
-var _sjnl_light = _interopRequireDefault(require("../../imgs/sjnl_light.png"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var _vmWrapper = _interopRequireDefault(require("../../../vm-wrapper"));
+var _zjcl = _interopRequireDefault(require("../../imgs/zjcl.svg"));
+var _zjccc = _interopRequireDefault(require("../../imgs/zjccc.svg"));
+var _rjjcl = _interopRequireDefault(require("../../imgs/rjjcl.svg"));
+var _sjnl = _interopRequireDefault(require("../../imgs/sjnl.svg"));
+var _zjcl_dark = _interopRequireDefault(require("../../imgs/zjcl_dark.svg"));
+var _zjccc_dark = _interopRequireDefault(require("../../imgs/zjccc_dark.svg"));
+var _rjjcl_dark = _interopRequireDefault(require("../../imgs/rjjcl_dark.svg"));
+var _sjnl_dark = _interopRequireDefault(require("../../imgs/sjnl_dark.svg"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -46,10 +38,9 @@ var Metering = function Metering(props) {
   var _useSettings = (0, _useSettings2["default"])(),
     isDark = _useSettings.isDark,
     sDate = _useSettings.startDate,
-    eDate = _useSettings.endDate,
-    theme = _useSettings.theme;
+    eDate = _useSettings.endDate;
   var _useSetState = (0, _ahooks.useSetState)({
-      startDate: sDate ? sDate : (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
+      startDate: sDate ? sDate : (0, _moment["default"])().subtract(30, 'days').format('YYYY-MM-DD'),
       endDate: eDate ? eDate : (0, _moment["default"])().format('YYYY-MM-DD'),
       tabKey: '1'
     }),
@@ -63,7 +54,7 @@ var Metering = function Metering(props) {
     code = _BaseService$useBaseI.code;
   var _BaseService$useTrend = _api.BaseService.useTrendInfo(code, startDate, endDate),
     trendRes = _BaseService$useTrend.trendRes;
-  var _BaseService$useSitua = _api.BaseService.useSituation(code, startDate, endDate),
+  var _BaseService$useSitua = _api.BaseService.useSituationSummary(code, startDate, endDate),
     situationRes = _BaseService$useSitua.situationRes;
   var handleDateChange = function handleDateChange(start, end) {
     setState({
@@ -71,89 +62,96 @@ var Metering = function Metering(props) {
       endDate: end
     });
   };
+  var disabledDate = function disabledDate(current) {
+    var sdate = (0, _moment["default"])(startDate);
+    var eDate = (0, _moment["default"])(endDate);
+    var tooLate = sdate && current.diff(sdate, 'month') > 2;
+    var tooEarly = eDate && eDate.diff(current, 'month') > 2;
+    return !!tooEarly || !!tooLate;
+  };
+  var rate = ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyInWeight) || 0) / ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.handleAbility) || 1) * 100;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "metering"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "metering-head"
-  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [16, 16]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react["default"].createElement(_vmWrapper["default"], {
+    title: "\u8FDB\u573A\u6C47\u603B\u5206\u6790",
     onChange: function onChange(key) {
       setState({
         tabKey: key
       });
     },
-    activeKey: tabKey
-  }, [{
-    name: (/*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
-      src: tabKey === '1' ? isDark ? _chart_active["default"] : _chart_active_light["default"] : _chart["default"]
-    }), "\u56FE\u8868")),
-    key: '1'
-  }, {
-    name: (/*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
-      src: tabKey === '2' ? isDark || theme == 'blue' ? _list_active["default"] : _list_active_light["default"] : _list["default"]
-    }), "\u5217\u8868")),
-    key: '2'
-  }].map(function (ele) {
-    return /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
-      subKey: ele.key,
-      key: ele.key,
-      tab: ele.name
-    });
-  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
-    value: [(0, _moment["default"])(startDate), (0, _moment["default"])(endDate)],
-    onChange: function onChange(dates) {
-      return dates && handleDateChange((0, _moment["default"])(dates[0]).format('YYYY-MM-DD'), (0, _moment["default"])(dates[1]).format('YYYY-MM-DD'));
-    }
-  }))), tabKey === '1' && (/*#__PURE__*/_react["default"].createElement("div", {
-    className: "metering-content"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+    extra: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+      value: [(0, _moment["default"])(startDate), (0, _moment["default"])(endDate)],
+      disabledDate: disabledDate,
+      onChange: function onChange(dates) {
+        return dates && handleDateChange((0, _moment["default"])(dates[0]).format('YYYY-MM-DD'), (0, _moment["default"])(dates[1]).format('YYYY-MM-DD'));
+      }
+    }))
+  }, tabKey === 'chart' && (/*#__PURE__*/_react["default"].createElement("div", {
     className: "metering-content-main"
   }, /*#__PURE__*/_react["default"].createElement(MainItem, {
-    src: isDark ? _zjcl["default"] : _zjcl_light["default"],
+    src: isDark ? _zjcl_dark["default"] : _zjcl["default"],
     name: "\u603B\u8FDB\u573A\u91CF",
     value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.inWeight) || 0,
     unit: "\u5428"
   }), /*#__PURE__*/_react["default"].createElement(MainItem, {
-    src: isDark ? _zjccc["default"] : _zjccc_light["default"],
+    src: isDark ? _zjccc_dark["default"] : _zjccc["default"],
     name: "\u603B\u8FDB\u573A\u8F66\u6B21",
     value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.carNum) || 0,
     unit: "\u6B21"
   }), /*#__PURE__*/_react["default"].createElement(MainItem, {
-    src: isDark ? _rjjcl["default"] : _rjjcl_light["default"],
+    src: isDark ? _rjjcl_dark["default"] : _rjjcl["default"],
     name: "\u65E5\u5747\u8FDB\u573A\u91CF",
     value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyInWeight) || 0,
     unit: "\u5428"
   }), /*#__PURE__*/_react["default"].createElement(MainItem, {
-    src: isDark ? _sjnl["default"] : _sjnl_light["default"],
+    src: isDark ? _sjnl_dark["default"] : _sjnl["default"],
     name: "\u8BBE\u8BA1\u80FD\u529B",
     value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.handleAbility) || 0,
     unit: "\u5428/\u65E5"
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metering-content-main-avg"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metering-content-main-avg-line"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metering-content-main-avg-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, "\u65E5\u5747\u8D1F\u8377"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metering-content-main-avg-value"
+  }, rate === null || rate === void 0 ? void 0 : rate.toFixed(2), /*#__PURE__*/_react["default"].createElement("span", null, "%"))), /*#__PURE__*/_react["default"].createElement(_antd.Progress, {
+    percent: rate,
+    strokeColor: rate > 100 ? {
+      from: '#FF5861',
+      to: '#FF000E'
+    } : isDark ? {
+      from: '#139DFF',
+      to: '#00FFF6'
+    } : '#1677FF',
+    status: "active",
+    showInfo: false
+  })))), tabKey === 'list' && (/*#__PURE__*/_react["default"].createElement(_List["default"], {
+    code: code,
+    startDate: startDate,
+    endDate: endDate
+  }))))), tabKey === 'chart' && (/*#__PURE__*/_react["default"].createElement("div", {
     className: "metering-content-charts"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
     gutter: [10, 10]
   }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
-    xxl: 12,
-    xl: 12,
-    lg: 24,
-    md: 24
+    span: 12
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "metering-content-charts-jcqs"
   }, /*#__PURE__*/_react["default"].createElement(_ChartJcqs["default"], Object.assign({}, trendRes)))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
-    xxl: 12,
-    xl: 12,
-    lg: 24,
-    md: 24
+    span: 12
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "metering-content-charts-jccc"
   }, /*#__PURE__*/_react["default"].createElement(_ChartJccc["default"], {
     code: code,
     startDate: startDate,
     endDate: endDate
-  }))))))), tabKey === '2' && /*#__PURE__*/_react["default"].createElement(_List["default"], {
-    code: code,
-    startDate: startDate,
-    endDate: endDate
-  }));
+  })))))));
 };
 var MainItem = exports.MainItem = function MainItem(props) {
   var src = props.src,

package/lib/vtx-df-modal/components/Metering/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_ahooks","_moment","_antd","_vmFilter","_vmSubTabs","_interopRequireWildcard","_ChartJccc","_ChartJcqs","_List","_useSettings2","_api","_chart","_chart_active","_chart_active_light","_list","_list_active","_list_active_light","_zjcl","_zjccc","_rjjcl","_sjnl","_zjcl_light","_zjccc_light","_rjjcl_light","_sjnl_light","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","isArray","Metering","props","id","_useSettings","useSettings","isDark","sDate","startDate","eDate","endDate","theme","_useSetState","useSetState","moment","startOf","format","tabKey","_useSetState2","state","setState","_BaseService$useBaseI","BaseService","useBaseInfo","code","_BaseService$useTrend","useTrendInfo","trendRes","_BaseService$useSitua","useSituation","situationRes","handleDateChange","start","end","React","createElement","className","SubTabs","onChange","key","activeKey","src","chartActive","chartActiveLight","chart","listActive","listActiveLight","list","map","ele","SubTabPane","subKey","tab","VMRangePicker","dates","MainItem","zjcl","zjclLight","inWeight","unit","zjccc","zjcccLight","carNum","rjjcl","rjjclLight","dailyInWeight","sjnl","sjnlLight","handleAbility","Row","gutter","Col","xxl","xl","lg","md","ChartJcqs","assign","ChartJccc","List","exports","_default"],"sources":["vtx-df-modal/components/Metering/index.js"],"sourcesContent":["/**\n * 终端-计量信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { Row, Col } from 'antd';\nimport { VMRangePicker } from '../../../vm-filter';\nimport SubTabs, { SubTabPane } from '../../../vm-sub-tabs';\nimport ChartJccc from './ChartJccc';\nimport ChartJcqs from './ChartJcqs';\nimport List from './List';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nimport './index.less';\nimport chart from '../../../vm-appraisal-info/imgs/chart.png';\nimport chartActive from '../../../vm-appraisal-info/imgs/chart_active.png';\nimport chartActiveLight from '../../../vm-appraisal-info/imgs/chart_active_light.png';\nimport list from '../../../vm-appraisal-info/imgs/list.png';\nimport listActive from '../../../vm-appraisal-info/imgs/list_active.png';\nimport listActiveLight from '../../../vm-appraisal-info/imgs/list_active_light.png';\nimport zjcl from '../../imgs/zjcl.png';\nimport zjccc from '../../imgs/zjccc.png';\nimport rjjcl from '../../imgs/rjjcl.png';\nimport sjnl from '../../imgs/sjnl.png';\nimport zjclLight from '../../imgs/zjcl_light.png';\nimport zjcccLight from '../../imgs/zjccc_light.png';\nimport rjjclLight from '../../imgs/rjjcl_light.png';\nimport sjnlLight from '../../imgs/sjnl_light.png';\nconst Metering = props => {\n    const { id } = props;\n    const { isDark, startDate: sDate, endDate: eDate, theme } = useSettings();\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        tabKey: '1',\n    });\n    const { startDate, endDate, tabKey } = state;\n    const { code } = BaseService.useBaseInfo(id);\n    const { trendRes } = BaseService.useTrendInfo(code, startDate, endDate);\n    const { situationRes } = BaseService.useSituation(code, startDate, endDate);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    return (React.createElement(\"div\", { className: \"metering\" },\n        React.createElement(\"div\", { className: \"metering-head\" },\n            React.createElement(SubTabs, { onChange: (key) => {\n                    setState({\n                        tabKey: key,\n                    });\n                }, activeKey: tabKey }, [\n                {\n                    name: (React.createElement(\"div\", null,\n                        React.createElement(\"img\", { src: tabKey === '1'\n                                ? isDark\n                                    ? chartActive\n                                    : chartActiveLight\n                                : chart }),\n                        \"\\u56FE\\u8868\")),\n                    key: '1',\n                },\n                {\n                    name: (React.createElement(\"div\", null,\n                        React.createElement(\"img\", { src: tabKey === '2'\n                                ? isDark || theme == 'blue'\n                                    ? listActive\n                                    : listActiveLight\n                                : list }),\n                        \"\\u5217\\u8868\")),\n                    key: '2',\n                },\n            ].map((ele) => (React.createElement(SubTabPane, { subKey: ele.key, key: ele.key, tab: ele.name })))),\n            React.createElement(\"div\", 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        tabKey === '1' && (React.createElement(\"div\", { className: \"metering-content\" },\n            React.createElement(\"div\", { className: \"metering-content-main\" },\n                React.createElement(MainItem, { src: isDark ? zjcl : zjclLight, name: \"\\u603B\\u8FDB\\u573A\\u91CF\", value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.inWeight) || 0, unit: \"\\u5428\" }),\n                React.createElement(MainItem, { src: isDark ? zjccc : zjcccLight, name: \"\\u603B\\u8FDB\\u573A\\u8F66\\u6B21\", value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.carNum) || 0, unit: \"\\u6B21\" }),\n                React.createElement(MainItem, { src: isDark ? rjjcl : rjjclLight, name: \"\\u65E5\\u5747\\u8FDB\\u573A\\u91CF\", value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyInWeight) || 0, unit: \"\\u5428\" }),\n                React.createElement(MainItem, { src: isDark ? sjnl : sjnlLight, name: \"\\u8BBE\\u8BA1\\u80FD\\u529B\", value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.handleAbility) || 0, unit: \"\\u5428/\\u65E5\" })),\n            React.createElement(\"div\", { className: \"metering-content-charts\" },\n                React.createElement(Row, { gutter: [10, 10] },\n                    React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                        React.createElement(\"div\", { className: \"metering-content-charts-jcqs\" },\n                            React.createElement(ChartJcqs, Object.assign({}, trendRes)))),\n                    React.createElement(Col, { xxl: 12, xl: 12, lg: 24, md: 24 },\n                        React.createElement(\"div\", { className: \"metering-content-charts-jccc\" },\n                            React.createElement(ChartJccc, { code: code, startDate: startDate, endDate: endDate }))))))),\n        tabKey === '2' && React.createElement(List, { code: code, startDate: startDate, endDate: endDate })));\n};\nexport const MainItem = (props) => {\n    const { src, name, value, unit } = props;\n    return (React.createElement(\"div\", { className: \"metering-content-main-item\" },\n        React.createElement(\"img\", { src: src }),\n        React.createElement(\"div\", null,\n            React.createElement(\"div\", { className: \"metering-content-main-item--name\" }, name),\n            React.createElement(\"div\", { className: \"metering-content-main-item--value\" },\n                React.createElement(\"span\", null, value),\n                unit))));\n};\nexport default Metering;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_ahooks","_moment","_antd","_vmFilter","_ChartJccc","_ChartJcqs","_List","_useSettings2","_api","_vmWrapper","_zjcl","_zjccc","_rjjcl","_sjnl","_zjcl_dark","_zjccc_dark","_rjjcl_dark","_sjnl_dark","e","__esModule","_slicedToArray","r","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","isArray","Metering","props","id","_useSettings","useSettings","isDark","sDate","startDate","eDate","endDate","_useSetState","useSetState","moment","subtract","format","tabKey","_useSetState2","state","setState","_BaseService$useBaseI","BaseService","useBaseInfo","code","_BaseService$useTrend","useTrendInfo","trendRes","_BaseService$useSitua","useSituationSummary","situationRes","handleDateChange","start","end","disabledDate","current","sdate","tooLate","diff","tooEarly","rate","dailyInWeight","handleAbility","React","createElement","className","Row","gutter","Col","span","VmWrapper","title","onChange","key","extra","VMRangePicker","dates","MainItem","src","zjclDark","zjclIcon","inWeight","unit","zjcccDark","zjcccIcon","carNum","rjjclDark","rjjclIcon","sjnlDark","sjnlIcon","toFixed","Progress","percent","strokeColor","to","status","showInfo","List","ChartJcqs","assign","ChartJccc","exports","_default"],"sources":["vtx-df-modal/components/Metering/index.js"],"sourcesContent":["/**\n * 终端-计量信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { Row, Col, Progress } from 'antd';\nimport { VMRangePicker } from '../../../vm-filter';\nimport ChartJccc from './ChartJccc';\nimport ChartJcqs from './ChartJcqs';\nimport List from './List';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nimport './index.less';\nimport VmWrapper from '../../../vm-wrapper';\nimport zjclIcon from '../../imgs/zjcl.svg';\nimport zjcccIcon from '../../imgs/zjccc.svg';\nimport rjjclIcon from '../../imgs/rjjcl.svg';\nimport sjnlIcon from '../../imgs/sjnl.svg';\nimport zjclDark from '../../imgs/zjcl_dark.svg';\nimport zjcccDark from '../../imgs/zjccc_dark.svg';\nimport rjjclDark from '../../imgs/rjjcl_dark.svg';\nimport sjnlDark from '../../imgs/sjnl_dark.svg';\nconst Metering = props => {\n    const { id } = props;\n    const { isDark, startDate: sDate, endDate: eDate } = useSettings();\n    const [state, setState] = useSetState({\n        startDate: sDate\n            ? sDate\n            : moment()\n                .subtract(30, 'days')\n                .format('YYYY-MM-DD'),\n        endDate: eDate ? eDate : moment().format('YYYY-MM-DD'),\n        tabKey: '1',\n    });\n    const { startDate, endDate, tabKey } = state;\n    const { code } = BaseService.useBaseInfo(id);\n    const { trendRes } = BaseService.useTrendInfo(code, startDate, endDate);\n    const { situationRes } = BaseService.useSituationSummary(code, startDate, endDate);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    const disabledDate = (current) => {\n        const sdate = moment(startDate);\n        const eDate = moment(endDate);\n        const tooLate = sdate && current.diff(sdate, 'month') > 2;\n        const tooEarly = eDate && eDate.diff(current, 'month') > 2;\n        return !!tooEarly || !!tooLate;\n    };\n    const rate = (((situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyInWeight) || 0) / ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.handleAbility) || 1)) * 100;\n    return (React.createElement(\"div\", { className: \"metering\" },\n        React.createElement(Row, { gutter: [16, 16] },\n            React.createElement(Col, { span: 24 },\n                React.createElement(VmWrapper, { title: \"\\u8FDB\\u573A\\u6C47\\u603B\\u5206\\u6790\", onChange: key => {\n                        setState({\n                            tabKey: key,\n                        });\n                    }, extra: React.createElement(\"div\", null,\n                        React.createElement(VMRangePicker, { value: [moment(startDate), moment(endDate)], disabledDate: disabledDate, onChange: (dates) => dates &&\n                                handleDateChange(moment(dates[0]).format('YYYY-MM-DD'), moment(dates[1]).format('YYYY-MM-DD')) })) },\n                    tabKey === 'chart' && (React.createElement(\"div\", { className: \"metering-content-main\" },\n                        React.createElement(MainItem, { src: isDark ? zjclDark : zjclIcon, name: \"\\u603B\\u8FDB\\u573A\\u91CF\", value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.inWeight) || 0, unit: \"\\u5428\" }),\n                        React.createElement(MainItem, { src: isDark ? zjcccDark : zjcccIcon, name: \"\\u603B\\u8FDB\\u573A\\u8F66\\u6B21\", value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.carNum) || 0, unit: \"\\u6B21\" }),\n                        React.createElement(MainItem, { src: isDark ? rjjclDark : rjjclIcon, name: \"\\u65E5\\u5747\\u8FDB\\u573A\\u91CF\", value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.dailyInWeight) || 0, unit: \"\\u5428\" }),\n                        React.createElement(MainItem, { src: isDark ? sjnlDark : sjnlIcon, name: \"\\u8BBE\\u8BA1\\u80FD\\u529B\", value: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.handleAbility) || 0, unit: \"\\u5428/\\u65E5\" }),\n                        React.createElement(\"div\", { className: \"metering-content-main-avg\" },\n                            React.createElement(\"div\", { className: \"metering-content-main-avg-line\" }),\n                            React.createElement(\"div\", { className: \"metering-content-main-avg-item\" },\n                                React.createElement(\"div\", null, \"\\u65E5\\u5747\\u8D1F\\u8377\"),\n                                React.createElement(\"div\", { className: \"metering-content-main-avg-value\" }, rate === null || rate === void 0 ? void 0 :\n                                    rate.toFixed(2),\n                                    React.createElement(\"span\", null, \"%\"))),\n                            React.createElement(Progress, { percent: rate, strokeColor: rate > 100\n                                    ? {\n                                        from: '#FF5861',\n                                        to: '#FF000E',\n                                    }\n                                    : isDark\n                                        ? {\n                                            from: '#139DFF',\n                                            to: '#00FFF6',\n                                        }\n                                        : '#1677FF', status: \"active\", showInfo: false })))),\n                    tabKey === 'list' && (React.createElement(List, { code: code, startDate: startDate, endDate: endDate }))))),\n        tabKey === 'chart' && (React.createElement(\"div\", { className: \"metering-content-charts\" },\n            React.createElement(Row, { gutter: [10, 10] },\n                React.createElement(Col, { span: 12 },\n                    React.createElement(\"div\", { className: \"metering-content-charts-jcqs\" },\n                        React.createElement(ChartJcqs, Object.assign({}, trendRes)))),\n                React.createElement(Col, { span: 12 },\n                    React.createElement(\"div\", { className: \"metering-content-charts-jccc\" },\n                        React.createElement(ChartJccc, { code: code, startDate: startDate, endDate: endDate }))))))));\n};\nexport const MainItem = (props) => {\n    const { src, name, value, unit } = props;\n    return (React.createElement(\"div\", { className: \"metering-content-main-item\" },\n        React.createElement(\"img\", { src: src }),\n        React.createElement(\"div\", null,\n            React.createElement(\"div\", { className: \"metering-content-main-item--name\" }, name),\n            React.createElement(\"div\", { className: \"metering-content-main-item--value\" },\n                React.createElement(\"span\", null, value),\n                unit))));\n};\nexport default Metering;\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-df-modal/components/Metering/index.less

@@ -1,21 +1,12 @@
 .metering {
     margin: 10px;
-    border: 1px solid var(--bg-border-color2);
 
-    &-head {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 10px 16px;
-        background-color: var(--bg-color2);
-    }
     &-content {
         &-main {
             padding: 16px;
-            background-color: var(--bg-color2);
-
+            font-size: 14px;
             display: flex;
-            justify-content: start;
+            justify-content: space-between;
             align-content: center;
 
             &-item {
@@ -39,27 +30,44 @@
                     }
                 }
             }
+
+            &-avg {
+                width: 280px;
+                position: relative;
+                padding-left: 16px;
+                &-line {
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    background-color: var(--bg-border-color2);
+                    z-index: 1;
+                }
+                &-item {
+                    display: flex;
+                    justify-content: space-between;
+                    color: var(--label-color);
+                }
+                &-value {
+                    color: var(--info-color);
+                    font-size: 20px;
+                    span {
+                        font-size: 14px;
+                    }
+                }
+            }
         }
 
         &-charts {
-            margin-top: 10px;
+            margin-top: 12px;
 
-            .chart {
-                border: 1px solid var(--bg-border-color2);
-
-                height: 490px;
-                background-color: var(--bg-color2);
-
-                padding: 20px;
-            }
             &-jcqs {
-                .chart();
+                height: 450px;
             }
             &-jccc {
-                .chart();
+                height: 438px;
                 &-desc {
                     margin: 12px 0;
-                    color: var(--info-danger);
+                    color: #ff8746;
                 }
             }
             &-chart {