@vtx/modals2 2.14.21 → 2.14.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/vm-repair-maintain/RmMonthTrend.js +3 -2
- package/lib/vm-repair-maintain/RmMonthTrend.js.map +1 -1
- package/lib/vtx-car-modal/components/AlarmInfo/Charts.js +19 -2
- package/lib/vtx-car-modal/components/AlarmInfo/Charts.js.map +1 -1
- package/lib/vtx-car-modal/components/BaseInfo/ZyfxJXH.js +2 -2
- package/lib/vtx-car-modal/components/BaseInfo/ZyfxJXH.js.map +1 -1
- package/lib/vtx-car-modal/components/StaticInfo/Charts.js +3 -2
- package/lib/vtx-car-modal/components/StaticInfo/Charts.js.map +1 -1
- package/lib/vtx-car-modal/components/StaticInfo/index.js +2 -1
- package/lib/vtx-car-modal/components/StaticInfo/index.js.map +1 -1
- package/lib/vtx-cc-cp-modal/components/AlarmInfo/MonthTrend.js.map +1 -1
- package/lib/vtx-cc-cp-modal/components/ExceptionInfo/MonthTrend.js +2 -1
- package/lib/vtx-cc-cp-modal/components/ExceptionInfo/MonthTrend.js.map +1 -1
- package/lib/vtx-df-modal/components/BaseInfo/AlarmDetail.js +17 -4
- package/lib/vtx-df-modal/components/BaseInfo/AlarmDetail.js.map +1 -1
- package/lib/vtx-df-modal/components/BaseInfo/index.js +7 -4
- package/lib/vtx-df-modal/components/BaseInfo/index.js.map +1 -1
- package/lib/vtx-road-modal/components/Statistical/Zylc.js +4 -5
- package/lib/vtx-road-modal/components/Statistical/Zylc.js.map +1 -1
- package/lib/vtx-staff-modal/components/AlarmInfo/Charts.js +1 -1
- package/lib/vtx-staff-modal/components/AlarmInfo/Charts.js.map +1 -1
- package/package.json +1 -1
|
@@ -24,7 +24,8 @@ var RmMonthTrend = function RmMonthTrend(_ref) {
|
|
|
24
24
|
var option = {
|
|
25
25
|
color: chartColor,
|
|
26
26
|
tooltip: {
|
|
27
|
-
trigger: 'axis'
|
|
27
|
+
trigger: 'axis',
|
|
28
|
+
formatter: '维保次数: {c0}次'
|
|
28
29
|
},
|
|
29
30
|
legend: {
|
|
30
31
|
show: true,
|
|
@@ -77,7 +78,7 @@ var RmMonthTrend = function RmMonthTrend(_ref) {
|
|
|
77
78
|
}
|
|
78
79
|
}],
|
|
79
80
|
series: [{
|
|
80
|
-
name: '维保次数',
|
|
81
|
+
// name: '维保次数',
|
|
81
82
|
type: 'line',
|
|
82
83
|
yAxisIndex: 0,
|
|
83
84
|
data: values[0] || []
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RmMonthTrend.js","names":["RmMonthTrend","data","legends","names","values","useSettings","chartColor","chartFontColor","option","color","tooltip","trigger","legend","show","itemWith","itemHeight","textStyle","fontSize","grid","top","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","yAxis","name","nameTextStyle","axisLine","splitLine","lineStyle","series","yAxisIndex","React","createElement","className","SubTitle","title","ReactEcharts","notMerge","lazyUpdate","style","height","width"],"sources":["vm-repair-maintain/RmMonthTrend.js"],"sourcesContent":["/**\n * 月度趋势分析\n */\nimport React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../vm-sub-title';\nimport useSettings from '../vm-hooks/useSettings';\nconst RmMonthTrend = ({ data }) => {\n const { legends, names, values } = data;\n const { chartColor, chartFontColor } = useSettings();\n const option = {\n color: chartColor,\n tooltip: {\n trigger: 'axis',\n },\n legend: {\n show: true,\n itemWith: 6,\n itemHeight: 6,\n textStyle: {\n color: chartFontColor,\n fontSize: 12,\n },\n data: legends || [],\n },\n grid: {\n top: 28,\n left: 4,\n bottom: 14,\n right: 4,\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: names || [],\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 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 yAxisIndex: 0,\n data: values[0] || [],\n },\n ],\n };\n return (React.createElement(\"div\", { className: \"rm-month-trend\" },\n React.createElement(SubTitle, { title: \"\\u6708\\u5EA6\\u8D8B\\u52BF\\u5206\\u6790\" }),\n React.createElement(\"div\", { className: \"rm-month-trend-chart\" },\n React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } }))));\n};\nexport default RmMonthTrend;\n"],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AAAkD;AANlD;AACA;AACA;;AAKA,IAAMA,YAAY,GAAG,SAAfA,YAAY,OAAiB;EAAA,IAAXC,IAAI,QAAJA,IAAI;EACxB,IAAQC,OAAO,GAAoBD,IAAI,CAA/BC,OAAO;IAAEC,KAAK,GAAaF,IAAI,CAAtBE,KAAK;IAAEC,MAAM,GAAKH,IAAI,CAAfG,MAAM;EAC9B,mBAAuC,IAAAC,wBAAW,GAAE;IAA5CC,UAAU,gBAAVA,UAAU;IAAEC,cAAc,gBAAdA,cAAc;EAClC,IAAMC,MAAM,GAAG;IACXC,KAAK,EAAEH,UAAU;IACjBI,OAAO,EAAE;MACLC,OAAO,EAAE;
|
|
1
|
+
{"version":3,"file":"RmMonthTrend.js","names":["RmMonthTrend","data","legends","names","values","useSettings","chartColor","chartFontColor","option","color","tooltip","trigger","formatter","legend","show","itemWith","itemHeight","textStyle","fontSize","grid","top","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","yAxis","name","nameTextStyle","axisLine","splitLine","lineStyle","series","yAxisIndex","React","createElement","className","SubTitle","title","ReactEcharts","notMerge","lazyUpdate","style","height","width"],"sources":["vm-repair-maintain/RmMonthTrend.js"],"sourcesContent":["/**\n * 月度趋势分析\n */\nimport React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../vm-sub-title';\nimport useSettings from '../vm-hooks/useSettings';\nconst RmMonthTrend = ({ data }) => {\n const { legends, names, values } = data;\n const { chartColor, chartFontColor } = useSettings();\n const option = {\n color: chartColor,\n tooltip: {\n trigger: 'axis',\n formatter: '维保次数: {c0}次',\n },\n legend: {\n show: true,\n itemWith: 6,\n itemHeight: 6,\n textStyle: {\n color: chartFontColor,\n fontSize: 12,\n },\n data: legends || [],\n },\n grid: {\n top: 28,\n left: 4,\n bottom: 14,\n right: 4,\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: names || [],\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 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 yAxisIndex: 0,\n data: values[0] || [],\n },\n ],\n };\n return (React.createElement(\"div\", { className: \"rm-month-trend\" },\n React.createElement(SubTitle, { title: \"\\u6708\\u5EA6\\u8D8B\\u52BF\\u5206\\u6790\" }),\n React.createElement(\"div\", { className: \"rm-month-trend-chart\" },\n React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } }))));\n};\nexport default RmMonthTrend;\n"],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AAAkD;AANlD;AACA;AACA;;AAKA,IAAMA,YAAY,GAAG,SAAfA,YAAY,OAAiB;EAAA,IAAXC,IAAI,QAAJA,IAAI;EACxB,IAAQC,OAAO,GAAoBD,IAAI,CAA/BC,OAAO;IAAEC,KAAK,GAAaF,IAAI,CAAtBE,KAAK;IAAEC,MAAM,GAAKH,IAAI,CAAfG,MAAM;EAC9B,mBAAuC,IAAAC,wBAAW,GAAE;IAA5CC,UAAU,gBAAVA,UAAU;IAAEC,cAAc,gBAAdA,cAAc;EAClC,IAAMC,MAAM,GAAG;IACXC,KAAK,EAAEH,UAAU;IACjBI,OAAO,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE;IACf,CAAC;IACDC,MAAM,EAAE;MACJC,IAAI,EAAE,IAAI;MACVC,QAAQ,EAAE,CAAC;MACXC,UAAU,EAAE,CAAC;MACbC,SAAS,EAAE;QACPR,KAAK,EAAEF,cAAc;QACrBW,QAAQ,EAAE;MACd,CAAC;MACDjB,IAAI,EAAEC,OAAO,IAAI;IACrB,CAAC;IACDiB,IAAI,EAAE;MACFC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,CAAC;MACPC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,CAAC;MACRC,YAAY,EAAE;IAClB,CAAC;IACDC,KAAK,EAAE;MACHC,IAAI,EAAE,UAAU;MAChBC,WAAW,EAAE,KAAK;MAClBC,QAAQ,EAAE;QACNd,IAAI,EAAE;MACV,CAAC;MACDe,SAAS,EAAE;QACPpB,KAAK,EAAEF;MACX,CAAC;MACDN,IAAI,EAAEE,KAAK,IAAI;IACnB,CAAC;IACD2B,KAAK,EAAE,CACH;MACIC,IAAI,EAAE,OAAO;MACbL,IAAI,EAAE,OAAO;MACbM,aAAa,EAAE;QACXvB,KAAK,EAAEF;MACX,CAAC;MACDqB,QAAQ,EAAE;QACNd,IAAI,EAAE;MACV,CAAC;MACDe,SAAS,EAAE;QACPpB,KAAK,EAAEF;MACX,CAAC;MACD0B,QAAQ,EAAE;QACNnB,IAAI,EAAE;MACV,CAAC;MACDoB,SAAS,EAAE;QACPC,SAAS,EAAE;UACPT,IAAI,EAAE,QAAQ;UACdjB,KAAK,EAAE;QACX;MACJ;IACJ,CAAC,CACJ;IACD2B,MAAM,EAAE,CACJ;MACI;MACAV,IAAI,EAAE,MAAM;MACZW,UAAU,EAAE,CAAC;MACbpC,IAAI,EAAEG,MAAM,CAAC,CAAC,CAAC,IAAI;IACvB,CAAC;EAET,CAAC;EACD,oBAAQkC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAiB,CAAC,eAC9DF,iBAAK,CAACC,aAAa,CAACE,sBAAQ,EAAE;IAAEC,KAAK,EAAE;EAAuC,CAAC,CAAC,eAChFJ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAuB,CAAC,eAC5DF,iBAAK,CAACC,aAAa,CAACI,2BAAY,EAAE;IAAEnC,MAAM,EAAEA,MAAM;IAAEoC,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE,IAAI;IAAEC,KAAK,EAAE;MAAEC,MAAM,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAC,CAAC,CAAC,CAAC;AAC/I,CAAC;AAAC,eACahD,YAAY;AAAA"}
|
|
@@ -37,8 +37,15 @@ var Charts = function Charts(props) {
|
|
|
37
37
|
backgroundColor: 'transparent',
|
|
38
38
|
tooltip: {
|
|
39
39
|
show: true,
|
|
40
|
-
trigger: 'item'
|
|
40
|
+
trigger: 'item',
|
|
41
|
+
formatter: function formatter(params) {
|
|
42
|
+
var str = "<div style=\"text-align:left\">".concat(params === null || params === void 0 ? void 0 : params.name, "</div >");
|
|
43
|
+
var color = params === null || params === void 0 ? void 0 : params.color; // 获取系列的颜色
|
|
44
|
+
str += "<span ><span style=\"color:".concat(color, ";font-size:24px \">\u2022</span>").concat(params.value, "\u6B21</span>");
|
|
45
|
+
return str; // 返回带点的字符串
|
|
46
|
+
}
|
|
41
47
|
},
|
|
48
|
+
|
|
42
49
|
title: {
|
|
43
50
|
left: '29.5%',
|
|
44
51
|
top: '40%',
|
|
@@ -107,8 +114,18 @@ var Charts = function Charts(props) {
|
|
|
107
114
|
var lineOption = {
|
|
108
115
|
color: chartColor,
|
|
109
116
|
tooltip: {
|
|
110
|
-
trigger: 'axis'
|
|
117
|
+
trigger: 'axis',
|
|
118
|
+
formatter: function formatter(params) {
|
|
119
|
+
var _a;
|
|
120
|
+
var 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>");
|
|
121
|
+
var color = params[0].color; // 获取系列的颜色
|
|
122
|
+
params.map(function (item) {
|
|
123
|
+
str += "<div style=\"text-align:left\" ><span style=\"color:".concat(color, " \">\u2022</span> ").concat(item.seriesName, " ").concat(item.data, "\u6B21</div>");
|
|
124
|
+
});
|
|
125
|
+
return str; // 返回带点的字符串
|
|
126
|
+
}
|
|
111
127
|
},
|
|
128
|
+
|
|
112
129
|
legend: {
|
|
113
130
|
show: true,
|
|
114
131
|
itemWith: 6,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Charts.js","names":["Charts","props","_a","_b","useSettings","chartColor","chartFontColor","pieData","lineData","total","list","length","sumBy","o","count","map","ele","name","alarmTypeName","value","option","color","backgroundColor","tooltip","show","trigger","title","left","top","text","textAlign","textStyle","fontSize","subtext","subtextStyle","legend","orient","align","itemGap","itemWidth","itemHeight","formatter","find","item","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","labelLine","xAxis","names","lineOption","itemWith","legends","grid","bottom","right","containLabel","boundaryGap","axisTick","axisLabel","yAxis","nameTextStyle","axisLine","splitLine","lineStyle","values","index","React","createElement","className","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-car-modal/components/AlarmInfo/Charts.js"],"sourcesContent":["import React from 'react';\nimport sumBy from 'lodash/sumBy';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport NoData from '../../../vm-nodata';\nconst Charts = (props) => {\n var _a, _b;\n const { chartColor, chartFontColor } = useSettings();\n const { pieData = [], lineData = {} } = props;\n let total = 0;\n let list = [];\n if ((pieData === null || pieData === void 0 ? void 0 : pieData.length) > 0) {\n total = sumBy(pieData, function (o) {\n return o.count;\n });\n list = pieData.map(ele => ({\n name: ele.alarmTypeName,\n value: ele.count,\n }));\n }\n let option = {\n color: chartColor,\n backgroundColor: 'transparent',\n tooltip: {\n show: true,\n trigger: 'item',\n },\n title: {\n left: '29.5%',\n top: '40%',\n text: '报警总次数',\n textAlign: 'center',\n textStyle: {\n color: chartFontColor,\n fontSize: 14,\n },\n subtext: total || '0',\n subtextStyle: {\n color: chartFontColor,\n fontSize: 22,\n },\n },\n legend: {\n orient: 'vertical',\n left: '42%',\n top: 'middle',\n align: 'left',\n itemGap: 12,\n itemWidth: 10,\n itemHeight: 10,\n formatter: function (name) {\n const value = list.find((item) => item.name === name);\n if (value) {\n return `\\t\\t${name}\\t\\t${value.value}次\\t\\t`;\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: ['30%', '50%'],\n hoverAnimation: true,\n z: 10,\n itemStyle: {\n normal: {\n borderWidth: 2,\n borderColor: '#003359',\n },\n },\n label: {\n show: false,\n },\n data: list,\n labelLine: {\n show: false,\n },\n },\n ],\n };\n const xAxis = (lineData === null || lineData === void 0 ? void 0 : lineData.names) || [];\n const lineOption = {\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 data: (lineData === null || lineData === void 0 ? void 0 : lineData.legends) || [],\n },\n grid: {\n // top: 58,\n left: 24,\n bottom: 12,\n right: 36,\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: xAxis || [],\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 splitLine: {\n lineStyle: {\n type: 'dashed',\n color: 'rgba(151,151,151,0.28)',\n },\n },\n },\n ],\n series: ((_a = lineData === null || lineData === void 0 ? void 0 : lineData.values) === null || _a === void 0 ? void 0 : _a.length) > 0\n ? lineData.values.map((ele, index) => {\n return {\n type: 'line',\n name: lineData.legends[index],\n data: ele,\n };\n })\n : [],\n };\n return (React.createElement(\"div\", { className: \"car-alarm-charts\" },\n (pieData === null || pieData === void 0 ? void 0 : pieData.length) ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '200px', width: '100%' } })) : (React.createElement(NoData, { style: { height: '200px', width: '400px' } })),\n ((_b = lineData === null || lineData === void 0 ? void 0 : lineData.values) === null || _b === void 0 ? void 0 : _b.length) > 0 && (React.createElement(ReactEcharts, { option: lineOption, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } }))));\n};\nexport default Charts;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Charts.js","names":["Charts","props","_a","_b","useSettings","chartColor","chartFontColor","pieData","lineData","total","list","length","sumBy","o","count","map","ele","name","alarmTypeName","value","option","color","backgroundColor","tooltip","show","trigger","formatter","params","str","title","left","top","text","textAlign","textStyle","fontSize","subtext","subtextStyle","legend","orient","align","itemGap","itemWidth","itemHeight","find","item","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","labelLine","xAxis","names","lineOption","axisValue","seriesName","itemWith","legends","grid","bottom","right","containLabel","boundaryGap","axisTick","axisLabel","yAxis","nameTextStyle","axisLine","splitLine","lineStyle","values","index","React","createElement","className","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-car-modal/components/AlarmInfo/Charts.js"],"sourcesContent":["import React from 'react';\nimport sumBy from 'lodash/sumBy';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport NoData from '../../../vm-nodata';\nconst Charts = (props) => {\n var _a, _b;\n const { chartColor, chartFontColor } = useSettings();\n const { pieData = [], lineData = {} } = props;\n let total = 0;\n let list = [];\n if ((pieData === null || pieData === void 0 ? void 0 : pieData.length) > 0) {\n total = sumBy(pieData, function (o) {\n return o.count;\n });\n list = pieData.map(ele => ({\n name: ele.alarmTypeName,\n value: ele.count,\n }));\n }\n let option = {\n color: chartColor,\n backgroundColor: 'transparent',\n tooltip: {\n show: true,\n trigger: 'item',\n formatter: function (params) {\n let str = `<div style=\"text-align:left\">${params === null || params === void 0 ? void 0 : params.name}</div >`;\n let color = params === null || params === void 0 ? void 0 : params.color; // 获取系列的颜色\n str += `<span ><span style=\"color:${color};font-size:24px \">•</span>${params.value}次</span>`;\n return str; // 返回带点的字符串\n },\n },\n title: {\n left: '29.5%',\n top: '40%',\n text: '报警总次数',\n textAlign: 'center',\n textStyle: {\n color: chartFontColor,\n fontSize: 14,\n },\n subtext: total || '0',\n subtextStyle: {\n color: chartFontColor,\n fontSize: 22,\n },\n },\n legend: {\n orient: 'vertical',\n left: '42%',\n top: 'middle',\n align: 'left',\n itemGap: 12,\n itemWidth: 10,\n itemHeight: 10,\n formatter: function (name) {\n const value = list.find((item) => item.name === name);\n if (value) {\n return `\\t\\t${name}\\t\\t${value.value}次\\t\\t`;\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: ['30%', '50%'],\n hoverAnimation: true,\n z: 10,\n itemStyle: {\n normal: {\n borderWidth: 2,\n borderColor: '#003359',\n },\n },\n label: {\n show: false,\n },\n data: list,\n labelLine: {\n show: false,\n },\n },\n ],\n };\n const xAxis = (lineData === null || lineData === void 0 ? void 0 : lineData.names) || [];\n const lineOption = {\n color: chartColor,\n tooltip: {\n trigger: 'axis',\n formatter: function (params) {\n var _a;\n let 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 = params[0].color; // 获取系列的颜色\n params.map((item) => {\n str += `<div style=\"text-align:left\" ><span style=\"color:${color} \">•</span> ${item.seriesName} ${item.data}次</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: chartFontColor,\n fontSize: 12,\n },\n data: (lineData === null || lineData === void 0 ? void 0 : lineData.legends) || [],\n },\n grid: {\n // top: 58,\n left: 24,\n bottom: 12,\n right: 36,\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: xAxis || [],\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 splitLine: {\n lineStyle: {\n type: 'dashed',\n color: 'rgba(151,151,151,0.28)',\n },\n },\n },\n ],\n series: ((_a = lineData === null || lineData === void 0 ? void 0 : lineData.values) === null || _a === void 0 ? void 0 : _a.length) > 0\n ? lineData.values.map((ele, index) => {\n return {\n type: 'line',\n name: lineData.legends[index],\n data: ele,\n };\n })\n : [],\n };\n return (React.createElement(\"div\", { className: \"car-alarm-charts\" },\n (pieData === null || pieData === void 0 ? void 0 : pieData.length) ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '200px', width: '100%' } })) : (React.createElement(NoData, { style: { height: '200px', width: '400px' } })),\n ((_b = lineData === null || lineData === void 0 ? void 0 : lineData.values) === null || _b === void 0 ? void 0 : _b.length) > 0 && (React.createElement(ReactEcharts, { option: lineOption, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } }))));\n};\nexport default Charts;\n"],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ var ZyfxJXH = function ZyfxJXH(props) {
|
|
|
34
34
|
var color = (_b = params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色
|
|
35
35
|
params.map(function (item, index) {
|
|
36
36
|
var _a;
|
|
37
|
-
str += "<span ><span style=\"color:".concat((_a = color[index]) === null || _a === void 0 ? void 0 : _a.color, " \">\u2022</span> ").concat(item.seriesName, " ").concat(item.data, "km</span>");
|
|
37
|
+
str += "<span ><span style=\"color:".concat((_a = color[index]) === null || _a === void 0 ? void 0 : _a.color, ";font-size:24px \">\u2022</span> ").concat(item.seriesName, " ").concat(item.data, "km</span>");
|
|
38
38
|
});
|
|
39
39
|
return str; // 返回带点的字符串
|
|
40
40
|
}
|
|
@@ -103,7 +103,7 @@ var ZyfxJXH = function ZyfxJXH(props) {
|
|
|
103
103
|
offset: 0,
|
|
104
104
|
color: '#45aeff'
|
|
105
105
|
}, {
|
|
106
|
-
offset:
|
|
106
|
+
offset: 0.9,
|
|
107
107
|
color: '#168fff'
|
|
108
108
|
}])
|
|
109
109
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ZyfxJXH.js","names":["ZyfxJXH","props","_a","useSettings","chartFontColor","sDate","startDate","eDate","endDate","id","service","BaseService","useWorkAnaJxh","moment","subtract","format","workAnaJxhRes","option","tooltip","trigger","formatter","params","_b","str","axisValue","color","colorStops","map","item","index","seriesName","data","grid","left","right","bottom","legend","align","itemGap","itemHeight","textStyle","legends","xAxis","type","names","axisPointer","axisTick","show","axisLabel","yAxis","name","min","interval","nameTextStyle","splitNumber","splitLine","lineStyle","series","barWidth","values","length","itemStyle","echarts","graphic","LinearGradient","offset","yAxisIndex","React","createElement","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-car-modal/components/BaseInfo/ZyfxJXH.js"],"sourcesContent":["import React from 'react';\nimport moment from 'moment';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nconst ZyfxJXH = (props) => {\n var _a;\n const { chartFontColor, startDate: sDate, endDate: eDate } = useSettings();\n const { id, service } = props;\n const { workAnaJxhRes } = BaseService.useWorkAnaJxh(id, sDate\n ? sDate\n : moment()\n .subtract(1, 'M')\n .format('YYYY-MM-DD'), eDate ? eDate : moment().format('YYYY-MM-DD'), service);\n let option = {\n tooltip: {\n trigger: 'axis',\n formatter: function (params) {\n var _a, _b;\n let 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[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色\n params.map((item, index) => {\n var _a;\n str += `<span ><span style=\"color:${(_a = color[index]) === null || _a === void 0 ? void 0 : _a.color} \">•</span> ${item.seriesName} ${item.data}km</span>`;\n });\n return str; // 返回带点的字符串\n },\n },\n grid: {\n left: '6%',\n right: '5%',\n bottom: 20,\n },\n legend: {\n align: 'left',\n itemGap: 8,\n itemHeight: 10,\n textStyle: {\n color: chartFontColor,\n },\n data: (workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.legends) || [],\n },\n xAxis: [\n {\n type: 'category',\n data: (workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.names) || [],\n axisPointer: {\n type: 'shadow',\n },\n axisTick: {\n show: false,\n },\n axisLabel: {\n color: chartFontColor,\n },\n },\n ],\n yAxis: [\n {\n type: 'value',\n name: '(km)',\n min: 0,\n interval: 100,\n nameTextStyle: {\n color: chartFontColor,\n },\n splitNumber: 5,\n axisTick: {\n show: false,\n },\n axisLabel: {\n color: chartFontColor,\n },\n splitLine: {\n lineStyle: {\n type: 'dashed',\n color: 'rgba(151,151,151,0.28)',\n },\n },\n },\n {\n show: false,\n type: 'value',\n name: '%',\n },\n ],\n series: [\n {\n name: '作业里程',\n type: 'bar',\n barWidth: 18,\n data: (workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.values.length) > 0 ? workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.values[0] : [],\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n {\n offset: 0,\n color: '#45aeff',\n },\n {\n offset:
|
|
1
|
+
{"version":3,"file":"ZyfxJXH.js","names":["ZyfxJXH","props","_a","useSettings","chartFontColor","sDate","startDate","eDate","endDate","id","service","BaseService","useWorkAnaJxh","moment","subtract","format","workAnaJxhRes","option","tooltip","trigger","formatter","params","_b","str","axisValue","color","colorStops","map","item","index","seriesName","data","grid","left","right","bottom","legend","align","itemGap","itemHeight","textStyle","legends","xAxis","type","names","axisPointer","axisTick","show","axisLabel","yAxis","name","min","interval","nameTextStyle","splitNumber","splitLine","lineStyle","series","barWidth","values","length","itemStyle","echarts","graphic","LinearGradient","offset","yAxisIndex","React","createElement","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-car-modal/components/BaseInfo/ZyfxJXH.js"],"sourcesContent":["import React from 'react';\nimport moment from 'moment';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nconst ZyfxJXH = (props) => {\n var _a;\n const { chartFontColor, startDate: sDate, endDate: eDate } = useSettings();\n const { id, service } = props;\n const { workAnaJxhRes } = BaseService.useWorkAnaJxh(id, sDate\n ? sDate\n : moment()\n .subtract(1, 'M')\n .format('YYYY-MM-DD'), eDate ? eDate : moment().format('YYYY-MM-DD'), service);\n let option = {\n tooltip: {\n trigger: 'axis',\n formatter: function (params) {\n var _a, _b;\n let 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[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色\n params.map((item, index) => {\n var _a;\n str += `<span ><span style=\"color:${(_a = color[index]) === null || _a === void 0 ? void 0 : _a.color};font-size:24px \">•</span> ${item.seriesName} ${item.data}km</span>`;\n });\n return str; // 返回带点的字符串\n },\n },\n grid: {\n left: '6%',\n right: '5%',\n bottom: 20,\n },\n legend: {\n align: 'left',\n itemGap: 8,\n itemHeight: 10,\n textStyle: {\n color: chartFontColor,\n },\n data: (workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.legends) || [],\n },\n xAxis: [\n {\n type: 'category',\n data: (workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.names) || [],\n axisPointer: {\n type: 'shadow',\n },\n axisTick: {\n show: false,\n },\n axisLabel: {\n color: chartFontColor,\n },\n },\n ],\n yAxis: [\n {\n type: 'value',\n name: '(km)',\n min: 0,\n interval: 100,\n nameTextStyle: {\n color: chartFontColor,\n },\n splitNumber: 5,\n axisTick: {\n show: false,\n },\n axisLabel: {\n color: chartFontColor,\n },\n splitLine: {\n lineStyle: {\n type: 'dashed',\n color: 'rgba(151,151,151,0.28)',\n },\n },\n },\n {\n show: false,\n type: 'value',\n name: '%',\n },\n ],\n series: [\n {\n name: '作业里程',\n type: 'bar',\n barWidth: 18,\n data: (workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.values.length) > 0 ? workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.values[0] : [],\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n {\n offset: 0,\n color: '#45aeff',\n },\n {\n offset: 0.9,\n color: '#168fff',\n },\n ]),\n },\n },\n {\n name: '完成率',\n type: 'line',\n yAxisIndex: 1,\n data: (workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.values.length) > 1 ? workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.values[1] : [],\n itemStyle: {\n color: '#1AC47C',\n },\n },\n ],\n };\n return ((_a = workAnaJxhRes === null || workAnaJxhRes === void 0 ? void 0 : workAnaJxhRes.names) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '250px', width: '100%' } })) : (React.createElement(NoData, { style: { height: '250px', width: '100%' } }));\n};\nexport default ZyfxJXH;\n"],"mappings":"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"}
|
|
@@ -16,7 +16,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
16
16
|
var Charts = function Charts(_ref) {
|
|
17
17
|
var data = _ref.data,
|
|
18
18
|
onTdClick = _ref.onTdClick,
|
|
19
|
-
onCancel = _ref.onCancel
|
|
19
|
+
onCancel = _ref.onCancel,
|
|
20
|
+
date = _ref.date;
|
|
20
21
|
var getListData = function getListData(value) {
|
|
21
22
|
var listData;
|
|
22
23
|
if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
|
|
@@ -75,7 +76,7 @@ var Charts = function Charts(_ref) {
|
|
|
75
76
|
},
|
|
76
77
|
dateCellRender: dateCellRender,
|
|
77
78
|
locale: _zh_CN["default"],
|
|
78
|
-
value:
|
|
79
|
+
value: date
|
|
79
80
|
}));
|
|
80
81
|
};
|
|
81
82
|
var _default = Charts;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Charts.js","names":["Charts","data","onTdClick","onCancel","getListData","value","listData","length","list","map","ele","reportDate","moment","valueOf","sumMileage","driveDuration","secondToFormatTime","obj","find","format","dateCellRender","React","createElement","className","style","background","onClick","error","src","mileImg","hourImg","Calendar","headerRender","locale"],"sources":["vtx-car-modal/components/StaticInfo/Charts.js"],"sourcesContent":["import React from 'react';\nimport { Calendar } from 'antd';\nimport moment from 'moment';\nimport 'moment/locale/zh-cn';\nimport locale from 'antd/lib/calendar/locale/zh_CN.js';\nimport { secondToFormatTime } from '../../../util';\nimport mileImg from '../../imgs/calendar-mile.png';\nimport hourImg from '../../imgs/calendar-hour.png';\nconst Charts = ({ data, onTdClick, onCancel }) => {\n const getListData = (value) => {\n let listData;\n if ((data === null || data === void 0 ? void 0 : data.length) > 0) {\n const list = data.map((ele) => {\n return {\n reportDate: ele.reportDate ? moment(ele.reportDate).valueOf() : '',\n sumMileage: ele.sumMileage,\n driveDuration: secondToFormatTime((ele === null || ele === void 0 ? void 0 : ele.driveDuration) / 1000 || 0),\n };\n });\n const obj = list.find((ele) => ele.reportDate === moment(value.format('YYYY-MM-DD')).valueOf());\n if ((obj === null || obj === void 0 ? void 0 : obj.sumMileage) > 0) {\n listData = {\n sumMileage: `${obj.sumMileage}km`,\n driveDuration: obj.driveDuration,\n reportDate: obj.reportDate,\n };\n }\n }\n return listData || {};\n };\n const dateCellRender = (value) => {\n const listData = getListData(value);\n return (React.createElement(\"div\", { className: \"car-calendar\", style: {\n background: (listData === null || listData === void 0 ? void 0 : listData.sumMileage)\n ? 'linear-gradient(180deg, rgba(115, 255, 191, 0.8), rgba(0,0,0,0.1))'\n : 'transparent',\n }, onClick: () => {\n if (onTdClick) {\n onCancel && onCancel();\n try {\n onTdClick(value.format('YYYY-MM-DD'));\n }\n catch (error) {\n // console.log(error);\n }\n }\n } },\n (listData === null || listData === void 0 ? void 0 : listData.sumMileage) && (React.createElement(\"div\", { className: \"car-calendar-item\" },\n React.createElement(\"img\", { src: mileImg }),\n React.createElement(\"div\", null, listData === null || listData === void 0 ? void 0 : listData.sumMileage))),\n (listData === null || listData === void 0 ? void 0 : listData.driveDuration) && (React.createElement(\"div\", { className: \"car-calendar-item\" },\n React.createElement(\"img\", { src: hourImg }),\n React.createElement(\"div\", null, listData === null || listData === void 0 ? void 0 : listData.driveDuration)))));\n };\n return (React.createElement(\"div\", { className: \"car-alarm-charts\" },\n React.createElement(Calendar, { headerRender: () => {\n return null;\n }, dateCellRender: dateCellRender, locale: locale, value:
|
|
1
|
+
{"version":3,"file":"Charts.js","names":["Charts","data","onTdClick","onCancel","date","getListData","value","listData","length","list","map","ele","reportDate","moment","valueOf","sumMileage","driveDuration","secondToFormatTime","obj","find","format","dateCellRender","React","createElement","className","style","background","onClick","error","src","mileImg","hourImg","Calendar","headerRender","locale"],"sources":["vtx-car-modal/components/StaticInfo/Charts.js"],"sourcesContent":["import React from 'react';\nimport { Calendar } from 'antd';\nimport moment from 'moment';\nimport 'moment/locale/zh-cn';\nimport locale from 'antd/lib/calendar/locale/zh_CN.js';\nimport { secondToFormatTime } from '../../../util';\nimport mileImg from '../../imgs/calendar-mile.png';\nimport hourImg from '../../imgs/calendar-hour.png';\nconst Charts = ({ data, onTdClick, onCancel, date }) => {\n const getListData = (value) => {\n let listData;\n if ((data === null || data === void 0 ? void 0 : data.length) > 0) {\n const list = data.map((ele) => {\n return {\n reportDate: ele.reportDate ? moment(ele.reportDate).valueOf() : '',\n sumMileage: ele.sumMileage,\n driveDuration: secondToFormatTime((ele === null || ele === void 0 ? void 0 : ele.driveDuration) / 1000 || 0),\n };\n });\n const obj = list.find((ele) => ele.reportDate === moment(value.format('YYYY-MM-DD')).valueOf());\n if ((obj === null || obj === void 0 ? void 0 : obj.sumMileage) > 0) {\n listData = {\n sumMileage: `${obj.sumMileage}km`,\n driveDuration: obj.driveDuration,\n reportDate: obj.reportDate,\n };\n }\n }\n return listData || {};\n };\n const dateCellRender = (value) => {\n const listData = getListData(value);\n return (React.createElement(\"div\", { className: \"car-calendar\", style: {\n background: (listData === null || listData === void 0 ? void 0 : listData.sumMileage)\n ? 'linear-gradient(180deg, rgba(115, 255, 191, 0.8), rgba(0,0,0,0.1))'\n : 'transparent',\n }, onClick: () => {\n if (onTdClick) {\n onCancel && onCancel();\n try {\n onTdClick(value.format('YYYY-MM-DD'));\n }\n catch (error) {\n // console.log(error);\n }\n }\n } },\n (listData === null || listData === void 0 ? void 0 : listData.sumMileage) && (React.createElement(\"div\", { className: \"car-calendar-item\" },\n React.createElement(\"img\", { src: mileImg }),\n React.createElement(\"div\", null, listData === null || listData === void 0 ? void 0 : listData.sumMileage))),\n (listData === null || listData === void 0 ? void 0 : listData.driveDuration) && (React.createElement(\"div\", { className: \"car-calendar-item\" },\n React.createElement(\"img\", { src: hourImg }),\n React.createElement(\"div\", null, listData === null || listData === void 0 ? void 0 : listData.driveDuration)))));\n };\n return (React.createElement(\"div\", { className: \"car-alarm-charts\" },\n React.createElement(Calendar, { headerRender: () => {\n return null;\n }, dateCellRender: dateCellRender, locale: locale, value: date })));\n};\nexport default Charts;\n"],"mappings":"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"}
|
|
@@ -94,7 +94,8 @@ var StaticInfo = function StaticInfo(props) {
|
|
|
94
94
|
}))), tabKey === '1' && /*#__PURE__*/_react["default"].createElement(_Charts["default"], {
|
|
95
95
|
data: dailyCarRunRes,
|
|
96
96
|
onTdClick: onTdClick,
|
|
97
|
-
onCancel: onCancel
|
|
97
|
+
onCancel: onCancel,
|
|
98
|
+
date: date
|
|
98
99
|
}), tabKey === '2' && /*#__PURE__*/_react["default"].createElement(_List["default"], {
|
|
99
100
|
data: dailyCarRunRes
|
|
100
101
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["StaticInfo","props","id","onTdClick","onCancel","useSettings","isDark","useSetState","date","moment","tabKey","state","setState","BaseService","useDailyCarRun","startOf","format","endOf","dailyCarRunRes","handleDateChange","React","createElement","className","SubTabs","onChange","key","activeKey","name","src","chartActive","chartActiveLight","chart","listActive","listActiveLight","list","map","ele","SubTabPane","subKey","tab","VMDatePicker","picker","value","Charts","data","List"],"sources":["vtx-car-modal/components/StaticInfo/index.js"],"sourcesContent":["/**\n * 车辆-统计信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { VMDatePicker } from '../../../vm-filter';\nimport SubTabs, { SubTabPane } from '../../../vm-sub-tabs';\nimport Charts from './Charts';\nimport List from './List';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nimport './index.less';\nimport 'antd/lib/calendar/style/css';\nimport chart from '../../../vm-appraisal-info/imgs/chart.png';\nimport chartActive from '../../../vm-appraisal-info/imgs/chart_active.png';\nimport chartActiveLight from '../../../vm-appraisal-info/imgs/chart_active_light.png';\nimport list from '../../../vm-appraisal-info/imgs/list.png';\nimport listActive from '../../../vm-appraisal-info/imgs/list_active.png';\nimport listActiveLight from '../../../vm-appraisal-info/imgs/list_active_light.png';\nconst StaticInfo = props => {\n const { id, onTdClick, onCancel } = props;\n const { isDark } = useSettings();\n const [state, setState] = useSetState({\n date: moment(),\n tabKey: '1',\n });\n const { date, tabKey } = state;\n const { dailyCarRunRes } = BaseService.useDailyCarRun(id, date.startOf('M').format('YYYY-MM-DD'), date.endOf('M').format('YYYY-MM-DD'));\n const handleDateChange = (date) => {\n setState({\n date: date,\n });\n };\n // onTdClick, onCancel\n return (React.createElement(\"div\", { className: \"car-static\" },\n React.createElement(\"div\", { className: \"car-main\" },\n React.createElement(\"div\", { className: \"car-head\" },\n React.createElement(SubTabs, { onChange: (key) => {\n setState({\n tabKey: key,\n });\n }, activeKey: tabKey }, [\n {\n name: (React.createElement(\"div\", null,\n React.createElement(\"img\", { src: tabKey === '1'\n ? isDark\n ? chartActive\n : chartActiveLight\n : chart }),\n \"\\u56FE\\u8868\")),\n key: '1',\n },\n {\n name: (React.createElement(\"div\", null,\n React.createElement(\"img\", { src: tabKey === '2'\n ? isDark\n ? listActive\n : listActiveLight\n : list }),\n \"\\u5217\\u8868\")),\n key: '2',\n },\n ].map((ele) => (React.createElement(SubTabPane, { subKey: ele.key, key: ele.key, tab: ele.name })))),\n React.createElement(\"div\", { className: \"car-head-date\" },\n React.createElement(VMDatePicker, { picker: \"month\", value: date, onChange: (date) => {\n handleDateChange(date);\n } }))),\n tabKey === '1' && (React.createElement(Charts, { data: dailyCarRunRes, onTdClick: onTdClick, onCancel: onCancel })),\n tabKey === '2' && React.createElement(List, { data: dailyCarRunRes }))));\n};\nexport default StaticInfo;\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","names":["StaticInfo","props","id","onTdClick","onCancel","useSettings","isDark","useSetState","date","moment","tabKey","state","setState","BaseService","useDailyCarRun","startOf","format","endOf","dailyCarRunRes","handleDateChange","React","createElement","className","SubTabs","onChange","key","activeKey","name","src","chartActive","chartActiveLight","chart","listActive","listActiveLight","list","map","ele","SubTabPane","subKey","tab","VMDatePicker","picker","value","Charts","data","List"],"sources":["vtx-car-modal/components/StaticInfo/index.js"],"sourcesContent":["/**\n * 车辆-统计信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { VMDatePicker } from '../../../vm-filter';\nimport SubTabs, { SubTabPane } from '../../../vm-sub-tabs';\nimport Charts from './Charts';\nimport List from './List';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nimport './index.less';\nimport 'antd/lib/calendar/style/css';\nimport chart from '../../../vm-appraisal-info/imgs/chart.png';\nimport chartActive from '../../../vm-appraisal-info/imgs/chart_active.png';\nimport chartActiveLight from '../../../vm-appraisal-info/imgs/chart_active_light.png';\nimport list from '../../../vm-appraisal-info/imgs/list.png';\nimport listActive from '../../../vm-appraisal-info/imgs/list_active.png';\nimport listActiveLight from '../../../vm-appraisal-info/imgs/list_active_light.png';\nconst StaticInfo = props => {\n const { id, onTdClick, onCancel } = props;\n const { isDark } = useSettings();\n const [state, setState] = useSetState({\n date: moment(),\n tabKey: '1',\n });\n const { date, tabKey } = state;\n const { dailyCarRunRes } = BaseService.useDailyCarRun(id, date.startOf('M').format('YYYY-MM-DD'), date.endOf('M').format('YYYY-MM-DD'));\n const handleDateChange = (date) => {\n setState({\n date: date,\n });\n };\n // onTdClick, onCancel\n return (React.createElement(\"div\", { className: \"car-static\" },\n React.createElement(\"div\", { className: \"car-main\" },\n React.createElement(\"div\", { className: \"car-head\" },\n React.createElement(SubTabs, { onChange: (key) => {\n setState({\n tabKey: key,\n });\n }, activeKey: tabKey }, [\n {\n name: (React.createElement(\"div\", null,\n React.createElement(\"img\", { src: tabKey === '1'\n ? isDark\n ? chartActive\n : chartActiveLight\n : chart }),\n \"\\u56FE\\u8868\")),\n key: '1',\n },\n {\n name: (React.createElement(\"div\", null,\n React.createElement(\"img\", { src: tabKey === '2'\n ? isDark\n ? listActive\n : listActiveLight\n : list }),\n \"\\u5217\\u8868\")),\n key: '2',\n },\n ].map((ele) => (React.createElement(SubTabPane, { subKey: ele.key, key: ele.key, tab: ele.name })))),\n React.createElement(\"div\", { className: \"car-head-date\" },\n React.createElement(VMDatePicker, { picker: \"month\", value: date, onChange: (date) => {\n handleDateChange(date);\n } }))),\n tabKey === '1' && (React.createElement(Charts, { data: dailyCarRunRes, onTdClick: onTdClick, onCancel: onCancel, date: date })),\n tabKey === '2' && React.createElement(List, { data: dailyCarRunRes }))));\n};\nexport default StaticInfo;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthTrend.js","names":["MonthTrend","useSettings","chartColor","chartFontColor","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"],"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()
|
|
1
|
+
{"version":3,"file":"MonthTrend.js","names":["MonthTrend","useSettings","chartColor","chartFontColor","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"],"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":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAuB;AAAA;AAAA;AACvB,IAAMA,UAAU,GAAG,SAAbA,UAAU,GAAS;EACrB,mBAAuC,IAAAC,wBAAW,GAAE;IAA5CC,UAAU,gBAAVA,UAAU;IAAEC,cAAc,gBAAdA,cAAc;EAClC,kBAAe,IAAAC,iBAAU,EAACC,kBAAW,CAAC;IAA9BC,EAAE,eAAFA,EAAE;EACV,IAAMC,eAAe,GAAGC,iBAAY,CAACC,2BAA2B,CAACH,EAAE,EAAE,IAAAI,kBAAM,GAAE,CACxEC,OAAO,CAAC,GAAG,CAAC,CACZC,MAAM,CAAC,YAAY,CAAC,EAAE,IAAAF,kBAAM,GAAE,CAACE,MAAM,CAAC,YAAY,CAAC,CAAC;EACzD,IAAMC,MAAM,GAAG;IACXC,KAAK,EAAEZ,UAAU;IACjBa,OAAO,EAAE;MACLC,OAAO,EAAE;IACb,CAAC;IACDC,MAAM,EAAE;MACJC,IAAI,EAAE,IAAI;MACVC,QAAQ,EAAE,CAAC;MACXC,UAAU,EAAE,CAAC;MACbC,GAAG,EAAE,EAAE;MACPC,SAAS,EAAE;QACPR,KAAK,EAAEX,cAAc;QACrBoB,QAAQ,EAAE;MACd;IACJ,CAAC;IACDC,IAAI,EAAE;MACFH,GAAG,EAAE,EAAE;MACPI,IAAI,EAAE,EAAE;MACRC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,EAAE;MACTC,YAAY,EAAE;IAClB,CAAC;IACDC,KAAK,EAAE;MACHC,IAAI,EAAE,UAAU;MAChBC,WAAW,EAAE,KAAK;MAClBC,QAAQ,EAAE;QACNd,IAAI,EAAE;MACV,CAAC;MACDe,SAAS,EAAE;QACPnB,KAAK,EAAEX;MACX,CAAC;MACD+B,IAAI,EAAEC,kBAAC,CAACC,GAAG,CAAC7B,eAAe,EAAE,WAAW,CAAC,IAAI;IACjD,CAAC;IACD8B,KAAK,EAAE,CACH;MACIC,IAAI,EAAE,OAAO;MACbR,IAAI,EAAE,OAAO;MACbS,WAAW,EAAE,CAAC;MACdC,aAAa,EAAE;QACX1B,KAAK,EAAEX;MACX,CAAC;MACD6B,QAAQ,EAAE;QACNd,IAAI,EAAE;MACV,CAAC;MACDe,SAAS,EAAE;QACPnB,KAAK,EAAEX;MACX,CAAC;MACDsC,QAAQ,EAAE;QACNvB,IAAI,EAAE;MACV,CAAC;MACDwB,SAAS,EAAE;QACPC,SAAS,EAAE;UACPb,IAAI,EAAE,QAAQ;UACdhB,KAAK,EAAE;QACX;MACJ;IACJ,CAAC,CACJ;IACD8B,MAAM,EAAE,CACJ;MACIN,IAAI,EAAE,IAAI;MACVR,IAAI,EAAE,MAAM;MACZI,IAAI,EAAEC,kBAAC,CAACC,GAAG,CAAC7B,eAAe,EAAE,YAAY,CAAC,IAAI;IAClD,CAAC;EAET,CAAC;EACD,oBAAQsC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAc,CAAC,eAC3DF,iBAAK,CAACC,aAAa,CAACE,sBAAQ,EAAE;IAAEC,KAAK,EAAE;EAAuC,CAAC,CAAC,eAChFJ,iBAAK,CAACC,aAAa,CAACI,2BAAY,EAAE;IAAErC,MAAM,EAAEA,MAAM;IAAEsC,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE,IAAI;IAAEC,KAAK,EAAE;MAAEC,MAAM,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAC,CAAC,CAAC;AAC3I,CAAC;AAAC,eACavD,UAAU;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthTrend.js","names":["MonthTrend","useSettings","chartColor","chartFontColor","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"],"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()
|
|
1
|
+
{"version":3,"file":"MonthTrend.js","names":["MonthTrend","useSettings","chartColor","chartFontColor","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"],"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":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAuB;AAAA;AAAA;AACvB,IAAMA,UAAU,GAAG,SAAbA,UAAU,GAAS;EACrB,mBAAuC,IAAAC,wBAAW,GAAE;IAA5CC,UAAU,gBAAVA,UAAU;IAAEC,cAAc,gBAAdA,cAAc;EAClC,kBAAe,IAAAC,iBAAU,EAACC,kBAAW,CAAC;IAA9BC,EAAE,eAAFA,EAAE;EACV,IAAMC,eAAe,GAAGC,qBAAgB,CAACC,8BAA8B,CAACH,EAAE,EAAE,IAAAI,kBAAM,GAAE,CAC/EC,OAAO,CAAC,GAAG,CAAC,CACZC,MAAM,CAAC,YAAY,CAAC,EAAE,IAAAF,kBAAM,GAAE,CAACE,MAAM,CAAC,YAAY,CAAC,CAAC;EACzD,IAAMC,MAAM,GAAG;IACXC,KAAK,EAAEZ,UAAU;IACjBa,OAAO,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE;IACf,CAAC;IACDC,MAAM,EAAE;MACJC,IAAI,EAAE,IAAI;MACVC,QAAQ,EAAE,CAAC;MACXC,UAAU,EAAE,CAAC;MACbC,GAAG,EAAE,EAAE;MACPC,SAAS,EAAE;QACPT,KAAK,EAAEX,cAAc;QACrBqB,QAAQ,EAAE;MACd;IACJ,CAAC;IACDC,IAAI,EAAE;MACFH,GAAG,EAAE,EAAE;MACPI,IAAI,EAAE,EAAE;MACRC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,EAAE;MACTC,YAAY,EAAE;IAClB,CAAC;IACDC,KAAK,EAAE;MACHC,IAAI,EAAE,UAAU;MAChBC,WAAW,EAAE,KAAK;MAClBC,QAAQ,EAAE;QACNd,IAAI,EAAE;MACV,CAAC;MACDe,SAAS,EAAE;QACPpB,KAAK,EAAEX;MACX,CAAC;MACDgC,IAAI,EAAEC,kBAAC,CAACC,GAAG,CAAC9B,eAAe,EAAE,WAAW,CAAC,IAAI;IACjD,CAAC;IACD+B,KAAK,EAAE,CACH;MACIC,IAAI,EAAE,OAAO;MACbR,IAAI,EAAE,OAAO;MACbS,aAAa,EAAE;QACX1B,KAAK,EAAEX;MACX,CAAC;MACD8B,QAAQ,EAAE;QACNd,IAAI,EAAE;MACV,CAAC;MACDe,SAAS,EAAE;QACPpB,KAAK,EAAEX;MACX,CAAC;MACDsC,QAAQ,EAAE;QACNtB,IAAI,EAAE;MACV,CAAC;MACDuB,WAAW,EAAE,CAAC;MACdC,SAAS,EAAE;QACPC,SAAS,EAAE;UACPb,IAAI,EAAE,QAAQ;UACdjB,KAAK,EAAE;QACX;MACJ;IACJ,CAAC,CACJ;IACD+B,MAAM,EAAE,CACJ;MACIN,IAAI,EAAE,IAAI;MACVR,IAAI,EAAE,MAAM;MACZI,IAAI,EAAEC,kBAAC,CAACC,GAAG,CAAC9B,eAAe,EAAE,YAAY,CAAC,IAAI;IAClD,CAAC;EAET,CAAC;EACD,oBAAQuC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAkB,CAAC,eAC/DF,iBAAK,CAACC,aAAa,CAACE,sBAAQ,EAAE;IAAEC,KAAK,EAAE;EAAuC,CAAC,CAAC,eAChFJ,iBAAK,CAACC,aAAa,CAACI,2BAAY,EAAE;IAAEtC,MAAM,EAAEA,MAAM;IAAEuC,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE,IAAI;IAAEC,KAAK,EAAE;MAAEC,MAAM,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAC,CAAC,CAAC;AAC3I,CAAC;AAAC,eACaxD,UAAU;AAAA"}
|
|
@@ -11,6 +11,8 @@ var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
|
|
|
11
11
|
var _vmSubTitle = require("../../../vm-sub-title");
|
|
12
12
|
var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
|
|
13
13
|
var _api = require("../../api");
|
|
14
|
+
var _vmFilter = require("../../../vm-filter");
|
|
15
|
+
var _moment = _interopRequireDefault(require("moment"));
|
|
14
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -21,7 +23,8 @@ var AlarmDetail = function AlarmDetail(props) {
|
|
|
21
23
|
theme = _useSettings.theme;
|
|
22
24
|
var code = props.code,
|
|
23
25
|
startDate = props.startDate,
|
|
24
|
-
endDate = props.endDate
|
|
26
|
+
endDate = props.endDate,
|
|
27
|
+
setState = props.setState;
|
|
25
28
|
var _BaseService$useJcccs = _api.BaseService.useJcccsjfb(code, startDate, endDate),
|
|
26
29
|
jcccsjfbRes = _BaseService$useJcccs.jcccsjfbRes;
|
|
27
30
|
var option = {
|
|
@@ -31,7 +34,7 @@ var AlarmDetail = function AlarmDetail(props) {
|
|
|
31
34
|
grid: {
|
|
32
35
|
top: 30,
|
|
33
36
|
left: 56,
|
|
34
|
-
right:
|
|
37
|
+
right: 56,
|
|
35
38
|
bottom: 24
|
|
36
39
|
},
|
|
37
40
|
legend: {
|
|
@@ -39,6 +42,7 @@ var AlarmDetail = function AlarmDetail(props) {
|
|
|
39
42
|
},
|
|
40
43
|
xAxis: [{
|
|
41
44
|
type: 'category',
|
|
45
|
+
name: '时段',
|
|
42
46
|
data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.names) || [],
|
|
43
47
|
axisPointer: {
|
|
44
48
|
type: 'shadow'
|
|
@@ -52,7 +56,7 @@ var AlarmDetail = function AlarmDetail(props) {
|
|
|
52
56
|
}],
|
|
53
57
|
yAxis: {
|
|
54
58
|
type: 'value',
|
|
55
|
-
name: '
|
|
59
|
+
name: '车次',
|
|
56
60
|
min: 0,
|
|
57
61
|
// interval: 100,
|
|
58
62
|
nameTextStyle: {
|
|
@@ -96,7 +100,16 @@ var AlarmDetail = function AlarmDetail(props) {
|
|
|
96
100
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
97
101
|
className: "base-bottom--right"
|
|
98
102
|
}, /*#__PURE__*/_react["default"].createElement(_vmSubTitle.SubTitle2, {
|
|
99
|
-
title: "\u8FDB\u573A\u8F66\u6B21\u65F6\u95F4\u5206\u5E03"
|
|
103
|
+
title: "\u8FDB\u573A\u8F66\u6B21\u65F6\u95F4\u5206\u5E03",
|
|
104
|
+
extra: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
|
|
105
|
+
value: [(0, _moment["default"])(startDate), (0, _moment["default"])(endDate)],
|
|
106
|
+
onChange: function onChange(dates) {
|
|
107
|
+
return dates && setState({
|
|
108
|
+
startDateAlarm: (0, _moment["default"])(dates[0]).format('YYYY-MM-DD'),
|
|
109
|
+
endDateAlarm: (0, _moment["default"])(dates[1]).format('YYYY-MM-DD')
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
}))
|
|
100
113
|
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
101
114
|
className: "base-bottom--right-desc"
|
|
102
115
|
}, "\u8FDB\u573A\u9AD8\u5CF0\u96C6\u4E2D\u5728", /*#__PURE__*/_react["default"].createElement("span", null, (dates === null || dates === void 0 ? void 0 : dates.join('点、')) || 0, "\u70B9"), "\uFF0C\u8FDB\u573A\u8F66\u6B21\u5206\u522B\u4E3A", /*#__PURE__*/_react["default"].createElement("span", null, (count === null || count === void 0 ? void 0 : count.join('车、')) || '-', "\u8F66"), "\u6CE8\u610F\u5408\u7406\u8C03\u5EA6\uFF0C\u7F13\u89E3\u5382\u533A\u6392\u961F\u60C5\u51B5"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlarmDetail.js","names":["AlarmDetail","props","_a","_b","useSettings","chartFontColor","theme","code","startDate","endDate","BaseService","useJcccsjfb","jcccsjfbRes","option","tooltip","trigger","grid","top","left","right","bottom","legend","show","xAxis","type","data","names","axisPointer","axisTick","axisLabel","color","yAxis","
|
|
1
|
+
{"version":3,"file":"AlarmDetail.js","names":["AlarmDetail","props","_a","_b","useSettings","chartFontColor","theme","code","startDate","endDate","setState","BaseService","useJcccsjfb","jcccsjfbRes","option","tooltip","trigger","grid","top","left","right","bottom","legend","show","xAxis","type","name","data","names","axisPointer","axisTick","axisLabel","color","yAxis","min","nameTextStyle","splitNumber","splitLine","lineStyle","series","barWidth","values","itemStyle","echarts","graphic","LinearGradient","offset","dates","extraData","length","map","ele","date","count","React","createElement","className","SubTitle2","title","extra","Fragment","VMRangePicker","value","moment","onChange","startDateAlarm","format","endDateAlarm","join","ReactEcharts","notMerge","lazyUpdate","style","height","width"],"sources":["vtx-df-modal/components/BaseInfo/AlarmDetail.js"],"sourcesContent":["import React from 'react';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport { SubTitle2 } from '../../../vm-sub-title';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nimport { VMRangePicker } from '../../../vm-filter';\nimport moment from 'moment';\nconst AlarmDetail = (props) => {\n var _a, _b;\n const { chartFontColor, theme } = useSettings();\n const { code, startDate, endDate, setState } = props;\n const { jcccsjfbRes } = BaseService.useJcccsjfb(code, startDate, endDate);\n let option = {\n tooltip: {\n trigger: 'axis',\n },\n grid: {\n top: 30,\n left: 56,\n right: 56,\n bottom: 24,\n },\n legend: {\n show: false,\n },\n xAxis: [\n {\n type: 'category',\n name: '时段',\n data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.names) || [],\n axisPointer: {\n type: 'shadow',\n },\n axisTick: {\n show: false,\n },\n axisLabel: {\n color: chartFontColor,\n },\n },\n ],\n yAxis: {\n type: 'value',\n name: '车次',\n min: 0,\n // interval: 100,\n nameTextStyle: {\n color: chartFontColor,\n },\n splitNumber: 5,\n axisTick: {\n show: false,\n },\n axisLabel: {\n color: chartFontColor,\n },\n splitLine: {\n lineStyle: {\n type: 'dashed',\n color: 'rgba(151,151,151,0.28)',\n },\n },\n },\n series: [\n {\n type: 'bar',\n barWidth: 18,\n data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.values) ? jcccsjfbRes.values[0] : [],\n itemStyle: {\n color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n {\n offset: 0,\n color: theme === 'light' ? '#1677FF' : '#0C3D44',\n },\n {\n offset: 1,\n color: theme === 'light' ? '#25ABFF' : '#37D3B0',\n },\n ]),\n },\n },\n ],\n };\n const dates = ((_a = jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.extraData) === null || _a === void 0 ? void 0 : _a.length) > 0 ? jcccsjfbRes.extraData.map((ele) => ele.date) : [];\n const count = ((_b = jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.extraData) === null || _b === void 0 ? void 0 : _b.length) > 0\n ? jcccsjfbRes.extraData.map((ele) => ele.count)\n : [];\n return (React.createElement(\"div\", { className: \"base-bottom--right\" },\n React.createElement(SubTitle2, { title: \"\\u8FDB\\u573A\\u8F66\\u6B21\\u65F6\\u95F4\\u5206\\u5E03\", extra: React.createElement(React.Fragment, null,\n React.createElement(VMRangePicker, { value: [moment(startDate), moment(endDate)], onChange: (dates) => dates &&\n setState({\n startDateAlarm: moment(dates[0]).format('YYYY-MM-DD'),\n endDateAlarm: moment(dates[1]).format('YYYY-MM-DD'),\n }) })) }),\n React.createElement(\"div\", { className: \"base-bottom--right-desc\" },\n \"\\u8FDB\\u573A\\u9AD8\\u5CF0\\u96C6\\u4E2D\\u5728\",\n React.createElement(\"span\", null,\n (dates === null || dates === void 0 ? void 0 : dates.join('点、')) || 0,\n \"\\u70B9\"),\n \"\\uFF0C\\u8FDB\\u573A\\u8F66\\u6B21\\u5206\\u522B\\u4E3A\",\n React.createElement(\"span\", null,\n (count === null || count === void 0 ? void 0 : count.join('车、')) || '-',\n \"\\u8F66\"),\n \"\\u6CE8\\u610F\\u5408\\u7406\\u8C03\\u5EA6\\uFF0C\\u7F13\\u89E3\\u5382\\u533A\\u6392\\u961F\\u60C5\\u51B5\"),\n React.createElement(\"div\", { className: \"base-bottom--right-content\" },\n React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '200px', width: '100%' } }))));\n};\nexport default AlarmDetail;\n"],"mappings":"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"}
|
|
@@ -39,14 +39,16 @@ var BaseInfo = function BaseInfo(props) {
|
|
|
39
39
|
var _useSetState = (0, _ahooks.useSetState)({
|
|
40
40
|
startDate: (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
|
|
41
41
|
endDate: nowDate,
|
|
42
|
+
startDateAlarm: (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
|
|
43
|
+
endDateAlarm: nowDate,
|
|
42
44
|
basicHeight: 380
|
|
43
45
|
}),
|
|
44
46
|
_useSetState2 = _slicedToArray(_useSetState, 2),
|
|
45
47
|
state = _useSetState2[0],
|
|
46
48
|
setState = _useSetState2[1];
|
|
47
49
|
var imgRef = (0, _react.useRef)(null);
|
|
48
|
-
var
|
|
49
|
-
|
|
50
|
+
var startDateAlarm = state.startDateAlarm,
|
|
51
|
+
endDateAlarm = state.endDateAlarm,
|
|
50
52
|
basicHeight = state.basicHeight;
|
|
51
53
|
var fields = _api.BaseService.getFields(info === null || info === void 0 ? void 0 : info.typeCode);
|
|
52
54
|
var _BaseService$useSitua = _api.BaseService.useSituationAlarm(code, nowDate, nowDate),
|
|
@@ -132,8 +134,9 @@ var BaseInfo = function BaseInfo(props) {
|
|
|
132
134
|
code: code
|
|
133
135
|
}) : /*#__PURE__*/_react["default"].createElement(_AlarmDetail["default"], {
|
|
134
136
|
code: code,
|
|
135
|
-
startDate:
|
|
136
|
-
endDate:
|
|
137
|
+
startDate: startDateAlarm,
|
|
138
|
+
endDate: endDateAlarm,
|
|
139
|
+
setState: setState
|
|
137
140
|
}))))));
|
|
138
141
|
};
|
|
139
142
|
var _default = BaseInfo;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["BaseInfo","props","_a","info","photos","code","nowDate","moment","format","useSetState","startDate","startOf","endDate","basicHeight","state","setState","imgRef","useRef","fields","BaseService","getFields","typeCode","useSituationAlarm","situationAlarmRes","useMonitorCarExeception","execeptionCar","useMonitorPointExeception","execeptionPoint","contentHeight","current","clientHeight","useEffect","React","createElement","className","Row","gutter","Col","span","ref","SubTitle2","title","extra","length","style","padding","VtxImage","key","id","src","getVtxToken","alt","name","isDark","maxWidth","overflow","NoData","height","VmInfoCollection","data","getFieldRender","horizontal","width","ellipsis","Situation","alarm","Jcqsfx","setDate","start","end","RealtimeMonitor","AlarmDetail"],"sources":["vtx-df-modal/components/BaseInfo/index.js"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { getVtxToken } from '@vtx/utils';\nimport { getFieldRender } from '../../../util';\nimport { VtxImage } from '@vtx/components';\nimport { Row, Col } from 'antd';\nimport VmInfoCollection from '../../../vm-info-collection';\nimport NoData from '../../../vm-nodata';\nimport { SubTitle2 } from '../../../vm-sub-title';\nimport Jcqsfx from './Jcqsfx';\nimport Situation from './Situation';\nimport AlarmDetail from './AlarmDetail';\nimport { BaseService } from '../../api';\nimport RealtimeMonitor from './RealtimeMonitor';\nimport './index.less';\nconst BaseInfo = (props) => {\n var _a;\n const { info, photos, code } = props;\n const nowDate = moment().format('YYYY-MM-DD');\n const [state, setState] = useSetState({\n startDate: moment()\n .startOf('M')\n .format('YYYY-MM-DD'),\n endDate: nowDate,\n basicHeight: 380,\n });\n const imgRef = useRef(null);\n const {
|
|
1
|
+
{"version":3,"file":"index.js","names":["BaseInfo","props","_a","info","photos","code","nowDate","moment","format","useSetState","startDate","startOf","endDate","startDateAlarm","endDateAlarm","basicHeight","state","setState","imgRef","useRef","fields","BaseService","getFields","typeCode","useSituationAlarm","situationAlarmRes","useMonitorCarExeception","execeptionCar","useMonitorPointExeception","execeptionPoint","contentHeight","current","clientHeight","useEffect","React","createElement","className","Row","gutter","Col","span","ref","SubTitle2","title","extra","length","style","padding","VtxImage","key","id","src","getVtxToken","alt","name","isDark","maxWidth","overflow","NoData","height","VmInfoCollection","data","getFieldRender","horizontal","width","ellipsis","Situation","alarm","Jcqsfx","setDate","start","end","RealtimeMonitor","AlarmDetail"],"sources":["vtx-df-modal/components/BaseInfo/index.js"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { getVtxToken } from '@vtx/utils';\nimport { getFieldRender } from '../../../util';\nimport { VtxImage } from '@vtx/components';\nimport { Row, Col } from 'antd';\nimport VmInfoCollection from '../../../vm-info-collection';\nimport NoData from '../../../vm-nodata';\nimport { SubTitle2 } from '../../../vm-sub-title';\nimport Jcqsfx from './Jcqsfx';\nimport Situation from './Situation';\nimport AlarmDetail from './AlarmDetail';\nimport { BaseService } from '../../api';\nimport RealtimeMonitor from './RealtimeMonitor';\nimport './index.less';\nconst BaseInfo = (props) => {\n var _a;\n const { info, photos, code } = props;\n const nowDate = moment().format('YYYY-MM-DD');\n const [state, setState] = useSetState({\n startDate: moment()\n .startOf('M')\n .format('YYYY-MM-DD'),\n endDate: nowDate,\n startDateAlarm: moment()\n .startOf('M')\n .format('YYYY-MM-DD'),\n endDateAlarm: nowDate,\n basicHeight: 380,\n });\n const imgRef = useRef(null);\n const { startDateAlarm, endDateAlarm, basicHeight } = state;\n const fields = BaseService.getFields(info === null || info === void 0 ? void 0 : info.typeCode);\n const { situationAlarmRes } = BaseService.useSituationAlarm(code, nowDate, nowDate);\n const { execeptionCar } = BaseService.useMonitorCarExeception(code, nowDate, situationAlarmRes);\n const { execeptionPoint } = BaseService.useMonitorPointExeception(code, situationAlarmRes);\n const contentHeight = ((_a = imgRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;\n useEffect(() => {\n if (contentHeight >= 0) {\n setState({\n basicHeight: 738 - contentHeight,\n });\n }\n }, [contentHeight]);\n return (React.createElement(\"div\", { className: \"df-baseContent\" },\n React.createElement(\"div\", { className: \"base-top\" },\n React.createElement(Row, { gutter: [10, 10] },\n React.createElement(Col, { span: 7 },\n React.createElement(\"div\", { className: \"base-top-img\", ref: imgRef },\n React.createElement(SubTitle2, { title: \"\\u5168\\u666F\\u56FE\", extra: (execeptionPoint || execeptionCar) && (React.createElement(\"div\", { className: \"base-top-desc-exec\" }, execeptionPoint || execeptionCar || '-')) }),\n photos.length ? (React.createElement(\"div\", { style: { padding: '0 12px 12px' } },\n React.createElement(VtxImage, { key: photos[0].id, src: `/cloudFile/common/downloadFile?id=${photos[0].id}&token=${getVtxToken('token')}`, alt: photos[0].name, isDark: true, style: {\n maxWidth: '340px',\n overflow: 'hidden',\n } }))) : (React.createElement(NoData, { style: { height: 240 } }))),\n React.createElement(\"div\", { className: \"base-top--base\", style: { height: basicHeight } },\n React.createElement(SubTitle2, { title: \"\\u57FA\\u672C\\u4FE1\\u606F\" }),\n React.createElement(VmInfoCollection, { data: getFieldRender(fields, info), horizontal: true, width: \"50%\", ellipsis: true, padding: '0 12px 12px' }))),\n React.createElement(Col, { span: 17 },\n React.createElement(\"div\", { className: \"base-bottom--left\" },\n React.createElement(SubTitle2, { title: `实时运行情况(${moment().format('YYYY-MM-DD')})` }),\n React.createElement(Situation, { code: code, alarm: situationAlarmRes })),\n React.createElement(Jcqsfx, { code: code, setDate: (start, end) => {\n setState({\n startDate: start,\n endDate: end,\n });\n } }),\n React.createElement(\"div\", { className: \"base-bottom\" }, situationAlarmRes >= 0 ? (React.createElement(RealtimeMonitor, { code: code })) : (React.createElement(AlarmDetail, { code: code, startDate: startDateAlarm, endDate: endDateAlarm, setState: setState }))))))));\n};\nexport default BaseInfo;\n"],"mappings":"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"}
|
|
@@ -42,12 +42,11 @@ function Zylc(props) {
|
|
|
42
42
|
trigger: 'axis',
|
|
43
43
|
// formatter: '{b0}:<br/>{a} {c0}km',
|
|
44
44
|
formatter: function formatter(params) {
|
|
45
|
-
var _a
|
|
45
|
+
var _a;
|
|
46
46
|
var str = "".concat((_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue);
|
|
47
|
-
var color =
|
|
48
|
-
params.map(function (item
|
|
49
|
-
|
|
50
|
-
str += "<div ><span style=\"color:".concat((_a = color[index]) === null || _a === void 0 ? void 0 : _a.color, " \">\u2022</span> ").concat(item.seriesName, " ").concat(item.data, "km</div>");
|
|
47
|
+
var color = params[0].color; // 获取系列的颜色
|
|
48
|
+
params.map(function (item) {
|
|
49
|
+
str += "<div ><span style=\"color:".concat(color, " \">\u2022</span> ").concat(item.seriesName, " ").concat(item.data, "km</div>");
|
|
51
50
|
});
|
|
52
51
|
return str; // 返回带点的字符串
|
|
53
52
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Zylc.js","names":["Zylc","props","data","useSettings","theme","chartFontColor","planData","workMileage","xData","length","map","ele","workDate","planMileage","option","tooltip","trigger","formatter","params","_a","
|
|
1
|
+
{"version":3,"file":"Zylc.js","names":["Zylc","props","data","useSettings","theme","chartFontColor","planData","workMileage","xData","length","map","ele","workDate","planMileage","option","tooltip","trigger","formatter","params","_a","str","axisValue","color","item","seriesName","grid","left","right","bottom","legend","align","itemGap","itemWidth","itemHeight","textStyle","xAxis","type","boundaryGap","axisPointer","axisTick","show","axisLabel","yAxis","name","min","nameTextStyle","splitNumber","splitLine","lineStyle","series","barWidth","itemStyle","echarts","graphic","LinearGradient","offset","React","createElement","className","SubTitle","title","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-road-modal/components/Statistical/Zylc.js"],"sourcesContent":["/**\n * 路段-统计信息-作业里程\n */\nimport React from 'react';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nfunction Zylc(props) {\n const { data } = props;\n const { theme, chartFontColor } = useSettings();\n let planData = [], workMileage = [], xData = [];\n if ((data === null || data === void 0 ? void 0 : data.length) > 0) {\n xData = data.map(ele => ele.workDate);\n planData = data.map(ele => ele.planMileage);\n workMileage = data.map(ele => ele.workMileage);\n }\n let option = {\n tooltip: {\n trigger: 'axis',\n // formatter: '{b0}:<br/>{a} {c0}km',\n formatter: function (params) {\n var _a;\n let str = `${(_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue}`;\n let color = params[0].color; // 获取系列的颜色\n params.map((item) => {\n str += `<div ><span style=\"color:${color} \">•</span> ${item.seriesName} ${item.data}km</div>`;\n });\n return str; // 返回带点的字符串\n },\n },\n grid: {\n left: '8%',\n right: '6%',\n bottom: 20,\n },\n legend: {\n align: 'left',\n itemGap: 8,\n itemWidth: 10,\n itemHeight: 10,\n textStyle: {\n color: chartFontColor,\n },\n data: ['计划里程', '作业里程'],\n },\n xAxis: [\n {\n type: 'category',\n data: xData,\n boundaryGap: true,\n axisPointer: {\n type: 'shadow',\n },\n axisTick: {\n show: false,\n },\n axisLabel: {\n color: chartFontColor,\n },\n },\n ],\n yAxis: [\n {\n type: 'value',\n name: '(km)',\n min: 0,\n nameTextStyle: {\n color: chartFontColor,\n },\n splitNumber: 5,\n axisTick: {\n show: false,\n },\n axisLabel: {\n color: chartFontColor,\n },\n splitLine: {\n lineStyle: {\n type: 'dashed',\n color: 'rgba(151,151,151,0.28)',\n },\n },\n },\n ],\n series: [\n {\n name: '计划里程',\n type: 'bar',\n barWidth: 8,\n data: planData,\n itemStyle: {\n color: theme === 'dark'\n ? new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n {\n offset: 0,\n color: '#1B89FF',\n },\n {\n offset: 1,\n color: '#51D0FF',\n },\n ])\n : '#1890FF',\n },\n },\n {\n name: '作业里程',\n type: 'bar',\n barWidth: 8,\n data: workMileage,\n itemStyle: {\n color: theme === 'dark'\n ? new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n {\n offset: 0,\n color: '#00A983',\n },\n {\n offset: 1,\n color: '#44FFD1',\n },\n ])\n : '#73DEB3',\n },\n },\n ],\n };\n return (React.createElement(\"div\", { className: \"road-statistic-charts-lcfx\" },\n React.createElement(SubTitle, { title: \"\\u4F5C\\u4E1A\\u91CC\\u7A0B\\u5206\\u6790\" }),\n React.createElement(\"div\", { className: \"road-statistic-charts-lcfx-contain\" }, (data === null || data === void 0 ? void 0 : data.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, null)))));\n}\nexport default Zylc;\n"],"mappings":";;;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AAAwD;AAAA;AAAA;AARxD;AACA;AACA;;AAOA,SAASA,IAAI,CAACC,KAAK,EAAE;EACjB,IAAQC,IAAI,GAAKD,KAAK,CAAdC,IAAI;EACZ,mBAAkC,IAAAC,wBAAW,GAAE;IAAvCC,KAAK,gBAALA,KAAK;IAAEC,cAAc,gBAAdA,cAAc;EAC7B,IAAIC,QAAQ,GAAG,EAAE;IAAEC,WAAW,GAAG,EAAE;IAAEC,KAAK,GAAG,EAAE;EAC/C,IAAI,CAACN,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACO,MAAM,IAAI,CAAC,EAAE;IAC/DD,KAAK,GAAGN,IAAI,CAACQ,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAIA,GAAG,CAACC,QAAQ;IAAA,EAAC;IACrCN,QAAQ,GAAGJ,IAAI,CAACQ,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAIA,GAAG,CAACE,WAAW;IAAA,EAAC;IAC3CN,WAAW,GAAGL,IAAI,CAACQ,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAIA,GAAG,CAACJ,WAAW;IAAA,EAAC;EAClD;EACA,IAAIO,MAAM,GAAG;IACTC,OAAO,EAAE;MACLC,OAAO,EAAE,MAAM;MACf;MACAC,SAAS,EAAE,mBAAUC,MAAM,EAAE;QACzB,IAAIC,EAAE;QACN,IAAIC,GAAG,aAAM,CAACD,EAAE,GAAGD,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC,MAAM,IAAI,IAAIC,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACE,SAAS,CAAE;QACjI,IAAIC,KAAK,GAAGJ,MAAM,CAAC,CAAC,CAAC,CAACI,KAAK,CAAC,CAAC;QAC7BJ,MAAM,CAACR,GAAG,CAAC,UAACa,IAAI,EAAK;UACjBH,GAAG,wCAAgCE,KAAK,+BAAeC,IAAI,CAACC,UAAU,gCAAsBD,IAAI,CAACrB,IAAI,aAAU;QACnH,CAAC,CAAC;QACF,OAAOkB,GAAG,CAAC,CAAC;MAChB;IACJ,CAAC;;IACDK,IAAI,EAAE;MACFC,IAAI,EAAE,IAAI;MACVC,KAAK,EAAE,IAAI;MACXC,MAAM,EAAE;IACZ,CAAC;IACDC,MAAM,EAAE;MACJC,KAAK,EAAE,MAAM;MACbC,OAAO,EAAE,CAAC;MACVC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,EAAE;MACdC,SAAS,EAAE;QACPZ,KAAK,EAAEjB;MACX,CAAC;MACDH,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM;IACzB,CAAC;IACDiC,KAAK,EAAE,CACH;MACIC,IAAI,EAAE,UAAU;MAChBlC,IAAI,EAAEM,KAAK;MACX6B,WAAW,EAAE,IAAI;MACjBC,WAAW,EAAE;QACTF,IAAI,EAAE;MACV,CAAC;MACDG,QAAQ,EAAE;QACNC,IAAI,EAAE;MACV,CAAC;MACDC,SAAS,EAAE;QACPnB,KAAK,EAAEjB;MACX;IACJ,CAAC,CACJ;IACDqC,KAAK,EAAE,CACH;MACIN,IAAI,EAAE,OAAO;MACbO,IAAI,EAAE,MAAM;MACZC,GAAG,EAAE,CAAC;MACNC,aAAa,EAAE;QACXvB,KAAK,EAAEjB;MACX,CAAC;MACDyC,WAAW,EAAE,CAAC;MACdP,QAAQ,EAAE;QACNC,IAAI,EAAE;MACV,CAAC;MACDC,SAAS,EAAE;QACPnB,KAAK,EAAEjB;MACX,CAAC;MACD0C,SAAS,EAAE;QACPC,SAAS,EAAE;UACPZ,IAAI,EAAE,QAAQ;UACdd,KAAK,EAAE;QACX;MACJ;IACJ,CAAC,CACJ;IACD2B,MAAM,EAAE,CACJ;MACIN,IAAI,EAAE,MAAM;MACZP,IAAI,EAAE,KAAK;MACXc,QAAQ,EAAE,CAAC;MACXhD,IAAI,EAAEI,QAAQ;MACd6C,SAAS,EAAE;QACP7B,KAAK,EAAElB,KAAK,KAAK,MAAM,GACjB,IAAIgD,OAAO,CAACC,OAAO,CAACC,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAC7C;UACIC,MAAM,EAAE,CAAC;UACTjC,KAAK,EAAE;QACX,CAAC,EACD;UACIiC,MAAM,EAAE,CAAC;UACTjC,KAAK,EAAE;QACX,CAAC,CACJ,CAAC,GACA;MACV;IACJ,CAAC,EACD;MACIqB,IAAI,EAAE,MAAM;MACZP,IAAI,EAAE,KAAK;MACXc,QAAQ,EAAE,CAAC;MACXhD,IAAI,EAAEK,WAAW;MACjB4C,SAAS,EAAE;QACP7B,KAAK,EAAElB,KAAK,KAAK,MAAM,GACjB,IAAIgD,OAAO,CAACC,OAAO,CAACC,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAC7C;UACIC,MAAM,EAAE,CAAC;UACTjC,KAAK,EAAE;QACX,CAAC,EACD;UACIiC,MAAM,EAAE,CAAC;UACTjC,KAAK,EAAE;QACX,CAAC,CACJ,CAAC,GACA;MACV;IACJ,CAAC;EAET,CAAC;EACD,oBAAQkC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA6B,CAAC,eAC1EF,iBAAK,CAACC,aAAa,CAACE,sBAAQ,EAAE;IAAEC,KAAK,EAAE;EAAuC,CAAC,CAAC,eAChFJ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAqC,CAAC,EAAE,CAACxD,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACO,MAAM,IAAI,CAAC,gBAAI+C,iBAAK,CAACC,aAAa,CAACI,2BAAY,EAAE;IAAE/C,MAAM,EAAEA,MAAM;IAAEgD,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE,IAAI;IAAEC,KAAK,EAAE;MAAEC,MAAM,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAC,CAAC,gBAAKV,iBAAK,CAACC,aAAa,CAACU,oBAAM,EAAE,IAAI,CAAE,CAAC,CAAC;AACnU;AAAC,eACcnE,IAAI;AAAA"}
|
|
@@ -102,7 +102,7 @@ var Charts = function Charts(_ref) {
|
|
|
102
102
|
var _a;
|
|
103
103
|
var 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>");
|
|
104
104
|
params.map(function (item) {
|
|
105
|
-
str += "<div style=\"text-align:left\"><span style=\"color:".concat(item === null || item === void 0 ? void 0 : item.color, " \">\u2022</span> ").concat(item.seriesName, " ").concat(item.value, "\
|
|
105
|
+
str += "<div style=\"text-align:left\"><span style=\"color:".concat(item === null || item === void 0 ? void 0 : item.color, " \">\u2022</span> ").concat(item.seriesName, " ").concat(item.value, "\u6B21</div>");
|
|
106
106
|
});
|
|
107
107
|
return str; // 返回带点的字符串
|
|
108
108
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Charts.js","names":["Charts","chartData","lineData","useSettings","chartColor","chartFontColor","isDark","option","color","backgroundColor","tooltip","show","trigger","formatter","params","str","name","value","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","find","item","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","filter","ele","alarmTypeCode","labelLine","legends","names","values","length","forEach","index","push","lineOption","_a","axisValue","map","seriesName","itemWith","grid","bottom","right","containLabel","xAxis","boundaryGap","axisTick","axisLabel","yAxis","nameTextStyle","axisLine","splitLine","lineStyle","React","createElement","className","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","marginLeft","transform"],"sources":["vtx-staff-modal/components/AlarmInfo/Charts.js"],"sourcesContent":["import React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport NoData from '../../../vm-nodata';\nconst Charts = ({ chartData, lineData }) => {\n const { chartColor, chartFontColor, isDark } = useSettings();\n let option = {\n color: chartColor,\n backgroundColor: 'transparent',\n tooltip: {\n show: true,\n trigger: 'item',\n formatter: function (params) {\n let str = `${params === null || params === void 0 ? void 0 : params.name}`;\n let color = params.color; // 获取系列的颜色\n str += `<div ><span style=\"color:${color};font-size:24px \">•</span> ${params.value}次</div>`;\n return str; // 返回带点的字符串\n },\n },\n legend: {\n orient: 'vertical',\n left: '50%',\n top: 'middle',\n align: 'left',\n itemGap: 12,\n itemWidth: 10,\n itemHeight: 10,\n formatter: function (name) {\n const value = chartData.find((item) => item.name === name);\n if (value) {\n return `\\t\\t${name}\\t\\t${value.value}次\\t\\t`;\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: ['40%', '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: chartData === null || chartData === void 0 ? void 0 : chartData.filter(ele => ele.alarmTypeCode),\n labelLine: {\n show: false,\n },\n },\n ],\n };\n const { legends, names, values } = lineData;\n let series = [];\n if ((values === null || values === void 0 ? void 0 : values.length) > 0) {\n values.forEach((item, index) => {\n series.push({\n type: 'line',\n name: legends[index],\n data: item,\n });\n });\n }\n const lineOption = {\n color: chartColor,\n tooltip: {\n trigger: 'axis',\n formatter: function (params) {\n var _a;\n let 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 params.map((item) => {\n str += `<div style=\"text-align:left\"><span style=\"color:${item === null || item === void 0 ? void 0 : item.color} \">•</span> ${item.seriesName} ${item.value}人</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: chartFontColor,\n fontSize: 12,\n },\n data: legends || [],\n },\n grid: {\n // top: 58,\n left: 24,\n bottom: 12,\n right: 40,\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: names || [],\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 splitLine: {\n lineStyle: {\n type: 'dashed',\n color: 'rgba(151,151,151,0.28)',\n },\n },\n },\n ],\n series: series,\n };\n return (React.createElement(\"div\", { className: \"staff-alarm-charts\" },\n (chartData === null || chartData === void 0 ? void 0 : chartData.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '200px', width: '100%' } })) : (React.createElement(NoData, { style: { marginLeft: '50%', transform: 'translateX(-50%)' } })),\n (names === null || names === void 0 ? void 0 : names.length) && (React.createElement(ReactEcharts, { option: lineOption, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } }))));\n};\nexport default Charts;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Charts.js","names":["Charts","chartData","lineData","useSettings","chartColor","chartFontColor","isDark","option","color","backgroundColor","tooltip","show","trigger","formatter","params","str","name","value","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","find","item","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","filter","ele","alarmTypeCode","labelLine","legends","names","values","length","forEach","index","push","lineOption","_a","axisValue","map","seriesName","itemWith","grid","bottom","right","containLabel","xAxis","boundaryGap","axisTick","axisLabel","yAxis","nameTextStyle","axisLine","splitLine","lineStyle","React","createElement","className","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","marginLeft","transform"],"sources":["vtx-staff-modal/components/AlarmInfo/Charts.js"],"sourcesContent":["import React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport NoData from '../../../vm-nodata';\nconst Charts = ({ chartData, lineData }) => {\n const { chartColor, chartFontColor, isDark } = useSettings();\n let option = {\n color: chartColor,\n backgroundColor: 'transparent',\n tooltip: {\n show: true,\n trigger: 'item',\n formatter: function (params) {\n let str = `${params === null || params === void 0 ? void 0 : params.name}`;\n let color = params.color; // 获取系列的颜色\n str += `<div ><span style=\"color:${color};font-size:24px \">•</span> ${params.value}次</div>`;\n return str; // 返回带点的字符串\n },\n },\n legend: {\n orient: 'vertical',\n left: '50%',\n top: 'middle',\n align: 'left',\n itemGap: 12,\n itemWidth: 10,\n itemHeight: 10,\n formatter: function (name) {\n const value = chartData.find((item) => item.name === name);\n if (value) {\n return `\\t\\t${name}\\t\\t${value.value}次\\t\\t`;\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: ['40%', '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: chartData === null || chartData === void 0 ? void 0 : chartData.filter(ele => ele.alarmTypeCode),\n labelLine: {\n show: false,\n },\n },\n ],\n };\n const { legends, names, values } = lineData;\n let series = [];\n if ((values === null || values === void 0 ? void 0 : values.length) > 0) {\n values.forEach((item, index) => {\n series.push({\n type: 'line',\n name: legends[index],\n data: item,\n });\n });\n }\n const lineOption = {\n color: chartColor,\n tooltip: {\n trigger: 'axis',\n formatter: function (params) {\n var _a;\n let 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 params.map((item) => {\n str += `<div style=\"text-align:left\"><span style=\"color:${item === null || item === void 0 ? void 0 : item.color} \">•</span> ${item.seriesName} ${item.value}次</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: chartFontColor,\n fontSize: 12,\n },\n data: legends || [],\n },\n grid: {\n // top: 58,\n left: 24,\n bottom: 12,\n right: 40,\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: names || [],\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 splitLine: {\n lineStyle: {\n type: 'dashed',\n color: 'rgba(151,151,151,0.28)',\n },\n },\n },\n ],\n series: series,\n };\n return (React.createElement(\"div\", { className: \"staff-alarm-charts\" },\n (chartData === null || chartData === void 0 ? void 0 : chartData.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '200px', width: '100%' } })) : (React.createElement(NoData, { style: { marginLeft: '50%', transform: 'translateX(-50%)' } })),\n (names === null || names === void 0 ? void 0 : names.length) && (React.createElement(ReactEcharts, { option: lineOption, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } }))));\n};\nexport default Charts;\n"],"mappings":"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"}
|