已完成设备管理页面的基本功能,包括设备导入导出,字段自定义,字段是否显示等功能,目前处于资产管理已基本完善

This commit is contained in:
zhang1106
2025-12-18 19:11:56 +08:00
parent 2ec02fb057
commit 072b3d593e
10 changed files with 1063 additions and 63 deletions
+19 -5
View File
@@ -1,6 +1,6 @@
import React, { useState, useEffect } from 'react';
import { Table, Button, Modal, Form, Input, Select, message, Card, Space, InputNumber } from 'antd';
import { PlusOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons';
import { Table, Button, Modal, Form, Input, Select, message, Card, Space, InputNumber, Upload, Progress, Alert } from 'antd';
import { PlusOutlined, EditOutlined, DeleteOutlined, UploadOutlined } from '@ant-design/icons';
import axios from 'axios';
const { Option } = Select;
@@ -12,6 +12,8 @@ function RoomManagement() {
const [editingRoom, setEditingRoom] = useState(null);
const [form] = Form.useForm();
// 获取所有机房
const fetchRooms = async () => {
try {
@@ -90,6 +92,12 @@ function RoomManagement() {
});
};
// 状态标签映射
const statusMap = {
active: { text: '在用', color: 'green' },
@@ -171,9 +179,11 @@ function RoomManagement() {
return (
<div>
<Card title="机房管理" extra={
<Button type="primary" icon={<PlusOutlined />} onClick={() => showModal()}>
添加机房
</Button>
<Space>
<Button type="primary" icon={<PlusOutlined />} onClick={() => showModal()}>
添加机房
</Button>
</Space>
}>
<Table
columns={columns}
@@ -265,6 +275,10 @@ function RoomManagement() {
</Form.Item>
</Form>
</Modal>
</div>
);
}