refactor: 移除调试日志并优化代码结构

feat(components): 新增设备管理相关组件和仪表盘组件 feat(hooks): 添加自定义hooks用于API调用和数据管理 style: 优化滚动条样式和模态框布局 chore: 清理无用脚本和调试文件 docs: 更新组件导出文件
2026-03-10 14:34:39 +08:00
parent 98f705de8b
commit 196dc4ae41
43 changed files with 3082 additions and 3736 deletions
@@ -0,0 +1,150 @@
+import React from 'react';
+import {
+  CloudServerOutlined,
+  SafetyOutlined,
+  DatabaseOutlined,
+  AppstoreOutlined,
+  SwapOutlined,
+} from '@ant-design/icons';
+
+export const STATUS_MAP = {
+  running: { text: '运行中', color: '#52c41a', badgeColor: 'green' },
+  maintenance: { text: '维护中', color: '#faad14', badgeColor: 'orange' },
+  offline: { text: '离线', color: '#8c8c8c', badgeColor: 'default' },
+  fault: { text: '故障', color: '#ff4d4f', badgeColor: 'red' },
+};
+
+export const TYPE_MAP = {
+  server: '服务器',
+  switch: '交换机',
+  router: '路由器',
+  storage: '存储设备',
+  other: '其他设备',
+};
+
+export const getStatusConfig = (status) => {
+  return STATUS_MAP[status] || { text: status, color: 'black', badgeColor: 'default' };
+};
+
+export const getTypeLabel = (type) => {
+  return TYPE_MAP[type] || type;
+};
+
+export const getDeviceTypeIcon = (type) => {
+  const iconMap = {
+    server: <CloudServerOutlined style={{ color: '#1890ff' }} />,
+    switch: <SwapOutlined style={{ color: '#52c41a' }} />,
+    router: <SafetyOutlined style={{ color: '#faad14' }} />,
+    storage: <DatabaseOutlined style={{ color: '#722ed1' }} />,
+    other: <AppstoreOutlined style={{ color: '#8c8c8c' }} />,
+  };
+  return iconMap[type] || <AppstoreOutlined style={{ color: '#8c8c8c' }} />;
+};
+
+export const formatDate = (date, fieldName) => {
+  if (!date) return '';
+
+  const dateObj = new Date(date);
+  const formattedDate = dateObj.toLocaleDateString('zh-CN');
+
+  if (fieldName === 'warrantyExpiry') {
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    dateObj.setHours(0, 0, 0, 0);
+
+    if (dateObj < today) {
+      return <span style={{ color: '#d93025', fontWeight: 'bold' }}>{formattedDate}</span>;
+    }
+  }
+
+  return formattedDate;
+};
+
+export const FIXED_FIELDS = [
+  'deviceId',
+  'name',
+  'type',
+  'model',
+  'serialNumber',
+  'rackId',
+  'position',
+  'height',
+  'powerConsumption',
+  'status',
+  'purchaseDate',
+  'warrantyExpiry',
+  'ipAddress',
+  'description',
+];
+
+export const SYSTEM_FIELDS = ['createdAt', 'updatedAt', 'Rack', 'Room', 'customFields'];
+
+export const processDeviceData = (device) => {
+  const deviceWithFields = { ...device };
+  if (device.customFields && typeof device.customFields === 'object') {
+    Object.entries(device.customFields).forEach(([fieldName, value]) => {
+      deviceWithFields[fieldName] = value;
+    });
+  }
+  return deviceWithFields;
+};
+
+export const prepareDeviceFormData = (values, isEditing) => {
+  const deviceData = {
+    ...values,
+    purchaseDate: values.purchaseDate ? values.purchaseDate.format('YYYY-MM-DD') : null,
+    warrantyExpiry: values.warrantyExpiry ? values.warrantyExpiry.format('YYYY-MM-DD') : null,
+    customFields: {},
+  };
+
+  Object.keys(deviceData).forEach((key) => {
+    if (!FIXED_FIELDS.includes(key) && key !== 'customFields' && key !== 'roomId') {
+      deviceData.customFields[key] = deviceData[key];
+      delete deviceData[key];
+    }
+  });
+
+  delete deviceData.roomId;
+
+  return deviceData;
+};
+
+export const getFormInitialValues = (device, racks) => {
+  if (!device) return {};
+
+  const deviceData = { ...device };
+  const cleanDeviceData = {};
+
+  FIXED_FIELDS.forEach((field) => {
+    if (deviceData[field] !== undefined) {
+      cleanDeviceData[field] = deviceData[field];
+    }
+  });
+
+  Object.entries(deviceData).forEach(([key, value]) => {
+    if (
+      !FIXED_FIELDS.includes(key) &&
+      !SYSTEM_FIELDS.includes(key) &&
+      key !== 'deviceId' &&
+      typeof value !== 'object' &&
+      value !== null
+    ) {
+      cleanDeviceData[key] = value;
+    }
+  });
+
+  if (deviceData.customFields && typeof deviceData.customFields === 'object') {
+    Object.entries(deviceData.customFields).forEach(([key, value]) => {
+      cleanDeviceData[key] = value;
+    });
+  }
+
+  if (device.rackId) {
+    const rack = racks.find((r) => r.rackId === device.rackId);
+    if (rack) {
+      cleanDeviceData.roomId = rack.roomId;
+    }
+  }
+
+  return cleanDeviceData;
+};