@vtx/modals2 2.15.54 → 2.15.56

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

@@ -0,0 +1,189 @@
+"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(e) { return e && e.__esModule ? e : { "default": e }; }
+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,
+    theme = _useSettings.theme;
+  var option = {
+    color: chartColor,
+    backgroundColor: 'transparent',
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: function formatter(params) {
+        var str = "".concat(params === null || params === void 0 ? void 0 : params.name);
+        var color = params.color; // 获取系列的颜色
+        str += "<div ><span style=\"color:".concat(color, ";font-size:24px \">\u2022</span> &nbsp;&nbsp;&nbsp;").concat(params.value, "\u6B21</div>");
+        return str; // 返回带点的字符串
+      }
+    },
+    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: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      pageIconColor: chartFontColor,
+      pageIconInactiveColor: chartFontColor,
+      pageTextStyle: {
+        color: theme === 'blue' ? '#fff' : 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',
+      formatter: function formatter(params) {
+        var _a;
+        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>");
+        params.map(function (item) {
+          str += "<div  style=\"text-align:left\"><span style=\"color:".concat(item === null || item === void 0 ? void 0 : item.color, " \">\u2022</span> ").concat(item.seriesName, " &nbsp;&nbsp;&nbsp;").concat(item.value, "\u6B21</div>");
+        });
+        return str; // 返回带点的字符串
+      }
+    },
+    legend: {
+      show: true,
+      itemWith: 6,
+      itemHeight: 6,
+      top: 20,
+      textStyle: {
+        color: theme === 'blue' ? '#fff' : 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: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      data: names || []
+    },
+    yAxis: [{
+      name: '',
+      type: 'value',
+      nameTextStyle: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: theme === 'blue' ? '#fff' : 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 = exports["default"] = Charts;
+//# sourceMappingURL=Charts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Charts.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_useSettings2","_vmNodata","e","__esModule","Charts","_ref","chartData","lineData","_useSettings","useSettings","chartColor","chartFontColor","isDark","theme","option","color","backgroundColor","tooltip","show","trigger","formatter","params","str","concat","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","_default","exports"],"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, theme } = 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> &nbsp;&nbsp;&nbsp;${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: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['55%', '75%'],\n                center: ['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} &nbsp;&nbsp;&nbsp;${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: theme === 'blue' ? '#fff' : 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: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            data: names || [],\n        },\n        yAxis: [\n            {\n                name: '',\n                type: 'value',\n                nameTextStyle: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                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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","ignoreList":[]}

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

@@ -0,0 +1,123 @@
+"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(e) { return e && e.__esModule ? e : { "default": e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /**
+ * 报警信息-列表
+ */
+var 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 = exports["default"] = List;
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","names":["_react","_interopRequireDefault","require","_ahooks","_vmSubTabs","_vmTable","_util","_api","e","__esModule","_slicedToArray","r","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","isArray","List","props","alarmTabs","id","startDate","endDate","_useSetState","useSetState","alarmTypeCode","pagination","current","pageSize","total","sortBy","order","_useSetState2","state","setState","_AlarmService$useAlar","AlarmService","useAlarmRecord","concat","alarmRecordRes","records","rows","columns","title","dataIndex","key","sorter","render","text","secondToFormatTime","pageChange","page","assign","handleTableChange","columnKey","tableProps","defaultPageSize","onChange","height","dataSource","React","createElement","Fragment","SubTabsLine","items","activeKey","className","VMTable","rowKey","_default","exports"],"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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","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+.staff-alarm {
+  padding: 10px;
+}
+.staff-alarm .staff-main {
+  padding: 11px 16px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-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,108 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /**
+ * 车辆-报警信息
+ */
+var CarAlarmInfo = function CarAlarmInfo(props) {
+  var id = props.id;
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme;
+  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 || theme == 'blue' ? _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 || theme == 'blue' ? _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 = exports["default"] = CarAlarmInfo;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_ahooks","_moment","_vmFilter","_vmSubTabs","_interopRequireWildcard","_Charts","_List","_useSettings2","_api","_chart","_chart_active","_chart_active_light","_list","_list_active","_list_active_light","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","CarAlarmInfo","props","id","_useSettings","useSettings","isDark","theme","_useSetState","useSetState","startDate","moment","startOf","format","endDate","tabKey","_useSetState2","state","setState","_AlarmService$useAlar","AlarmService","useAlarmType","concat","alarmTypeRes","_AlarmService$useAlar2","useAlarmAnalysis","alarmAnalysisRes","handleDateChange","start","end","React","createElement","className","SubTabs","onChange","key","activeKey","src","chartActive","chartActiveLight","chart","listActive","listActiveLight","list","map","ele","SubTabPane","subKey","tab","VMRangePicker","dates","Charts","chartData","lineData","List","alarmTabs","_default","exports"],"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, theme } = 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 || theme == 'blue'\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 || theme == 'blue'\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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","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+.staff-alarm {
+    padding: 10px;
+
+    .staff-main {
+        padding: 11px 16px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-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;
+    }
+}