@vtx/modals2 5.0.2 → 5.0.4

package/lib/vtx-shxq-modal/index.js

@@ -0,0 +1,108 @@
+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); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useMemo } from 'react';
+import VmCustom from "../_components/vm-custom";
+import useGetConfig from "../_hooks/useGetConfig";
+import VtxBaseModal from "../vtx-base-modal";
+import { BaseService } from "./api";
+import { AlarmRecord, BaseInfo, Tfd, ThrowCalendar, ThrowRecord } from "./components";
+import "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var TABS_BASE = 'base';
+var TABS_CALENDAR = 'calender';
+var TABS_THROW = 'throw';
+var TABS_ALARM = 'alarm';
+var TABS_TFD = 'tfd';
+var tabs = [{
+  key: TABS_BASE,
+  title: '总览信息'
+}, {
+  key: TABS_CALENDAR,
+  title: '投放日历'
+}, {
+  key: TABS_THROW,
+  title: '投放记录'
+}, {
+  key: TABS_ALARM,
+  title: '违规记录'
+}, {
+  key: TABS_TFD,
+  title: '投放点'
+}];
+var VtxShxqModal = function VtxShxqModal(props) {
+  var id = props.id,
+    title = props.title,
+    subTitle = props.subTitle,
+    theme = props.theme,
+    source = props.source,
+    visible = props.visible,
+    onCancel = props.onCancel,
+    _props$top = props.top,
+    top = _props$top === void 0 ? 50 : _props$top,
+    _props$frameParams = props.frameParams,
+    frameParams = _props$frameParams === void 0 ? {} : _props$frameParams,
+    _props$customMapInfo = props.customMapInfo,
+    customMapInfo = _props$customMapInfo === void 0 ? {} : _props$customMapInfo,
+    _props$tabChose = props.tabChose,
+    tabChose = _props$tabChose === void 0 ? '' : _props$tabChose,
+    _props$mapPoints = props.mapPoints,
+    mapPoints = _props$mapPoints === void 0 ? [] : _props$mapPoints,
+    _props$mapCenter = props.mapCenter,
+    mapCenter = _props$mapCenter === void 0 ? [] : _props$mapCenter;
+  var _BaseService$useBaseI = BaseService.useBaseInfo(id),
+    info = _BaseService$useBaseI.info,
+    baseInfo = _BaseService$useBaseI.baseInfo;
+  var _useGetConfig = useGetConfig(info.typeCode, tabs),
+    tabsData = _useGetConfig.tabsData;
+  var tabsList = useMemo(function () {
+    var tabsList = tabsData;
+    return tabsList;
+  }, [JSON.stringify(tabsData)]);
+  var contents = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TABS_BASE, /*#__PURE__*/_jsx(BaseInfo, {
+    id: id,
+    info: info,
+    baseInfo: baseInfo,
+    mapCenter: mapCenter,
+    mapPoints: mapPoints,
+    customMapInfo: customMapInfo
+  })), TABS_CALENDAR, /*#__PURE__*/_jsx(ThrowCalendar, {
+    id: id
+  })), TABS_THROW, /*#__PURE__*/_jsx(ThrowRecord, {
+    id: id
+  })), TABS_ALARM, /*#__PURE__*/_jsx(AlarmRecord, {
+    id: id
+  })), TABS_TFD, /*#__PURE__*/_jsx(Tfd, {
+    id: id,
+    service: "rykq"
+  }));
+
+  // 自定义页签可配置多个，
+  if (tabsData !== null && tabsData !== void 0 && tabsData.length) {
+    tabsData.forEach(function (ele) {
+      if (ele.url) {
+        contents[ele.key] = /*#__PURE__*/_jsx(VmCustom, {
+          id: id,
+          url: ele === null || ele === void 0 ? void 0 : ele.url
+        });
+      }
+    });
+  }
+  return /*#__PURE__*/_jsx(VtxBaseModal, {
+    id: id,
+    type: "shxq",
+    title: title,
+    subTitle: subTitle,
+    visible: visible,
+    source: source,
+    theme: theme,
+    onCancel: onCancel,
+    frameParams: frameParams,
+    tabChose: tabChose,
+    top: top,
+    tabs: tabsList,
+    contents: contents
+  });
+};
+export default VtxShxqModal;

package/lib/vtx-shxq-modal/style/index.js

@@ -0,0 +1 @@
+import "../../vtx-staff-modal/style/index.less";

package/lib/vtx-staff-modal/api.js

@@ -0,0 +1,427 @@
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { MapIcon } from '@vtx/map-icon';
+import { getVtxToken, request } from '@vtx/utils';
+import { useRequest } from 'ahooks';
+import useSettings from "../_hooks/useSettings";
+var BaseService = {
+  useBaseInfo: function useBaseInfo(id) {
+    var _baseInfoRes$data;
+    var _useRequest = useRequest(function () {
+        return request.post('/cloud/sjzt-reborn/api/v101/dataSet/execute', {
+          data: JSON.stringify({
+            code: 'ZYRY_STAFF_INFO',
+            parameters: {
+              staffId: id
+            }
+          })
+        });
+      }, {
+        ready: !!id,
+        refreshDeps: [id]
+      }),
+      baseInfoRes = _useRequest.data;
+    var info = baseInfoRes ? (_baseInfoRes$data = baseInfoRes.data) === null || _baseInfoRes$data === void 0 ? void 0 : _baseInfoRes$data[0] : {};
+    var baseInfo = [{
+      label: '编号',
+      key: 'code',
+      value: info === null || info === void 0 ? void 0 : info.code
+    }, {
+      label: '所属单位',
+      key: 'deptName',
+      value: info === null || info === void 0 ? void 0 : info.deptName
+    }, {
+      label: '性别',
+      key: 'gender',
+      value: info === null || info === void 0 ? void 0 : info.gender
+    }, {
+      label: '入职日期',
+      key: 'entryDay',
+      value: info === null || info === void 0 ? void 0 : info.entryDay
+    }, {
+      label: '在职状态',
+      key: 'isLeaveName',
+      value: info === null || info === void 0 ? void 0 : info.isLeaveName
+    }, {
+      label: '所属标段',
+      key: 'tenderName',
+      value: info === null || info === void 0 ? void 0 : info.tenderName
+    }, {
+      label: '行政区划',
+      key: 'divisionName',
+      value: info === null || info === void 0 ? void 0 : info.divisionName
+    }];
+    return {
+      baseInfo: baseInfo,
+      info: info
+    };
+  },
+  // 实时信息
+  useMapInfo: function useMapInfo(id, coordType) {
+    var _mapInfoRes$data, _mapInfoRes$data$curr, _mapInfoRes$data2, _mapInfoRes$data3, _mapInfoRes$data4, _mapInfoRes$data5, _mapInfoRes$data6, _mapInfoRes$data7, _shifts$data, _shifts$data2;
+    var _useRequest2 = useRequest(function () {
+        return request.get('/cloud/zyry-reborn/api/v101/realtime/getStaffDetail', {
+          data: {
+            staffId: id,
+            coordType: coordType || 'wgs84',
+            needShift: true
+          }
+        });
+      }, {
+        ready: !!id,
+        refreshDeps: [id]
+      }),
+      mapInfoRes = _useRequest2.data;
+
+    // 获取排班记录的作业区域
+    var shiftId = mapInfoRes !== null && mapInfoRes !== void 0 && (_mapInfoRes$data = mapInfoRes.data) !== null && _mapInfoRes$data !== void 0 && (_mapInfoRes$data = _mapInfoRes$data.currentShifts) !== null && _mapInfoRes$data !== void 0 && _mapInfoRes$data.length ? (_mapInfoRes$data$curr = mapInfoRes.data.currentShifts) === null || _mapInfoRes$data$curr === void 0 || (_mapInfoRes$data$curr = _mapInfoRes$data$curr[0]) === null || _mapInfoRes$data$curr === void 0 ? void 0 : _mapInfoRes$data$curr.shiftId : '';
+    var _useRequest3 = useRequest(function () {
+        return request.get('/cloud/zyry-reborn/api/v101/realtime/getShift', {
+          data: {
+            shiftId: shiftId,
+            coordType: coordType || 'wgs84'
+          }
+        });
+      }, {
+        ready: !!shiftId,
+        refreshDeps: [shiftId]
+      }),
+      shifts = _useRequest3.data;
+    var _useSettings = useSettings(),
+      isDark = _useSettings.isDark;
+    return {
+      realtimeInfo: (mapInfoRes === null || mapInfoRes === void 0 ? void 0 : mapInfoRes.data) || {},
+      mapPoints: mapInfoRes !== null && mapInfoRes !== void 0 && (_mapInfoRes$data2 = mapInfoRes.data) !== null && _mapInfoRes$data2 !== void 0 && _mapInfoRes$data2.lngDone ? [{
+        id: 'reaiPoint',
+        name: mapInfoRes.data.staffName,
+        canShowLabel: true,
+        config: {
+          labelContent: mapInfoRes.data.staffName
+        },
+        lng: mapInfoRes.data.lngDone,
+        lat: mapInfoRes.data.latDone,
+        labelClass: 'vtx-map-carCode',
+        url: mapInfoRes !== null && mapInfoRes !== void 0 && (_mapInfoRes$data3 = mapInfoRes.data) !== null && _mapInfoRes$data3 !== void 0 && _mapInfoRes$data3.icon ? "/cloudFile/common/downloadFile?id=".concat(mapInfoRes === null || mapInfoRes === void 0 || (_mapInfoRes$data4 = mapInfoRes.data) === null || _mapInfoRes$data4 === void 0 ? void 0 : _mapInfoRes$data4.icon, "&token=").concat(getVtxToken('token')) : isDark ? new MapIcon.CommonIcon2({
+          canvasIcon: 'PERSONNEL',
+          color: (mapInfoRes === null || mapInfoRes === void 0 || (_mapInfoRes$data5 = mapInfoRes.data) === null || _mapInfoRes$data5 === void 0 ? void 0 : _mapInfoRes$data5.statusCode) === 'Normal' ? '#119FFB' : '#999999'
+        }).getImgUrl() : new MapIcon.CommonIcon({
+          canvasIcon: 'PERSONNEL',
+          color: (mapInfoRes === null || mapInfoRes === void 0 || (_mapInfoRes$data6 = mapInfoRes.data) === null || _mapInfoRes$data6 === void 0 ? void 0 : _mapInfoRes$data6.statusCode) === 'Normal' ? '#119FFB' : '#999999'
+        }).getImgUrl()
+      }] : [],
+      pointLngLat: mapInfoRes !== null && mapInfoRes !== void 0 && (_mapInfoRes$data7 = mapInfoRes.data) !== null && _mapInfoRes$data7 !== void 0 && _mapInfoRes$data7.lngDone ? [mapInfoRes.data.lngDone, mapInfoRes.data.latDone] : [],
+      mapPolygons: shifts !== null && shifts !== void 0 && (_shifts$data = shifts.data) !== null && _shifts$data !== void 0 && _shifts$data.length ? (_shifts$data2 = shifts.data) === null || _shifts$data2 === void 0 ? void 0 : _shifts$data2.map(function (item) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          rings: item === null || item === void 0 ? void 0 : item.lngLatDones,
+          config: {
+            color: 'red',
+            lineColor: 'red',
+            lineWidth: 1
+          }
+        });
+      }) : []
+    };
+  },
+  useDetailInfo: function useDetailInfo(id) {
+    var _useRequest4 = useRequest(function () {
+        return request.get('/cloud/zyry-reborn/api/v101/cleaner/get', {
+          data: {
+            id: id
+          }
+        });
+      }, {
+        ready: !!id,
+        refreshDeps: [id]
+      }),
+      detailInfoRes = _useRequest4.data;
+    return {
+      detail: (detailInfoRes === null || detailInfoRes === void 0 ? void 0 : detailInfoRes.data) || {}
+    };
+  },
+  useGetHistoryContract: function useGetHistoryContract(id) {
+    var _useRequest5 = useRequest(function () {
+        return request.get('/cloud/jcss-reborn/contract/staffHistoryContract', {
+          data: {
+            staffId: id
+          }
+        });
+      }, {
+        ready: !!id,
+        refreshDeps: [id]
+      }),
+      data = _useRequest5.data;
+    return {
+      serviceList: data === null || data === void 0 ? void 0 : data.data
+    };
+  },
+  useWorkInfo: function useWorkInfo(staffId, startDate, endDate, service) {
+    var _useRequest6 = useRequest(function () {
+        return request.get("/cloud/".concat(service || 'zyry-reborn', "/api/v101/kanban/kanbanWorkInfo"), {
+          data: {
+            staffId: staffId,
+            startDate: startDate,
+            endDate: endDate
+          }
+        });
+      }, {
+        refreshDeps: [staffId, startDate, endDate]
+      }),
+      workInfoRes = _useRequest6.data;
+    return {
+      workInfoRes: (workInfoRes === null || workInfoRes === void 0 ? void 0 : workInfoRes.data) || {}
+    };
+  },
+  // 今日作业
+  useTodayWork: function useTodayWork(staffId, startDate, endDate, page, service) {
+    var _useRequest7 = useRequest(function () {
+        return request.get("/cloud/".concat(service || 'zyry-reborn', "/api/v101/kanban/kanbanShiftWorkInfoPage"), {
+          data: {
+            staffId: staffId,
+            startDate: startDate,
+            endDate: endDate,
+            pageNo: page,
+            pageSize: 20
+          }
+        });
+      }, {
+        refreshDeps: [staffId, startDate, endDate, page]
+      }),
+      todayWorkRes = _useRequest7.data;
+    return {
+      todayWorkRes: (todayWorkRes === null || todayWorkRes === void 0 ? void 0 : todayWorkRes.data) || []
+    };
+  },
+  // 作业统计
+  useWorkStatic: function useWorkStatic(staffId, startDate, endDate, service) {
+    var _useRequest8 = useRequest(function () {
+        return request.get("/cloud/".concat(service || 'zyry-reborn', "/api/v101/kanban/kanbanWorkInfoStatistics"), {
+          data: {
+            staffId: staffId,
+            startDate: startDate,
+            endDate: endDate
+          }
+        });
+      }, {
+        refreshDeps: [staffId, startDate, endDate]
+      }),
+      workStaticRes = _useRequest8.data;
+    return {
+      workStaticRes: (workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.data) || {}
+    };
+  },
+  // 里程分析
+  useMileAnalysis: function useMileAnalysis(staffId, startDate, endDate) {
+    var _useRequest9 = useRequest(function () {
+        return request.get('/cloud/zyry-reborn/api/v101/kanban/kanbanWorkMileageAnalysis', {
+          data: {
+            staffId: staffId,
+            startDate: startDate,
+            endDate: endDate
+          }
+        });
+      }, {
+        refreshDeps: [staffId, startDate, endDate]
+      }),
+      mileAnalysisRes = _useRequest9.data;
+    return {
+      mileAnalysisRes: (mileAnalysisRes === null || mileAnalysisRes === void 0 ? void 0 : mileAnalysisRes.data) || {}
+    };
+  },
+  useStatisticsByMonth: function useStatisticsByMonth(id, month, service) {
+    //日历
+    var _useRequest10 = useRequest(function () {
+        return request.get("/cloud/".concat(service ? 'rygl' : 'zyry-reborn', "/api/v101/attendanceRecord/statisticsByMonth"), {
+          data: {
+            staffId: id,
+            month: month
+          }
+        });
+      }, {
+        refreshDeps: [id, month]
+      }),
+      data = _useRequest10.data;
+    return {
+      data: (data === null || data === void 0 ? void 0 : data.data) || []
+    };
+  }
+};
+var AlarmService = {
+  // 报警类型
+  useAlarmType: function useAlarmType(staffId, startTime, endTime, service) {
+    var _alarmTypeRes$data;
+    var _useRequest11 = useRequest(function () {
+        return request.get("/cloud/".concat(service || 'zyry-reborn', "/api/v101/alarmInfo/pageAlarmCount"), {
+          data: {
+            staffId: staffId,
+            startTime: startTime,
+            endTime: endTime
+          }
+        });
+      }, {
+        refreshDeps: [staffId, startTime, endTime]
+      }),
+      alarmTypeRes = _useRequest11.data;
+    return {
+      alarmTypeRes: (alarmTypeRes === null || alarmTypeRes === void 0 || (_alarmTypeRes$data = alarmTypeRes.data) === null || _alarmTypeRes$data === void 0 ? void 0 : _alarmTypeRes$data.length) > 0 ? alarmTypeRes.data.map(function (ele) {
+        return _objectSpread({
+          name: ele.alarmTypeName,
+          value: ele.count,
+          label: "".concat(ele.alarmTypeName, "(").concat(ele.count, ")"),
+          key: ele.alarmTypeCode || 'all'
+        }, ele);
+      }) : []
+    };
+  },
+  // 报警类型分析
+  useAlarmAnalysis: function useAlarmAnalysis(staffId, startDate, endDate, service) {
+    var _useRequest12 = useRequest(function () {
+        return request.get("/cloud/".concat(service || 'zyry-reborn', "/api/v101/kanban/kanbanAlarmAnalysis"), {
+          data: {
+            staffId: staffId,
+            startDate: startDate,
+            endDate: endDate
+          }
+        });
+      }, {
+        refreshDeps: [staffId, startDate, endDate]
+      }),
+      alarmAnalysisRes = _useRequest12.data;
+    return {
+      alarmAnalysisRes: (alarmAnalysisRes === null || alarmAnalysisRes === void 0 ? void 0 : alarmAnalysisRes.data) || {}
+    };
+  },
+  // 报警列表
+  useAlarmRecord: function useAlarmRecord(staffId, alarmTypeCode, startTime, endTime, pageNo, sortBy, order, service) {
+    var _useRequest13 = useRequest(function () {
+        return request.get("/cloud/".concat(service || 'zyry-reborn', "/api/v101/alarmInfo/page"), {
+          data: {
+            staffId: staffId,
+            alarmTypeCode: alarmTypeCode,
+            startTime: startTime,
+            endTime: endTime,
+            pageNo: pageNo,
+            pageSize: 10,
+            sortBy: sortBy,
+            order: order
+          }
+        });
+      }, {
+        refreshDeps: [staffId, alarmTypeCode, startTime, endTime, pageNo, sortBy, order]
+      }),
+      alarmRecordRes = _useRequest13.data;
+    return {
+      alarmRecordRes: (alarmRecordRes === null || alarmRecordRes === void 0 ? void 0 : alarmRecordRes.data) || {}
+    };
+  }
+};
+// 考勤信息
+var AttendanceService = {
+  useTimeAnalysis: function useTimeAnalysis(staffId, startDate, endDate, service) {
+    var _useRequest14 = useRequest(function () {
+        return request.get("/cloud/".concat(service || 'zyry-reborn', "/api/v101/kanban/kanbanAttendanceTimeAnalysis"), {
+          data: {
+            staffId: staffId,
+            startDate: startDate,
+            endDate: endDate
+          }
+        });
+      }, {
+        refreshDeps: [staffId, startDate, endDate]
+      }),
+      attendTimeAnalysisRes = _useRequest14.data;
+    return {
+      attendTimeAnalysisRes: (attendTimeAnalysisRes === null || attendTimeAnalysisRes === void 0 ? void 0 : attendTimeAnalysisRes.data) || {}
+    };
+  },
+  useAnalysis: function useAnalysis(staffId, startDate, endDate, service) {
+    var _attendAnalysisRes$da;
+    var _useRequest15 = useRequest(function () {
+        return request.get("/cloud/".concat(service || 'zyry-reborn', "/api/v101/kanban/kanbanAttendanceAnalysis"), {
+          data: {
+            staffId: staffId,
+            startDate: startDate,
+            endDate: endDate
+          }
+        });
+      }, {
+        refreshDeps: [staffId, startDate, endDate]
+      }),
+      attendAnalysisRes = _useRequest15.data;
+    return {
+      attendAnalysisRes: (attendAnalysisRes === null || attendAnalysisRes === void 0 || (_attendAnalysisRes$da = attendAnalysisRes.data) === null || _attendAnalysisRes$da === void 0 ? void 0 : _attendAnalysisRes$da.length) > 0 ? attendAnalysisRes.data.map(function (ele) {
+        return _objectSpread({
+          name: ele.alarmTypeName,
+          value: ele.count
+        }, ele);
+      }) : []
+    };
+  },
+  useAttendRecord: function useAttendRecord(staffId, startTime, endTime, pageNo, service) {
+    var _useRequest16 = useRequest(function () {
+        return request.get("/cloud/".concat(service ? 'rygl' : 'zyry-reborn', "/api/v101/attendanceRecord"), {
+          data: {
+            staffId: staffId,
+            startTime: startTime,
+            endTime: endTime,
+            pageNo: pageNo,
+            pageSize: 10
+          }
+        });
+      }, {
+        refreshDeps: [staffId, startTime, endTime, pageNo]
+      }),
+      attendRecordRes = _useRequest16.data;
+    return {
+      attendRecordRes: (attendRecordRes === null || attendRecordRes === void 0 ? void 0 : attendRecordRes.data) || {}
+    };
+  }
+};
+var EquipmentService = {
+  useDevice: function useDevice(staffId, service) {
+    var _useRequest17 = useRequest(function () {
+        return request.get("/cloud/".concat(service || 'zyry-reborn', "/api/v101/device/getByStaffId"), {
+          data: {
+            staffId: staffId
+          }
+        });
+      }, {
+        refreshDeps: [staffId]
+      }),
+      deviceRes = _useRequest17.data;
+    var _useRequest18 = useRequest(function () {
+        return request.get("/cloud/".concat(service || 'zyry-reborn', "/api/v101/positionRealtime/getByStaffId"), {
+          data: {
+            staffId: staffId
+          }
+        });
+      }, {
+        refreshDeps: [staffId]
+      }),
+      monitorRes = _useRequest18.data;
+    return {
+      deviceRes: (deviceRes === null || deviceRes === void 0 ? void 0 : deviceRes.data) || {},
+      monitorRes: (monitorRes === null || monitorRes === void 0 ? void 0 : monitorRes.data) || {}
+    };
+  },
+  useDeviceStatus: function useDeviceStatus(id, service) {
+    var _useRequest19 = useRequest(function () {
+        return request.get("/cloud/".concat(service || 'zyry-reborn', "/api/v101/positionRealtime/deviceStatus"), {
+          data: {
+            id: id
+          }
+        });
+      }, {
+        ready: !!id,
+        refreshDeps: [id]
+      }),
+      deviceStatusRes = _useRequest19.data;
+    return {
+      deviceStatusRes: (deviceStatusRes === null || deviceStatusRes === void 0 ? void 0 : deviceStatusRes.data) || '-'
+    };
+  }
+};
+export { AlarmService, AttendanceService, BaseService, EquipmentService };

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

@@ -0,0 +1,67 @@
+import { VmEmpty, VmLineCharts, VmPieCharts } from "../../../_components";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Charts = function Charts(_ref) {
+  var chartData = _ref.chartData,
+    lineData = _ref.lineData;
+  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
+      });
+    });
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    className: "staff-alarm-charts",
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "staff-alarm-charts-item",
+      children: (chartData === null || chartData === void 0 ? void 0 : chartData.length) > 0 ? /*#__PURE__*/_jsx(VmPieCharts, {
+        height: 216,
+        unit: "\u6B21",
+        name: "\u62A5\u8B66\u6B21\u6570",
+        innerRadius: ['50%', '65%'],
+        outerRadius: ['65%', '70%'],
+        dataList: (chartData === null || chartData === void 0 ? void 0 : chartData.filter(function (ele) {
+          return ele.alarmTypeCode;
+        })) || [],
+        legendConfig: {
+          right: 160,
+          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 '';
+            }
+          }
+        }
+      }) : /*#__PURE__*/_jsx(VmEmpty, {
+        type: "NO_CHART"
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: "staff-alarm-charts-item",
+      children: (chartData === null || chartData === void 0 ? void 0 : chartData.length) > 0 ? /*#__PURE__*/_jsx(VmLineCharts, {
+        height: 216,
+        unit: "\u6B21",
+        name: "\u62A5\u8B66\u6B21\u6570",
+        dataList: (values === null || values === void 0 ? void 0 : values.map(function (ele, index) {
+          return {
+            name: legends[index],
+            data: ele
+          };
+        })) || [],
+        xAxis: names
+      }) : /*#__PURE__*/_jsx(VmEmpty, {
+        type: "NO_CHART"
+      })
+    })]
+  });
+};
+export default Charts;