From 9d96d2da6ba132d653a1503471b1985a530d77f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=9C=E7=8E=89=E7=90=A6?=
 <7507756+jiang_yuqi@user.noreply.gitee.com>
Date: Fri, 19 Jul 2024 16:05:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/device/index.js                 |   5 +-
 src/api/menu/index.ts                   |  26 ++-
 src/views/manage/equipment/addNet.vue   | 176 +++++++++++++++
 src/views/manage/equipment/addPcie.vue  | 178 +++++++++++++++
 src/views/manage/equipment/edit.vue     | 287 +++++++++---------------
 src/views/manage/equipment/editNet.vue  | 225 -------------------
 src/views/manage/equipment/editPcie.vue | 196 ----------------
 src/views/manage/equipment/index.vue    | 180 ++++++++-------
 src/views/manage/equipment/upgrades.vue | 228 +++++++++++++++++++
 src/views/system/user/edit.vue          |   2 +-
 src/views/system/user/index.vue         |  10 +-
 11 files changed, 808 insertions(+), 705 deletions(-)
 create mode 100644 src/views/manage/equipment/addNet.vue
 create mode 100644 src/views/manage/equipment/addPcie.vue
 delete mode 100644 src/views/manage/equipment/editNet.vue
 delete mode 100644 src/views/manage/equipment/editPcie.vue
 create mode 100644 src/views/manage/equipment/upgrades.vue

diff --git a/src/api/device/index.js b/src/api/device/index.js
index 2c0a6b5..c2e96d9 100644
--- a/src/api/device/index.js
+++ b/src/api/device/index.js
@@ -23,10 +23,11 @@ const getSimple = () => {
     })
 }
 //获取未注册设备列表
-const unregisted = () => {
+const unregisted = (data) => {
     return request({
         url: '/devices/unregisted',
-        method: 'get'
+        method: 'get',
+        params:data
     })
 }
 //删除设备
diff --git a/src/api/menu/index.ts b/src/api/menu/index.ts
index 2886113..49d562b 100644
--- a/src/api/menu/index.ts
+++ b/src/api/menu/index.ts
@@ -389,11 +389,11 @@ class MenuAPI {
               },
             },
             {
-              path: "equipmentEditPcie",
-              component: "manage/equipment/editPcie",
-              name: "equipmentEditPcie",
+              path: "equipmentUpgrades",
+              component: "manage/equipment/upgrades",
+              name: "equipmentUpgrades",
               meta: {
-                title: "计算PCIE设备",
+                title: "计算设备升级",
                 hidden: true,
                 roles: ["ADMIN", "GUEST"],
                 keepAlive: true,
@@ -401,9 +401,21 @@ class MenuAPI {
               },
             },
             {
-              path: "equipmentEditNet",
-              component: "manage/equipment/editNet",
-              name: "equipmentEditNet",
+              path: "equipmentAddPcie",
+              component: "manage/equipment/addPcie",
+              name: "equipmentAddPcie",
+              meta: {
+                title: "计算PCIE设备新增",
+                hidden: true,
+                roles: ["ADMIN", "GUEST"],
+                keepAlive: true,
+                alwaysShow: false,
+              },
+            },
+            {
+              path: "equipmentAddNet",
+              component: "manage/equipment/addNet",
+              name: "equipmentAddNet",
               meta: {
                 title: "计算网络设备",
                 hidden: true,
diff --git a/src/views/manage/equipment/addNet.vue b/src/views/manage/equipment/addNet.vue
new file mode 100644
index 0000000..3c964db
--- /dev/null
+++ b/src/views/manage/equipment/addNet.vue
@@ -0,0 +1,176 @@
+<!-- 用户管理 -->
+<template>
+  <div class="app-container model-detail">
+    <!-- 用户新增/编辑表单 -->
+    <el-card v-loading="loading">
+      <template #header
+        ><svg-icon
+          icon-class="pause"
+          style="width: 20px; height: 20px"
+        />添加网络设备</template
+      >
+      <el-table :data="unregistedList" stripe>
+        <el-table-column label="选择" width="60" align="center">
+          <template #default="scope">
+            <el-radio
+              v-model="form.unregisted"
+              :label="scope.row.uuid"
+              @change.native="getCurrentRow(scope.row)"
+              >{{ "" }}</el-radio
+            >
+          </template>
+        </el-table-column>
+        <el-table-column prop="hardware_chip" label="芯片信息" align="left" />
+        <el-table-column prop="hardware_model" label="设备型号" align="left" />
+        <el-table-column prop="cmpt_hardware_type" label="设备类型" align="left" />
+        <el-table-column prop="manufacturer" label="厂商名称" align="left" />
+        <el-table-column prop="software_version" label="服务程序版本" align="left" />
+        <el-table-column
+          prop="connection_state"
+          label="连接状态"
+          align="left"
+          v-if="false"
+        />
+      </el-table>
+    </el-card>
+    <el-card v-loading="loading" style="margin-top: 12px">
+      <el-row>
+        <el-col :lg="12" :xs="24">
+          <el-form ref="formRef" :model="form" :rules="rules" label-width="80px">
+            <el-form-item label="设备ID" prop="device_id">
+              <el-input v-model="form.device_id" placeholder="请输入设备ID" />
+            </el-form-item>
+            <el-form-item label="设备名称" prop="device_name">
+              <el-input v-model="form.device_name" placeholder="请输入设备名称" />
+            </el-form-item>
+            <el-form-item label="设备描述" prop="device_desc">
+              <el-input
+                v-model="form.device_desc"
+                :rows="2"
+                type="textarea"
+                placeholder="请输入设备描述"
+              />
+            </el-form-item>
+            <el-form-item label="详细信息" prop="infomation">
+              <el-input
+                v-model="form.infomation"
+                :rows="3"
+                type="textarea"
+                placeholder="请输入详细信息"
+              />
+            </el-form-item>
+          </el-form>
+        </el-col>
+        <el-col :lg="12" :xs="24"> </el-col>
+      </el-row>
+    </el-card>
+    <el-card class="card-footer">
+      <el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
+      <el-button @click="closeBack"><i-ep-close />取 消</el-button>
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import DeviceApi from "@/api/device";
+
+const router = useRouter();
+
+const form = reactive({
+  unregisted: null,
+});
+const formRef = ref(ElForm); // 表单
+const loading = ref(false); //  加载状态
+const unregistedList = ref([]); // 未注册设备
+// 校验规则
+const rules = reactive({
+  device_id: [{ required: true, message: "设备ID不能为空", trigger: "blur" }],
+  device_name: [{ required: true, message: "设备名称不能为空", trigger: "blur" }],
+  device_desc: [{ required: false, message: "设备描述不能为空", trigger: "blur" }],
+  infomation: [{ required: false, message: "详细信息不能为空", trigger: "blur" }],
+});
+const queryParams = reactive({
+  cmpt_interface_type: "net",
+});
+
+/** 选中未注册设备 */
+function getCurrentRow(row: { [key: string]: any }) {
+  form.uuid = row.uuid;
+  form.manufacturer = row.manufacturer;
+  form.hardware_chip = row.hardware_chip;
+  form.hardware_model = row.hardware_model;
+  form.software_version = row.software_version;
+  form.cmpt_hardware_type = row.cmpt_hardware_type;
+  form.cmpt_interface_type = row.cmpt_interface_type;
+}
+
+/** 表单提交 */
+const handleSubmit = useThrottleFn(() => {
+  formRef.value.validate((valid: any) => {
+    if (valid) {
+      if (!form.unregisted) {
+        ElMessage.error("请选择要注册的设备");
+        return false;
+      }
+      loading.value = true;
+      DeviceApi.add(form)
+        .then((res) => {
+          if (res.data.code == 0) {
+            ElMessage.success("保存成功");
+            closeBack();
+          }
+        })
+        .finally(() => {
+          loading.value = false;
+        });
+    }
+  });
+}, 3000);
+
+/** 初始化未注册设备列表 */
+function initUnregistedList() {
+  DeviceApi.unregisted(queryParams).then((res) => {
+    if (res.data.code == 0) {
+      unregistedList.value = res.data.data.UnregistedList;
+    }
+  });
+}
+
+/** 返回列表页面 */
+function closeBack() {
+  router.push({ path: "/tester/equipment" });
+}
+
+onMounted(() => {
+  initUnregistedList();
+});
+</script>
+<style scoped lang="scss">
+.model-detail {
+  :deep(.el-card__header) {
+    padding: 8px 4px;
+    display: flex;
+    align-items: center;
+  }
+}
+.sp-file {
+  color: #29d;
+}
+.tb-base-info {
+  line-height: 30px;
+}
+:deep(.svg-icon) {
+  margin-right: 8px;
+}
+.card-footer {
+  position: fixed;
+  width: calc(100% - 215px);
+  bottom: 0px;
+  :deep(.el-card__body) {
+    padding: 10px;
+    .el-pagination {
+      justify-content: end;
+    }
+  }
+}
+</style>
diff --git a/src/views/manage/equipment/addPcie.vue b/src/views/manage/equipment/addPcie.vue
new file mode 100644
index 0000000..7a0bed4
--- /dev/null
+++ b/src/views/manage/equipment/addPcie.vue
@@ -0,0 +1,178 @@
+<!-- 用户管理 -->
+<template>
+  <div class="app-container model-detail">
+    <!-- 用户新增/编辑表单 -->
+    <el-card v-loading="loading">
+      <template #header
+        ><svg-icon
+          icon-class="pause"
+          style="width: 20px; height: 20px"
+        />添加PCIE设备</template
+      >
+      <el-table :data="unregistedList" stripe>
+        <el-table-column label="选择" width="60" align="center">
+          <template #default="scope">
+            <el-radio
+              v-model="form.unregisted"
+              :label="scope.row.uuid"
+              @change.native="getCurrentRow(scope.row)"
+              >{{ "" }}</el-radio
+            >
+          </template>
+        </el-table-column>
+        <el-table-column prop="pcie_index" label="PCLE序号" align="left" />
+        <el-table-column prop="hardware_chip" label="芯片信息" align="left" />
+        <el-table-column prop="hardware_model" label="设备型号" align="left" />
+        <el-table-column prop="cmpt_hardware_type" label="设备类型" align="left" />
+        <el-table-column prop="manufacturer" label="厂商名称" align="left" />
+        <el-table-column prop="software_version" label="服务程序版本" align="left" />
+        <el-table-column
+          prop="connection_state"
+          label="连接状态"
+          align="left"
+          v-if="false"
+        />
+      </el-table>
+    </el-card>
+    <el-card v-loading="loading" style="margin-top: 12px">
+      <el-row>
+        <el-col :lg="12" :xs="24">
+          <el-form ref="formRef" :model="form" :rules="rules" label-width="80px">
+            <el-form-item label="设备ID" prop="device_id">
+              <el-input v-model="form.device_id" placeholder="请输入设备ID" />
+            </el-form-item>
+            <el-form-item label="设备名称" prop="device_name">
+              <el-input v-model="form.device_name" placeholder="请输入设备名称" />
+            </el-form-item>
+            <el-form-item label="设备描述" prop="device_desc">
+              <el-input
+                v-model="form.device_desc"
+                :rows="2"
+                type="textarea"
+                placeholder="请输入设备描述"
+              />
+            </el-form-item>
+            <el-form-item label="详细信息" prop="infomation">
+              <el-input
+                v-model="form.infomation"
+                :rows="3"
+                type="textarea"
+                placeholder="请输入详细信息"
+              />
+            </el-form-item>
+          </el-form>
+        </el-col>
+        <el-col :lg="12" :xs="24"> </el-col>
+      </el-row>
+    </el-card>
+    <el-card class="card-footer">
+      <el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
+      <el-button @click="closeBack"><i-ep-close />取 消</el-button>
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import DeviceApi from "@/api/device";
+
+const router = useRouter();
+
+const form = reactive({
+  unregisted: null,
+});
+const formRef = ref(ElForm); // 表单
+const loading = ref(false); //  加载状态
+const unregistedList = ref([]); // 未注册设备
+// 校验规则
+const rules = reactive({
+  device_id: [{ required: true, message: "设备ID不能为空", trigger: "blur" }],
+  device_name: [{ required: true, message: "设备名称不能为空", trigger: "blur" }],
+  device_desc: [{ required: false, message: "设备描述不能为空", trigger: "blur" }],
+  infomation: [{ required: false, message: "详细信息不能为空", trigger: "blur" }],
+});
+const queryParams = reactive({
+  cmpt_interface_type: "pcie",
+});
+
+/** 选中未注册设备 */
+function getCurrentRow(row: { [key: string]: any }) {
+  form.uuid = row.uuid;
+  form.pcie_index = row.pcie_index;
+  form.manufacturer = row.manufacturer;
+  form.hardware_chip = row.hardware_chip;
+  form.hardware_model = row.hardware_model;
+  form.software_version = row.software_version;
+  form.cmpt_hardware_type = row.cmpt_hardware_type;
+  form.cmpt_interface_type = row.cmpt_interface_type;
+}
+
+/** 表单提交 */
+const handleSubmit = useThrottleFn(() => {
+  formRef.value.validate((valid: any) => {
+    if (valid) {
+      if (!form.unregisted) {
+        ElMessage.error("请选择要注册的设备");
+        return false;
+      }
+      loading.value = true;
+      DeviceApi.add(form)
+        .then((res) => {
+          if (res.data.code == 0) {
+            ElMessage.success("保存成功");
+            closeBack();
+          }
+        })
+        .finally(() => {
+          loading.value = false;
+        });
+    }
+  });
+}, 3000);
+
+/** 初始化未注册设备列表 */
+function initUnregistedList() {
+  DeviceApi.unregisted(queryParams).then((res) => {
+    if (res.data.code == 0) {
+      unregistedList.value = res.data.data.UnregistedList;
+    }
+  });
+}
+
+/** 返回列表页面 */
+function closeBack() {
+  router.push({ path: "/tester/equipment" });
+}
+
+onMounted(() => {
+  initUnregistedList();
+});
+</script>
+<style scoped lang="scss">
+.model-detail {
+  :deep(.el-card__header) {
+    padding: 8px 4px;
+    display: flex;
+    align-items: center;
+  }
+}
+.sp-file {
+  color: #29d;
+}
+.tb-base-info {
+  line-height: 30px;
+}
+:deep(.svg-icon) {
+  margin-right: 8px;
+}
+.card-footer {
+  position: fixed;
+  width: calc(100% - 215px);
+  bottom: 0px;
+  :deep(.el-card__body) {
+    padding: 10px;
+    .el-pagination {
+      justify-content: end;
+    }
+  }
+}
+</style>
diff --git a/src/views/manage/equipment/edit.vue b/src/views/manage/equipment/edit.vue
index efbe919..f4fb9e5 100644
--- a/src/views/manage/equipment/edit.vue
+++ b/src/views/manage/equipment/edit.vue
@@ -3,227 +3,158 @@
   <div class="app-container model-detail">
     <!-- 用户新增/编辑表单 -->
     <el-card v-loading="loading">
-      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" />计算设备基本信息</template>
+      <template #header
+        ><svg-icon
+          icon-class="pause"
+          style="width: 20px; height: 20px"
+        />注册设备</template
+      >
+      <el-table :data="list">
+        <el-table-column prop="hardware_chip" label="芯片信息" align="left" />
+        <el-table-column prop="hardware_model" label="设备型号" align="left" />
+        <el-table-column prop="cmpt_hardware_type" label="设备类型" align="left" />
+        <el-table-column prop="manufacturer" label="厂商名称" align="left" />
+        <el-table-column prop="software_version" label="服务程序版本" align="left" />
+      </el-table>
+    </el-card>
+    <el-card v-loading="loading" style="margin-top: 12px">
       <el-row>
         <el-col :lg="12" :xs="24">
-          <el-form
-            ref="userFormRef"
-            :model="formData"
-            label-width="100px"
-            size="small"
-          >
-            <el-divider content-position="left"
-              ><strong style="color: #409eff">计算设备基本信息</strong></el-divider
-            >
-            <el-form-item label="设备名称" prop="username"> 目标分类模型 </el-form-item>
-            <el-form-item label="设备型号" prop="nickname">
-              前置算子/缩放算子
+          <el-form ref="formRef" :model="form" :rules="rules" label-width="80px">
+            <el-form-item label="设备ID号" prop="device_id">
+              <el-input v-model="form.device_id" disabled placeholder="请输入设备ID号" />
             </el-form-item>
-            <el-form-item label="芯片信息" prop="nickname22"> 昇腾310 </el-form-item>
-            <el-form-item label="厂商名称" prop="nickname33"> 华为 </el-form-item>
-            <el-form-item label="接口类型" prop="username"> Pcie </el-form-item>
-            <el-form-item label="设备状态" prop="nickname">
-              <el-tag type="success">已连接</el-tag>
+            <el-form-item label="设备名称" prop="device_name">
+              <el-input v-model="form.device_name" placeholder="请输入设备名称" />
             </el-form-item>
-            <el-form-item label="设备标签" prop="nickname22">
-              <div class="flex gap-2">
-                <el-tag type="info">设备标签</el-tag>
-                <el-tag type="info">对讲机</el-tag>
-                <el-tag type="info">头像识别</el-tag>
-              </div>
-            </el-form-item>
-            <el-form-item label="设备类型" prop="nickname33"> PCIE-AI-NPU </el-form-item>
-            <el-form-item label="IP地址" prop="nickname33"> 192.168.1.32 </el-form-item>
-            <el-form-item label="ID编号" prop="nickname33">
-              6c647c8d-774j-sdjksk-fdof67
-            </el-form-item>
-            <el-form-item label="程序版本" prop="nickname33"> V3.0 </el-form-item>
-            <el-form-item label="详细信息" prop="nickname33">
+            <el-form-item label="设备描述" prop="device_desc">
               <el-input
-                v-model="formData.usernamedd"
-                :disabled="true"
-                placeholder="请输入数据集名称"
-                :rows="5"
+                v-model="form.device_desc"
+                :rows="2"
                 type="textarea"
+                placeholder="请输入设备描述"
+              />
+            </el-form-item>
+            <el-form-item label="详细信息" prop="infomation">
+              <el-input
+                v-model="form.infomation"
+                :rows="3"
+                type="textarea"
+                disabled
+                placeholder="请输入详细信息"
               />
             </el-form-item>
           </el-form>
         </el-col>
-        <el-col :lg="12" :xs="24">
-          <div style="padding-left: 35px">
-            <el-form
-              ref="userFormRef"
-              :model="formData"
-              v-loading="loading"
-              label-width="100px"
-              size="small"
-            >
-              <el-divider content-position="left"
-                ><strong style="color: #409eff">升级文件信息</strong></el-divider
-              >
-              <el-form-item label="升级文件" prop="username">
-                <el-upload
-                  v-model:file-list="fileList"
-                  class="upload-demo"
-                  action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
-                  multiple
-                  :on-preview="handlePreview"
-                  :on-remove="handleRemove"
-                  :before-remove="beforeRemove"
-                  :limit="3"
-                  :on-exceed="handleExceed"
-                >
-                  <el-button type="primary"
-                    ><el-icon class="el-icon--upload"> <i-ep-upload-filled /> </el-icon
-                    >选择文件</el-button
-                  >
-                  <template #tip>
-                    <div class="el-upload__tip">
-                      请上传大小不超过 <strong style="color: red">10M</strong>，格式为
-                      <strong style="color: red">tar</strong> 的文件
-                    </div>
-                  </template>
-                </el-upload>
-              </el-form-item>
-              <el-form-item label="检查结果" prop="nickname">
-                <div style="max-width: 80%">
-                  <el-alert
-                    show-icon
-                    title="文件检查通过，可升级设备服务程序"
-                    type="success"
-                    :closable="false"
-                    style="margin-top: -8px;"
-                  />
-                </div>
-              </el-form-item>
-            </el-form>
-          </div>
-        </el-col>
+        <el-col :lg="12" :xs="24"> </el-col>
       </el-row>
     </el-card>
     <el-card class="card-footer">
-        <el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
-        <el-button @click="closeBack"><i-ep-close />取 消</el-button>
+      <el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
+      <el-button @click="closeBack"><i-ep-close />取 消</el-button>
     </el-card>
   </div>
 </template>
 
 <script setup lang="ts">
-defineOptions({
-  name: "User",
-  inheritAttrs: false,
-});
-
-import UserAPI from "@/api/user";
-import { UserForm } from "@/api/user/model";
+import DeviceApi from "@/api/device";
 
+const route = useRoute();
 const router = useRouter();
+
+const form = reactive({});
+const formRef = ref(ElForm); // 表单
 const loading = ref(false); //  加载状态
-
-const calTypeList = ref<OptionType[]>(); // 角色下拉数据源
-
-// 用户表单数据
-const formData = reactive<UserForm>({
-  status: 1,
-  usernamedd:
-    "1个DaVinciV300 A core，主频1.224GHZ\r\n4个TAISHANV200M处理器核，主频1.6GHz\r\n半精度(FP16):10TFLOPS\r\n整数精度(INT8):20TOPS\r\n内存:LPDDR4X 8GB典型功耗:24.5W",
-});
-
+const list = ref([]); // 注册设备
 // 校验规则
 const rules = reactive({
-  username: [{ required: true, message: "不能为空", trigger: "blur" }],
-  nickname: [{ required: true, message: "不能为空", trigger: "blur" }],
-  deptId: [{ required: true, message: "不能为空", trigger: "blur" }],
-  roleIds: [{ required: true, message: "不能为空", trigger: "blur" }],
-  email: [
-    {
-      pattern: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,
-      message: "请输入正确的邮箱地址",
-      trigger: "blur",
-    },
-  ],
-  mobile: [
-    {
-      pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
-      message: "请输入正确的手机号码",
-      trigger: "blur",
-    },
-  ],
+  device_id: [{ required: true, message: "设备ID不能为空", trigger: "blur" }],
+  device_name: [{ required: true, message: "设备名称不能为空", trigger: "blur" }],
+  device_desc: [{ required: false, message: "设备描述不能为空", trigger: "blur" }],
+  infomation: [{ required: false, message: "详细信息不能为空", trigger: "blur" }],
 });
 
-const list = [
-  {
-    csmc: "10.0.8.12",
-    csms: "异腾310",
-    csmc1: "Atlas 2000 DK A2",
-    csmc2: "PCIE-AI-NPU",
-    csmc3: "华为",
-    csmc4: "1.2",
-    csmc5: "已连接",
-  },
-  {
-    csmc: "192.168.1.44",
-    csms: "思源220",
-    csmc1: "Atlas 2000 DK A2",
-    csmc2: "PCIE-AI-NPU",
-    csmc3: "华为",
-    csmc4: "1.2",
-    csmc5: "已连接",
-  },
-  {
-    csmc: "192.168.1.66",
-    csms: "RTX4090",
-    csmc1: "Atlas 2000 DK A2",
-    csmc2: "PCIE-AI-NPU",
-    csmc3: "华为",
-    csmc4: "1.2",
-    csmc5: "已连接",
-  },
-];
-
 /** 表单提交 */
 const handleSubmit = useThrottleFn(() => {
-  loading.value = true;
-  setTimeout(() => {
-    ElMessage.success("保存成功");
-    loading.value = false;
-    closeBack();
-  }, 1000);
+  formRef.value.validate((valid: any) => {
+    if (valid) {
+      loading.value = true;
+      DeviceApi.updateDevices(form)
+        .then((res) => {
+          if (res.data.code == 0) {
+            ElMessage.success("保存成功");
+            closeBack();
+          }
+        })
+        .finally(() => {
+          loading.value = false;
+        });
+    }
+  });
 }, 3000);
 
-/** 返回默认页面 */
+/** 初始化数据 */
+function initPage() {
+  let id = route.query.id;
+  loading.value = true;
+  DeviceApi.devicesInfo(id)
+    .then((res) => {
+      if (res.data.code == 0) {
+        let data = {};
+        let device_info = res.data.data.device_info;
+        data.uuid = device_info.uuid;
+        data.pcie_index = device_info.pcie_index;
+        data.manufacturer = device_info.manufacturer;
+        data.hardware_chip = device_info.hardware_chip;
+        data.hardware_model = device_info.hardware_model;
+        data.software_version = device_info.software_version;
+        data.cmpt_hardware_type = device_info.cmpt_hardware_type;
+        data.cmpt_interface_type = device_info.cmpt_interface_type;
+        list.value.push(data);
+      }
+      form.device_id = res.data.data.device_id || device_info.device_id;
+      form.device_name = device_info.device_name;
+      form.device_desc = device_info.device_desc;
+      form.infomation = device_info.infomation;
+    })
+    .finally(() => {
+      loading.value = false;
+    });
+}
+
+/** 返回列表页面 */
 function closeBack() {
   router.push({ path: "/tester/equipment" });
 }
 
 onMounted(() => {
-  //handleQuery();
+  initPage();
 });
 </script>
-<style scoped lang='scss'>
-.model-detail{
-    :deep(.el-card__header){
-        padding:8px 4px;
-        display: flex;
-        align-items: center
-    }    
+<style scoped lang="scss">
+.model-detail {
+  :deep(.el-card__header) {
+    padding: 8px 4px;
+    display: flex;
+    align-items: center;
+  }
 }
-.sp-file{
-    color:#29d;    
+.sp-file {
+  color: #29d;
 }
-.tb-base-info{
-    line-height: 30px;
+.tb-base-info {
+  line-height: 30px;
 }
-:deep(.svg-icon){
-    margin-right:8px;
+:deep(.svg-icon) {
+  margin-right: 8px;
 }
-.card-footer{
+.card-footer {
   position: fixed;
   width: calc(100% - 215px);
   bottom: 0px;
-  :deep(.el-card__body){
-    padding:10px;
-    .el-pagination{
+  :deep(.el-card__body) {
+    padding: 10px;
+    .el-pagination {
       justify-content: end;
     }
   }
diff --git a/src/views/manage/equipment/editNet.vue b/src/views/manage/equipment/editNet.vue
deleted file mode 100644
index 7716ad2..0000000
--- a/src/views/manage/equipment/editNet.vue
+++ /dev/null
@@ -1,225 +0,0 @@
-<!-- 用户管理 -->
-<template>
-  <div class="app-container model-detail">
-    <!-- 用户新增/编辑表单 -->
-    <el-card v-loading="loading">
-      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" />未注册网络设备</template>
-      <el-row>
-        <el-col :lg="24" :xs="24">
-          <el-form
-            ref="userFormRef"
-            :model="formData"
-            :rules="rules"
-            label-width="100px"
-          >
-            <el-table :data="list" style="width: 100%" stripe>
-              <el-table-column label="选择" width="60" align="center">
-                <template #default="scope">
-                  <el-radio v-model="radioSelected" :label="scope.row.csmc" @change.native="getCurrentRow(scope.row.csmc)">{{ '' }}</el-radio>
-                </template>
-              </el-table-column>
-              <el-table-column prop="csmc" label="IP地址" align="left" />
-              <el-table-column prop="csms" label="芯片信息" align="left" />
-              <el-table-column prop="csmc1" label="设备型号" align="left" />
-              <el-table-column prop="csmc2" label="设备类型" align="left" />
-              <el-table-column prop="csmc3" label="厂商名称" align="left" />
-              <el-table-column prop="csmc4" label="服务程序版本" align="left" />
-              <el-table-column prop="csmc5" label="连接状态" align="left" />
-            </el-table>
-            <!-- <el-divider content-position="left"
-              ><strong style="color: #409eff">设备信息</strong></el-divider
-            >
-            <el-form-item label="设备ID号" prop="username">
-              <el-input
-                v-model="formData.username"
-                :readonly="!!formData.id"
-                placeholder="请输入设备ID号"
-              />
-            </el-form-item>
-            <el-form-item label="设备名称" prop="nickname">
-              <el-input v-model="formData.nickname" placeholder="请输入设备名称" />
-            </el-form-item>
-            <el-form-item label="设备标签" prop="nickname22">
-              <el-input v-model="formData.nickname22" placeholder="请输入设备标签" />
-            </el-form-item>
-            <el-form-item label="详细信息" prop="nickname33">
-              <el-input
-                v-model="formData.nickname33"
-                :rows="2"
-                type="textarea"
-                placeholder="请输入详细信息"
-              />
-            </el-form-item> -->
-          </el-form>
-        </el-col>
-        <el-col :lg="12" :xs="24"> </el-col>
-      </el-row>
-    </el-card>
-    <el-card v-loading="loading" style="margin-top: 12px;">
-      <el-row>
-        <el-col :lg="12" :xs="24">
-          <el-form
-            ref="userFormRef"
-            :model="formData"
-            :rules="rules"
-            label-width="100px"
-          >
-            <el-form-item label="设备ID号" prop="username">
-              <el-input
-                v-model="formData.username"
-                :readonly="!!formData.id"
-                placeholder="请输入设备ID号"
-              />
-            </el-form-item>
-            <el-form-item label="设备名称" prop="nickname">
-              <el-input v-model="formData.nickname" placeholder="请输入设备名称" />
-            </el-form-item>
-            <el-form-item label="设备标签" prop="nickname22">
-              <el-input v-model="formData.nickname22" placeholder="请输入设备标签" />
-            </el-form-item>
-            <el-form-item label="详细信息" prop="nickname33">
-              <el-input
-                v-model="formData.nickname33"
-                :rows="2"
-                type="textarea"
-                placeholder="请输入详细信息"
-              />
-            </el-form-item>
-          </el-form>
-        </el-col>
-        <el-col :lg="12" :xs="24"> </el-col>
-      </el-row>
-    </el-card>
-<el-card class="card-footer">
-        <el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
-        <el-button @click="closeBack"><i-ep-close />取 消</el-button>
-    </el-card>
-  </div>
-</template>
-
-<script setup lang="ts">
-defineOptions({
-  name: "User",
-  inheritAttrs: false,
-});
-
-import UserAPI from "@/api/user";
-import { UserForm } from "@/api/user/model";
-
-const router = useRouter();
-const loading = ref(false); //  加载状态
-
-const calTypeList = ref<OptionType[]>(); // 角色下拉数据源
-
-// 用户表单数据
-const formData = reactive<UserForm>({
-  status: 1,
-});
-
-const radioSelected = ref('');
-
-// 校验规则
-const rules = reactive({
-  username: [{ required: true, message: "不能为空", trigger: "blur" }],
-  nickname: [{ required: true, message: "不能为空", trigger: "blur" }],
-  deptId: [{ required: true, message: "不能为空", trigger: "blur" }],
-  roleIds: [{ required: true, message: "不能为空", trigger: "blur" }],
-  email: [
-    {
-      pattern: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,
-      message: "请输入正确的邮箱地址",
-      trigger: "blur",
-    },
-  ],
-  mobile: [
-    {
-      pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
-      message: "请输入正确的手机号码",
-      trigger: "blur",
-    },
-  ],
-});
-
-const list = [
-  {
-    csmc: "10.0.8.12",
-    csms: "异腾310",
-    csmc1: "Atlas 2000 DK A2",
-    csmc2: "PCIE-AI-NPU",
-    csmc3: "华为",
-    csmc4: "1.2",
-    csmc5: "已连接",
-  },
-  {
-    csmc: "192.168.1.44",
-    csms: "思源220",
-    csmc1: "Atlas 2000 DK A2",
-    csmc2: "PCIE-AI-NPU",
-    csmc3: "华为",
-    csmc4: "1.2",
-    csmc5: "已连接",
-  },
-  {
-    csmc: "192.168.1.66",
-    csms: "RTX4090",
-    csmc1: "Atlas 2000 DK A2",
-    csmc2: "PCIE-AI-NPU",
-    csmc3: "华为",
-    csmc4: "1.2",
-    csmc5: "已连接",
-  },
-];
-
-/** 表单提交 */
-const handleSubmit = useThrottleFn(() => {
-  loading.value = true;
-  setTimeout(() => {
-    ElMessage.success("保存成功");
-    loading.value = false;
-    closeBack();
-  }, 1000);
-}, 3000);
-
-/** 返回默认页面 */
-function closeBack() {
-  router.push({ path: "/tester/equipment" });
-}
-
-// 单选框选中数据
-function getCurrentRow(row) {
-  radioSelected = row;//点击当前行时,radio同样有选中效果
-}
-
-onMounted(() => {
-  //handleQuery();
-});
-</script>
-<style scoped lang='scss'>
-.model-detail{
-    :deep(.el-card__header){
-        padding:8px 4px;
-        display: flex;
-        align-items: center
-    }    
-}
-.sp-file{
-    color:#29d;    
-}
-.tb-base-info{
-    line-height: 30px;
-}
-:deep(.svg-icon){
-    margin-right:8px;
-}
-.card-footer{
-  position: fixed;
-  width: calc(100% - 215px);
-  bottom: 0px;
-  :deep(.el-card__body){
-    padding:10px;
-    .el-pagination{
-      justify-content: end;
-    }
-  }
-}
-</style>
diff --git a/src/views/manage/equipment/editPcie.vue b/src/views/manage/equipment/editPcie.vue
deleted file mode 100644
index 238f089..0000000
--- a/src/views/manage/equipment/editPcie.vue
+++ /dev/null
@@ -1,196 +0,0 @@
-<!-- 用户管理 -->
-<template>
-  <div class="app-container model-detail">
-    <!-- 用户新增/编辑表单 -->
-    <el-card v-loading="loading">
-      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" />添加PCIE设备</template>
-      <el-row>
-        <el-col :lg="24" :xs="24">
-          <el-form
-            ref="userFormRef"
-            :model="formData"
-            :rules="rules"
-            label-width="100px"
-          >
-            <el-table :data="list" style="width: 100%" stripe>
-              <el-table-column label="选择" width="60" align="center">
-                <template #default="scope">
-                  <el-radio v-model="radioSelected" :label="scope.row.csmc" @change.native="getCurrentRow(scope.row.csmc)">{{ '' }}</el-radio>
-                </template>
-              </el-table-column>
-              <el-table-column prop="csmc" label="PCLE设备序号" align="left" />
-              <el-table-column prop="csms" label="芯片信息" align="left" />
-              <el-table-column prop="csmc1" label="设备型号" align="left" />
-              <el-table-column prop="csmc2" label="设备类型" align="left" />
-              <el-table-column prop="csmc3" label="厂商名称" align="left" />
-              <el-table-column prop="csmc4" label="服务程序版本" align="left" />
-              <el-table-column prop="csmc5" label="连接状态" align="left" />
-            </el-table>
-          </el-form>
-        </el-col>
-        <el-col :lg="12" :xs="24"> </el-col>
-      </el-row>
-    </el-card>
-    <el-card v-loading="loading" style="margin-top: 12px;">
-      <el-row>
-        <el-col :lg="12" :xs="24">
-          <el-form
-            ref="userFormRef"
-            :model="formData"
-            :rules="rules"
-            label-width="100px"
-          >
-            <el-form-item label="设备ID号" prop="username">
-              <el-input
-                v-model="formData.username"
-                :readonly="!!formData.id"
-                placeholder="请输入设备ID号"
-              />
-            </el-form-item>
-            <el-form-item label="设备名称" prop="nickname">
-              <el-input v-model="formData.nickname" placeholder="请输入设备名称" />
-            </el-form-item>
-            <el-form-item label="设备标签" prop="nickname22">
-              <el-input v-model="formData.nickname22" placeholder="请输入设备标签" />
-            </el-form-item>
-            <el-form-item label="详细信息" prop="nickname33">
-              <el-input
-                v-model="formData.nickname33"
-                :rows="2"
-                type="textarea"
-                placeholder="请输入详细信息"
-              />
-            </el-form-item>
-          </el-form>
-        </el-col>
-        <el-col :lg="12" :xs="24"> </el-col>
-      </el-row>
-    </el-card>
-    <el-card class="card-footer">
-        <el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
-        <el-button @click="closeBack"><i-ep-close />取 消</el-button>
-    </el-card>
-  </div>
-</template>
-
-<script setup lang="ts">
-defineOptions({
-  name: "User",
-  inheritAttrs: false,
-});
-
-import UserAPI from "@/api/user";
-import { UserForm } from "@/api/user/model";
-
-const router = useRouter();
-const loading = ref(false); //  加载状态
-
-const calTypeList = ref<OptionType[]>(); // 角色下拉数据源
-
-// 用户表单数据
-const formData = reactive<UserForm>({
-  status: 1,
-});
-
-const radioSelected = ref('');
-
-// 校验规则
-const rules = reactive({
-  username: [{ required: true, message: "不能为空", trigger: "blur" }],
-  nickname: [{ required: true, message: "不能为空", trigger: "blur" }],
-  deptId: [{ required: true, message: "不能为空", trigger: "blur" }],
-  roleIds: [{ required: true, message: "不能为空", trigger: "blur" }],
-  email: [
-    {
-      pattern: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,
-      message: "请输入正确的邮箱地址",
-      trigger: "blur",
-    },
-  ],
-  mobile: [
-    {
-      pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
-      message: "请输入正确的手机号码",
-      trigger: "blur",
-    },
-  ],
-});
-
-const list = [
-  {
-    csmc: "DOCKER112",
-    csms: "异腾310",
-    csmc1: "Atlas 2000 DK A2",
-    csmc2: "PCIE-AI-NPU	",
-    csmc3: "华为",
-    csmc4: "1.21",
-    csmc5: "已连接",
-  },
-  {
-    csmc: "DOCKER452-12",
-    csms: "思源220",
-    csmc1: "Atlas 2000 DK A2",
-    csmc2: "PCIE-AI-NPU	",
-    csmc3: "华为",
-    csmc4: "1.21",
-    csmc5: "已连接",
-  },
-  {
-    csmc: "DOCKER666",
-    csms: "ETL",
-    csmc1: "At772las 1999 DR",
-    csmc2: "PCIE-AI-NPU	",
-    csmc3: "华为",
-    csmc4: "1.21",
-    csmc5: "已连接",
-  },
-];
-
-/** 表单提交 */
-const handleSubmit = useThrottleFn(() => {
-  loading.value = true;
-  setTimeout(() => {
-    ElMessage.success("保存成功");
-    loading.value = false;
-    closeBack();
-  }, 1000);
-}, 3000);
-
-/** 返回默认页面 */
-function closeBack() {
-  router.push({ path: "/tester/equipment" });
-}
-
-onMounted(() => {
-  //handleQuery();
-});
-</script>
-<style scoped lang='scss'>
-.model-detail{
-    :deep(.el-card__header){
-        padding:8px 4px;
-        display: flex;
-        align-items: center
-    }    
-}
-.sp-file{
-    color:#29d;    
-}
-.tb-base-info{
-    line-height: 30px;
-}
-:deep(.svg-icon){
-    margin-right:8px;
-}
-.card-footer{
-  position: fixed;
-  width: calc(100% - 215px);
-  bottom: 0px;
-  :deep(.el-card__body){
-    padding:10px;
-    .el-pagination{
-      justify-content: end;
-    }
-  }
-}
-</style>
diff --git a/src/views/manage/equipment/index.vue b/src/views/manage/equipment/index.vue
index e919247..88d7b6c 100644
--- a/src/views/manage/equipment/index.vue
+++ b/src/views/manage/equipment/index.vue
@@ -5,14 +5,14 @@
       <template #header>
         <div class="flex justify-between">
           <div>
-            <el-button type="primary" @click="openDialog1('user-form')"
+            <el-button type="primary" @click="handleAddPcie()"
               ><i-ep-plus />PCLE设备</el-button
             >
-            <el-button type="primary" @click="openDialog2('user-form')"
+            <el-button type="primary" @click="handleAddNet()"
               ><i-ep-plus />网络设备</el-button
             >
           </div>
-          <div>
+          <!-- <div>
             <el-form ref="queryFormRef" :model="queryParams" :inline="true">
               <el-form-item label="设备名称" prop="keywords">
                 <el-input
@@ -33,22 +33,52 @@
                 >
               </el-form-item>
             </el-form>
-          </div>
+          </div> -->
         </div>
       </template>
       <el-table
         v-loading="loading"
-        :data="tableData"
+        :data="pageData"
         stripe
         @selection-change="handleSelectionChange"
       >
-        <el-table-column label="设备名称" align="left" prop="szmc" width="250" />
-        <el-table-column label="设备类型" align="left" prop="sblx" />
-        <el-table-column label="芯片信息" align="left" prop="szlx" />
-        <el-table-column label="标签" align="left" prop="szzlx" />
-        <el-table-column label="连接状态" width="180" align="left" prop="bb" />
-        <el-table-column label="工作状态" width="180" align="left" prop="gzzz" />
-        <el-table-column label="创建时间" width="180" align="left" prop="hlcjsj" />
+        <el-table-column label="设备名称" align="left" prop="device_name" width="250" />
+        <el-table-column label="芯片信息" align="left" prop="modl_net_type" />
+        <el-table-column label="推理任务名称" align="left" prop="infer_task_name" />
+        <el-table-column label="模型名称" align="left" prop="model_name" />
+        <el-table-column label="模型类型" align="left" prop="modl_net_type" />
+        <el-table-column
+          label="连接状态"
+          width="180"
+          align="left"
+          prop="connection_state"
+        />
+        <el-table-column
+          label="工作状态"
+          width="180"
+          align="left"
+          prop="working_state_name"
+        />
+        <el-table-column label="CPU使用率" width="180" align="left" prop="cpu_usage">
+          <template #default="scope">
+            <el-tag
+              :type="scope.row.cpu_usage > 1024 ? 'danger' : 'success'"
+              effect="dark"
+            >
+              {{ scope.row.cpu_usage + " MB" }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="内核温度" width="180" align="left" prop="tempurature">
+          <template #default="scope">
+            <el-tag
+              :type="scope.row.tempurature > 80 ? 'danger' : 'success'"
+              effect="plain"
+            >
+              {{ scope.row.tempurature + " °" }}
+            </el-tag>
+          </template>
+        </el-table-column>
         <el-table-column label="操作" fixed="right" width="320">
           <template #default="scope">
             <el-button
@@ -58,11 +88,7 @@
               @click="openDialog3('user-form', scope.row.id)"
               ><i-ep-view />详细</el-button
             >
-            <el-button
-              text
-              type="primary"
-              size="small"
-              @click="openDialog4('user-form', scope.row)"
+            <el-button text type="primary" size="small" @click="handleUpdate(scope.row)"
               ><i-ep-edit />修改</el-button
             >
             <el-button
@@ -80,19 +106,19 @@
         </el-table-column>
       </el-table>
 
-      <pagination
+      <!-- <pagination
         v-if="total > 0"
         v-model:total="total"
         v-model:page="queryParams.pageNum"
         v-model:limit="queryParams.pageSize"
         @pagination="handleQuery"
-      />
+      /> -->
     </el-card>
   </div>
 </template>
 
 <script setup lang="ts">
-import OperatorApi from '@/api/operator'
+import DeviceApi from "@/api/device";
 
 const router = useRouter();
 
@@ -102,73 +128,29 @@ const pageData = ref([]); // 分页数据
 const removeIds = ref([]); // 删除ID集合 用于批量删除
 const queryFormRef = ref(ElForm); // 查询表单
 const queryParams = reactive({
-  page_num: 1,
-  page_size: 10,
-  operation_id: null,
-  oper_main_type: null,
-  oper_sub_type: null,
-  cmpt_hardware_type: null,
-  operator_name: null,
+  //page_num: 1,
+  //page_size: 10,
+  tool_type: null,
 });
 
-
-const tableData = [
-  {
-    id: 1,
-    szmc: "Atlas200I智能模组",
-    sblx: "PCIE设备",
-    szlx: "昇腾310",
-    szzlx: "扫描",
-    bb: "已连接",
-    gzzt: "空闲",
-    hlcjsj: "2024-05-03",
-  },
-  {
-    id: 2,
-    szmc: "思元220智能模组",
-    sblx: "PCIE设备",
-    szlx: "思元220",
-    szzlx: "扫描",
-    bb: "已断开",
-    gzzt: "- -",
-    hlcjsj: "2024-06-07",
-  },
-  {
-    id: 3,
-    szmc: "RTX 4090ti 显卡",
-    sblx: "网络设备",
-    szlx: "RTX 4090ti",
-    szzlx: "轮询",
-    bb: "已连接",
-    gzzt: "忙碌",
-    hlcjsj: "2024-06-08",
-  },
-];
-
-/** 查询 */
+/** 设备状态列表 */
 function handleQuery() {
   loading.value = true;
-  ElMessage.success("查询成功");
-  loading.value = false;
-  // UserAPI.getPage(queryParams)
-  //   .then((data) => {
-  //     console.log("handleQuery", data);
-  //     pageData.value = data.list;
-  //     total.value = data.total;
-  //   })
-  //   .finally(() => {
-  //     loading.value = false;
-  // });
+  DeviceApi.getStatus(queryParams)
+    .then((res) => {
+      pageData.value = res.data.data.device_status_list;
+      total.value = res.data.data.total;
+    })
+    .finally(() => {
+      loading.value = false;
+    });
 }
 
 /** 重置查询 */
 function resetQuery() {
   queryFormRef.value.resetFields();
-  dateTimeRange.value = "";
-  queryParams.pageNum = 1;
-  queryParams.deptId = undefined;
-  queryParams.startTime = undefined;
-  queryParams.endTime = undefined;
+  //queryParams.page_num = 1;
+  //queryParams.tool_type = null;
   handleQuery();
 }
 
@@ -179,18 +161,39 @@ function handleSelectionChange(selection: any) {
 
 /** 删除数据 */
 function handleDelete(row: { [key: string]: any }) {
-  ElMessageBox.confirm("确认删除计算设备信息?", "警告", {
+  ElMessageBox.confirm("确认删除设备信息?", "警告", {
     confirmButtonText: "确定",
     cancelButtonText: "取消",
     type: "warning",
   }).then(function () {
-    // ToolChainshApi.deleteTool(row.tool_id).then((res) => {
-    ElMessage.success("删除成功");
-    //   resetQuery();
-    // });
+    DeviceApi.deleteDevices(row.device_id).then((res) => {
+      if (res.data.code == 0) {
+        ElMessage.success("删除成功");
+        resetQuery();
+      }
+    });
   });
 }
 
+/** 新增Pcie设备 */
+function handleAddPcie() {
+  router.push({ path: "/tester/equipmentAddPcie" });
+}
+
+/** 新增网络设备 */
+function handleAddNet() {
+  router.push({ path: "/tester/equipmentAddNet" });
+}
+
+/** 修改设备信息 */
+function handleUpdate(row: { [key: string]: any }) {
+  router.push({ path: "/tester/equipmentAddNet", query: { id: row.device_id } });
+}
+
+onMounted(() => {
+  handleQuery();
+});
+
 /**
  * 打开弹窗
  *
@@ -200,19 +203,14 @@ function handleDelete(row: { [key: string]: any }) {
 async function openDialog(type: string, id?: number) {
   router.push({ path: "/tester/equipmentEdit" });
 }
-async function openDialog1(type: string, id?: number) {
-  router.push({ path: "/tester/equipmentEditPcie" });
-}
-async function openDialog2(type: string, id?: number) {
-  router.push({ path: "/tester/equipmentEditNet" });
-}
+
 async function openDialog3(type: string, id?: number) {
   router.push({ path: "/tester/equipmentView" });
 }
 async function openDialog4(type: string, row) {
-  if(row.sblx=='网络设备'){
+  if (row.sblx == "网络设备") {
     router.push({ path: "/tester/equipmentEditNet" });
-  }else{
+  } else {
     router.push({ path: "/tester/equipmentEditPcie" });
   }
 }
diff --git a/src/views/manage/equipment/upgrades.vue b/src/views/manage/equipment/upgrades.vue
new file mode 100644
index 0000000..1beaf4c
--- /dev/null
+++ b/src/views/manage/equipment/upgrades.vue
@@ -0,0 +1,228 @@
+<!-- 用户管理 -->
+<template>
+  <div class="app-container model-detail">
+    <!-- 用户新增/编辑表单 -->
+    <el-card v-loading="loading">
+      <template #header
+        ><svg-icon
+          icon-class="pause"
+          style="width: 20px; height: 20px"
+        />计算设备基本信息</template
+      >
+      <el-row>
+        <el-col :lg="12" :xs="24">
+          <el-form ref="userFormRef" :model="formData" label-width="100px" size="small">
+            <el-form-item label="设备名称" prop="username"> 目标分类模型 </el-form-item>
+            <el-form-item label="设备型号" prop="nickname">
+              前置算子/缩放算子
+            </el-form-item>
+            <el-form-item label="芯片信息" prop="nickname22"> 昇腾310 </el-form-item>
+            <el-form-item label="厂商名称" prop="nickname33"> 华为 </el-form-item>
+            <el-form-item label="接口类型" prop="username"> Pcie </el-form-item>
+            <el-form-item label="设备状态" prop="nickname">
+              <el-tag type="success">已连接</el-tag>
+            </el-form-item>
+            <el-form-item label="设备标签" prop="nickname22">
+              <div class="flex gap-2">
+                <el-tag type="info">设备标签</el-tag>
+                <el-tag type="info">对讲机</el-tag>
+                <el-tag type="info">头像识别</el-tag>
+              </div>
+            </el-form-item>
+            <el-form-item label="设备类型" prop="nickname33"> PCIE-AI-NPU </el-form-item>
+            <el-form-item label="IP地址" prop="nickname33"> 192.168.1.32 </el-form-item>
+            <el-form-item label="ID编号" prop="nickname33">
+              6c647c8d-774j-sdjksk-fdof67
+            </el-form-item>
+            <el-form-item label="程序版本" prop="nickname33"> V3.0 </el-form-item>
+            <el-form-item label="详细信息" prop="nickname33">
+              <el-input
+                v-model="formData.usernamedd"
+                :disabled="true"
+                placeholder="请输入数据集名称"
+                :rows="5"
+                type="textarea"
+              />
+            </el-form-item>
+          </el-form>
+        </el-col>
+        <el-col :lg="12" :xs="24">
+          <div style="padding-left: 35px">
+            <el-form
+              ref="userFormRef"
+              :model="formData"
+              v-loading="loading"
+              label-width="100px"
+              size="small"
+            >
+              <el-divider content-position="left"
+                ><strong style="color: #409eff">升级文件信息</strong></el-divider
+              >
+              <el-form-item label="升级文件" prop="username">
+                <el-upload
+                  v-model:file-list="fileList"
+                  class="upload-demo"
+                  action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
+                  multiple
+                  :on-preview="handlePreview"
+                  :on-remove="handleRemove"
+                  :before-remove="beforeRemove"
+                  :limit="3"
+                  :on-exceed="handleExceed"
+                >
+                  <el-button type="primary"
+                    ><el-icon class="el-icon--upload"> <i-ep-upload-filled /> </el-icon
+                    >选择文件</el-button
+                  >
+                  <template #tip>
+                    <div class="el-upload__tip">
+                      请上传大小不超过 <strong style="color: red">10M</strong>，格式为
+                      <strong style="color: red">tar</strong> 的文件
+                    </div>
+                  </template>
+                </el-upload>
+              </el-form-item>
+              <el-form-item label="检查结果" prop="nickname">
+                <div style="max-width: 80%">
+                  <el-alert
+                    show-icon
+                    title="文件检查通过，可升级设备服务程序"
+                    type="success"
+                    :closable="false"
+                    style="margin-top: -8px"
+                  />
+                </div>
+              </el-form-item>
+            </el-form>
+          </div>
+        </el-col>
+      </el-row>
+    </el-card>
+    <el-card class="card-footer">
+      <el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
+      <el-button @click="closeBack"><i-ep-close />取 消</el-button>
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({
+  name: "User",
+  inheritAttrs: false,
+});
+
+import UserAPI from "@/api/user";
+import { UserForm } from "@/api/user/model";
+
+const router = useRouter();
+const loading = ref(false); //  加载状态
+
+const calTypeList = ref<OptionType[]>(); // 角色下拉数据源
+
+// 用户表单数据
+const formData = reactive<UserForm>({
+  status: 1,
+  usernamedd:
+    "1个DaVinciV300 A core，主频1.224GHZ\r\n4个TAISHANV200M处理器核，主频1.6GHz\r\n半精度(FP16):10TFLOPS\r\n整数精度(INT8):20TOPS\r\n内存:LPDDR4X 8GB典型功耗:24.5W",
+});
+
+// 校验规则
+const rules = reactive({
+  username: [{ required: true, message: "不能为空", trigger: "blur" }],
+  nickname: [{ required: true, message: "不能为空", trigger: "blur" }],
+  deptId: [{ required: true, message: "不能为空", trigger: "blur" }],
+  roleIds: [{ required: true, message: "不能为空", trigger: "blur" }],
+  email: [
+    {
+      pattern: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,
+      message: "请输入正确的邮箱地址",
+      trigger: "blur",
+    },
+  ],
+  mobile: [
+    {
+      pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+      message: "请输入正确的手机号码",
+      trigger: "blur",
+    },
+  ],
+});
+
+const list = [
+  {
+    csmc: "10.0.8.12",
+    csms: "异腾310",
+    csmc1: "Atlas 2000 DK A2",
+    csmc2: "PCIE-AI-NPU",
+    csmc3: "华为",
+    csmc4: "1.2",
+    csmc5: "已连接",
+  },
+  {
+    csmc: "192.168.1.44",
+    csms: "思源220",
+    csmc1: "Atlas 2000 DK A2",
+    csmc2: "PCIE-AI-NPU",
+    csmc3: "华为",
+    csmc4: "1.2",
+    csmc5: "已连接",
+  },
+  {
+    csmc: "192.168.1.66",
+    csms: "RTX4090",
+    csmc1: "Atlas 2000 DK A2",
+    csmc2: "PCIE-AI-NPU",
+    csmc3: "华为",
+    csmc4: "1.2",
+    csmc5: "已连接",
+  },
+];
+
+/** 表单提交 */
+const handleSubmit = useThrottleFn(() => {
+  loading.value = true;
+  setTimeout(() => {
+    ElMessage.error("即将上线");
+    loading.value = false;
+    closeBack();
+  }, 1000);
+}, 3000);
+
+/** 返回默认页面 */
+function closeBack() {
+  router.push({ path: "/tester/equipment" });
+}
+
+onMounted(() => {
+  //handleQuery();
+});
+</script>
+<style scoped lang="scss">
+.model-detail {
+  :deep(.el-card__header) {
+    padding: 8px 4px;
+    display: flex;
+    align-items: center;
+  }
+}
+.sp-file {
+  color: #29d;
+}
+.tb-base-info {
+  line-height: 30px;
+}
+:deep(.svg-icon) {
+  margin-right: 8px;
+}
+.card-footer {
+  position: fixed;
+  width: calc(100% - 215px);
+  bottom: 0px;
+  :deep(.el-card__body) {
+    padding: 10px;
+    .el-pagination {
+      justify-content: end;
+    }
+  }
+}
+</style>
diff --git a/src/views/system/user/edit.vue b/src/views/system/user/edit.vue
index 3536924..218410c 100644
--- a/src/views/system/user/edit.vue
+++ b/src/views/system/user/edit.vue
@@ -11,7 +11,7 @@
       <el-row>
         <el-col :lg="12" :xs="24">
           <el-form ref="userFormRef" :model="formData" :rules="rules" label-width="100px">
-            <el-form-item label="用户名称" prop="username">
+            <el-form-item label="用户名" prop="username">
               <el-input
                 v-model="formData.username"
                 :readonly="!!formData.id"
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index a89492c..b5ed013 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -15,7 +15,7 @@
               <el-form-item label="用户信息" prop="keywords">
                 <el-input
                   v-model="queryParams.keywords"
-                  placeholder="用户名称/手机号码"
+                  placeholder="用户名/手机号码"
                   clearable
                   style="width: 200px"
                   @keyup.enter="handleQuery"
@@ -41,7 +41,7 @@
         @selection-change="handleSelectionChange"
       >
         <el-table-column key="id" label="编号" align="left" prop="user_id" />
-        <el-table-column label="用户名称" align="left" prop="user_name" />
+        <el-table-column label="用户名" align="left" prop="user_name" />
         <el-table-column label="角色编号" align="left" prop="user_role" />
         <el-table-column label="角色名称" align="left" prop="user_role_name" />
         <el-table-column label="操作" fixed="right" width="320">
@@ -82,11 +82,11 @@
         :rules="rules"
         label-width="80px"
       >
-        <el-form-item label="用户名称" prop="user_name">
+        <el-form-item label="用户名" prop="user_name">
           <el-input
             v-model="form.user_name"
             :disabled="form.user_id != null"
-            placeholder="请输入用户名称"
+            placeholder="请输入用户名"
           />
         </el-form-item>
         <el-form-item label="用户角色" prop="user_role">
@@ -153,7 +153,7 @@ const formLoading = ref(false); //  加载状态
 const formVisible = ref(false); //  加载状态
 // 校验规则
 const rules = reactive({
-  user_name: [{ required: true, message: "用户名称不能为空", trigger: "blur" }],
+  user_name: [{ required: true, message: "用户名不能为空", trigger: "blur" }],
   user_role: [{ required: true, message: "用户角色不能为空", trigger: "change" }],
   user_password: [{ required: true, message: "登录密码不能为空", trigger: "blur" }],
   password: [{ required: true, message: "确认密码不能为空", trigger: "blur" }],