@vtx/modals2 4.0.7 → 5.0.1

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","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MonthTrend","_useSettings","useSettings","chartColor","chartFontColor","_useContext","useContext","CcCpContext","id","alarmMonthTrend","ExceptionService","getSyPointErrorReportMonthNums","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","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()\n        .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                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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","ignoreList":[]}
+{"version":3,"file":"MonthTrend.js","names":["_react","_interopRequireWildcard","require","_moment","_interopRequireDefault","_echartsForReact","_vmSubTitle","_api","_useSettings2","_index","_lodash","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MonthTrend","_useSettings","useSettings","chartColor","chartFontColor","theme","_useContext","useContext","CcCpContext","id","alarmMonthTrend","ExceptionService","getSyPointErrorReportMonthNums","moment","startOf","format","option","color","tooltip","trigger","formatter","params","_a","_b","unit","str","Array","isArray","concat","axisValue","colorStops","map","item","index","seriesName","value","name","legend","show","itemWith","itemHeight","top","textStyle","fontSize","grid","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","data","_","yAxis","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: function (params) {\n                var _a, _b;\n                //tongjia\n                let unit = '次';\n                let str = '';\n                if (Array.isArray(params)) {\n                    str = `<div  style=\"text-align:left\">${(_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue}<?div>`;\n                    let color = (_b = params === null || params === void 0 ? void 0 : params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色\n                    params.map((item, index) => {\n                        var _a;\n                        str += `<div  style=\"text-align:left\"><span style=\"color:${item.color && typeof item.color == 'string'\n                            ? item.color\n                            : (_a = color === null || color === void 0 ? void 0 : color[index]) === null || _a === void 0 ? void 0 : _a.color}\">•</span> ${item.seriesName} &nbsp;&nbsp;&nbsp;${item.value}${unit}</div>`;\n                    });\n                }\n                else {\n                    let color = params === null || params === void 0 ? void 0 : params.color; // 获取系列的颜色\n                    str += `<div style=\"display:flex;align-items:center\"><span style=\"color:${color};font-size:24px \">•</span>&nbsp;${params === null || params === void 0 ? void 0 : params.name}&nbsp;&nbsp;${params.value}${unit}</div>`;\n                }\n                return str; // 返回带点的字符串\n            },\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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","ignoreList":[]}

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'));
@@ -39,8 +40,24 @@ var Summary = function Summary() {
     color: chartColor,
     backgroundColor: 'transparent',
     tooltip: {
-      show: true,
-      trigger: 'item'
+      trigger: 'item',
+      formatter: function formatter(params) {
+        var _a, _b;
+        var unit = '次';
+        var str = '';
+        if (Array.isArray(params)) {
+          str = "<div  style=\"text-align:left\">".concat((_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue, "<?div>");
+          var color = (_b = params === null || params === void 0 ? void 0 : params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色
+          params.map(function (item, index) {
+            var _a;
+            str += "<div  style=\"text-align:left\"><span style=\"color:".concat(item.color && typeof item.color == 'string' ? item.color : (_a = color === null || color === void 0 ? void 0 : color[index]) === null || _a === void 0 ? void 0 : _a.color, "\">\u2022</span> ").concat(item.seriesName, " &nbsp;&nbsp;&nbsp;").concat(item.value).concat(unit, "</div>");
+          });
+        } else {
+          var _color = params === null || params === void 0 ? void 0 : params.color; // 获取系列的颜色
+          str += "<div style=\"display:flex;align-items:center\"><span style=\"color:".concat(_color, ";font-size:24px \">\u2022</span>&nbsp;").concat(params === null || params === void 0 ? void 0 : params.name, "&nbsp;&nbsp;").concat(params.value).concat(unit, "</div>");
+        }
+        return str; // 返回带点的字符串
+      }
     },
     legend: {
       orient: 'vertical',
@@ -63,12 +80,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","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","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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","ignoreList":[]}
+{"version":3,"file":"Summary.js","names":["_react","_interopRequireWildcard","require","_moment","_interopRequireDefault","_sumBy","_echartsForReact","_vmSubTitle","_vmNodata","_api","_useSettings2","_alarm","_index","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","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","trigger","formatter","params","_a","_b","unit","str","Array","isArray","concat","axisValue","colorStops","index","seriesName","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","find","rate","toFixed","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","show","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            trigger: 'item',\n            formatter: function (params) {\n                var _a, _b;\n                let unit = '次';\n                let str = '';\n                if (Array.isArray(params)) {\n                    str = `<div  style=\"text-align:left\">${(_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue}<?div>`;\n                    let color = (_b = params === null || params === void 0 ? void 0 : params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色\n                    params.map((item, index) => {\n                        var _a;\n                        str += `<div  style=\"text-align:left\"><span style=\"color:${item.color && typeof item.color == 'string'\n                            ? item.color\n                            : (_a = color === null || color === void 0 ? void 0 : color[index]) === null || _a === void 0 ? void 0 : _a.color}\">•</span> ${item.seriesName} &nbsp;&nbsp;&nbsp;${item.value}${unit}</div>`;\n                    });\n                }\n                else {\n                    let color = params === null || params === void 0 ? void 0 : params.color; // 获取系列的颜色\n                    str += `<div style=\"display:flex;align-items:center\"><span style=\"color:${color};font-size:24px \">•</span>&nbsp;${params === null || params === void 0 ? void 0 : params.name}&nbsp;&nbsp;${params.value}${unit}</div>`;\n                }\n                return str; // 返回带点的字符串\n            },\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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","ignoreList":[]}

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/OrderInfo/MonthTrend.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _api = require("../../api");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _lodash = _interopRequireDefault(require("lodash"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var MonthTrend = function MonthTrend(_ref) {
+  var _ref$restaurantIds = _ref.restaurantIds,
+    restaurantIds = _ref$restaurantIds === void 0 ? '' : _ref$restaurantIds;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor,
+    theme = _useSettings.theme;
+  var alarmMonthTrend = _api.OrderService.getOrderCountLine(restaurantIds, (0, _moment["default"])().format('YYYY-MM-DD'));
+  var option = {
+    color: chartColor,
+    tooltip: {
+      trigger: 'axis',
+      formatter: function formatter(params) {
+        var _a, _b;
+        //tongjia
+        var unit = '次';
+        var str = '';
+        if (Array.isArray(params)) {
+          str = "<div  style=\"text-align:left\">".concat((_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue, "<?div>");
+          var color = (_b = params === null || params === void 0 ? void 0 : params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色
+          params.map(function (item, index) {
+            var _a;
+            str += "<div  style=\"text-align:left\"><span style=\"color:".concat(item.color && typeof item.color == 'string' ? item.color : (_a = color === null || color === void 0 ? void 0 : color[index]) === null || _a === void 0 ? void 0 : _a.color, "\">\u2022</span> ").concat(item.seriesName, " &nbsp;&nbsp;&nbsp;").concat(item.value).concat(unit, "</div>");
+          });
+        } else {
+          var _color = params === null || params === void 0 ? void 0 : params.color; // 获取系列的颜色
+          str += "<div style=\"display:flex;align-items:center\"><span style=\"color:".concat(_color, ";font-size:24px \">\u2022</span>&nbsp;").concat(params === null || params === void 0 ? void 0 : params.name, "&nbsp;&nbsp;").concat(params.value).concat(unit, "</div>");
+        }
+        return str; // 返回带点的字符串
+      }
+    },
+    legend: {
+      show: true,
+      itemWith: 6,
+      itemHeight: 6,
+      top: 20,
+      textStyle: {
+        color: theme === 'blue' ? '#fff' : chartFontColor,
+        fontSize: 12
+      }
+    },
+    grid: {
+      top: 58,
+      left: 24,
+      bottom: 12,
+      right: 24,
+      containLabel: true
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      data: _lodash["default"].map(alarmMonthTrend, 'labelName') || []
+    },
+    yAxis: [{
+      name: '单位（次）',
+      type: 'value',
+      nameTextStyle: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      axisLine: {
+        show: true
+      },
+      minInterval: 1,
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: [{
+      name: '次数',
+      type: 'line',
+      data: _lodash["default"].map(alarmMonthTrend, 'labelValue') || []
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "order-trend"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u6708\u5EA6\u8D8B\u52BF\u5206\u6790"
+  }), /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '300px',
+      width: '100%'
+    }
+  }));
+};
+var _default = exports["default"] = MonthTrend;
+//# sourceMappingURL=MonthTrend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonthTrend.js","names":["_react","_interopRequireDefault","require","_moment","_echartsForReact","_vmSubTitle","_api","_useSettings2","_lodash","e","__esModule","MonthTrend","_ref","_ref$restaurantIds","restaurantIds","_useSettings","useSettings","chartColor","chartFontColor","theme","alarmMonthTrend","OrderService","getOrderCountLine","moment","format","option","color","tooltip","trigger","formatter","params","_a","_b","unit","str","Array","isArray","concat","axisValue","colorStops","map","item","index","seriesName","value","name","legend","show","itemWith","itemHeight","top","textStyle","fontSize","grid","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","data","_","yAxis","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/OrderInfo/MonthTrend.js"],"sourcesContent":["import React from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport { OrderService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport _ from 'lodash';\nconst MonthTrend = ({ restaurantIds = '' }) => {\n    const { chartColor, chartFontColor, theme } = useSettings();\n    const alarmMonthTrend = OrderService.getOrderCountLine(restaurantIds, moment().format('YYYY-MM-DD'));\n    const option = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'axis',\n            formatter: function (params) {\n                var _a, _b;\n                //tongjia\n                let unit = '次';\n                let str = '';\n                if (Array.isArray(params)) {\n                    str = `<div  style=\"text-align:left\">${(_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue}<?div>`;\n                    let color = (_b = params === null || params === void 0 ? void 0 : params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色\n                    params.map((item, index) => {\n                        var _a;\n                        str += `<div  style=\"text-align:left\"><span style=\"color:${item.color && typeof item.color == 'string'\n                            ? item.color\n                            : (_a = color === null || color === void 0 ? void 0 : color[index]) === null || _a === void 0 ? void 0 : _a.color}\">•</span> ${item.seriesName} &nbsp;&nbsp;&nbsp;${item.value}${unit}</div>`;\n                    });\n                }\n                else {\n                    let color = params === null || params === void 0 ? void 0 : params.color; // 获取系列的颜色\n                    str += `<div style=\"display:flex;align-items:center\"><span style=\"color:${color};font-size:24px \">•</span>&nbsp;${params === null || params === void 0 ? void 0 : params.name}&nbsp;&nbsp;${params.value}${unit}</div>`;\n                }\n                return str; // 返回带点的字符串\n            },\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: \"order-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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","ignoreList":[]}

package/lib/vtx-cc-cp-modal/components/OrderInfo/OrderRecord.js

@@ -0,0 +1,123 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _api = require("../../api");
+var _ahooks = require("ahooks");
+var _react = _interopRequireWildcard(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _vmFilter = require("../../../vm-filter");
+var _vmSubTabs = require("../../../vm-sub-tabs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var orderTabs = [{
+  key: '1777671102129917953,1777671159256338433',
+  label: '全部'
+}, {
+  key: '1777671102129917953',
+  label: '未出桶'
+}, {
+  key: '1777671159256338433',
+  label: '混投'
+}];
+var OrderRecord = function OrderRecord(_ref) {
+  var _ref$restaurantNames = _ref.restaurantNames,
+    restaurantNames = _ref$restaurantNames === void 0 ? [] : _ref$restaurantNames,
+    _ref$restaurantCodes = _ref.restaurantCodes,
+    restaurantCodes = _ref$restaurantCodes === void 0 ? [] : _ref$restaurantCodes;
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: (0, _moment["default"])().format('YYYY-MM-DD'),
+      endDate: (0, _moment["default"])().format('YYYY-MM-DD')
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    date = _useSetState2[0],
+    setDate = _useSetState2[1];
+  var _useState = (0, _react.useState)('1777671102129917953,1777671159256338433'),
+    _useState2 = _slicedToArray(_useState, 2),
+    problemCategory = _useState2[0],
+    setProblemCategory = _useState2[1];
+  var startDate = date.startDate,
+    endDate = date.endDate;
+  var columns = [{
+    title: '商户名称',
+    dataIndex: 'checkResourceName',
+    key: 'checkResourceName',
+    ellipsis: true
+  }, {
+    title: '问题分类',
+    dataIndex: 'problemCategoryName',
+    key: 'problemCategoryName'
+  }, {
+    title: '上报人',
+    dataIndex: 'reportStaffName',
+    key: 'reportStaffName'
+  }, {
+    title: '上报时间',
+    dataIndex: 'reportDateTimeStr',
+    key: 'reportDateTimeStr',
+    sorter: function sorter(a, b) {
+      var aTime = new Date(a.createTime).getTime();
+      var bTime = new Date(b.createTime).getTime();
+      return aTime - bTime;
+    }
+  }, {
+    title: '状态',
+    dataIndex: 'overdueStatusStr',
+    key: 'overdueStatusStr'
+  }];
+  var _OrderService$useOrde = _api.OrderService.useOrderRecord({
+      start: (0, _moment["default"])(startDate).format('YYYY-MM-DD 00:00:00'),
+      end: (0, _moment["default"])(endDate).format('YYYY-MM-DD 23:59:59'),
+      checkResourceNames: restaurantNames,
+      problemCategoryId: problemCategory
+    }),
+    dataSource = _OrderService$useOrde.dataSource;
+  var tableProps = {
+    height: 120,
+    dataSource: dataSource.filter(function (item) {
+      return restaurantCodes.includes(item.checkResourceDTO.code);
+    })
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "order-record"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "order-record-head"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u5DE5\u5355\u8BB0\u5F55"
+  }), /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+    value: [(0, _moment["default"])(startDate), (0, _moment["default"])(endDate)],
+    onChange: function onChange(dates) {
+      return dates && setDate({
+        startDate: (0, _moment["default"])(dates[0]).format('YYYY-MM-DD'),
+        endDate: (0, _moment["default"])(dates[1]).format('YYYY-MM-DD')
+      });
+    },
+    disabledDate: function disabledDate(current) {
+      return current && current > (0, _moment["default"])().endOf('day');
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabsLine, {
+    items: orderTabs,
+    activeKey: problemCategory,
+    onChange: function onChange(key) {
+      return setProblemCategory(key);
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "order-record-table"
+  }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns
+  }, tableProps))));
+};
+var _default = exports["default"] = OrderRecord;
+//# sourceMappingURL=OrderRecord.js.map

package/lib/vtx-cc-cp-modal/components/OrderInfo/OrderRecord.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderRecord.js","names":["_vmSubTitle","_interopRequireDefault","require","_vmTable","_api","_ahooks","_react","_interopRequireWildcard","_moment","_vmFilter","_vmSubTabs","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","orderTabs","key","label","OrderRecord","_ref","_ref$restaurantNames","restaurantNames","_ref$restaurantCodes","restaurantCodes","_useSetState","useSetState","startDate","moment","format","endDate","_useSetState2","date","setDate","_useState","useState","_useState2","problemCategory","setProblemCategory","columns","title","dataIndex","ellipsis","sorter","b","aTime","Date","createTime","getTime","bTime","_OrderService$useOrde","OrderService","useOrderRecord","start","end","checkResourceNames","problemCategoryId","dataSource","tableProps","height","filter","item","includes","checkResourceDTO","code","React","createElement","className","SubTitle","VMRangePicker","onChange","dates","disabledDate","current","endOf","SubTabsLine","items","activeKey","VMTable","assign","_default","exports"],"sources":["vtx-cc-cp-modal/components/OrderInfo/OrderRecord.js"],"sourcesContent":["import SubTitle from '../../../vm-sub-title';\nimport VMTable from '../../../vm-table';\nimport { OrderService } from '../../api';\nimport { useSetState } from 'ahooks';\nimport React, { useState } from 'react';\nimport moment from 'moment';\nimport { VMRangePicker } from '../../../vm-filter';\nimport { SubTabsLine } from '../../../vm-sub-tabs';\nconst orderTabs = [\n    {\n        key: '1777671102129917953,1777671159256338433',\n        label: '全部',\n    },\n    {\n        key: '1777671102129917953',\n        label: '未出桶',\n    },\n    {\n        key: '1777671159256338433',\n        label: '混投',\n    },\n];\nconst OrderRecord = ({ restaurantNames = [], restaurantCodes = [] }) => {\n    const [date, setDate] = useSetState({\n        startDate: moment().format('YYYY-MM-DD'),\n        endDate: moment().format('YYYY-MM-DD'),\n    });\n    const [problemCategory, setProblemCategory] = useState('1777671102129917953,1777671159256338433');\n    const { startDate, endDate } = date;\n    const columns = [\n        {\n            title: '商户名称',\n            dataIndex: 'checkResourceName',\n            key: 'checkResourceName',\n            ellipsis: true,\n        },\n        {\n            title: '问题分类',\n            dataIndex: 'problemCategoryName',\n            key: 'problemCategoryName',\n        },\n        {\n            title: '上报人',\n            dataIndex: 'reportStaffName',\n            key: 'reportStaffName',\n        },\n        {\n            title: '上报时间',\n            dataIndex: 'reportDateTimeStr',\n            key: 'reportDateTimeStr',\n            sorter: (a, b) => {\n                let aTime = new Date(a.createTime).getTime();\n                let bTime = new Date(b.createTime).getTime();\n                return aTime - bTime;\n            },\n        },\n        {\n            title: '状态',\n            dataIndex: 'overdueStatusStr',\n            key: 'overdueStatusStr',\n        },\n    ];\n    const { dataSource } = OrderService.useOrderRecord({\n        start: moment(startDate).format('YYYY-MM-DD 00:00:00'),\n        end: moment(endDate).format('YYYY-MM-DD 23:59:59'),\n        checkResourceNames: restaurantNames,\n        problemCategoryId: problemCategory,\n    });\n    const tableProps = {\n        height: 120,\n        dataSource: dataSource.filter(item => restaurantCodes.includes(item.checkResourceDTO.code)),\n    };\n    return (React.createElement(\"div\", { className: \"order-record\" },\n        React.createElement(\"div\", { className: \"order-record-head\" },\n            React.createElement(SubTitle, { title: \"\\u5DE5\\u5355\\u8BB0\\u5F55\" }),\n            React.createElement(VMRangePicker, { value: [moment(startDate), moment(endDate)], onChange: (dates) => dates &&\n                    setDate({\n                        startDate: moment(dates[0]).format('YYYY-MM-DD'),\n                        endDate: moment(dates[1]).format('YYYY-MM-DD'),\n                    }), disabledDate: (current) => current && current > moment().endOf('day') })),\n        React.createElement(SubTabsLine, { items: orderTabs, activeKey: problemCategory, onChange: key => setProblemCategory(key) }),\n        React.createElement(\"div\", { className: \"order-record-table\" },\n            React.createElement(VMTable, Object.assign({ columns: columns }, tableProps)))));\n};\nexport default OrderRecord;\n"],"mappings":"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","ignoreList":[]}