@vtx/modals2 3.3.17 → 3.3.18

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

@@ -0,0 +1,175 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+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(_ref) {
+  var chartData = _ref.chartData,
+    lineData = _ref.lineData;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor,
+    isDark = _useSettings.isDark;
+  var option = {
+    color: chartColor,
+    backgroundColor: 'transparent',
+    tooltip: {
+      show: true,
+      trigger: 'item'
+    },
+    legend: {
+      orient: 'vertical',
+      left: '50%',
+      top: 'middle',
+      align: 'left',
+      itemGap: 12,
+      itemWidth: 10,
+      itemHeight: 10,
+      formatter: function formatter(name) {
+        var value = chartData.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: ['40%', '50%'],
+      hoverAnimation: true,
+      z: 10,
+      itemStyle: {
+        normal: {
+          borderWidth: 2,
+          borderColor: isDark ? '#003359' : '#ffffff'
+        }
+      },
+      label: {
+        show: false
+      },
+      data: chartData === null || chartData === void 0 ? void 0 : chartData.filter(function (ele) {
+        return ele.alarmTypeCode;
+      }),
+      labelLine: {
+        show: false
+      }
+    }]
+  };
+  var legends = lineData.legends,
+    names = lineData.names,
+    values = lineData.values;
+  var series = [];
+  if ((values === null || values === void 0 ? void 0 : values.length) > 0) {
+    values.forEach(function (item, index) {
+      series.push({
+        type: 'line',
+        name: legends[index],
+        data: item
+      });
+    });
+  }
+  var lineOption = {
+    color: chartColor,
+    tooltip: {
+      trigger: 'axis'
+    },
+    legend: {
+      show: true,
+      itemWith: 6,
+      itemHeight: 6,
+      top: 20,
+      textStyle: {
+        color: chartFontColor,
+        fontSize: 12
+      },
+      data: legends || []
+    },
+    grid: {
+      // top: 58,
+      left: 24,
+      bottom: 12,
+      right: 40,
+      containLabel: true
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      data: names || []
+    },
+    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: series
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-alarm-charts"
+  }, (chartData === null || chartData === void 0 ? void 0 : chartData.length) > 0 ? /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '200px',
+      width: '100%'
+    }
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      marginLeft: '50%',
+      transform: 'translateX(-50%)'
+    }
+  }), (names === null || names === void 0 ? void 0 : names.length) && /*#__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-staff-modal/components/AlarmInfo/Charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Charts.js","names":["Charts","chartData","lineData","useSettings","chartColor","chartFontColor","isDark","option","color","backgroundColor","tooltip","show","trigger","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","formatter","name","value","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","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        },\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        },\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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"}

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

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _vmSubTabs = require("../../../vm-sub-tabs");
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _util = require("../../../util");
+var _api = require("../../api");
+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 List = function List(props) {
+  var alarmTabs = props.alarmTabs,
+    id = props.id,
+    startDate = props.startDate,
+    endDate = props.endDate;
+  var _useSetState = (0, _ahooks.useSetState)({
+      alarmTypeCode: 'all',
+      pagination: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      },
+      sortBy: '',
+      order: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var alarmTypeCode = state.alarmTypeCode,
+    pagination = state.pagination,
+    sortBy = state.sortBy,
+    order = state.order;
+  var _AlarmService$useAlar = _api.AlarmService.useAlarmRecord(id, alarmTypeCode === 'all' ? '' : alarmTypeCode, "".concat(startDate, " 00:00:00"), "".concat(endDate, " 23:59:59"), pagination.current - 1, sortBy, order),
+    alarmRecordRes = _AlarmService$useAlar.alarmRecordRes;
+  var records = {
+    total: (alarmRecordRes === null || alarmRecordRes === void 0 ? void 0 : alarmRecordRes.total) || 0,
+    rows: (alarmRecordRes === null || alarmRecordRes === void 0 ? void 0 : alarmRecordRes.rows) || []
+  };
+  var columns = [{
+    title: '报警类型',
+    dataIndex: 'alarmTypeName',
+    key: 'alarmTypeName'
+  }, {
+    title: '报警等级',
+    dataIndex: 'alarmLevelName',
+    key: 'alarmLevelName'
+  }, {
+    title: '报警开始时间',
+    dataIndex: 'startTime',
+    key: 'startTime',
+    sorter: true
+  }, {
+    title: '报警结束时间',
+    dataIndex: 'endTime',
+    key: 'endTime',
+    sorter: true
+  }, {
+    title: '报警时长',
+    dataIndex: 'currentDuration',
+    key: 'currentDuration',
+    sorter: true,
+    render: function render(text) {
+      return (0, _util.secondToFormatTime)(text ? text / 1000 : 0);
+    }
+  }, {
+    title: '是否有效',
+    dataIndex: 'hasMistake',
+    key: 'hasMistake',
+    render: function render(text) {
+      return text ? '无效' : '有效';
+    }
+  }];
+  var pageChange = function pageChange(page) {
+    setState({
+      pagination: Object.assign(Object.assign({}, pagination), {
+        current: page
+      })
+    });
+  };
+  var handleTableChange = function handleTableChange(sorter) {
+    setState({
+      sortBy: sorter.columnKey,
+      order: sorter.order === 'ascend' ? 'ASC' : 'DESC'
+    });
+  };
+  var tableProps = {
+    pagination: Object.assign(Object.assign({}, pagination), {
+      total: records.total,
+      defaultPageSize: 10,
+      onChange: pageChange
+    }),
+    handleTableChange: handleTableChange,
+    height: 440,
+    dataSource: records.rows
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (alarmTabs === null || alarmTabs === void 0 ? void 0 : alarmTabs.length) > 0 && /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabsLine, {
+    items: alarmTabs,
+    activeKey: alarmTypeCode,
+    onChange: function onChange(key) {
+      setState({
+        alarmTypeCode: key
+      });
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-alarm-table"
+  }, /*#__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-staff-modal/components/AlarmInfo/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","names":["List","props","alarmTabs","id","startDate","endDate","useSetState","alarmTypeCode","pagination","current","pageSize","total","sortBy","order","state","setState","AlarmService","useAlarmRecord","alarmRecordRes","records","rows","columns","title","dataIndex","key","sorter","render","text","secondToFormatTime","pageChange","page","Object","assign","handleTableChange","columnKey","tableProps","defaultPageSize","onChange","height","dataSource","React","createElement","Fragment","length","SubTabsLine","items","activeKey","className","VMTable","rowKey"],"sources":["vtx-staff-modal/components/AlarmInfo/List.js"],"sourcesContent":["/**\n * 报警信息-列表\n */\nimport React from 'react';\nimport { useSetState } from 'ahooks';\nimport { SubTabsLine } from '../../../vm-sub-tabs';\nimport VMTable from '../../../vm-table';\nimport { secondToFormatTime } from '../../../util';\nimport { AlarmService } from '../../api';\nconst List = (props) => {\n    const { alarmTabs, id, startDate, endDate } = props;\n    const [state, setState] = useSetState({\n        alarmTypeCode: 'all',\n        pagination: {\n            current: 1,\n            pageSize: 10,\n            total: 0,\n        },\n        sortBy: '',\n        order: '',\n    });\n    const { alarmTypeCode, pagination, sortBy, order } = state;\n    const { alarmRecordRes } = AlarmService.useAlarmRecord(id, alarmTypeCode === 'all' ? '' : alarmTypeCode, `${startDate} 00:00:00`, `${endDate} 23:59:59`, pagination.current - 1, sortBy, order);\n    const records = {\n        total: (alarmRecordRes === null || alarmRecordRes === void 0 ? void 0 : alarmRecordRes.total) || 0,\n        rows: (alarmRecordRes === null || alarmRecordRes === void 0 ? void 0 : alarmRecordRes.rows) || [],\n    };\n    const columns = [\n        {\n            title: '报警类型',\n            dataIndex: 'alarmTypeName',\n            key: 'alarmTypeName',\n        },\n        {\n            title: '报警等级',\n            dataIndex: 'alarmLevelName',\n            key: 'alarmLevelName',\n        },\n        {\n            title: '报警开始时间',\n            dataIndex: 'startTime',\n            key: 'startTime',\n            sorter: true,\n        },\n        {\n            title: '报警结束时间',\n            dataIndex: 'endTime',\n            key: 'endTime',\n            sorter: true,\n        },\n        {\n            title: '报警时长',\n            dataIndex: 'currentDuration',\n            key: 'currentDuration',\n            sorter: true,\n            render: (text) => {\n                return secondToFormatTime(text ? text / 1000 : 0);\n            },\n        },\n        {\n            title: '是否有效',\n            dataIndex: 'hasMistake',\n            key: 'hasMistake',\n            render: (text) => {\n                return text ? '无效' : '有效';\n            },\n        },\n    ];\n    const pageChange = (page) => {\n        setState({\n            pagination: Object.assign(Object.assign({}, pagination), { current: page }),\n        });\n    };\n    const handleTableChange = (sorter) => {\n        setState({\n            sortBy: sorter.columnKey,\n            order: sorter.order === 'ascend' ? 'ASC' : 'DESC',\n        });\n    };\n    const tableProps = {\n        pagination: Object.assign(Object.assign({}, pagination), { total: records.total, defaultPageSize: 10, onChange: pageChange }),\n        handleTableChange,\n        height: 440,\n        dataSource: records.rows,\n    };\n    return (React.createElement(React.Fragment, null,\n        (alarmTabs === null || alarmTabs === void 0 ? void 0 : alarmTabs.length) > 0 && (React.createElement(SubTabsLine, { items: alarmTabs, activeKey: alarmTypeCode, onChange: key => {\n                setState({\n                    alarmTypeCode: key,\n                });\n            } })),\n        React.createElement(\"div\", { className: \"staff-alarm-table\" },\n            React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps)))));\n};\nexport default List;\n"],"mappings":"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"}

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

@@ -0,0 +1,26 @@
+.staff-alarm {
+  padding: 10px;
+}
+.staff-alarm .staff-main {
+  padding: 11px 16px;
+  background-color: var(--bg-color2);
+}
+.staff-alarm .staff-main .staff-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;
+}
+.staff-alarm-charts {
+  margin: 24px auto;
+  text-align: center;
+}
+.staff-alarm-table {
+  min-height: 500px;
+  margin-top: 10px;
+}

package/lib/vtx-staff-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 id = props.id;
+  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 _AlarmService$useAlar = _api.AlarmService.useAlarmType(id, "".concat(startDate, " 00:00:00"), "".concat(endDate, " 23:59:59")),
+    alarmTypeRes = _AlarmService$useAlar.alarmTypeRes;
+  var _AlarmService$useAlar2 = _api.AlarmService.useAlarmAnalysis(id, startDate, endDate),
+    alarmAnalysisRes = _AlarmService$useAlar2.alarmAnalysisRes;
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-alarm"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-main"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-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 ? _chart_active["default"] : _chart_active_light["default"] : _chart["default"]
+    }), "\u56FE\u8868"),
+    key: '1'
+  }, {
+    name: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: tabKey === '2' ? isDark ? _list_active["default"] : _list_active_light["default"] : _list["default"]
+    }), "\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: "staff-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"], {
+    chartData: alarmTypeRes,
+    lineData: alarmAnalysisRes
+  }), tabKey === '2' && /*#__PURE__*/_react["default"].createElement(_List["default"], {
+    id: id,
+    startDate: startDate,
+    endDate: endDate,
+    alarmTabs: alarmTypeRes
+  })));
+};
+var _default = CarAlarmInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["CarAlarmInfo","props","id","useSettings","isDark","useSetState","startDate","moment","startOf","format","endDate","tabKey","state","setState","AlarmService","useAlarmType","alarmTypeRes","useAlarmAnalysis","alarmAnalysisRes","handleDateChange","start","end","React","createElement","className","SubTabs","onChange","key","activeKey","name","src","chartActive","chartActiveLight","chart","listActive","listActiveLight","list","map","ele","SubTabPane","subKey","tab","VMRangePicker","value","dates","Charts","chartData","lineData","List","alarmTabs"],"sources":["vtx-staff-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 { AlarmService } 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    const { id } = 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 { alarmTypeRes } = AlarmService.useAlarmType(id, `${startDate} 00:00:00`, `${endDate} 23:59:59`);\n    const { alarmAnalysisRes } = AlarmService.useAlarmAnalysis(id, startDate, endDate);\n    const handleDateChange = (start, end) => {\n        setState({\n            startDate: start,\n            endDate: end,\n        });\n    };\n    return (React.createElement(\"div\", { className: \"staff-alarm\" },\n        React.createElement(\"div\", { className: \"staff-main\" },\n            React.createElement(\"div\", { className: \"staff-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: \"staff-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, { chartData: alarmTypeRes, lineData: alarmAnalysisRes }),\n            tabKey === '2' && (React.createElement(List, { id: id, startDate: startDate, endDate: endDate, alarmTabs: alarmTypeRes })))));\n};\nexport default CarAlarmInfo;\n"],"mappings":"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"}

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

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

package/lib/vtx-staff-modal/components/Attendance/Exeception.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Exeception;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _api = require("../../api");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 异常统计
+ */
+
+function Exeception(props) {
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor,
+    isDark = _useSettings.isDark;
+  var id = props.id;
+  var _AttendanceService$us = _api.AttendanceService.useAnalysis(id, (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD')),
+    attendAnalysisRes = _AttendanceService$us.attendAnalysisRes;
+  var option = {
+    color: chartColor,
+    backgroundColor: 'transparent',
+    tooltip: {
+      show: true,
+      trigger: 'item'
+    },
+    legend: {
+      orient: 'vertical',
+      left: '50%',
+      top: 'middle',
+      align: 'left',
+      itemGap: 12,
+      itemWidth: 10,
+      itemHeight: 10,
+      formatter: function formatter(name) {
+        var value = attendAnalysisRes.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: isDark ? '#003359' : '#ffffff'
+        }
+      },
+      label: {
+        show: false
+      },
+      data: attendAnalysisRes,
+      labelLine: {
+        show: false
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    key: id,
+    className: "staff-attend-exec"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u8003\u52E4\u5F02\u5E38\u7EDF\u8BA1"
+  }), (attendAnalysisRes === null || attendAnalysisRes === void 0 ? void 0 : attendAnalysisRes.length) > 0 ? /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '200px',
+      width: '100%'
+    }
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null));
+}
+//# sourceMappingURL=Exeception.js.map

package/lib/vtx-staff-modal/components/Attendance/Exeception.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Exeception.js","names":["Exeception","props","useSettings","chartColor","chartFontColor","isDark","id","AttendanceService","useAnalysis","moment","startOf","format","attendAnalysisRes","option","color","backgroundColor","tooltip","show","trigger","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","formatter","name","value","find","item","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","labelLine","React","createElement","key","className","SubTitle","title","length","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-staff-modal/components/Attendance/Exeception.js"],"sourcesContent":["/**\n * 异常统计\n */\nimport React from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { AttendanceService } from '../../api';\nexport default function Exeception(props) {\n    const { chartColor, chartFontColor, isDark } = useSettings();\n    const { id } = props;\n    const { attendAnalysisRes } = AttendanceService.useAnalysis(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n        },\n        legend: {\n            orient: 'vertical',\n            left: '50%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 12,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = attendAnalysisRes.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: isDark ? '#003359' : '#ffffff',\n                    },\n                },\n                label: {\n                    show: false,\n                },\n                data: attendAnalysisRes,\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { key: id, className: \"staff-attend-exec\" },\n        React.createElement(SubTitle, { title: \"\\u8003\\u52E4\\u5F02\\u5E38\\u7EDF\\u8BA1\" }),\n        (attendAnalysisRes === null || attendAnalysisRes === void 0 ? void 0 : attendAnalysisRes.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '200px', width: '100%' } })) : (React.createElement(NoData, null))));\n}\n"],"mappings":"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"}