From 1419887210f85199e79ab15e13a9c7370063fed8 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, 21 Jun 2024 00:19:54 +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/menu/index.ts                     |  24 +++
 src/views/manage/calculate/edit.vue       |  17 +-
 src/views/manage/calculate/index.vue      |   8 +-
 src/views/manage/calculate/view.vue       | 166 +++++++++++++++++
 src/views/manage/calculateParam/edit.vue  |   2 +-
 src/views/manage/calculateParam/index.vue |   8 +-
 src/views/manage/calculateParam/view.vue  | 178 +++++++++++++++++++
 src/views/manage/datas/edit.vue           | 206 ++++++++++++++--------
 src/views/manage/equipment/edit.vue       |   2 +-
 src/views/manage/equipment/editNet.vue    |  44 ++++-
 src/views/manage/equipment/editPcie.vue   |  24 ++-
 src/views/manage/equipment/view.vue       |   5 +-
 src/views/manage/otherTool/edit.vue       |  25 ++-
 src/views/manage/otherTool/view.vue       |   5 +-
 14 files changed, 599 insertions(+), 115 deletions(-)
 create mode 100644 src/views/manage/calculate/view.vue
 create mode 100644 src/views/manage/calculateParam/view.vue

diff --git a/src/api/menu/index.ts b/src/api/menu/index.ts
index 8930f44..1178886 100644
--- a/src/api/menu/index.ts
+++ b/src/api/menu/index.ts
@@ -181,6 +181,18 @@ class MenuAPI {
                 alwaysShow: false,
               },
             },
+            {
+              path: "calculateView",
+              component: "manage/calculate/view",
+              name: "calculateView",
+              meta: {
+                title: "算子查看",
+                hidden: true,
+                roles: ["ADMIN", "GUEST"],
+                keepAlive: true,
+                alwaysShow: false,
+              },
+            },
             {
               path: "calculateParam",
               component: "manage/calculateParam/index",
@@ -206,6 +218,18 @@ class MenuAPI {
                 alwaysShow: false,
               },
             },
+            {
+              path: "calculateParamView",
+              component: "manage/calculateParam/view",
+              name: "calculateParamView",
+              meta: {
+                title: "算子参数查看",
+                hidden: true,
+                roles: ["ADMIN", "GUEST"],
+                keepAlive: true,
+                alwaysShow: false,
+              },
+            },
           ],
         },
         {
diff --git a/src/views/manage/calculate/edit.vue b/src/views/manage/calculate/edit.vue
index 2029b52..3e440bf 100644
--- a/src/views/manage/calculate/edit.vue
+++ b/src/views/manage/calculate/edit.vue
@@ -3,7 +3,7 @@
   <div class="app-container">
     <!-- 用户新增/编辑表单 -->
     <el-card shadow="never" class="form-container">
-      <template #header> 新增算子 </template>
+      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" /> 算子基本信息 </template>
       <el-row>
         <el-col :lg="12" :xs="24">
           <el-form
@@ -66,6 +66,17 @@
                 maxlength="11"
               />
             </el-form-item>
+            <el-form-item label="算子参数" prop="mobile">
+              <el-select
+                    v-model="formData.roleIds"
+                    placeholder="请选择算子参数"
+                    style="width: 100%"
+                  >
+                    <el-option label="RGB24格式转换算子参数" value="1" />
+                    <el-option label="图像缩放算子参数" value="2" />
+                    <el-option label="人脸识别算子" value="2" />
+                  </el-select>
+            </el-form-item>
             <el-form-item label="算子文件" prop="email">
               <el-upload
                 v-model:file-list="fileList"
@@ -90,7 +101,7 @@
           </el-form>
         </el-col>
         <el-col :lg="12" :xs="24">
-          <div style="padding-left: 35px">
+          <!-- <div style="padding-left: 35px">
             <el-divider content-position="left"
               ><strong style="color: #409eff">算子参数</strong></el-divider
             >
@@ -103,7 +114,7 @@
                 </template>
               </el-table-column>
             </el-table>
-          </div>
+          </div> -->
         </el-col>
       </el-row>
     </el-card>
diff --git a/src/views/manage/calculate/index.vue b/src/views/manage/calculate/index.vue
index 1a88cdb..bcd78fc 100644
--- a/src/views/manage/calculate/index.vue
+++ b/src/views/manage/calculate/index.vue
@@ -57,8 +57,8 @@
               text
               type="primary"
               size="small"
-              @click="openDialog('user-form', scope.row.id)"
-              ><i-ep-edit />查看</el-button
+              @click="openDialogView('user-form', scope.row.id)"
+              ><i-ep-view />查看</el-button
             >
             <el-button text type="primary" size="small" @click="handleDelete(scope.row)"
               ><i-ep-delete />删除</el-button
@@ -189,6 +189,10 @@ async function openDialog(type: string, id?: number) {
   router.replace({ path: "/operatorLibrary/calculateEdit" });
 }
 
+async function openDialogView(type: string, id?: number) {
+  router.replace({ path: "/operatorLibrary/calculateView" });
+}
+
 /** 下载导入模板 */
 function downloadTemplate() {
   ElMessage.success("下载模板成功");
diff --git a/src/views/manage/calculate/view.vue b/src/views/manage/calculate/view.vue
new file mode 100644
index 0000000..4cad730
--- /dev/null
+++ b/src/views/manage/calculate/view.vue
@@ -0,0 +1,166 @@
+<!-- 用户管理 -->
+<template>
+  <div class="app-container">
+    <!-- 用户新增/编辑表单 -->
+    <el-card shadow="never" class="form-container">
+      <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"
+            v-loading="loading"
+            label-width="100px"
+            size="small"
+          >
+            <el-form-item label="算子名称" prop="username"> 目标分类模型 </el-form-item>
+            <el-form-item label="算子版本" prop="nickname">
+              <el-tag type="primary" effect="plain">V1.22.1</el-tag>
+            </el-form-item>
+            <el-form-item label="算子类型" prop="nickname33">
+              前处理/缩放算子</el-form-item
+            >
+            <el-form-item label="适配硬件" prop="nickname33"> ONNX </el-form-item>
+            <el-form-item label="算子说明" prop="nickname33">
+              <el-input
+                v-model="formData.usernamedd1"
+                :disabled="true"
+                placeholder="请输入数据集名称"
+                :rows="3"
+                type="textarea"
+              />
+            </el-form-item>
+            <el-form-item label="输入参数" prop="nickname33">
+              <el-input
+                v-model="formData.usernamedd2"
+                :disabled="true"
+                placeholder="请输入数据集名称"
+                :rows="3"
+                type="textarea"
+              />
+            </el-form-item>
+            <el-form-item label="输出参数" prop="nickname33">
+              <el-input
+                v-model="formData.usernamedd3"
+                :disabled="true"
+                placeholder="请输入数据集名称"
+                :rows="3"
+                type="textarea"
+              />
+            </el-form-item>
+          </el-form>
+        </el-col>
+        <el-col :lg="12" :xs="24"> </el-col>
+      </el-row>
+    </el-card>
+    <el-card class="button-scope">
+      <div class="buttonml-55">
+        <el-button @click="closeBack"><i-ep-close />取 消</el-button>
+      </div>
+    </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,
+  usernamedd1:"算算子说明算子说明算子说明算子说明算子说明算子说明算子说明算子说明子说明",
+  usernamedd2:"输入参数输入参数",
+  usernamedd3:"输出参数输出参数输出参数输出参数",
+});
+
+// 校验规则
+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.replace({ path: "/operatorLibrary/calculate" });
+}
+
+onMounted(() => {
+  //handleQuery();
+});
+</script>
+<style scope>
+.button-scope {
+  position: fixed;
+  width: calc(100% - 220px);
+  bottom: 0px;
+}
+.buttonml-55 {
+  margin-left: 55px;
+}
+</style>
diff --git a/src/views/manage/calculateParam/edit.vue b/src/views/manage/calculateParam/edit.vue
index 9ea19c4..eacf816 100644
--- a/src/views/manage/calculateParam/edit.vue
+++ b/src/views/manage/calculateParam/edit.vue
@@ -3,7 +3,7 @@
   <div class="app-container">
     <!-- 用户新增/编辑表单 -->
     <el-card shadow="never" class="form-container">
-      <template #header> 新增算子参数 </template>
+      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" /> 算子参数基本信息 </template>
       <el-row>
         <el-col :lg="12" :xs="24">
           <el-form
diff --git a/src/views/manage/calculateParam/index.vue b/src/views/manage/calculateParam/index.vue
index c619bbe..5d36130 100644
--- a/src/views/manage/calculateParam/index.vue
+++ b/src/views/manage/calculateParam/index.vue
@@ -48,8 +48,8 @@
           <template #default="scope">
             <el-button
             text type="primary" size="small"
-              @click="openDialog('user-form', scope.row.id)"
-              ><i-ep-edit />查看参数</el-button
+              @click="openDialogView('user-form', scope.row.id)"
+              ><i-ep-view />查看参数</el-button
             >
             <el-button text type="primary" size="small" @click="handleDelete(scope.row)"
               ><i-ep-delete />删除</el-button
@@ -173,6 +173,10 @@ async function openDialog(type: string, id?: number) {
   router.replace({ path: "/operatorLibrary/calculateParamEdit" });
 }
 
+async function openDialogView(type: string, id?: number) {
+  router.replace({ path: "/operatorLibrary/calculateParamView" });
+}
+
 /** 下载导入模板 */
 function downloadTemplate() {
   ElMessage.success("下载模板成功");
diff --git a/src/views/manage/calculateParam/view.vue b/src/views/manage/calculateParam/view.vue
new file mode 100644
index 0000000..dc2c7f7
--- /dev/null
+++ b/src/views/manage/calculateParam/view.vue
@@ -0,0 +1,178 @@
+<!-- 用户管理 -->
+<template>
+  <div class="app-container">
+    <!-- 用户新增/编辑表单 -->
+    <el-card shadow="never" class="form-container">
+      <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"
+            v-loading="loading"
+            label-width="100px"
+            size="small"
+          >
+            <el-form-item label="参数名称" prop="username"> 目标分类模型 </el-form-item>
+            <el-form-item label="算子类型" prop="nickname33">
+              前处理/缩放算子</el-form-item
+            >
+            <el-form-item label="参数说明" prop="nickname33">
+              <el-input
+                v-model="formData.usernamedd1"
+                :disabled="true"
+                placeholder="请输入数据集名称"
+                :rows="3"
+                type="textarea"
+              />
+            </el-form-item>
+            <el-form-item label="算子参数" prop="nickname33">
+              <el-input
+                v-model="formData.usernamedd2"
+                :disabled="true"
+                placeholder="请输入数据集名称"
+                :rows="12"
+                type="textarea"
+              />
+            </el-form-item>
+          </el-form>
+        </el-col>
+        <el-col :lg="12" :xs="24"> </el-col>
+      </el-row>
+    </el-card>
+    <el-card class="button-scope">
+      <div class="buttonml-55">
+        <el-button @click="closeBack"><i-ep-close />取 消</el-button>
+      </div>
+    </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,
+  usernamedd1: "参数说明说明参数",
+  usernamedd2: `{
+    "name" : "图像缩放算子",
+    "uni_id" : "OPER_1234567890",
+    "version" : 100,
+    "main_type" : "pre_process",
+    "sub_type" : "clip",
+    "cmpt_hardware_type" : "atlas200i",
+    "parameters" : {}
+}
+{
+    "name" : "图像缩放算子",
+    "uni_id" : "OPER_1234567890",
+    "version" : 100,
+    "main_type" : "pre_process",
+    "sub_type" : "clip",
+    "cmpt_hardware_type" : "atlas200i",
+    "parameters" : {}
+}
+{
+    "name" : "图像缩放算子",
+    "uni_id" : "OPER_1234567890",
+    "version" : 100,
+    "main_type" : "pre_process",
+    "sub_type" : "clip",
+    "cmpt_hardware_type" : "atlas200i",
+    "parameters" : {}
+}`,
+});
+
+// 校验规则
+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.replace({ path: "/operatorLibrary/calculateParam" });
+}
+
+onMounted(() => {
+  //handleQuery();
+});
+</script>
+<style scope>
+.button-scope {
+  position: fixed;
+  width: calc(100% - 220px);
+  bottom: 0px;
+}
+.buttonml-55 {
+  margin-left: 55px;
+}
+</style>
diff --git a/src/views/manage/datas/edit.vue b/src/views/manage/datas/edit.vue
index f5357fb..98cec4b 100644
--- a/src/views/manage/datas/edit.vue
+++ b/src/views/manage/datas/edit.vue
@@ -3,25 +3,27 @@
   <div class="app-container">
     <!-- 用户新增/编辑表单 -->
     <el-card shadow="never" class="form-container">
-      <template #header> 新增数据集 </template>
-      
-          <el-form
-            ref="userFormRef"
-            :model="formData"
-            :rules="rules"
-            v-loading="loading"
-            label-width="100px"
-          >
-          <el-row style="width:100%">
-        <el-col :lg="12" :xs="24">
-          <el-form-item label="数据集名称" prop="username">
+      <template #header
+        ><svg-icon icon-class="pause" style="width: 20px; height: 20px" />数据集基本信息
+      </template>
+
+      <el-form
+        ref="userFormRef"
+        :model="formData"
+        :rules="rules"
+        v-loading="loading"
+        label-width="100px"
+      >
+        <el-row style="width: 100%">
+          <el-col :lg="12" :xs="24">
+            <el-form-item label="数据集名称" prop="username">
               <el-input
                 v-model="formData.username"
                 :readonly="!!formData.id"
                 placeholder="请输入数据集名称"
               />
             </el-form-item>
-        </el-col>
+          </el-col>
           <el-col :lg="12" :xs="24">
             <el-form-item label="数据集版本" prop="roleIds">
               <el-input
@@ -31,17 +33,17 @@
               />
             </el-form-item>
           </el-col>
-      </el-row>
-      <el-row style="width:100%">
-        <el-col :lg="12" :xs="24">
-          <el-form-item label="适合任务" prop="username1">
+        </el-row>
+        <el-row style="width: 100%">
+          <el-col :lg="12" :xs="24">
+            <el-form-item label="适合任务" prop="username1">
               <el-input
                 v-model="formData.usernam3e"
                 :readonly="!!formData.id"
                 placeholder="请输入适合任务"
               />
             </el-form-item>
-        </el-col>
+          </el-col>
           <el-col :lg="12" :xs="24">
             <el-form-item label="数据标签" prop="roleId2s">
               <el-input
@@ -51,36 +53,36 @@
               />
             </el-form-item>
           </el-col>
-      </el-row>
-      <el-row style="width:100%">
-        <el-col :lg="12" :xs="24">
-          <el-form-item label="数据集格式" prop="username1">
-            <el-select
-                    v-model="formData.roleIds2"
-                    placeholder="请选择数据集格式"
-                    style="width: 100%"
-                  >
-                    <el-option label="图像分类" value="1" />
-                    <el-option label="目标检测" value="2" />
-                  </el-select>
+        </el-row>
+        <el-row style="width: 100%">
+          <el-col :lg="12" :xs="24">
+            <el-form-item label="数据集格式" prop="username1">
+              <el-select
+                v-model="formData.roleIds2"
+                placeholder="请选择数据集格式"
+                style="width: 100%"
+              >
+                <el-option label="图像分类" value="1" />
+                <el-option label="目标检测" value="2" />
+              </el-select>
             </el-form-item>
-        </el-col>
+          </el-col>
           <el-col :lg="12" :xs="24">
             <el-form-item label="是否已标注" prop="rolfeId2s">
               <el-select
-                    v-model="formData.rolfeId2s"
-                    placeholder="请选择是否已标注"
-                    style="width: 100%"
-                  >
-                    <el-option label="是" value="1" />
-                    <el-option label="否" value="2" />
-                  </el-select>
+                v-model="formData.rolfeId2s"
+                placeholder="请选择是否已标注"
+                style="width: 100%"
+              >
+                <el-option label="是" value="1" />
+                <el-option label="否" value="2" />
+              </el-select>
             </el-form-item>
           </el-col>
-      </el-row>
-      <el-row style="width:100%">
-        <el-col :lg="12" :xs="24">
-          <el-form-item label="数据集名称" prop="usernamedd">
+        </el-row>
+        <el-row style="width: 100%">
+          <el-col :lg="12" :xs="24">
+            <el-form-item label="数据集名称" prop="usernamedd">
               <el-input
                 v-model="formData.usernamedd"
                 :readonly="!!formData.id"
@@ -89,29 +91,34 @@
                 type="textarea"
               />
             </el-form-item>
-        </el-col>
-          <el-col :lg="12" :xs="24">
           </el-col>
-      </el-row>
-      <el-divider content-position="left"
-              ><strong style="color: #409eff">数据集图片（10）</strong></el-divider
-            >
-       <el-row>
+          <el-col :lg="12" :xs="24"> </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+    <el-card style="margin-top: 12px;">
+      <template #header
+        ><svg-icon icon-class="pause" style="width: 20px; height: 20px" />图片信息<strong
+          style="color: #409eff"
+          >（10）</strong
+        >
+      </template>
+      <el-form>
         <el-upload
-            action="https://jsonplaceholder.typicode.com/posts/"
-            list-type="picture-card"
-            :file-list="imgList"
-            :limit="10"
-            :on-preview="handlePictureCardPreview"
-            :on-remove="handleRemove">
-            <i class="i-ep-plus"></i>
-         </el-upload>
-         <el-button type="primary"><i-ep-upload-filled />上传图片</el-button>
-       </el-row>
-     </el-form>
+          action="https://jsonplaceholder.typicode.com/posts/"
+          list-type="picture-card"
+          :file-list="imgList"
+          :limit="10"
+          :on-preview="handlePictureCardPreview"
+          :on-remove="handleRemove"
+        >
+          <i class="i-ep-plus"></i>
+        </el-upload>
+      </el-form>
     </el-card>
     <el-card class="button-scope">
       <div class="buttonml-55">
+        <el-button type="primary"><i-ep-upload-filled />上传图片</el-button>
         <el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
         <el-button @click="closeBack"><i-ep-close />取 消</el-button>
       </div>
@@ -160,21 +167,68 @@ const rules = reactive({
   ],
 });
 
-const imgList= [{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
-{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
-{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
-{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
-{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
-{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
-{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
-{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
-{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
-{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
-{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
-{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
-{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
-{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'},
-{name:'demo.jepg',url:'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'}]
+const imgList = [
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+  {
+    name: "demo.jepg",
+    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+  },
+];
 
 /** 表单提交 */
 const handleSubmit = useThrottleFn(() => {
@@ -204,7 +258,7 @@ onMounted(() => {
 .buttonml-55 {
   margin-left: 55px;
 }
-.el-upload--picture-card{
+.el-upload--picture-card {
   display: none;
 }
 </style>
diff --git a/src/views/manage/equipment/edit.vue b/src/views/manage/equipment/edit.vue
index c3f39f1..7818541 100644
--- a/src/views/manage/equipment/edit.vue
+++ b/src/views/manage/equipment/edit.vue
@@ -3,7 +3,7 @@
   <div class="app-container">
     <!-- 用户新增/编辑表单 -->
     <el-card shadow="never" class="form-container" v-loading="loading">
-      <template #header>升级计算设备信息</template>
+      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" />计算设备基本信息</template>
       <el-row>
         <el-col :lg="12" :xs="24">
           <el-form
diff --git a/src/views/manage/equipment/editNet.vue b/src/views/manage/equipment/editNet.vue
index 41f7b58..053ea35 100644
--- a/src/views/manage/equipment/editNet.vue
+++ b/src/views/manage/equipment/editNet.vue
@@ -3,18 +3,15 @@
   <div class="app-container">
     <!-- 用户新增/编辑表单 -->
     <el-card shadow="never" class="form-container" v-loading="loading">
-      <template #header>添加网络设备</template>
+      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" />未注册网络设备</template>
       <el-row>
-        <el-col :lg="16" :xs="24">
+        <el-col :lg="24" :xs="24">
           <el-form
             ref="userFormRef"
             :model="formData"
             :rules="rules"
             label-width="100px"
           >
-            <el-divider content-position="left"
-              ><strong style="color: #409eff">未注册网络设备</strong></el-divider
-            >
             <el-table :data="list" style="width: 100%" stripe>
               <el-table-column type="selection" width="55"> </el-table-column>
               <el-table-column prop="csmc" label="IP地址" align="left" />
@@ -25,9 +22,44 @@
               <el-table-column prop="csmc4" label="服务程序版本" align="left" />
               <el-table-column prop="csmc5" label="连接状态" align="left" />
             </el-table>
-            <el-divider content-position="left"
+            <!-- <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 shadow="never" class="form-container" 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"
diff --git a/src/views/manage/equipment/editPcie.vue b/src/views/manage/equipment/editPcie.vue
index ece9010..9f3ee0a 100644
--- a/src/views/manage/equipment/editPcie.vue
+++ b/src/views/manage/equipment/editPcie.vue
@@ -3,18 +3,15 @@
   <div class="app-container">
     <!-- 用户新增/编辑表单 -->
     <el-card shadow="never" class="form-container" v-loading="loading">
-      <template #header>添加PCIE设备</template>
+      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" />添加PCIE设备</template>
       <el-row>
-        <el-col :lg="16" :xs="24">
+        <el-col :lg="24" :xs="24">
           <el-form
             ref="userFormRef"
             :model="formData"
             :rules="rules"
             label-width="100px"
           >
-            <el-divider content-position="left"
-              ><strong style="color: #409eff">未注册PCIE设备</strong></el-divider
-            >
             <el-table :data="list" style="width: 100%" stripe>
               <el-table-column type="selection" width="55"> </el-table-column>
               <el-table-column prop="csmc" label="PCLE设备序号" align="left" />
@@ -25,9 +22,20 @@
               <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>
+        </el-col>
+        <el-col :lg="12" :xs="24"> </el-col>
+      </el-row>
+    </el-card>
+    <el-card shadow="never" class="form-container" 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"
diff --git a/src/views/manage/equipment/view.vue b/src/views/manage/equipment/view.vue
index f838515..5866c84 100644
--- a/src/views/manage/equipment/view.vue
+++ b/src/views/manage/equipment/view.vue
@@ -3,7 +3,7 @@
   <div class="app-container">
     <!-- 用户新增/编辑表单 -->
     <el-card shadow="never" class="form-container">
-      <template #header>查看计算设备信息</template>
+      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" />计算设备基本信息</template>
       <el-row>
         <el-col :lg="12" :xs="24">
           <el-form
@@ -13,9 +13,6 @@
             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">
               前置算子/缩放算子
diff --git a/src/views/manage/otherTool/edit.vue b/src/views/manage/otherTool/edit.vue
index 12cd1c9..a94a67e 100644
--- a/src/views/manage/otherTool/edit.vue
+++ b/src/views/manage/otherTool/edit.vue
@@ -3,18 +3,15 @@
   <div class="app-container">
     <!-- 用户新增/编辑表单 -->
     <el-card shadow="never" class="form-container" v-loading="loading">
-      <template #header>添加工具链</template>
+      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" />工具链基本信息</template>
       <el-row>
-        <el-col :lg="12" :xs="24">
+        <el-col :lg="24" :xs="24">
           <el-form
             ref="userFormRef"
             :model="formData"
             :rules="rules"
             label-width="100px"
           >
-          <el-divider content-position="left"
-              ><strong style="color: #409eff">未注册工具链</strong></el-divider
-            >
             <el-table :data="list" style="width: 100%" stripe>
               <el-table-column
       type="selection"
@@ -27,9 +24,21 @@
               <el-table-column prop="csmc3" label="服务程序版本" align="left"/>
               <el-table-column prop="csmc4" label="连接状态" align="left"/>
             </el-table>
-            <el-divider content-position="left"
-              ><strong style="color: #409eff">工具链信息</strong></el-divider
-            >
+          </el-form>
+        </el-col>
+        <el-col :lg="12" :xs="24">
+        </el-col>
+      </el-row>
+    </el-card>
+    <el-card shadow="never" class="form-container" 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="工具链名称" prop="username">
               <el-input
                 v-model="formData.username"
diff --git a/src/views/manage/otherTool/view.vue b/src/views/manage/otherTool/view.vue
index 82cc240..8950dbd 100644
--- a/src/views/manage/otherTool/view.vue
+++ b/src/views/manage/otherTool/view.vue
@@ -3,7 +3,7 @@
   <div class="app-container">
     <!-- 用户新增/编辑表单 -->
     <el-card shadow="never" class="form-container">
-      <template #header>查看第三方工具信息</template>
+      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" />工具链基本信息</template>
       <el-row>
         <el-col :lg="12" :xs="24">
           <el-form
@@ -13,9 +13,6 @@
             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="nickname22">
               <div class="flex gap-2">