@vtx/modals2 2.8.7 → 2.8.8

package/lib/vtx-cc-cp-modal/components/AlarmInfo/AlarmRecord.js

@@ -0,0 +1,153 @@
+"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 _vmSubTabs = require("@/vm-sub-tabs");
+var _vmSubTitle = _interopRequireDefault(require("@/vm-sub-title"));
+var _vmTable = _interopRequireDefault(require("@/vm-table"));
+var _vtxCcCpModal = require("@/vtx-cc-cp-modal");
+var _api = require("@/vtx-cc-cp-modal/api");
+var _ahooks = require("ahooks");
+var _react = _interopRequireWildcard(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _vmFilter = require("@/vm-filter");
+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 alarmTabs = [{
+  key: 'SHLJLYC,SHJYYC',
+  label: '全部'
+}, {
+  key: 'SHLJLYC',
+  label: '商户垃圾类异常'
+}, {
+  key: 'SHJYYC',
+  label: '商户经营异常'
+}];
+var AlarmRecord = function AlarmRecord() {
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: (0, _moment["default"])().format('YYYY-MM-DD'),
+      endDate: (0, _moment["default"])().format('YYYY-MM-DD')
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    date = _useSetState2[0],
+    setDate = _useSetState2[1];
+  var startDate = date.startDate,
+    endDate = date.endDate;
+  var _useState = (0, _react.useState)('SHLJLYC,SHJYYC'),
+    _useState2 = _slicedToArray(_useState, 2),
+    abnormalType = _useState2[0],
+    setAbnormalType = _useState2[1];
+  var _useContext = (0, _react.useContext)(_vtxCcCpModal.CcCpContext),
+    id = _useContext.id;
+  var _useSetState3 = (0, _ahooks.useSetState)({
+      pagination: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      },
+      sort: ''
+    }),
+    _useSetState4 = _slicedToArray(_useSetState3, 2),
+    state = _useSetState4[0],
+    setState = _useSetState4[1];
+  var columns = [{
+    title: '商户名称',
+    dataIndex: 'alarmObjName',
+    key: 'alarmObjName',
+    ellipsis: true
+  }, {
+    title: '报警类型',
+    dataIndex: 'abnormalTypeName',
+    key: 'abnormalTypeName'
+  }, {
+    title: '等级',
+    dataIndex: 'levelStr',
+    key: 'levelStr'
+  }, {
+    title: '报警开始时间',
+    dataIndex: 'alarmStartTime',
+    key: 'alarmStartTime',
+    sorter: true
+  }, {
+    title: '报警结束时间',
+    dataIndex: 'alarmEndTime',
+    key: 'alarmEndTime',
+    sorter: true
+  }, {
+    title: '处理状态',
+    dataIndex: 'dealStatusStr',
+    key: 'dealStatusStr'
+  }];
+  var pagination = state.pagination,
+    sort = state.sort;
+  var _AlarmService$useAlar = _api.AlarmService.useAlarmRecord({
+      page: pagination.current - 1,
+      sort: sort,
+      start: (0, _moment["default"])(startDate).format('YYYY-MM-DD 00:00:00'),
+      end: (0, _moment["default"])(endDate).format('YYYY-MM-DD 23:59:59'),
+      id: id,
+      abnormalType: abnormalType
+    }),
+    dataSource = _AlarmService$useAlar.dataSource,
+    total = _AlarmService$useAlar.total;
+  var pageChange = function pageChange(page) {
+    setState({
+      pagination: Object.assign(Object.assign({}, pagination), {
+        current: page
+      })
+    });
+  };
+  var handleTableChange = function handleTableChange(sorter) {
+    (sorter === null || sorter === void 0 ? void 0 : sorter.columnKey) && setState({
+      sort: "".concat(sorter.columnKey, ",").concat(sorter.order === 'ascend' ? 'ASC' : 'DESC')
+    });
+  };
+  var tableProps = {
+    pagination: Object.assign(Object.assign({}, pagination), {
+      total: total,
+      defaultPageSize: 10,
+      onChange: pageChange
+    }),
+    handleTableChange: handleTableChange,
+    height: 120,
+    dataSource: dataSource
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alarm-record"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alarm-record-head"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u62A5\u8B66\u8BB0\u5F55"
+  }), /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+    value: [(0, _moment["default"])(startDate), (0, _moment["default"])(endDate)],
+    onChange: function onChange(dates) {
+      return dates && setDate({
+        startDate: (0, _moment["default"])(dates[0]).format('YYYY-MM-DD'),
+        endDate: (0, _moment["default"])(dates[1]).format('YYYY-MM-DD')
+      });
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabsLine, {
+    items: alarmTabs,
+    activeKey: abnormalType,
+    onChange: function onChange(key) {
+      return setAbnormalType(key);
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alarm-record-table"
+  }, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
+    columns: columns
+  }, tableProps))));
+};
+var _default = AlarmRecord;
+exports["default"] = _default;
+//# sourceMappingURL=AlarmRecord.js.map

package/lib/vtx-cc-cp-modal/components/AlarmInfo/AlarmRecord.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlarmRecord.js","names":["_vmSubTabs","require","_vmSubTitle","_interopRequireDefault","_vmTable","_vtxCcCpModal","_api","_ahooks","_react","_interopRequireWildcard","_moment","_vmFilter","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","alarmTabs","label","AlarmRecord","_useSetState","useSetState","startDate","moment","format","endDate","_useSetState2","date","setDate","_useState","useState","_useState2","abnormalType","setAbnormalType","_useContext","useContext","CcCpContext","id","_useSetState3","pagination","current","pageSize","total","sort","_useSetState4","state","setState","columns","title","dataIndex","ellipsis","sorter","_AlarmService$useAlar","AlarmService","useAlarmRecord","page","start","end","dataSource","pageChange","assign","handleTableChange","columnKey","concat","order","tableProps","defaultPageSize","onChange","height","React","createElement","className","SubTitle","VMRangePicker","dates","SubTabsLine","items","activeKey","VMTable","_default","exports"],"sources":["vtx-cc-cp-modal/components/AlarmInfo/AlarmRecord.js"],"sourcesContent":["import { SubTabsLine } from '@/vm-sub-tabs';\nimport SubTitle from '@/vm-sub-title';\nimport VMTable from '@/vm-table';\nimport { CcCpContext } from '@/vtx-cc-cp-modal';\nimport { AlarmService } from '@/vtx-cc-cp-modal/api';\nimport { useSetState } from 'ahooks';\nimport React, { useState, useContext } from 'react';\nimport moment from 'moment';\nimport { VMRangePicker } from '@/vm-filter';\nconst alarmTabs = [\n    {\n        key: 'SHLJLYC,SHJYYC',\n        label: '全部',\n    },\n    {\n        key: 'SHLJLYC',\n        label: '商户垃圾类异常',\n    },\n    {\n        key: 'SHJYYC',\n        label: '商户经营异常',\n    },\n];\nconst AlarmRecord = () => {\n    const [date, setDate] = useSetState({\n        startDate: moment()\n            .format('YYYY-MM-DD'),\n        endDate: moment().format('YYYY-MM-DD'),\n    });\n    const { startDate, endDate } = date;\n    const [abnormalType, setAbnormalType] = useState('SHLJLYC,SHJYYC');\n    const { id } = useContext(CcCpContext);\n    const [state, setState] = useSetState({\n        pagination: {\n            current: 1,\n            pageSize: 10,\n            total: 0,\n        },\n        sort: '',\n    });\n    const columns = [\n        {\n            title: '商户名称',\n            dataIndex: 'alarmObjName',\n            key: 'alarmObjName',\n            ellipsis: true,\n        },\n        {\n            title: '报警类型',\n            dataIndex: 'abnormalTypeName',\n            key: 'abnormalTypeName',\n        },\n        {\n            title: '等级',\n            dataIndex: 'levelStr',\n            key: 'levelStr',\n        },\n        {\n            title: '报警开始时间',\n            dataIndex: 'alarmStartTime',\n            key: 'alarmStartTime',\n            sorter: true\n        },\n        {\n            title: '报警结束时间',\n            dataIndex: 'alarmEndTime',\n            key: 'alarmEndTime',\n            sorter: true\n        },\n        {\n            title: '处理状态',\n            dataIndex: 'dealStatusStr',\n            key: 'dealStatusStr',\n        },\n    ];\n    const { pagination, sort } = state;\n    const { dataSource, total } = AlarmService.useAlarmRecord({\n        page: pagination.current - 1,\n        sort,\n        start: moment(startDate).format('YYYY-MM-DD 00:00:00'),\n        end: moment(endDate).format('YYYY-MM-DD 23:59:59'),\n        id,\n        abnormalType,\n    });\n    const pageChange = (page) => {\n        setState({\n            pagination: Object.assign(Object.assign({}, pagination), { current: page }),\n        });\n    };\n    const handleTableChange = (sorter) => {\n        (sorter === null || sorter === void 0 ? void 0 : sorter.columnKey) &&\n            setState({\n                sort: `${sorter.columnKey},${sorter.order === 'ascend' ? 'ASC' : 'DESC'}`,\n            });\n    };\n    const tableProps = {\n        pagination: Object.assign(Object.assign({}, pagination), { total, defaultPageSize: 10, onChange: pageChange }),\n        handleTableChange,\n        height: 120,\n        dataSource,\n    };\n    return (React.createElement(\"div\", { className: \"alarm-record\" },\n        React.createElement(\"div\", { className: \"alarm-record-head\" },\n            React.createElement(SubTitle, { title: \"\\u62A5\\u8B66\\u8BB0\\u5F55\" }),\n            React.createElement(VMRangePicker, { value: [moment(startDate), moment(endDate)], onChange: (dates) => dates &&\n                    setDate({\n                        startDate: moment(dates[0]).format('YYYY-MM-DD'),\n                        endDate: moment(dates[1]).format('YYYY-MM-DD'),\n                    }) })),\n        React.createElement(SubTabsLine, { items: alarmTabs, activeKey: abnormalType, onChange: key => setAbnormalType(key) }),\n        React.createElement(\"div\", { className: \"alarm-record-table\" },\n            React.createElement(VMTable, Object.assign({ columns: columns }, tableProps)))));\n};\nexport default AlarmRecord;\n"],"mappings":"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"}

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

@@ -0,0 +1,104 @@
+"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 _moment = _interopRequireDefault(require("moment"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _api = require("../../api");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vtxCcCpModal = require("@/vtx-cc-cp-modal");
+var _lodash = _interopRequireDefault(require("lodash"));
+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; }
+var MonthTrend = function MonthTrend() {
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor;
+  var _useContext = (0, _react.useContext)(_vtxCcCpModal.CcCpContext),
+    id = _useContext.id;
+  var alarmMonthTrend = _api.AlarmService.getSyPointAbnormalMonthNums(id, (0, _moment["default"])().startOf('y').format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD'));
+  var option = {
+    color: chartColor,
+    tooltip: {
+      trigger: 'axis'
+    },
+    legend: {
+      show: true,
+      itemWith: 6,
+      itemHeight: 6,
+      top: 20,
+      textStyle: {
+        color: chartFontColor,
+        fontSize: 12
+      }
+    },
+    grid: {
+      top: 58,
+      left: 24,
+      bottom: 12,
+      right: 24,
+      containLabel: true
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      data: _lodash["default"].map(alarmMonthTrend, 'labelName') || []
+    },
+    yAxis: [{
+      name: '单位（次）',
+      type: 'value',
+      minInterval: 1,
+      nameTextStyle: {
+        color: chartFontColor
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      axisLine: {
+        show: true
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: [{
+      name: '次数',
+      type: 'line',
+      data: _lodash["default"].map(alarmMonthTrend, 'labelValue') || []
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alarm-trend"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u6708\u5EA6\u8D8B\u52BF\u5206\u6790"
+  }), /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '300px',
+      width: '100%'
+    }
+  }));
+};
+var _default = MonthTrend;
+exports["default"] = _default;
+//# sourceMappingURL=MonthTrend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonthTrend.js","names":["_react","_interopRequireWildcard","require","_moment","_interopRequireDefault","_echartsForReact","_vmSubTitle","_api","_useSettings2","_vtxCcCpModal","_lodash","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MonthTrend","_useSettings","useSettings","chartColor","chartFontColor","_useContext","useContext","CcCpContext","id","alarmMonthTrend","AlarmService","getSyPointAbnormalMonthNums","moment","startOf","format","option","color","tooltip","trigger","legend","show","itemWith","itemHeight","top","textStyle","fontSize","grid","left","bottom","right","containLabel","xAxis","type","boundaryGap","axisTick","axisLabel","data","_","map","yAxis","name","minInterval","nameTextStyle","axisLine","splitLine","lineStyle","series","React","createElement","className","SubTitle","title","ReactEcharts","notMerge","lazyUpdate","style","height","width","_default","exports"],"sources":["vtx-cc-cp-modal/components/AlarmInfo/MonthTrend.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport { AlarmService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { CcCpContext } from '@/vtx-cc-cp-modal';\nimport _ from 'lodash';\nconst MonthTrend = () => {\n    const { chartColor, chartFontColor } = useSettings();\n    const { id } = useContext(CcCpContext);\n    const alarmMonthTrend = AlarmService.getSyPointAbnormalMonthNums(id, moment()\n        .startOf('y')\n        .format('YYYY-MM-DD'), moment()\n        .format('YYYY-MM-DD'));\n    const option = {\n        color: chartColor,\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            top: 20,\n            textStyle: {\n                color: chartFontColor,\n                fontSize: 12,\n            },\n        },\n        grid: {\n            top: 58,\n            left: 24,\n            bottom: 12,\n            right: 24,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: _.map(alarmMonthTrend, 'labelName') || [],\n        },\n        yAxis: [\n            {\n                name: '单位（次）',\n                type: 'value',\n                minInterval: 1,\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                name: '次数',\n                type: 'line',\n                data: _.map(alarmMonthTrend, 'labelValue') || [],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"alarm-trend\" },\n        React.createElement(SubTitle, { title: \"\\u6708\\u5EA6\\u8D8B\\u52BF\\u5206\\u6790\" }),\n        React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } })));\n};\nexport default MonthTrend;\n"],"mappings":"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"}

package/lib/vtx-cc-cp-modal/components/AlarmInfo/Summary.js

@@ -0,0 +1,135 @@
+"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 _moment = _interopRequireDefault(require("moment"));
+var _sumBy = _interopRequireDefault(require("lodash/sumBy"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _api = require("../../api");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _alarm = _interopRequireDefault(require("@/vtx-cp-modal/imgs/alarm.png"));
+var _vtxCcCpModal = require("@/vtx-cc-cp-modal");
+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; }
+var Summary = function Summary() {
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor,
+    isDark = _useSettings.isDark;
+  var _useContext = (0, _react.useContext)(_vtxCcCpModal.CcCpContext),
+    id = _useContext.id;
+  var alarmSummary = _api.AlarmService.getMonthCompareData(id, (0, _moment["default"])().format('YYYY-MM'));
+  var alarmTypes = _api.AlarmService.getSyPointAbnormalTypeNums(id, (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'), (0, _moment["default"])().endOf('M').format('YYYY-MM-DD'));
+  var month = (0, _moment["default"])().month() + 1;
+  var totalCount = (0, _sumBy["default"])(alarmTypes, 'labelValue');
+  var alarmTabsValue = alarmTypes.map(function (item) {
+    return {
+      name: item.labelName,
+      value: item.labelValue
+    };
+  });
+  var option = {
+    color: chartColor,
+    backgroundColor: 'transparent',
+    tooltip: {
+      show: true,
+      trigger: 'item'
+    },
+    legend: {
+      orient: 'vertical',
+      left: '40%',
+      top: 'middle',
+      align: 'left',
+      itemGap: 8,
+      itemWidth: 10,
+      itemHeight: 10,
+      formatter: function formatter(name) {
+        var value = alarmTabsValue.find(function (item) {
+          return item.name === name;
+        });
+        var rate = ((value === null || value === void 0 ? void 0 : value.value) || 0) / totalCount * 100;
+        if (value) {
+          return "\t\t".concat(name, "\t\t").concat(value.value, "\u6B21\t\t").concat(rate.toFixed(2), "%");
+        } else {
+          return '';
+        }
+      },
+      textStyle: {
+        fontSize: 14,
+        color: chartFontColor
+      },
+      pageIconColor: chartFontColor,
+      pageIconInactiveColor: chartFontColor,
+      pageTextStyle: {
+        color: chartFontColor
+      }
+    },
+    series: [{
+      type: 'pie',
+      radius: ['55%', '75%'],
+      center: ['20%', '50%'],
+      hoverAnimation: true,
+      z: 10,
+      itemStyle: {
+        normal: {
+          borderWidth: 2,
+          borderColor: isDark ? '#003359' : '#ffffff'
+        }
+      },
+      label: {
+        show: false
+      },
+      data: alarmTabsValue,
+      labelLine: {
+        show: false
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alarm-summary"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "".concat(month, "\u6708\u62A5\u8B66\u4FE1\u606F")
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alarm-summary-time"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _alarm["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alarm-summary-time-name"
+  }, "\u6708\u5EA6\u62A5\u8B66\u603B\u6B21\u6570"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alarm-summary-time-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.thisMonthNum) || 0), "\u6B21", /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alarm-summary-time-value-compare"
+  }, "\u6708\u540C\u6BD4 ".concat((alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.tbData) || 0, "%"), ((alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.tbData) || 0) >= 100 ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "triangle-up"
+  }) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "triangle-down"
+  }))))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alarm-summary-type-analysis"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u7C7B\u578B\u5206\u6790"
+  }), (alarmTabsValue === null || alarmTabsValue === void 0 ? void 0 : alarmTabsValue.length) > 0 ? /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '180px',
+      width: '100%'
+    }
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      height: '180px',
+      marginLeft: '50%',
+      transform: 'translateX(-50%)'
+    }
+  })));
+};
+var _default = Summary;
+exports["default"] = _default;
+//# sourceMappingURL=Summary.js.map

package/lib/vtx-cc-cp-modal/components/AlarmInfo/Summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Summary.js","names":["_react","_interopRequireWildcard","require","_moment","_interopRequireDefault","_sumBy","_echartsForReact","_vmSubTitle","_vmNodata","_api","_useSettings2","_alarm","_vtxCcCpModal","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Summary","_useSettings","useSettings","chartColor","chartFontColor","isDark","_useContext","useContext","CcCpContext","id","alarmSummary","AlarmService","getMonthCompareData","moment","format","alarmTypes","getSyPointAbnormalTypeNums","startOf","endOf","month","totalCount","sumBy","alarmTabsValue","map","item","name","labelName","value","labelValue","option","color","backgroundColor","tooltip","show","trigger","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","formatter","find","rate","concat","toFixed","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","data","labelLine","React","createElement","className","SubTitle","title","src","alarm","thisMonthNum","tbData","length","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","marginLeft","transform","_default","exports"],"sources":["vtx-cc-cp-modal/components/AlarmInfo/Summary.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport moment from 'moment';\nimport sumBy from 'lodash/sumBy';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport NoData from '../../../vm-nodata';\nimport { AlarmService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport alarm from '@/vtx-cp-modal/imgs/alarm.png';\nimport { CcCpContext } from '@/vtx-cc-cp-modal';\nconst Summary = () => {\n    const { chartColor, chartFontColor, isDark } = useSettings();\n    const { id } = useContext(CcCpContext);\n    const alarmSummary = AlarmService.getMonthCompareData(id, moment().format('YYYY-MM'));\n    const alarmTypes = AlarmService.getSyPointAbnormalTypeNums(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment()\n        .endOf('M')\n        .format('YYYY-MM-DD'));\n    const month = moment().month() + 1;\n    const totalCount = sumBy(alarmTypes, 'labelValue');\n    const alarmTabsValue = alarmTypes.map(item => ({\n        name: item.labelName,\n        value: item.labelValue,\n    }));\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n        },\n        legend: {\n            orient: 'vertical',\n            left: '40%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = alarmTabsValue.find((item) => item.name === name);\n                const rate = (((value === null || value === void 0 ? void 0 : value.value) || 0) / totalCount) * 100;\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.value}次\\t\\t${rate.toFixed(2)}%`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                fontSize: 14,\n                color: chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['55%', '75%'],\n                center: ['20%', '50%'],\n                hoverAnimation: true,\n                z: 10,\n                itemStyle: {\n                    normal: {\n                        borderWidth: 2,\n                        borderColor: isDark ? '#003359' : '#ffffff',\n                    },\n                },\n                label: {\n                    show: false,\n                },\n                data: alarmTabsValue,\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"alarm-summary\" },\n        React.createElement(SubTitle, { title: `${month}月报警信息` }),\n        React.createElement(\"div\", { className: \"alarm-summary-time\" },\n            React.createElement(\"img\", { src: alarm }),\n            React.createElement(\"div\", null,\n                React.createElement(\"div\", { className: \"alarm-summary-time-name\" }, \"\\u6708\\u5EA6\\u62A5\\u8B66\\u603B\\u6B21\\u6570\"),\n                React.createElement(\"div\", { className: \"alarm-summary-time-value\" },\n                    React.createElement(\"span\", null, (alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.thisMonthNum) || 0),\n                    \"\\u6B21\",\n                    React.createElement(\"div\", { className: \"alarm-summary-time-value-compare\" },\n                        `月同比 ${(alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.tbData) || 0}%`,\n                        ((alarmSummary === null || alarmSummary === void 0 ? void 0 : alarmSummary.tbData) || 0) >= 100 ? (React.createElement(\"div\", { className: \"triangle-up\" })) : (React.createElement(\"div\", { className: \"triangle-down\" })))))),\n        React.createElement(\"div\", { className: \"alarm-summary-type-analysis\" },\n            React.createElement(SubTitle, { title: \"\\u7C7B\\u578B\\u5206\\u6790\" }),\n            (alarmTabsValue === null || alarmTabsValue === void 0 ? void 0 : alarmTabsValue.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '180px', width: '100%' } })) : (React.createElement(NoData, { style: {\n                    height: '180px',\n                    marginLeft: '50%',\n                    transform: 'translateX(-50%)',\n                } })))));\n};\nexport default Summary;\n"],"mappings":"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"}

package/lib/vtx-cc-cp-modal/components/AlarmInfo/index.css

@@ -0,0 +1,116 @@
+.cc-cp-alarm {
+  margin: 6px;
+  width: 100%;
+}
+.cc-cp-alarm .alarm-summary {
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+}
+.cc-cp-alarm .alarm-summary-time {
+  margin: 24px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.cc-cp-alarm .alarm-summary-time img {
+  width: 46px;
+  height: 46px;
+  margin-right: 19px;
+}
+.cc-cp-alarm .alarm-summary-time-name {
+  font-size: 12px;
+  color: var(--title-color);
+}
+.cc-cp-alarm .alarm-summary-time-value {
+  color: var(--title-color);
+  font-size: 12px;
+}
+.cc-cp-alarm .alarm-summary-time-value span {
+  font-size: 20px;
+  line-height: 25px;
+}
+.cc-cp-alarm .alarm-summary-time-value-compare {
+  display: inline-block;
+  margin-left: 36px;
+}
+.cc-cp-alarm .alarm-summary .triangle-up {
+  width: 12px;
+  height: 8px;
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+  margin-left: 4px;
+}
+.cc-cp-alarm .alarm-summary .triangle-up::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #f65861;
+  -webkit-transform-origin: left bottom;
+      -ms-transform-origin: left bottom;
+          transform-origin: left bottom;
+  -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.cc-cp-alarm .alarm-summary .triangle-down {
+  width: 12px;
+  height: 8px;
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+  margin-left: 4px;
+  margin-bottom: -2px;
+}
+.cc-cp-alarm .alarm-summary .triangle-down::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #41ffb4;
+  -webkit-transform-origin: right top;
+      -ms-transform-origin: right top;
+          transform-origin: right top;
+  -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.cc-cp-alarm .alarm-trend {
+  height: 358px;
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+}
+.cc-cp-alarm .alarm-record {
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+  min-height: 180px;
+}
+.cc-cp-alarm .alarm-record-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;
+}
+.cc-cp-alarm .alarm-record-table {
+  margin-top: 14px;
+  height: 200px;
+}
+.cc-cp-alarm .alarm-record .alarmLevel img {
+  margin-top: -2px;
+}

package/lib/vtx-cc-cp-modal/components/AlarmInfo/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./index.less");
+var _antd = require("antd");
+var _Summary = _interopRequireDefault(require("./Summary"));
+var _MonthTrend = _interopRequireDefault(require("./MonthTrend"));
+var _AlarmRecord = _interopRequireDefault(require("./AlarmRecord"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var AlarmInfo = function AlarmInfo() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cc-cp-alarm"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 10,
+    xl: 11,
+    lg: 12,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement(_Summary["default"], null)), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 14,
+    xl: 13,
+    lg: 12,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement(_MonthTrend["default"], null)), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react["default"].createElement(_AlarmRecord["default"], null))));
+};
+var _default = AlarmInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_antd","_Summary","_MonthTrend","_AlarmRecord","obj","__esModule","AlarmInfo","React","createElement","className","Row","gutter","Col","xxl","xl","lg","md","Summary","MonthTrend","span","AlarmRecord","_default","exports"],"sources":["vtx-cc-cp-modal/components/AlarmInfo/index.js"],"sourcesContent":["import React from 'react';\nimport './index.less';\nimport { Col, Row } from 'antd';\nimport Summary from './Summary';\nimport MonthTrend from './MonthTrend';\nimport AlarmRecord from './AlarmRecord';\nconst AlarmInfo = () => {\n    return (React.createElement(\"div\", { className: \"cc-cp-alarm\" },\n        React.createElement(Row, { gutter: [10, 10] },\n            React.createElement(Col, { xxl: 10, xl: 11, lg: 12, md: 24 },\n                React.createElement(Summary, null)),\n            React.createElement(Col, { xxl: 14, xl: 13, lg: 12, md: 24 },\n                React.createElement(MonthTrend, null)),\n            React.createElement(Col, { span: 24 },\n                React.createElement(AlarmRecord, null)))));\n};\nexport default AlarmInfo;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACAA,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AACxC,IAAME,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EACpB,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAc,CAAC,eAC3DF,iBAAK,CAACC,aAAa,CAACE,SAAG,EAAE;IAAEC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE;EAAE,CAAC,eACzCJ,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE;EAAG,CAAC,eACxDT,iBAAK,CAACC,aAAa,CAACS,mBAAO,EAAE,IAAI,CAAC,CAAC,eACvCV,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE;EAAG,CAAC,eACxDT,iBAAK,CAACC,aAAa,CAACU,sBAAU,EAAE,IAAI,CAAC,CAAC,eAC1CX,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEO,IAAI,EAAE;EAAG,CAAC,eACjCZ,iBAAK,CAACC,aAAa,CAACY,uBAAW,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AACzD,CAAC;AAAC,IAAAC,QAAA,GACaf,SAAS;AAAAgB,OAAA,cAAAD,QAAA"}