@vtx/modals2 2.14.29 → 2.14.32

package/lib/vtx-car-modal/style/index.css

@@ -6,7 +6,7 @@
   --label-color: rgba(0, 0, 0, 0.65);
   --table-head-bg: rgba(24, 144, 255, 0.1);
   --title-color: #222;
-  --title-color2: #222;
+  --title-color2: #1677ff;
   --block-bg-color: rgba(0, 0, 0, 0.1);
   --block-bg-color2: #1890ff;
   --calendar-border: #ececec;
@@ -64,7 +64,7 @@
   --info-color: #ffffffff;
   --border-color: '#3C7073FF';
   --scroll-bar-bg: #39cbc3aa;
-  --scroll-bar-hover-bg: #39cbc3ff;
+  --scroll-bar-hover-bg: #219fff3d;
   --scroll-bar-track-bg: transparent;
   --button-text-color--defalut: #c9e6e8;
   --button-text-color--active: #ffffff;
@@ -88,6 +88,49 @@
   --list-cell-active2: #45d1ff;
   --list-cell-active3: #20feff;
 }
+.vtx-business-modal-wrap.blue {
+  --modal-content-bg: linear-gradient(0deg, rgba(28, 94, 149, 0.8), rgba(20, 37, 57, 0.8));
+  --modal-border-color: #7295bc;
+  --head-bg: linear-gradient(90deg, #124067, #051a29);
+  --head-bg-border-color2: #3a87cb;
+  --bg-color2: rgba(0, 103, 156, 0.1);
+  --bg-border-color2: rgba(32, 102, 167, 0.5);
+  --sub-bg-color: #ffffff0d;
+  --title-border: 1px solid transparent;
+  --title-color: white;
+  --title-color2: #fff;
+  --sub-title-color: #64bcff;
+  --label-color: #fff;
+  --info-color: #74bbf4;
+  --border-color: #1464a6;
+  --scroll-bar-bg: #39cbc3aa;
+  --scroll-bar-hover-bg: #219fff3d;
+  --scroll-bar-track-bg: transparent;
+  --button-text-color--defalut: #c9e6e8;
+  --button-text-color--active: #ffffff;
+  --button-background-color--default: #1a5561;
+  --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
+  --button-checked-color: #1890ff;
+  --arrow-icon-color: #355e5f;
+  --block-bg-color: rgba(255, 255, 255, 0.1);
+  --block-bg-color2: rgba(48, 118, 114, 0.2);
+  --info-active: #40ffd3;
+  --info-active2: #52c41a;
+  --info-active3: #75ffc2;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --table-head-bg: rgba(0, 173, 177, 0.1);
+  --timeline-active: #24f2ff;
+  --calendar-border: #35444c;
+  --calendar-thead-bg: rgba(255, 255, 255, 0.1);
+  --calendar-content-bg: linear-gradient(0deg, #2a55e9, #0dbafe);
+  --calendar-bg: rgba(255, 255, 255, 0.1);
+  --image-value-color: #07d4ff;
+  --image-text-color: #ffffff;
+}
+.vtx-business-modal-wrap.light {
+  --title-color2: #1677ff;
+}
 .car-subtitle {
   font-size: 14px;
   color: var(--sub-title-color);

package/lib/vtx-cc-cp-modal/components/AlarmInfo/MonthTrend.js

@@ -19,7 +19,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var MonthTrend = function MonthTrend() {
   var _useSettings = (0, _useSettings2["default"])(),
     chartColor = _useSettings.chartColor,
-    chartFontColor = _useSettings.chartFontColor;
+    chartFontColor = _useSettings.chartFontColor,
+    theme = _useSettings.theme;
   var _useContext = (0, _react.useContext)(_index.CcCpContext),
     id = _useContext.id;
   var alarmMonthTrend = _api.AlarmService.getSyPointAbnormalMonthNums(id, (0, _moment["default"])().startOf('y').format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD'));
@@ -34,7 +35,7 @@ var MonthTrend = function MonthTrend() {
       itemHeight: 6,
       top: 20,
       textStyle: {
-        color: chartFontColor,
+        color: theme === 'blue' ? '#fff' : chartFontColor,
         fontSize: 12
       }
     },
@@ -52,7 +53,7 @@ var MonthTrend = function MonthTrend() {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       data: _lodash["default"].map(alarmMonthTrend, 'labelName') || []
     },
@@ -61,13 +62,13 @@ var MonthTrend = function MonthTrend() {
       type: 'value',
       minInterval: 1,
       nameTextStyle: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       axisTick: {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       axisLine: {
         show: true

package/lib/vtx-cc-cp-modal/components/AlarmInfo/MonthTrend.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthTrend.js","names":["_react","_interopRequireWildcard","require","_moment","_interopRequireDefault","_echartsForReact","_vmSubTitle","_api","_useSettings2","_index","_lodash","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MonthTrend","_useSettings","useSettings","chartColor","chartFontColor","_useContext","useContext","CcCpContext","id","alarmMonthTrend","AlarmService","getSyPointAbnormalMonthNums","moment","startOf","format","option","color","tooltip","trigger","legend","show","itemWith","itemHeight","top","textStyle","fontSize","grid","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","data","_","map","yAxis","name","minInterval","nameTextStyle","axisLine","splitLine","lineStyle","series","React","createElement","className","SubTitle","title","ReactEcharts","notMerge","lazyUpdate","style","height","width","_default","exports"],"sources":["vtx-cc-cp-modal/components/AlarmInfo/MonthTrend.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport { AlarmService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { CcCpContext } from '../../index';\nimport _ from 'lodash';\nconst MonthTrend = () => {\n    const { chartColor, chartFontColor } = useSettings();\n    const { id } = useContext(CcCpContext);\n    const alarmMonthTrend = AlarmService.getSyPointAbnormalMonthNums(id, moment()\n        .startOf('y')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    const option = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            top: 20,\n            textStyle: {\n                color: chartFontColor,\n                fontSize: 12,\n            },\n        },\n        grid: {\n            top: 58,\n            left: 24,\n            bottom: 12,\n            right: 24,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: _.map(alarmMonthTrend, 'labelName') || [],\n        },\n        yAxis: [\n            {\n                name: '单位（次）',\n                type: 'value',\n                minInterval: 1,\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                name: '次数',\n                type: 'line',\n                data: _.map(alarmMonthTrend, 'labelValue') || [],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"alarm-trend\" },\n        React.createElement(SubTitle, { title: \"\\u6708\\u5EA6\\u8D8B\\u52BF\\u5206\\u6790\" }),\n        React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } })));\n};\nexport default MonthTrend;\n"],"mappings":"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"}
+{"version":3,"file":"MonthTrend.js","names":["_react","_interopRequireWildcard","require","_moment","_interopRequireDefault","_echartsForReact","_vmSubTitle","_api","_useSettings2","_index","_lodash","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MonthTrend","_useSettings","useSettings","chartColor","chartFontColor","theme","_useContext","useContext","CcCpContext","id","alarmMonthTrend","AlarmService","getSyPointAbnormalMonthNums","moment","startOf","format","option","color","tooltip","trigger","legend","show","itemWith","itemHeight","top","textStyle","fontSize","grid","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","data","_","map","yAxis","name","minInterval","nameTextStyle","axisLine","splitLine","lineStyle","series","React","createElement","className","SubTitle","title","ReactEcharts","notMerge","lazyUpdate","style","height","width","_default","exports"],"sources":["vtx-cc-cp-modal/components/AlarmInfo/MonthTrend.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport { AlarmService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { CcCpContext } from '../../index';\nimport _ from 'lodash';\nconst MonthTrend = () => {\n    const { chartColor, chartFontColor, theme } = useSettings();\n    const { id } = useContext(CcCpContext);\n    const alarmMonthTrend = AlarmService.getSyPointAbnormalMonthNums(id, moment()\n        .startOf('y')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    const option = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            top: 20,\n            textStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n                fontSize: 12,\n            },\n        },\n        grid: {\n            top: 58,\n            left: 24,\n            bottom: 12,\n            right: 24,\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: _.map(alarmMonthTrend, 'labelName') || [],\n        },\n        yAxis: [\n            {\n                name: '单位（次）',\n                type: 'value',\n                minInterval: 1,\n                nameTextStyle: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                name: '次数',\n                type: 'line',\n                data: _.map(alarmMonthTrend, 'labelValue') || [],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"alarm-trend\" },\n        React.createElement(SubTitle, { title: \"\\u6708\\u5EA6\\u8D8B\\u52BF\\u5206\\u6790\" }),\n        React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } })));\n};\nexport default MonthTrend;\n"],"mappings":"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"}

package/lib/vtx-cc-cp-modal/components/AlarmInfo/Summary.js

@@ -22,7 +22,8 @@ var Summary = function Summary() {
   var _useSettings = (0, _useSettings2["default"])(),
     chartColor = _useSettings.chartColor,
     chartFontColor = _useSettings.chartFontColor,
-    isDark = _useSettings.isDark;
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme;
   var _useContext = (0, _react.useContext)(_index.CcCpContext),
     id = _useContext.id;
   var alarmSummary = _api.AlarmService.getMonthCompareData(id, (0, _moment["default"])().format('YYYY-MM'));
@@ -63,12 +64,12 @@ var Summary = function Summary() {
       },
       textStyle: {
         fontSize: 14,
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       pageIconColor: chartFontColor,
       pageIconInactiveColor: chartFontColor,
       pageTextStyle: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       }
     },
     series: [{

package/lib/vtx-cc-cp-modal/components/AlarmInfo/Summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"Summary.js","names":["_react","_interopRequireWildcard","require","_moment","_interopRequireDefault","_sumBy","_echartsForReact","_vmSubTitle","_vmNodata","_api","_useSettings2","_alarm","_index","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Summary","_useSettings","useSettings","chartColor","chartFontColor","isDark","_useContext","useContext","CcCpContext","id","alarmSummary","AlarmService","getMonthCompareData","moment","format","alarmTypes","getSyPointAbnormalTypeNums","startOf","endOf","month","totalCount","sumBy","alarmTabsValue","map","item","name","labelName","value","labelValue","option","color","backgroundColor","tooltip","show","trigger","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","formatter","find","rate","concat","toFixed","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","labelLine","React","createElement","className","SubTitle","title","src","alarm","thisMonthNum","tbData","length","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","marginLeft","transform","_default","exports"],"sources":["vtx-cc-cp-modal/components/AlarmInfo/Summary.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport moment from 'moment';\nimport sumBy from 'lodash/sumBy';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport NoData from '../../../vm-nodata';\nimport { AlarmService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport alarm from '../../../vtx-cp-modal/imgs/alarm.png';\nimport { CcCpContext } from './../../index';\nconst Summary = () => {\n    const { chartColor, chartFontColor, isDark } = useSettings();\n    const { id } = useContext(CcCpContext);\n    const alarmSummary = AlarmService.getMonthCompareData(id, moment().format('YYYY-MM'));\n    const alarmTypes = AlarmService.getSyPointAbnormalTypeNums(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment()\n        .endOf('M')\n        .format('YYYY-MM-DD'));\n    const month = moment().month() + 1;\n    const totalCount = sumBy(alarmTypes, 'labelValue');\n    const alarmTabsValue = alarmTypes.map(item => ({\n        name: item.labelName,\n        value: item.labelValue,\n    }));\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n        },\n        legend: {\n            orient: 'vertical',\n            left: '40%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = alarmTabsValue.find((item) => item.name === name);\n                const rate = (((value === null || value === void 0 ? void 0 : value.value) || 0) / totalCount) * 100;\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.value}次\\t\\t${rate.toFixed(2)}%`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                fontSize: 14,\n                color: chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['55%', '75%'],\n                center: ['20%', '50%'],\n                hoverAnimation: true,\n                z: 10,\n                itemStyle: {\n                    normal: {\n                        borderWidth: 2,\n                        borderColor: isDark ? '#003359' : '#ffffff',\n                    },\n                },\n                label: {\n                    show: false,\n                },\n                data: alarmTabsValue,\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"alarm-summary\" },\n        React.createElement(SubTitle, { title: `${month}月报警信息` }),\n        React.createElement(\"div\", { className: \"alarm-summary-time\" },\n            React.createElement(\"img\", { src: alarm }),\n            React.createElement(\"div\", null,\n                React.createElement(\"div\", { className: \"alarm-summary-time-name\" }, \"\\u6708\\u5EA6\\u62A5\\u8B66\\u603B\\u6B21\\u6570\"),\n                React.createElement(\"div\", { className: \"alarm-summary-time-value\" },\n                    React.createElement(\"span\", null, (alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.thisMonthNum) || 0),\n                    \"\\u6B21\",\n                    React.createElement(\"div\", { className: \"alarm-summary-time-value-compare\" },\n                        `月同比 ${(alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.tbData) || 0}%`,\n                        ((alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.tbData) || 0) >= 100 ? (React.createElement(\"div\", { className: \"triangle-up\" })) : (React.createElement(\"div\", { className: \"triangle-down\" })))))),\n        React.createElement(\"div\", { className: \"alarm-summary-type-analysis\" },\n            React.createElement(SubTitle, { title: \"\\u7C7B\\u578B\\u5206\\u6790\" }),\n            (alarmTabsValue === null || alarmTabsValue === void 0 ? void 0 : alarmTabsValue.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '180px', width: '100%' } })) : (React.createElement(NoData, { style: {\n                    height: '180px',\n                    marginLeft: '50%',\n                    transform: 'translateX(-50%)',\n                } })))));\n};\nexport default Summary;\n"],"mappings":"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"}
+{"version":3,"file":"Summary.js","names":["_react","_interopRequireWildcard","require","_moment","_interopRequireDefault","_sumBy","_echartsForReact","_vmSubTitle","_vmNodata","_api","_useSettings2","_alarm","_index","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Summary","_useSettings","useSettings","chartColor","chartFontColor","isDark","theme","_useContext","useContext","CcCpContext","id","alarmSummary","AlarmService","getMonthCompareData","moment","format","alarmTypes","getSyPointAbnormalTypeNums","startOf","endOf","month","totalCount","sumBy","alarmTabsValue","map","item","name","labelName","value","labelValue","option","color","backgroundColor","tooltip","show","trigger","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","formatter","find","rate","concat","toFixed","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","labelLine","React","createElement","className","SubTitle","title","src","alarm","thisMonthNum","tbData","length","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","marginLeft","transform","_default","exports"],"sources":["vtx-cc-cp-modal/components/AlarmInfo/Summary.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport moment from 'moment';\nimport sumBy from 'lodash/sumBy';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport NoData from '../../../vm-nodata';\nimport { AlarmService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport alarm from '../../../vtx-cp-modal/imgs/alarm.png';\nimport { CcCpContext } from './../../index';\nconst Summary = () => {\n    const { chartColor, chartFontColor, isDark, theme } = useSettings();\n    const { id } = useContext(CcCpContext);\n    const alarmSummary = AlarmService.getMonthCompareData(id, moment().format('YYYY-MM'));\n    const alarmTypes = AlarmService.getSyPointAbnormalTypeNums(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment()\n        .endOf('M')\n        .format('YYYY-MM-DD'));\n    const month = moment().month() + 1;\n    const totalCount = sumBy(alarmTypes, 'labelValue');\n    const alarmTabsValue = alarmTypes.map(item => ({\n        name: item.labelName,\n        value: item.labelValue,\n    }));\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n        },\n        legend: {\n            orient: 'vertical',\n            left: '40%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = alarmTabsValue.find((item) => item.name === name);\n                const rate = (((value === null || value === void 0 ? void 0 : value.value) || 0) / totalCount) * 100;\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.value}次\\t\\t${rate.toFixed(2)}%`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                fontSize: 14,\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['55%', '75%'],\n                center: ['20%', '50%'],\n                hoverAnimation: true,\n                z: 10,\n                itemStyle: {\n                    normal: {\n                        borderWidth: 2,\n                        borderColor: isDark ? '#003359' : '#ffffff',\n                    },\n                },\n                label: {\n                    show: false,\n                },\n                data: alarmTabsValue,\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"alarm-summary\" },\n        React.createElement(SubTitle, { title: `${month}月报警信息` }),\n        React.createElement(\"div\", { className: \"alarm-summary-time\" },\n            React.createElement(\"img\", { src: alarm }),\n            React.createElement(\"div\", null,\n                React.createElement(\"div\", { className: \"alarm-summary-time-name\" }, \"\\u6708\\u5EA6\\u62A5\\u8B66\\u603B\\u6B21\\u6570\"),\n                React.createElement(\"div\", { className: \"alarm-summary-time-value\" },\n                    React.createElement(\"span\", null, (alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.thisMonthNum) || 0),\n                    \"\\u6B21\",\n                    React.createElement(\"div\", { className: \"alarm-summary-time-value-compare\" },\n                        `月同比 ${(alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.tbData) || 0}%`,\n                        ((alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.tbData) || 0) >= 100 ? (React.createElement(\"div\", { className: \"triangle-up\" })) : (React.createElement(\"div\", { className: \"triangle-down\" })))))),\n        React.createElement(\"div\", { className: \"alarm-summary-type-analysis\" },\n            React.createElement(SubTitle, { title: \"\\u7C7B\\u578B\\u5206\\u6790\" }),\n            (alarmTabsValue === null || alarmTabsValue === void 0 ? void 0 : alarmTabsValue.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '180px', width: '100%' } })) : (React.createElement(NoData, { style: {\n                    height: '180px',\n                    marginLeft: '50%',\n                    transform: 'translateX(-50%)',\n                } })))));\n};\nexport default Summary;\n"],"mappings":"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"}

package/lib/vtx-cc-cp-modal/components/AlarmInfo/index.css

@@ -5,6 +5,7 @@
 .cc-cp-alarm .alarm-summary {
   padding: 14px 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .cc-cp-alarm .alarm-summary-time {
   margin: 24px;
@@ -90,10 +91,12 @@
   height: 358px;
   padding: 14px 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .cc-cp-alarm .alarm-record {
   padding: 14px 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
   min-height: 180px;
 }
 .cc-cp-alarm .alarm-record-head {

package/lib/vtx-cc-cp-modal/components/AlarmInfo/index.less

@@ -4,6 +4,7 @@
     .alarm-summary {
         padding: 14px 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
 
         &-time {
             margin: 24px;
@@ -77,11 +78,14 @@
         height: 358px;
         padding: 14px 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
     }
 
     .alarm-record {
         padding: 14px 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
         min-height: 180px;
 
         &-head {

package/lib/vtx-cc-cp-modal/components/BaseInfo/index.css

@@ -19,11 +19,13 @@
   height: 240px;
   padding: 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .cc-cp-baseContent .base-top-work {
   height: 240px;
   padding: 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .cc-cp-baseContent .base-top-work .work {
   display: -webkit-box;
@@ -94,9 +96,11 @@
   height: 335px;
   padding: 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .cc-cp-baseContent .base-bottom-table {
   height: 335px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
   padding: 10px;
 }

package/lib/vtx-cc-cp-modal/components/BaseInfo/index.less

@@ -16,11 +16,14 @@
             height: 240px;
             padding: 20px;
             background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
         }
         &-work {
             height: 240px;
             padding: 20px;
             background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
             .work {
                 display: flex;
                 align-items: center;
@@ -79,10 +82,13 @@
             height: 335px;
             padding: 20px;
             background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
         }
         &-table {
             height: 335px;
             background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
             padding: 10px;
         }
     }

package/lib/vtx-cc-cp-modal/components/ExceptionInfo/MonthTrend.js

@@ -19,7 +19,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var MonthTrend = function MonthTrend() {
   var _useSettings = (0, _useSettings2["default"])(),
     chartColor = _useSettings.chartColor,
-    chartFontColor = _useSettings.chartFontColor;
+    chartFontColor = _useSettings.chartFontColor,
+    theme = _useSettings.theme;
   var _useContext = (0, _react.useContext)(_index.CcCpContext),
     id = _useContext.id;
   var alarmMonthTrend = _api.ExceptionService.getSyPointErrorReportMonthNums(id, (0, _moment["default"])().startOf('y').format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD'));
@@ -35,7 +36,7 @@ var MonthTrend = function MonthTrend() {
       itemHeight: 6,
       top: 20,
       textStyle: {
-        color: chartFontColor,
+        color: theme === 'blue' ? '#fff' : chartFontColor,
         fontSize: 12
       }
     },
@@ -53,7 +54,7 @@ var MonthTrend = function MonthTrend() {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       data: _lodash["default"].map(alarmMonthTrend, 'labelName') || []
     },
@@ -61,13 +62,13 @@ var MonthTrend = function MonthTrend() {
       name: '单位（次）',
       type: 'value',
       nameTextStyle: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       axisTick: {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       axisLine: {
         show: true

package/lib/vtx-cc-cp-modal/components/ExceptionInfo/MonthTrend.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthTrend.js","names":["_react","_interopRequireWildcard","require","_moment","_interopRequireDefault","_echartsForReact","_vmSubTitle","_api","_useSettings2","_index","_lodash","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MonthTrend","_useSettings","useSettings","chartColor","chartFontColor","_useContext","useContext","CcCpContext","id","alarmMonthTrend","ExceptionService","getSyPointErrorReportMonthNums","moment","startOf","format","option","color","tooltip","trigger","formatter","legend","show","itemWith","itemHeight","top","textStyle","fontSize","grid","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","data","_","map","yAxis","name","nameTextStyle","axisLine","minInterval","splitLine","lineStyle","series","React","createElement","className","SubTitle","title","ReactEcharts","notMerge","lazyUpdate","style","height","width","_default","exports"],"sources":["vtx-cc-cp-modal/components/ExceptionInfo/MonthTrend.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport { ExceptionService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { CcCpContext } from '../../index';\nimport _ from 'lodash';\nconst MonthTrend = () => {\n    const { chartColor, chartFontColor } = useSettings();\n    const { id } = useContext(CcCpContext);\n    const alarmMonthTrend = ExceptionService.getSyPointErrorReportMonthNums(id, moment()\n        .startOf('y')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    const option = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'axis',\n            formatter: '{b0}:<br/>{a} {c0}km',\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            top: 20,\n            textStyle: {\n                color: chartFontColor,\n                fontSize: 12,\n            },\n        },\n        grid: {\n            top: 58,\n            left: 24,\n            bottom: 12,\n            right: 24,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: _.map(alarmMonthTrend, 'labelName') || [],\n        },\n        yAxis: [\n            {\n                name: '单位（次）',\n                type: 'value',\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                minInterval: 1,\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                name: '次数',\n                type: 'line',\n                data: _.map(alarmMonthTrend, 'labelValue') || [],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"exception-trend\" },\n        React.createElement(SubTitle, { title: \"\\u6708\\u5EA6\\u8D8B\\u52BF\\u5206\\u6790\" }),\n        React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } })));\n};\nexport default MonthTrend;\n"],"mappings":"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"}
+{"version":3,"file":"MonthTrend.js","names":["_react","_interopRequireWildcard","require","_moment","_interopRequireDefault","_echartsForReact","_vmSubTitle","_api","_useSettings2","_index","_lodash","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MonthTrend","_useSettings","useSettings","chartColor","chartFontColor","theme","_useContext","useContext","CcCpContext","id","alarmMonthTrend","ExceptionService","getSyPointErrorReportMonthNums","moment","startOf","format","option","color","tooltip","trigger","formatter","legend","show","itemWith","itemHeight","top","textStyle","fontSize","grid","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","data","_","map","yAxis","name","nameTextStyle","axisLine","minInterval","splitLine","lineStyle","series","React","createElement","className","SubTitle","title","ReactEcharts","notMerge","lazyUpdate","style","height","width","_default","exports"],"sources":["vtx-cc-cp-modal/components/ExceptionInfo/MonthTrend.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport { ExceptionService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { CcCpContext } from '../../index';\nimport _ from 'lodash';\nconst MonthTrend = () => {\n    const { chartColor, chartFontColor, theme } = useSettings();\n    const { id } = useContext(CcCpContext);\n    const alarmMonthTrend = ExceptionService.getSyPointErrorReportMonthNums(id, moment()\n        .startOf('y')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    const option = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'axis',\n            formatter: '{b0}:<br/>{a} {c0}km',\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            top: 20,\n            textStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n                fontSize: 12,\n            },\n        },\n        grid: {\n            top: 58,\n            left: 24,\n            bottom: 12,\n            right: 24,\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: _.map(alarmMonthTrend, 'labelName') || [],\n        },\n        yAxis: [\n            {\n                name: '单位（次）',\n                type: 'value',\n                nameTextStyle: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                minInterval: 1,\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                name: '次数',\n                type: 'line',\n                data: _.map(alarmMonthTrend, 'labelValue') || [],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"exception-trend\" },\n        React.createElement(SubTitle, { title: \"\\u6708\\u5EA6\\u8D8B\\u52BF\\u5206\\u6790\" }),\n        React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } })));\n};\nexport default MonthTrend;\n"],"mappings":"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"}

package/lib/vtx-cc-cp-modal/components/ExceptionInfo/Summary.js

@@ -22,7 +22,8 @@ var Summary = function Summary() {
   var _useSettings = (0, _useSettings2["default"])(),
     chartColor = _useSettings.chartColor,
     chartFontColor = _useSettings.chartFontColor,
-    isDark = _useSettings.isDark;
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme;
   var _useContext = (0, _react.useContext)(_index.CcCpContext),
     id = _useContext.id;
   var alarmSummary = _api.ExceptionService.getMonthCompareData(id, (0, _moment["default"])().format('YYYY-MM'));
@@ -63,12 +64,12 @@ var Summary = function Summary() {
       },
       textStyle: {
         fontSize: 14,
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       pageIconColor: chartFontColor,
       pageIconInactiveColor: chartFontColor,
       pageTextStyle: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       }
     },
     series: [{

package/lib/vtx-cc-cp-modal/components/ExceptionInfo/Summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"Summary.js","names":["_react","_interopRequireWildcard","require","_moment","_interopRequireDefault","_sumBy","_echartsForReact","_vmSubTitle","_vmNodata","_api","_useSettings2","_alarm","_index","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Summary","_useSettings","useSettings","chartColor","chartFontColor","isDark","_useContext","useContext","CcCpContext","id","alarmSummary","ExceptionService","getMonthCompareData","moment","format","alarmTypes","getErrorReportTypeNums","startOf","endOf","month","totalCount","sumBy","alarmTabsValue","map","item","name","labelName","value","labelValue","option","color","backgroundColor","tooltip","show","trigger","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","formatter","find","rate","concat","toFixed","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","labelLine","React","createElement","className","SubTitle","title","src","alarm","thisMonthNum","tbData","length","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","marginLeft","transform","_default","exports"],"sources":["vtx-cc-cp-modal/components/ExceptionInfo/Summary.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport moment from 'moment';\nimport sumBy from 'lodash/sumBy';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport NoData from '../../../vm-nodata';\nimport { ExceptionService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport alarm from '../../../vtx-cp-modal/imgs/alarm.png';\nimport { CcCpContext } from '../../index';\nconst Summary = () => {\n    const { chartColor, chartFontColor, isDark } = useSettings();\n    const { id } = useContext(CcCpContext);\n    const alarmSummary = ExceptionService.getMonthCompareData(id, moment().format('YYYY-MM'));\n    const alarmTypes = ExceptionService.getErrorReportTypeNums(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment()\n        .endOf('M')\n        .format('YYYY-MM-DD'));\n    const month = moment().month() + 1;\n    const totalCount = sumBy(alarmTypes, 'labelValue');\n    const alarmTabsValue = alarmTypes.map(item => ({\n        name: item.labelName,\n        value: item.labelValue,\n    }));\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n        },\n        legend: {\n            orient: 'vertical',\n            left: '40%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = alarmTabsValue.find((item) => item.name === name);\n                const rate = (((value === null || value === void 0 ? void 0 : value.value) || 0) / totalCount) * 100;\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.value}次\\t\\t${rate.toFixed(2)}%`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                fontSize: 14,\n                color: chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['55%', '75%'],\n                center: ['20%', '50%'],\n                hoverAnimation: true,\n                z: 10,\n                itemStyle: {\n                    normal: {\n                        borderWidth: 2,\n                        borderColor: isDark ? '#003359' : '#ffffff',\n                    },\n                },\n                label: {\n                    show: false,\n                },\n                data: alarmTabsValue,\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"exception-summary\" },\n        React.createElement(SubTitle, { title: `${month}月异常信息` }),\n        React.createElement(\"div\", { className: \"exception-summary-time\" },\n            React.createElement(\"img\", { src: alarm }),\n            React.createElement(\"div\", null,\n                React.createElement(\"div\", { className: \"exception-summary-time-name\" }, \"\\u6708\\u5EA6\\u5F02\\u5E38\\u603B\\u6B21\\u6570\"),\n                React.createElement(\"div\", { className: \"exception-summary-time-value\" },\n                    React.createElement(\"span\", null, (alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.thisMonthNum) || 0),\n                    \"\\u6B21\",\n                    React.createElement(\"div\", { className: \"exception-summary-time-value-compare\" },\n                        `月同比 ${(alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.tbData) || 0}%`,\n                        ((alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.tbData) || 0) >= 100 ? (React.createElement(\"div\", { className: \"triangle-up\" })) : (React.createElement(\"div\", { className: \"triangle-down\" })))))),\n        React.createElement(\"div\", { className: \"exception-summary-type-analysis\" },\n            React.createElement(SubTitle, { title: \"\\u7C7B\\u578B\\u5206\\u6790\" }),\n            (alarmTabsValue === null || alarmTabsValue === void 0 ? void 0 : alarmTabsValue.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '180px', width: '100%' } })) : (React.createElement(NoData, { style: {\n                    height: '180px',\n                    marginLeft: '50%',\n                    transform: 'translateX(-50%)',\n                } })))));\n};\nexport default Summary;\n"],"mappings":"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"}
+{"version":3,"file":"Summary.js","names":["_react","_interopRequireWildcard","require","_moment","_interopRequireDefault","_sumBy","_echartsForReact","_vmSubTitle","_vmNodata","_api","_useSettings2","_alarm","_index","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Summary","_useSettings","useSettings","chartColor","chartFontColor","isDark","theme","_useContext","useContext","CcCpContext","id","alarmSummary","ExceptionService","getMonthCompareData","moment","format","alarmTypes","getErrorReportTypeNums","startOf","endOf","month","totalCount","sumBy","alarmTabsValue","map","item","name","labelName","value","labelValue","option","color","backgroundColor","tooltip","show","trigger","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","formatter","find","rate","concat","toFixed","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","labelLine","React","createElement","className","SubTitle","title","src","alarm","thisMonthNum","tbData","length","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","marginLeft","transform","_default","exports"],"sources":["vtx-cc-cp-modal/components/ExceptionInfo/Summary.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport moment from 'moment';\nimport sumBy from 'lodash/sumBy';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport NoData from '../../../vm-nodata';\nimport { ExceptionService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport alarm from '../../../vtx-cp-modal/imgs/alarm.png';\nimport { CcCpContext } from '../../index';\nconst Summary = () => {\n    const { chartColor, chartFontColor, isDark, theme } = useSettings();\n    const { id } = useContext(CcCpContext);\n    const alarmSummary = ExceptionService.getMonthCompareData(id, moment().format('YYYY-MM'));\n    const alarmTypes = ExceptionService.getErrorReportTypeNums(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment()\n        .endOf('M')\n        .format('YYYY-MM-DD'));\n    const month = moment().month() + 1;\n    const totalCount = sumBy(alarmTypes, 'labelValue');\n    const alarmTabsValue = alarmTypes.map(item => ({\n        name: item.labelName,\n        value: item.labelValue,\n    }));\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n        },\n        legend: {\n            orient: 'vertical',\n            left: '40%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = alarmTabsValue.find((item) => item.name === name);\n                const rate = (((value === null || value === void 0 ? void 0 : value.value) || 0) / totalCount) * 100;\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.value}次\\t\\t${rate.toFixed(2)}%`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                fontSize: 14,\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['55%', '75%'],\n                center: ['20%', '50%'],\n                hoverAnimation: true,\n                z: 10,\n                itemStyle: {\n                    normal: {\n                        borderWidth: 2,\n                        borderColor: isDark ? '#003359' : '#ffffff',\n                    },\n                },\n                label: {\n                    show: false,\n                },\n                data: alarmTabsValue,\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"exception-summary\" },\n        React.createElement(SubTitle, { title: `${month}月异常信息` }),\n        React.createElement(\"div\", { className: \"exception-summary-time\" },\n            React.createElement(\"img\", { src: alarm }),\n            React.createElement(\"div\", null,\n                React.createElement(\"div\", { className: \"exception-summary-time-name\" }, \"\\u6708\\u5EA6\\u5F02\\u5E38\\u603B\\u6B21\\u6570\"),\n                React.createElement(\"div\", { className: \"exception-summary-time-value\" },\n                    React.createElement(\"span\", null, (alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.thisMonthNum) || 0),\n                    \"\\u6B21\",\n                    React.createElement(\"div\", { className: \"exception-summary-time-value-compare\" },\n                        `月同比 ${(alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.tbData) || 0}%`,\n                        ((alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.tbData) || 0) >= 100 ? (React.createElement(\"div\", { className: \"triangle-up\" })) : (React.createElement(\"div\", { className: \"triangle-down\" })))))),\n        React.createElement(\"div\", { className: \"exception-summary-type-analysis\" },\n            React.createElement(SubTitle, { title: \"\\u7C7B\\u578B\\u5206\\u6790\" }),\n            (alarmTabsValue === null || alarmTabsValue === void 0 ? void 0 : alarmTabsValue.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '180px', width: '100%' } })) : (React.createElement(NoData, { style: {\n                    height: '180px',\n                    marginLeft: '50%',\n                    transform: 'translateX(-50%)',\n                } })))));\n};\nexport default Summary;\n"],"mappings":"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"}

package/lib/vtx-cc-cp-modal/components/ExceptionInfo/index.css

@@ -5,6 +5,7 @@
 .cc-cp-exception .exception-summary {
   padding: 14px 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .cc-cp-exception .exception-summary-time {
   margin: 24px;
@@ -90,10 +91,12 @@
   height: 358px;
   padding: 14px 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .cc-cp-exception .exception-record {
   padding: 14px 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
   min-height: 180px;
 }
 .cc-cp-exception .exception-record-head {

package/lib/vtx-cc-cp-modal/components/ExceptionInfo/index.less

@@ -4,6 +4,7 @@
     .exception-summary {
         padding: 14px 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
 
         &-time {
             margin: 24px;
@@ -77,11 +78,14 @@
         height: 358px;
         padding: 14px 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
     }
 
     .exception-record {
         padding: 14px 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
         min-height: 180px;
 
         &-head {

package/lib/vtx-cc-cp-modal/components/Restaurant/index.css

@@ -4,4 +4,5 @@
 .cc-cp-restaurant-table {
   height: 580px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }

package/lib/vtx-cc-cp-modal/components/Restaurant/index.less

@@ -3,5 +3,6 @@
     &-table {
         height: 580px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
     }
 }

package/lib/vtx-cc-cp-modal/components/SyInfo/Ljcsl.js

@@ -20,7 +20,8 @@ var Ljcsl = function Ljcsl(_ref) {
   var startDay = _ref.startDay,
     endDay = _ref.endDay;
   var _useSettings = (0, _useSettings2["default"])(),
-    chartFontColor = _useSettings.chartFontColor;
+    chartFontColor = _useSettings.chartFontColor,
+    theme = _useSettings.theme;
   var _useContext = (0, _react.useContext)(_index.CcCpContext),
     id = _useContext.id;
   var data = _api.BasicService.getSyPointCollectLine(id, startDay, endDay);
@@ -35,7 +36,7 @@ var Ljcsl = function Ljcsl(_ref) {
       itemWith: 6,
       itemHeight: 6,
       textStyle: {
-        color: chartFontColor,
+        color: theme === 'blue' ? '#fff' : chartFontColor,
         fontSize: 12
       },
       data: ['日产生量']
@@ -53,7 +54,7 @@ var Ljcsl = function Ljcsl(_ref) {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       data: names
     },
@@ -62,11 +63,11 @@ var Ljcsl = function Ljcsl(_ref) {
       name: 'kg',
       min: 0,
       nameTextStyle: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       splitNumber: 5,
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       splitLine: {
         lineStyle: {