diff --git a/appStore/testMachine/models.py b/appStore/testMachine/models.py
index 341c78962d7c54ce9bccda3f2b0684705b41dfa5..e29f91f81ccbed2c89f009f9dbfc16e20b38ddc6 100644
--- a/appStore/testMachine/models.py
+++ b/appStore/testMachine/models.py
@@ -11,15 +11,28 @@ from django.db import models
 # Create your models here.
 class TestMachine(models.Model):
     """测试机器表"""
+    Link_Status_Type = (
+        ("在线", "在线"),
+        ("离线", "离线"),
+    )
+    Task_Status_Type = (
+        ("空闲", "空闲"),
+        ("繁忙", "繁忙"),
+    )
     machine_name = models.CharField(max_length=50, verbose_name='设备名称')
-    cpu_module_name = models.CharField(max_length=100, verbose_name='cpu型号')
+    cpu_module_name = models.CharField(max_length=50, verbose_name='cpu型号')
     arch_name = models.CharField(max_length=50, verbose_name='架构')
     BMC_IP = models.CharField(max_length=50, verbose_name='BMC_IP')
     BMC_user_name = models.CharField(max_length=50, verbose_name='BMC用户名')
     BMC_password = models.CharField(max_length=50, verbose_name='BMC密码')
     create_time = models.DateTimeField(auto_now_add=True, verbose_name='创建时间')
+
+    owner = models.CharField(max_length=50, verbose_name='当前操作系统负责人', default=None)
+    server_IP = models.CharField(max_length=50, verbose_name='server_IP', null=True, blank=True)
     os_version = models.CharField(max_length=50, verbose_name='操作系统版本', null=True, blank=True)
-    test_user = models.CharField(max_length=255, verbose_name='当前操作系统负责人', null=True, blank=True)
+    link_status = models.CharField(choices=Link_Status_Type, max_length=50, verbose_name='链接状态', null=True, blank=True)
+    task_status = models.CharField(choices=Task_Status_Type, max_length=50, verbose_name='任务状态', null=True, blank=True)
+    queue_user = models.CharField(max_length=50, verbose_name='排队人员', null=True, blank=True)
     update_time = models.DateTimeField(auto_now=True, verbose_name='更新时间')
 
     class Meta:
diff --git a/templates/front-project/src/router/index.js b/templates/front-project/src/router/index.js
index fe7c37b45d461bc75e2c7914d9579bbf06318670..bbb6e1aaa860f36f61d3c71a930b30c28ea460ef 100644
--- a/templates/front-project/src/router/index.js
+++ b/templates/front-project/src/router/index.js
@@ -22,11 +22,19 @@ const routes = [
         component: () => import('@/components/KytuningHome'),
         children: [
             {
-                name: '设备中心',
+                name: '注册设备',
                 path: '/machine/list',
                 component: () => import('@/views/machineViews/MachineList'),
                 children: []
-            },]
+            },
+            {
+                name: '设备中心',
+                path: '/server/list',
+                component: () => import('@/views/machineViews/ServerList.vue'),
+                children: []
+            },
+
+        ]
     },
     {
         path: '/test/list',
diff --git a/templates/front-project/src/views/machineViews/ServerList.vue b/templates/front-project/src/views/machineViews/ServerList.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b730b339e3c2daa411d879b43ea19ad924b814a7
--- /dev/null
+++ b/templates/front-project/src/views/machineViews/ServerList.vue
@@ -0,0 +1,189 @@
+<!--
+ * Copyright (c) KylinSoft  Co., Ltd. 2024.All rights reserved.
+ * PilotGo-plugin licensed under the Mulan Permissive Software License, Version 2.
+ * See LICENSE file for more details.
+ * Author: wangqingzheng <wangqingzheng@kylinos.cn>
+ * Date: Tue Mar 12 09:59:13 2024 +0800
+-->
+<template>
+  <div id="fixed-top">
+    <!-- 搜索 -->
+    <div class="cont">
+      <el-table :data="showData" :header-cell-style="{fontSize:'5px'}"
+                tooltip-effect="dark" border style="width: 100%" class="tableHead">
+        <el-table-column prop="machine_name" label="设备名称"></el-table-column>
+        <el-table-column prop="cpu_module_name" label="CPU型号"></el-table-column>
+        <el-table-column prop="owner" label="当前负责人"></el-table-column>
+        <el-table-column prop="server_IP" label="server_IP"></el-table-column>
+        <el-table-column prop="os_version" label="系统版本"></el-table-column>
+        <el-table-column prop="link_status" label="链接状态"></el-table-column>
+        <el-table-column prop="task_status" label="任务状态"></el-table-column>
+        <el-table-column prop="queue_user" label="排队人员"></el-table-column>
+        <el-table-column prop="update_time" label="更新时间"></el-table-column>
+        <el-table-column label="操作" width="200">
+          <template #default="scope">
+            <el-button type="primary" @click="modify(scope.row)">重构</el-button>
+            <el-button type="success" @click="del(scope.row)">申请使用</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+
+
+<script scoped>
+import {ElMessage} from 'element-plus';
+import {machine_list} from "@/api/api";
+import utils from '@/utils/utils';
+
+export default {
+  name: 'serverList',
+  mixins: [utils],
+  data() {
+    return {
+      allDatas: [],
+      machineData: {
+        'machine_name': '',
+        'cpu_module_name': '',
+        'arch_name': '',
+        'BMC_IP': '',
+        'BMC_user_name':'',
+        'BMC_password':'',
+      },
+      archTypes: ['x86', 'arm','mips','loongarch'],
+      rules: {
+        errType: [{required: true, message: '请选择错误类型', trigger: 'change'}],
+      },
+      dialogAddMachine: false,
+      testData: '',
+      testDatas: [],
+      modifyID: 0,
+      dialogTitle:'新增设备',
+    };
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    getData() {
+      machine_list('get', {}).then((response) => {
+        this.allDatas = response.data.data;
+        this.total = this.allDatas.length;
+      });
+    },
+
+    //新增
+    add() {
+      this.dialogAddMachine = true
+    },
+    //新增的取消
+    closeInfo() {
+      // 重置表单的验证状态
+      this.$refs.machineForm.resetFields();
+      this.dialogAddMachine = false
+    },
+
+    addSure() {
+      //machineForm这个是上面form表单中的ref对应的标记
+      this.$refs.machineForm.validate((valid) => {
+        if (valid) {
+          this.dialogAddMachine = false;
+          const machineData_ = {
+            machine_name: this.machineData.machine_name,
+            cpu_module_name: this.machineData.cpu_module_name,
+            arch_name: this.machineData.arch_name,
+            BMC_IP: this.machineData.BMC_IP,
+            BMC_user_name: this.machineData.BMC_user_name,
+            BMC_password: this.machineData.BMC_password,
+          };
+          machine_list('post', machineData_).then((response) => {
+            if (response.data.code === 200) {
+              ElMessage({message: response.data.message, type: 'success'});
+              this.getData();
+              this.reset()
+            }
+          });
+        } else {
+          ElMessage({message: '请填写正确信息', type: 'success'})
+          return false;
+        }
+      });
+    },
+
+    reset() {
+      this.machineData = {
+        machine_name: '',
+        cpu_module_name: '',
+        arch_name: '',
+        BMC_IP: '',
+        BMC_user_name: '',
+        BMC_password: '',
+      }
+      this.getData()
+    },
+
+    //修改数据
+    modify(row) {
+      this.dialogTitle='修改设备信息'
+      this.dialogAddMachine = true
+      this.modifyID = row.id
+      this.machineData = {
+        machine_name: row.machine_name,
+        cpu_module_name: row.cpu_module_name,
+        arch_name: row.arch_name,
+        BMC_IP: row.BMC_IP,
+        BMC_user_name: row.BMC_user_name,
+        BMC_password: row.BMC_password,
+      }
+    },
+    //确定修改数据
+    modifySure() {
+      this.dialogAddMachine = false;
+      const machineData_ = {
+        id: this.modifyID,
+        machine_name: this.machineData.machine_name,
+        cpu_module_name: this.machineData.cpu_module_name,
+        arch_name: this.machineData.arch_name,
+        BMC_IP: this.machineData.BMC_IP,
+        BMC_user_name: this.machineData.BMC_user_name,
+        BMC_password: this.machineData.BMC_password,
+      }
+
+      machine_list('put', machineData_).then(response => {
+        if (response.data.code === 200) {
+          ElMessage({message: response.data.message, type: 'success'})
+          this.getData()
+        }
+      })
+    },
+
+    //删除数据
+    del(row) {
+      this.$confirm(`确认删除此行数据吗？`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        machine_list('delete', {id: row.id}).then(response => {
+          if (response.data.code === 200) {
+            ElMessage({message: response.data.message, type: 'success'})
+            this.getData()
+          }
+        })
+      })
+    },
+  }
+}
+;
+</script>
+
+
+<style scoped>
+.parent-container {
+  display: flex;
+  justify-content: center;
+  /*background-color: #f2f2f2;*/
+}
+</style>
+