@vtx/modals2 2.14.29 → 2.14.32

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

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

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

@@ -25,12 +25,14 @@ var ChartJccc = function ChartJccc(_ref) {
     endDate = _ref.endDate;
   var _a, _b, _c;
   var _useSettings = (0, _useSettings2["default"])(),
-    chartFontColor = _useSettings.chartFontColor;
+    chartFontColor = _useSettings.chartFontColor,
+    theme = _useSettings.theme;
   var _BaseService$useJcccs = _api.BaseService.useJcccsjfb(code, startDate, endDate),
     jcccsjfbRes = _BaseService$useJcccs.jcccsjfbRes;
   var option = {
     tooltip: {
-      trigger: 'axis'
+      trigger: 'axis',
+      formatter: '{b0}: {c0}次'
     },
     grid: {
       left: '8%',
@@ -50,7 +52,7 @@ var ChartJccc = function ChartJccc(_ref) {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       }
     }],
     yAxis: [{
@@ -58,14 +60,14 @@ var ChartJccc = function ChartJccc(_ref) {
       name: '(次)',
       min: 0,
       nameTextStyle: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       splitNumber: 5,
       axisTick: {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       splitLine: {
         lineStyle: {

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

@@ -1 +1 @@
-{"version":3,"file":"ChartJccc.js","names":["_react","_interopRequireDefault","require","echarts","_interopRequireWildcard","_echartsForReact","_vmSubTitle","_useSettings2","_vmNodata","_api","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ChartJccc","_ref","code","startDate","endDate","_a","_b","_c","_useSettings","useSettings","chartFontColor","_BaseService$useJcccs","BaseService","useJcccsjfb","jcccsjfbRes","option","tooltip","trigger","grid","left","right","bottom","legend","show","xAxis","type","data","names","axisPointer","axisTick","axisLabel","color","yAxis","name","min","nameTextStyle","splitNumber","splitLine","lineStyle","series","barWidth","values","itemStyle","graphic","LinearGradient","offset","dates","extraData","length","map","ele","date","count","React","createElement","Fragment","SubTitle","title","className","join","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","_default","exports"],"sources":["vtx-df-modal/components/Metering/ChartJccc.js"],"sourcesContent":["/**\n * 计量信息-图表-进场车次时间分布\n */\nimport React from 'react';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport NoData from '../../../vm-nodata';\nimport { BaseService } from '../../api';\nconst ChartJccc = ({ code, startDate, endDate }) => {\n    var _a, _b, _c;\n    const { chartFontColor } = useSettings();\n    const { jcccsjfbRes } = BaseService.useJcccsjfb(code, startDate, endDate);\n    let option = {\n        tooltip: {\n            trigger: 'axis',\n        },\n        grid: {\n            left: '8%',\n            right: '5%',\n            bottom: 20,\n        },\n        legend: {\n            show: false,\n        },\n        xAxis: [\n            {\n                type: 'category',\n                data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.names) || [],\n                axisPointer: {\n                    type: 'shadow',\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n            },\n        ],\n        yAxis: [\n            {\n                type: 'value',\n                name: '(次)',\n                min: 0,\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                splitNumber: 5,\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                type: 'bar',\n                barWidth: 14,\n                data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.values) ? jcccsjfbRes.values[0] : [],\n                itemStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 0,\n                            color: '#1B89FF',\n                        },\n                        {\n                            offset: 1,\n                            color: '#51D0FF',\n                        },\n                    ]),\n                },\n            },\n        ],\n    };\n    const dates = ((_a = jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.extraData) === null || _a === void 0 ? void 0 : _a.length) > 0 ? jcccsjfbRes.extraData.map((ele) => ele.date) : [];\n    const count = ((_b = jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.extraData) === null || _b === void 0 ? void 0 : _b.length) > 0\n        ? jcccsjfbRes.extraData.map((ele) => ele.count)\n        : [];\n    return (React.createElement(React.Fragment, null,\n        React.createElement(SubTitle, { title: \"\\u8FDB\\u573A\\u8F66\\u6B21\\u65F6\\u95F4\\u5206\\u5E03\" }),\n        React.createElement(\"div\", { className: \"metering-content-charts-jccc-desc\" },\n            \"\\u8FDB\\u573A\\u9AD8\\u5CF0\\u96C6\\u4E2D\\u5728\",\n            (dates === null || dates === void 0 ? void 0 : dates.join('点、')) || 0,\n            \"\\u70B9\\uFF0C\\u8FDB\\u573A\\u8F66\\u6B21\\u5206\\u522B\\u4E3A\",\n            (count === null || count === void 0 ? void 0 : count.join('次、')) || '-',\n            \"\\u6B21\\uFF0C\\u6CE8\\u610F\\u5408\\u7406\\u8C03\\u5EA6\\uFF0C \\u7F13\\u89E3\\u5382\\u533A\\u6392\\u961F\\u60C5\\u51B5\\u3002\"),\n        React.createElement(\"div\", { className: \"metering-content-charts-chart\" }, ((_c = jcccsjfbRes.values) === null || _c === void 0 ? void 0 : _c.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '330px', width: '100%' } })) : (React.createElement(NoData, { style: { height: '300px', width: '100%' } })))));\n};\nexport default ChartJccc;\n"],"mappings":"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"}
+{"version":3,"file":"ChartJccc.js","names":["_react","_interopRequireDefault","require","echarts","_interopRequireWildcard","_echartsForReact","_vmSubTitle","_useSettings2","_vmNodata","_api","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ChartJccc","_ref","code","startDate","endDate","_a","_b","_c","_useSettings","useSettings","chartFontColor","theme","_BaseService$useJcccs","BaseService","useJcccsjfb","jcccsjfbRes","option","tooltip","trigger","formatter","grid","left","right","bottom","legend","show","xAxis","type","data","names","axisPointer","axisTick","axisLabel","color","yAxis","name","min","nameTextStyle","splitNumber","splitLine","lineStyle","series","barWidth","values","itemStyle","graphic","LinearGradient","offset","dates","extraData","length","map","ele","date","count","React","createElement","Fragment","SubTitle","title","className","join","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","_default","exports"],"sources":["vtx-df-modal/components/Metering/ChartJccc.js"],"sourcesContent":["/**\n * 计量信息-图表-进场车次时间分布\n */\nimport React from 'react';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport NoData from '../../../vm-nodata';\nimport { BaseService } from '../../api';\nconst ChartJccc = ({ code, startDate, endDate }) => {\n    var _a, _b, _c;\n    const { chartFontColor, theme } = useSettings();\n    const { jcccsjfbRes } = BaseService.useJcccsjfb(code, startDate, endDate);\n    let option = {\n        tooltip: {\n            trigger: 'axis',\n            formatter: '{b0}: {c0}次',\n        },\n        grid: {\n            left: '8%',\n            right: '5%',\n            bottom: 20,\n        },\n        legend: {\n            show: false,\n        },\n        xAxis: [\n            {\n                type: 'category',\n                data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.names) || [],\n                axisPointer: {\n                    type: 'shadow',\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n            },\n        ],\n        yAxis: [\n            {\n                type: 'value',\n                name: '(次)',\n                min: 0,\n                nameTextStyle: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                splitNumber: 5,\n                axisTick: {\n                    show: false,\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        ],\n        series: [\n            {\n                type: 'bar',\n                barWidth: 14,\n                data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.values) ? jcccsjfbRes.values[0] : [],\n                itemStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 0,\n                            color: '#1B89FF',\n                        },\n                        {\n                            offset: 1,\n                            color: '#51D0FF',\n                        },\n                    ]),\n                },\n            },\n        ],\n    };\n    const dates = ((_a = jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.extraData) === null || _a === void 0 ? void 0 : _a.length) > 0 ? jcccsjfbRes.extraData.map((ele) => ele.date) : [];\n    const count = ((_b = jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.extraData) === null || _b === void 0 ? void 0 : _b.length) > 0\n        ? jcccsjfbRes.extraData.map((ele) => ele.count)\n        : [];\n    return (React.createElement(React.Fragment, null,\n        React.createElement(SubTitle, { title: \"\\u8FDB\\u573A\\u8F66\\u6B21\\u65F6\\u95F4\\u5206\\u5E03\" }),\n        React.createElement(\"div\", { className: \"metering-content-charts-jccc-desc\" },\n            \"\\u8FDB\\u573A\\u9AD8\\u5CF0\\u96C6\\u4E2D\\u5728\",\n            (dates === null || dates === void 0 ? void 0 : dates.join('点、')) || 0,\n            \"\\u70B9\\uFF0C\\u8FDB\\u573A\\u8F66\\u6B21\\u5206\\u522B\\u4E3A\",\n            (count === null || count === void 0 ? void 0 : count.join('次、')) || '-',\n            \"\\u6B21\\uFF0C\\u6CE8\\u610F\\u5408\\u7406\\u8C03\\u5EA6\\uFF0C \\u7F13\\u89E3\\u5382\\u533A\\u6392\\u961F\\u60C5\\u51B5\\u3002\"),\n        React.createElement(\"div\", { className: \"metering-content-charts-chart\" }, ((_c = jcccsjfbRes.values) === null || _c === void 0 ? void 0 : _c.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '330px', width: '100%' } })) : (React.createElement(NoData, { style: { height: '300px', width: '100%' } })))));\n};\nexport default ChartJccc;\n"],"mappings":"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"}

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

@@ -22,7 +22,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var ChartJcqs = function ChartJcqs(props) {
   var _a, _b;
   var _useSettings = (0, _useSettings2["default"])(),
-    chartFontColor = _useSettings.chartFontColor;
+    chartFontColor = _useSettings.chartFontColor,
+    theme = _useSettings.theme;
   var xData = (props === null || props === void 0 ? void 0 : props.names) || [];
   var values = (props === null || props === void 0 ? void 0 : props.values) ? props.values[0] : [];
   var maxNum = null;
@@ -32,21 +33,25 @@ var ChartJcqs = function ChartJcqs(props) {
   var option = {
     color: ['#00FFE7'],
     tooltip: {
-      trigger: 'axis'
+      trigger: 'axis',
+      formatter: function formatter(params) {
+        return params[0].name + '<br/>' + params[0].seriesName + ': ' + params[0].value + '吨';
+      }
     },
     legend: {
       itemWith: 6,
       itemHeight: 6,
       textStyle: {
-        color: chartFontColor,
+        color: theme === 'blue' ? '#fff' : chartFontColor,
         fontSize: 12
       },
       props: (props === null || props === void 0 ? void 0 : props.legends) || []
     },
     grid: {
-      left: '8%',
+      left: '6%',
       right: '6%',
-      bottom: 20
+      bottom: 20,
+      containLabel: true
     },
     xAxis: {
       type: 'category',
@@ -55,7 +60,7 @@ var ChartJcqs = function ChartJcqs(props) {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       data: xData
     },
@@ -65,11 +70,11 @@ var ChartJcqs = function ChartJcqs(props) {
       name: '吨',
       max: maxNum,
       nameTextStyle: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       // splitNumber: 5,
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       splitLine: {
         lineStyle: {
@@ -108,7 +113,7 @@ var ChartJcqs = function ChartJcqs(props) {
           show: true,
           position: 'insideEndTop',
           formatter: '{b}: {c}',
-          color: chartFontColor,
+          color: theme === 'blue' ? '#fff' : chartFontColor,
           fontWeight: 'normal'
         }
       }

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","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ChartJcqs","props","_a","_b","_useSettings","useSettings","chartFontColor","xData","names","values","maxNum","length","max","flatten","option","color","tooltip","trigger","legend","itemWith","itemHeight","textStyle","fontSize","legends","grid","left","right","bottom","xAxis","type","boundaryGap","axisTick","show","axisLabel","data","yAxis","name","nameTextStyle","splitLine","lineStyle","series","areaStyle","graphic","LinearGradient","offset","markLine","normal","label","position","formatter","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 } = 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        },\n        legend: {\n            itemWith: 6,\n            itemHeight: 6,\n            textStyle: {\n                color: chartFontColor,\n                fontSize: 12,\n            },\n            props: (props === null || props === void 0 ? void 0 : props.legends) || [],\n        },\n        grid: {\n            left: '8%',\n            right: '6%',\n            bottom: 20,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: true,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: xData,\n        },\n        yAxis: {\n            type: 'value',\n            boundaryGap: true,\n            name: '吨',\n            max: maxNum,\n            nameTextStyle: {\n                color: chartFontColor,\n            },\n            // splitNumber: 5,\n            axisLabel: {\n                color: 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(0, 0, 0, 0.5)',\n                        },\n                        {\n                            offset: 1,\n                            color: '#00FFE7',\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: 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: '100%', width: '100%' } })) : (React.createElement(NoData, null)))));\n};\nexport default ChartJcqs;\n"],"mappings":"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"}
+{"version":3,"file":"ChartJcqs.js","names":["_react","_interopRequireDefault","require","_lodash","echarts","_interopRequireWildcard","_echartsForReact","_useSettings2","_vmSubTitle","_vmNodata","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","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","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: '6%',\n            bottom: 20,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\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(0, 0, 0, 0.5)',\n                        },\n                        {\n                            offset: 1,\n                            color: '#00FFE7',\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: '100%', width: '100%' } })) : (React.createElement(NoData, null)))));\n};\nexport default ChartJcqs;\n"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 .metering {
-  padding: 10px;
+  margin: 10px;
+  border: 1px solid var(--bg-border-color2);
 }
 .metering-head {
   display: -webkit-box;
@@ -56,16 +57,19 @@
   margin-top: 10px;
 }
 .metering-content-charts .chart {
+  border: 1px solid var(--bg-border-color2);
   height: 490px;
   background-color: var(--bg-color2);
   padding: 20px;
 }
 .metering-content-charts-jcqs {
+  border: 1px solid var(--bg-border-color2);
   height: 490px;
   background-color: var(--bg-color2);
   padding: 20px;
 }
 .metering-content-charts-jccc {
+  border: 1px solid var(--bg-border-color2);
   height: 490px;
   background-color: var(--bg-color2);
   padding: 20px;

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

@@ -47,7 +47,8 @@ var Metering = function Metering(props) {
   var _useSettings = (0, _useSettings2["default"])(),
     isDark = _useSettings.isDark,
     sDate = _useSettings.startDate,
-    eDate = _useSettings.endDate;
+    eDate = _useSettings.endDate,
+    theme = _useSettings.theme;
   var _useSetState = (0, _ahooks.useSetState)({
       startDate: sDate ? sDate : (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
       endDate: eDate ? eDate : (0, _moment["default"])().format('YYYY-MM-DD'),
@@ -89,7 +90,7 @@ var Metering = function Metering(props) {
     key: '1'
   }, {
     name: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
-      src: tabKey === '2' ? isDark ? _list_active["default"] : _list_active_light["default"] : _list["default"]
+      src: tabKey === '2' ? isDark || theme == 'blue' ? _list_active["default"] : _list_active_light["default"] : _list["default"]
     }), "\u5217\u8868"),
     key: '2'
   }].map(function (ele) {