@vtx/modals2 2.6.19

package/lib/vtx-car-modal/components/AlarmInfo/Charts.js

@@ -0,0 +1,198 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _sumBy = _interopRequireDefault(require("lodash/sumBy"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Charts = function Charts(props) {
+  var _a, _b;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor;
+  var _props$pieData = props.pieData,
+    pieData = _props$pieData === void 0 ? [] : _props$pieData,
+    _props$lineData = props.lineData,
+    lineData = _props$lineData === void 0 ? {} : _props$lineData;
+  var total = 0;
+  var list = [];
+  if ((pieData === null || pieData === void 0 ? void 0 : pieData.length) > 0) {
+    total = (0, _sumBy["default"])(pieData, function (o) {
+      return o.count;
+    });
+    list = pieData.map(function (ele) {
+      return {
+        name: ele.alarmTypeName,
+        value: ele.count
+      };
+    });
+  }
+  var option = {
+    color: chartColor,
+    backgroundColor: 'transparent',
+    tooltip: {
+      show: true,
+      trigger: 'item'
+    },
+    title: {
+      left: '29.5%',
+      top: '40%',
+      text: '报警总次数',
+      textAlign: 'center',
+      textStyle: {
+        color: chartFontColor,
+        fontSize: 14
+      },
+      subtext: total,
+      subtextStyle: {
+        color: chartFontColor,
+        fontSize: 22
+      }
+    },
+    legend: {
+      orient: 'vertical',
+      left: '42%',
+      top: 'middle',
+      align: 'left',
+      itemGap: 12,
+      itemWidth: 10,
+      itemHeight: 10,
+      formatter: function formatter(name) {
+        var value = list.find(function (item) {
+          return item.name === name;
+        });
+        if (value) {
+          return "\t\t".concat(name, "\t\t").concat(value.value, "\u6B21\t\t");
+        } else {
+          return '';
+        }
+      },
+      textStyle: {
+        fontSize: 14,
+        color: chartFontColor
+      },
+      pageIconColor: chartFontColor,
+      pageIconInactiveColor: chartFontColor,
+      pageTextStyle: {
+        color: chartFontColor
+      }
+    },
+    series: [{
+      type: 'pie',
+      radius: ['55%', '75%'],
+      center: ['30%', '50%'],
+      hoverAnimation: true,
+      z: 10,
+      itemStyle: {
+        normal: {
+          borderWidth: 2,
+          borderColor: '#003359'
+        }
+      },
+      label: {
+        show: false
+      },
+      data: list,
+      labelLine: {
+        show: false
+      }
+    }]
+  };
+  var xAxis = (lineData === null || lineData === void 0 ? void 0 : lineData.names) || [];
+  var lineOption = {
+    color: chartColor,
+    tooltip: {
+      trigger: 'axis'
+    },
+    legend: {
+      show: true,
+      itemWith: 6,
+      itemHeight: 6,
+      top: 20,
+      textStyle: {
+        color: chartFontColor,
+        fontSize: 12
+      },
+      data: (lineData === null || lineData === void 0 ? void 0 : lineData.legends) || []
+    },
+    grid: {
+      // top: 58,
+      left: 24,
+      bottom: 12,
+      right: 36,
+      containLabel: true
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      data: xAxis || []
+    },
+    yAxis: [{
+      name: '',
+      type: 'value',
+      nameTextStyle: {
+        color: chartFontColor
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      axisLine: {
+        show: true
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: ((_a = lineData === null || lineData === void 0 ? void 0 : lineData.values) === null || _a === void 0 ? void 0 : _a.length) > 0 ? lineData.values.map(function (ele, index) {
+      return {
+        type: 'line',
+        name: lineData.legends[index],
+        data: ele
+      };
+    }) : []
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-alarm-charts"
+  }, (pieData === null || pieData === void 0 ? void 0 : pieData.length) ? /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '200px',
+      width: '100%'
+    }
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      height: '200px',
+      width: '400px'
+    }
+  }), ((_b = lineData === null || lineData === void 0 ? void 0 : lineData.values) === null || _b === void 0 ? void 0 : _b.length) > 0 && /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: lineOption,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '300px',
+      width: '100%'
+    }
+  }));
+};
+var _default = Charts;
+exports["default"] = _default;
+//# sourceMappingURL=Charts.js.map

package/lib/vtx-car-modal/components/AlarmInfo/Charts.js.map

@@ -0,0 +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,\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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"}

package/lib/vtx-car-modal/components/AlarmInfo/List.js

@@ -0,0 +1,125 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _vmSubTabs = require("../../../vm-sub-tabs");
+var _api = require("../../api");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); }
+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; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var List = function List(props) {
+  var id = props.id,
+    carCode = props.carCode,
+    startDate = props.startDate,
+    endDate = props.endDate;
+  var _useSetState = (0, _ahooks.useSetState)({
+      alarmStrategyName: 'all',
+      alarmTabs: [],
+      pagination: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      }
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var alarmTabs = state.alarmTabs,
+    alarmStrategyName = state.alarmStrategyName,
+    pagination = state.pagination;
+  var _AlarmService$useAlar = _api.AlarmService.useAlarmType(id, startDate, endDate),
+    alarmTypes = _AlarmService$useAlar.alarmTypes;
+  var _AlarmService$useAlar2 = _api.AlarmService.useAlarmList(carCode, alarmStrategyName === 'all' ? '' : alarmStrategyName, startDate, endDate, pagination.current),
+    alarmRecord = _AlarmService$useAlar2.alarmRecord;
+  (0, _react.useEffect)(function () {
+    if (Array.isArray(alarmTypes === null || alarmTypes === void 0 ? void 0 : alarmTypes.summary) && alarmTypes.summary.length > 0) {
+      var _alarmTabs = [{
+        key: 'all',
+        label: "\u5168\u90E8(".concat((alarmTypes === null || alarmTypes === void 0 ? void 0 : alarmTypes.totalCount) || 0, ")")
+      }];
+      alarmTypes === null || alarmTypes === void 0 ? void 0 : alarmTypes.summary.forEach(function (ele) {
+        _alarmTabs.push({
+          key: ele.alarmType,
+          label: "".concat(ele.alarmTypeName, "(").concat(ele.totalCount, ")")
+        });
+      });
+      setState({
+        alarmTabs: _alarmTabs
+      });
+    }
+  }, [alarmTypes]);
+  var columns = [{
+    title: '报警类型',
+    dataIndex: 'type',
+    key: 'type'
+  }, {
+    title: '报警等级',
+    dataIndex: 'productName',
+    key: 'productName'
+  }, {
+    title: '报警开始时间',
+    dataIndex: 'sourceUnit',
+    key: 'sourceUnit'
+  }, {
+    title: '报警结束时间',
+    dataIndex: 'area',
+    key: 'area'
+  }, {
+    title: '报警时长',
+    dataIndex: 'grossWeight',
+    key: 'grossWeight'
+  }, {
+    title: '当前速度(km/h)',
+    dataIndex: 'tareWeight',
+    key: 'tareWeight'
+  }, {
+    title: '报警地址',
+    dataIndex: 'netWeight',
+    key: 'netWeight'
+  }];
+  var pageChange = function pageChange(page) {
+    setState({
+      pagination: Object.assign(Object.assign({}, pagination), {
+        current: page
+      })
+    });
+  };
+  var tableProps = {
+    pagination: Object.assign(Object.assign({}, pagination), {
+      total: (alarmRecord === null || alarmRecord === void 0 ? void 0 : alarmRecord.total) || 0,
+      defaultPageSize: 10,
+      onChange: pageChange
+    }),
+    height: 440,
+    dataSource: (alarmRecord === null || alarmRecord === void 0 ? void 0 : alarmRecord.rows) || []
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-main-list"
+  }, (alarmTabs === null || alarmTabs === void 0 ? void 0 : alarmTabs.length) > 0 && /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabsLine, {
+    items: alarmTabs,
+    activeKey: alarmStrategyName,
+    onChange: function onChange(key) {
+      setState({
+        alarmStrategyName: key
+      });
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns,
+    rowKey: "id"
+  }, tableProps))));
+};
+var _default = List;
+exports["default"] = _default;
+//# sourceMappingURL=List.js.map

package/lib/vtx-car-modal/components/AlarmInfo/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","names":["List","props","id","carCode","startDate","endDate","useSetState","alarmStrategyName","alarmTabs","pagination","current","pageSize","total","state","setState","AlarmService","useAlarmType","alarmTypes","useAlarmList","alarmRecord","useEffect","Array","isArray","summary","length","key","label","totalCount","forEach","ele","push","alarmType","alarmTypeName","columns","title","dataIndex","pageChange","page","Object","assign","tableProps","defaultPageSize","onChange","height","dataSource","rows","React","createElement","className","SubTabsLine","items","activeKey","VMTable","rowKey"],"sources":["vtx-car-modal/components/AlarmInfo/List.js"],"sourcesContent":["/**\n * 报警信息-列表\n */\nimport React, { useEffect } from 'react';\nimport { useSetState } from 'ahooks';\nimport VMTable from '../../../vm-table';\nimport { SubTabsLine } from '../../../vm-sub-tabs';\nimport { AlarmService } from '../../api';\nconst List = (props) => {\n    const { id, carCode, startDate, endDate } = props;\n    const [state, setState] = useSetState({\n        alarmStrategyName: 'all',\n        alarmTabs: [],\n        pagination: {\n            current: 1,\n            pageSize: 10,\n            total: 0,\n        },\n    });\n    const { alarmTabs, alarmStrategyName, pagination } = state;\n    const { alarmTypes } = AlarmService.useAlarmType(id, startDate, endDate);\n    const { alarmRecord } = AlarmService.useAlarmList(carCode, alarmStrategyName === 'all' ? '' : alarmStrategyName, startDate, endDate, pagination.current);\n    useEffect(() => {\n        if (Array.isArray(alarmTypes === null || alarmTypes === void 0 ? void 0 : alarmTypes.summary) && alarmTypes.summary.length > 0) {\n            let alarmTabs = [\n                { key: 'all', label: `全部(${(alarmTypes === null || alarmTypes === void 0 ? void 0 : alarmTypes.totalCount) || 0})` },\n            ];\n            alarmTypes === null || alarmTypes === void 0 ? void 0 : alarmTypes.summary.forEach((ele) => {\n                alarmTabs.push({\n                    key: ele.alarmType,\n                    label: `${ele.alarmTypeName}(${ele.totalCount})`,\n                });\n            });\n            setState({\n                alarmTabs: alarmTabs,\n            });\n        }\n    }, [alarmTypes]);\n    const columns = [\n        {\n            title: '报警类型',\n            dataIndex: 'type',\n            key: 'type',\n        },\n        {\n            title: '报警等级',\n            dataIndex: 'productName',\n            key: 'productName',\n        },\n        {\n            title: '报警开始时间',\n            dataIndex: 'sourceUnit',\n            key: 'sourceUnit',\n        },\n        {\n            title: '报警结束时间',\n            dataIndex: 'area',\n            key: 'area',\n        },\n        {\n            title: '报警时长',\n            dataIndex: 'grossWeight',\n            key: 'grossWeight',\n        },\n        {\n            title: '当前速度(km/h)',\n            dataIndex: 'tareWeight',\n            key: 'tareWeight',\n        },\n        {\n            title: '报警地址',\n            dataIndex: 'netWeight',\n            key: 'netWeight',\n        },\n    ];\n    const pageChange = (page) => {\n        setState({\n            pagination: Object.assign(Object.assign({}, pagination), { current: page }),\n        });\n    };\n    const tableProps = {\n        pagination: Object.assign(Object.assign({}, pagination), { total: (alarmRecord === null || alarmRecord === void 0 ? void 0 : alarmRecord.total) || 0, defaultPageSize: 10, onChange: pageChange }),\n        height: 440,\n        dataSource: (alarmRecord === null || alarmRecord === void 0 ? void 0 : alarmRecord.rows) || [],\n    };\n    return (React.createElement(\"div\", { className: \"car-main-list\" },\n        (alarmTabs === null || alarmTabs === void 0 ? void 0 : alarmTabs.length) > 0 && (React.createElement(SubTabsLine, { items: alarmTabs, activeKey: alarmStrategyName, onChange: key => {\n                setState({\n                    alarmStrategyName: key,\n                });\n            } })),\n        React.createElement(\"div\", null,\n            React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps)))));\n};\nexport default List;\n"],"mappings":"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"}

package/lib/vtx-car-modal/components/AlarmInfo/index.css

@@ -0,0 +1,26 @@
+.car-alarm {
+  padding: 10px;
+}
+.car-alarm .car-main {
+  padding: 11px 16px;
+  background-color: var(--bg-color2);
+  min-height: 500px;
+}
+.car-alarm .car-main .car-head {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.car-alarm .car-main-list {
+  min-height: 550px;
+}
+.car-alarm-charts {
+  margin: 24px auto;
+  text-align: center;
+}

package/lib/vtx-car-modal/components/AlarmInfo/index.js

@@ -0,0 +1,106 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _vmFilter = require("../../../vm-filter");
+var _vmSubTabs = _interopRequireWildcard(require("../../../vm-sub-tabs"));
+var _Charts = _interopRequireDefault(require("./Charts"));
+var _List = _interopRequireDefault(require("./List"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+require("./index.less");
+var _chart = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart.png"));
+var _chart_active = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart_active.png"));
+var _chart_active_light = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart_active_light.png"));
+var _list = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list.png"));
+var _list_active = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list_active.png"));
+var _list_active_light = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list_active_light.png"));
+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); }
+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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var CarAlarmInfo = function CarAlarmInfo(props) {
+  var _a;
+  var id = props.id,
+    carCode = props.carCode;
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark;
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
+      endDate: (0, _moment["default"])().format('YYYY-MM-DD'),
+      tabKey: '1'
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate,
+    tabKey = state.tabKey;
+  var _BaseService$useToday = _api.BaseService.useTodayRun(id, startDate, endDate),
+    todayRunRes = _BaseService$useToday.todayRunRes;
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-alarm"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-main"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-head"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
+    onChange: function onChange(key) {
+      setState({
+        tabKey: key
+      });
+    },
+    activeKey: tabKey
+  }, [{
+    name: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: tabKey === '1' ? isDark ? _list_active["default"] : _list_active_light["default"] : _list["default"]
+    }), "\u56FE\u8868"),
+    key: '1'
+  }, {
+    name: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: tabKey === '2' ? isDark ? _chart_active["default"] : _chart_active_light["default"] : _chart["default"]
+    }), "\u5217\u8868"),
+    key: '2'
+  }].map(function (ele) {
+    return /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+      subKey: ele.key,
+      key: ele.key,
+      tab: ele.name
+    });
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-head-date"
+  }, /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+    value: [(0, _moment["default"])(startDate), (0, _moment["default"])(endDate)],
+    onChange: function onChange(dates) {
+      return dates && handleDateChange((0, _moment["default"])(dates[0]).format('YYYY-MM-DD'), (0, _moment["default"])(dates[1]).format('YYYY-MM-DD'));
+    }
+  }))), tabKey === '1' && /*#__PURE__*/_react["default"].createElement(_Charts["default"], {
+    pieData: ((_a = todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmGroupByType) === null || _a === void 0 ? void 0 : _a.items) || [],
+    lineData: (todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmGroupByDayChart) || {}
+  }), tabKey === '2' && /*#__PURE__*/_react["default"].createElement(_List["default"], {
+    id: id,
+    carCode: carCode,
+    startDate: "".concat(startDate, " 00:00:00"),
+    endDate: "".concat(endDate, " 23:59:59")
+  })));
+};
+var _default = CarAlarmInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-car-modal/components/AlarmInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["CarAlarmInfo","props","_a","id","carCode","useSettings","isDark","useSetState","startDate","moment","startOf","format","endDate","tabKey","state","setState","BaseService","useTodayRun","todayRunRes","handleDateChange","start","end","React","createElement","className","SubTabs","onChange","key","activeKey","name","src","listActive","listActiveLight","list","chartActive","chartActiveLight","chart","map","ele","SubTabPane","subKey","tab","VMRangePicker","value","dates","Charts","pieData","alarmGroupByType","items","lineData","alarmGroupByDayChart","List"],"sources":["vtx-car-modal/components/AlarmInfo/index.js"],"sourcesContent":["/**\n * 车辆-报警信息\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { VMRangePicker } 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 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 CarAlarmInfo = props => {\n    var _a;\n    const { id, carCode } = props;\n    const { isDark } = useSettings();\n    const [state, setState] = useSetState({\n        startDate: moment()\n            .startOf('M')\n            .format('YYYY-MM-DD'),\n        endDate: moment().format('YYYY-MM-DD'),\n        tabKey: '1',\n    });\n    const { startDate, endDate, tabKey } = state;\n    const { todayRunRes } = BaseService.useTodayRun(id, startDate, endDate);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    return (React.createElement(\"div\", { className: \"car-alarm\" },\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                                        ? listActive\n                                        : listActiveLight\n                                    : list }),\n                            \"\\u56FE\\u8868\")),\n                        key: '1',\n                    },\n                    {\n                        name: (React.createElement(\"div\", null,\n                            React.createElement(\"img\", { src: tabKey === '2'\n                                    ? isDark\n                                        ? chartActive\n                                        : chartActiveLight\n                                    : chart }),\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(VMRangePicker, { value: [moment(startDate), moment(endDate)], onChange: (dates) => dates &&\n                            handleDateChange(moment(dates[0]).format('YYYY-MM-DD'), moment(dates[1]).format('YYYY-MM-DD')) }))),\n            tabKey === '1' && (React.createElement(Charts, { pieData: ((_a = todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmGroupByType) === null || _a === void 0 ? void 0 : _a.items) || [], lineData: (todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmGroupByDayChart) || {} })),\n            tabKey === '2' && (React.createElement(List, { id: id, carCode: carCode, startDate: `${startDate} 00:00:00`, endDate: `${endDate} 23:59:59` })))));\n};\nexport default CarAlarmInfo;\n"],"mappings":"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"}

package/lib/vtx-car-modal/components/AlarmInfo/index.less

@@ -0,0 +1,22 @@
+.car-alarm {
+    padding: 10px;
+
+    .car-main {
+        padding: 11px 16px;
+        background-color: var(--bg-color2);
+        min-height: 500px;
+
+        .car-head{
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        &-list {
+            min-height: 550px;
+        }
+    }
+    &-charts {
+        margin: 24px auto;
+        text-align: center;
+    }
+}

package/lib/vtx-car-modal/components/BaseInfo/Charts.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Charts;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+var _dqsd = _interopRequireDefault(require("../../imgs/dqsd.png"));
+var _syyl = _interopRequireDefault(require("../../imgs/syyl.png"));
+var _jrxs = _interopRequireDefault(require("../../imgs/jrxs.png"));
+var _dqsd_light = _interopRequireDefault(require("../../imgs/dqsd_light.png"));
+var _syyl_light = _interopRequireDefault(require("../../imgs/syyl_light.png"));
+var _jrxs_light = _interopRequireDefault(require("../../imgs/jrxs_light.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 左侧统计图片
+ */
+
+function Charts(_ref) {
+  var id = _ref.id,
+    mileage = _ref.mileage,
+    gpsSpeed = _ref.gpsSpeed;
+  var _a;
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark;
+  var _BaseService$useDaily = _api.BaseService.useDailySummaryJxh(id, (0, _moment["default"])().format('YYYY-MM-DD')),
+    dailySummaryJxh = _BaseService$useDaily.dailySummaryJxh;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--charts"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--charts-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--charts-item-chart"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: isDark ? _dqsd["default"] : _dqsd_light["default"]
+  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--charts-item-name"
+  }, "\u5F53\u524D\u901F\u5EA6"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--charts-item-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, gpsSpeed), "km/h"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--charts-item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--charts-item-chart"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: isDark ? _syyl["default"] : _syyl_light["default"]
+  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--charts-item-name"
+  }, "\u5269\u4F59\u6CB9\u91CF"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--charts-item-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, "30"), "L")))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left-jrxs"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+    src: isDark ? _jrxs["default"] : _jrxs_light["default"]
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left-jrxs-right"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jrxs-name"
+  }, "\u4ECA\u65E5\u884C\u9A76"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jrxs-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, mileage), "km")), (dailySummaryJxh === null || dailySummaryJxh === void 0 ? void 0 : dailySummaryJxh.planMileage) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jrxs-name"
+  }, "\u4ECA\u65E5\u4F5C\u4E1A"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jrxs-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, ((_a = dailySummaryJxh === null || dailySummaryJxh === void 0 ? void 0 : dailySummaryJxh.workMileage) === null || _a === void 0 ? void 0 : _a.toFixed(2)) || 0), "km")), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jrxs-name"
+  }, "\u4ECA\u65E5\u6392\u73ED"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jrxs-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (dailySummaryJxh === null || dailySummaryJxh === void 0 ? void 0 : dailySummaryJxh.planMileage) || 0), "km"))))));
+}
+//# sourceMappingURL=Charts.js.map

package/lib/vtx-car-modal/components/BaseInfo/Charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Charts.js","names":["Charts","id","mileage","gpsSpeed","_a","useSettings","isDark","BaseService","useDailySummaryJxh","moment","format","dailySummaryJxh","React","createElement","Fragment","className","src","dqsd","dqsdLight","syyl","syylLight","jrxs","jrxsLight","planMileage","workMileage","toFixed"],"sources":["vtx-car-modal/components/BaseInfo/Charts.js"],"sourcesContent":["/**\n * 左侧统计图片\n */\nimport React from 'react';\nimport moment from 'moment';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nimport dqsd from '../../imgs/dqsd.png';\nimport syyl from '../../imgs/syyl.png';\nimport jrxs from '../../imgs/jrxs.png';\nimport dqsdLight from '../../imgs/dqsd_light.png';\nimport syylLight from '../../imgs/syyl_light.png';\nimport jrxsLight from '../../imgs/jrxs_light.png';\nexport default function Charts({ id, mileage, gpsSpeed }) {\n    var _a;\n    const { isDark } = useSettings();\n    const { dailySummaryJxh } = BaseService.useDailySummaryJxh(id, moment().format('YYYY-MM-DD'));\n    return (React.createElement(React.Fragment, null,\n        React.createElement(\"div\", { className: \"car-base-left--charts\" },\n            React.createElement(\"div\", { className: \"car-base-left--charts-item\" },\n                React.createElement(\"div\", { className: \"car-base-left--charts-item-chart\" },\n                    React.createElement(\"img\", { src: isDark ? dqsd : dqsdLight })),\n                React.createElement(\"div\", null,\n                    React.createElement(\"div\", { className: \"car-base-left--charts-item-name\" }, \"\\u5F53\\u524D\\u901F\\u5EA6\"),\n                    React.createElement(\"div\", { className: \"car-base-left--charts-item-value\" },\n                        React.createElement(\"span\", null, gpsSpeed),\n                        \"km/h\"))),\n            React.createElement(\"div\", { className: \"car-base-left--charts-item\" },\n                React.createElement(\"div\", { className: \"car-base-left--charts-item-chart\" },\n                    React.createElement(\"img\", { src: isDark ? syyl : syylLight })),\n                React.createElement(\"div\", null,\n                    React.createElement(\"div\", { className: \"car-base-left--charts-item-name\" }, \"\\u5269\\u4F59\\u6CB9\\u91CF\"),\n                    React.createElement(\"div\", { className: \"car-base-left--charts-item-value\" },\n                        React.createElement(\"span\", null, \"30\"),\n                        \"L\")))),\n        React.createElement(\"div\", { className: \"car-base-left-jrxs\" },\n            React.createElement(\"div\", null,\n                React.createElement(\"img\", { src: isDark ? jrxs : jrxsLight })),\n            React.createElement(\"div\", { className: \"car-base-left-jrxs-right\" },\n                React.createElement(\"div\", null,\n                    React.createElement(\"div\", { className: \"jrxs-name\" }, \"\\u4ECA\\u65E5\\u884C\\u9A76\"),\n                    React.createElement(\"div\", { className: \"jrxs-value\" },\n                        React.createElement(\"span\", null, mileage),\n                        \"km\")),\n                (dailySummaryJxh === null || dailySummaryJxh === void 0 ? void 0 : dailySummaryJxh.planMileage) && (React.createElement(React.Fragment, null,\n                    React.createElement(\"div\", null,\n                        React.createElement(\"div\", { className: \"jrxs-name\" }, \"\\u4ECA\\u65E5\\u4F5C\\u4E1A\"),\n                        React.createElement(\"div\", { className: \"jrxs-value\" },\n                            React.createElement(\"span\", null, ((_a = dailySummaryJxh === null || dailySummaryJxh === void 0 ? void 0 : dailySummaryJxh.workMileage) === null || _a === void 0 ? void 0 : _a.toFixed(2)) || 0),\n                            \"km\")),\n                    React.createElement(\"div\", null,\n                        React.createElement(\"div\", { className: \"jrxs-name\" }, \"\\u4ECA\\u65E5\\u6392\\u73ED\"),\n                        React.createElement(\"div\", { className: \"jrxs-value\" },\n                            React.createElement(\"span\", null, (dailySummaryJxh === null || dailySummaryJxh === void 0 ? void 0 : dailySummaryJxh.planMileage) || 0),\n                            \"km\"))))))));\n}\n"],"mappings":"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"}