diff --git a/src/views/manage/calculate/edit.vue b/src/views/manage/calculate/edit.vue
index 3e440bf..c9ae298 100644
--- a/src/views/manage/calculate/edit.vue
+++ b/src/views/manage/calculate/edit.vue
@@ -1,9 +1,9 @@
 <!-- 用户管理 -->
 <template>
-  <div class="app-container">
+  <div class="app-container model-detail">
     <!-- 用户新增/编辑表单 -->
-    <el-card shadow="never" class="form-container">
-      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" /> 算子基本信息 </template>
+    <el-card>
+      <template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" /> 算子基本信息 </template>
       <el-row>
         <el-col :lg="12" :xs="24">
           <el-form
@@ -118,11 +118,9 @@
         </el-col>
       </el-row>
     </el-card>
-    <el-card class="button-scope">
-      <div class="buttonml-55">
+    <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>
-      </div>
     </el-card>
   </div>
 </template>
@@ -198,13 +196,32 @@ onMounted(() => {
   //handleQuery();
 });
 </script>
-<style scope>
-.button-scope {
-  position: fixed;
-  width: calc(100% - 220px);
-  bottom: 0px;
+<style scoped lang='scss'>
+.model-detail{
+    :deep(.el-card__header){
+        padding:8px 4px;
+        display: flex;
+        align-items: center
+    }    
 }
-.buttonml-55 {
-  margin-left: 55px;
+.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/calculate/view.vue b/src/views/manage/calculate/view.vue
index 4cad730..8891196 100644
--- a/src/views/manage/calculate/view.vue
+++ b/src/views/manage/calculate/view.vue
@@ -1,8 +1,8 @@
 <!-- 用户管理 -->
 <template>
-  <div class="app-container">
+  <div class="app-container model-detail">
     <!-- 用户新增/编辑表单 -->
-    <el-card shadow="never" class="form-container">
+    <el-card>
       <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" />算子基本信息</template>
       <el-row>
         <el-col :lg="12" :xs="24">
@@ -53,10 +53,8 @@
         <el-col :lg="12" :xs="24"> </el-col>
       </el-row>
     </el-card>
-    <el-card class="button-scope">
-      <div class="buttonml-55">
+    <el-card class="card-footer">
         <el-button @click="closeBack"><i-ep-close />取 消</el-button>
-      </div>
     </el-card>
   </div>
 </template>
@@ -154,13 +152,32 @@ onMounted(() => {
   //handleQuery();
 });
 </script>
-<style scope>
-.button-scope {
-  position: fixed;
-  width: calc(100% - 220px);
-  bottom: 0px;
+<style scoped lang='scss'>
+.model-detail{
+    :deep(.el-card__header){
+        padding:8px 4px;
+        display: flex;
+        align-items: center
+    }    
 }
-.buttonml-55 {
-  margin-left: 55px;
+.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/calculateParam/edit.vue b/src/views/manage/calculateParam/edit.vue
index eacf816..019da18 100644
--- a/src/views/manage/calculateParam/edit.vue
+++ b/src/views/manage/calculateParam/edit.vue
@@ -1,8 +1,8 @@
 <!-- 用户管理 -->
 <template>
-  <div class="app-container">
+  <div class="app-container model-detail">
     <!-- 用户新增/编辑表单 -->
-    <el-card shadow="never" class="form-container">
+    <el-card>
       <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" /> 算子参数基本信息 </template>
       <el-row>
         <el-col :lg="12" :xs="24">
@@ -87,11 +87,9 @@
         <el-col :lg="12" :xs="24"></el-col>
       </el-row>
     </el-card>
-    <el-card class="button-scope">
-      <div class="buttonml-55">
+    <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>
-      </div>
     </el-card>
   </div>
 </template>
@@ -156,13 +154,32 @@ onMounted(() => {
   //handleQuery();
 });
 </script>
-<style scope>
-.button-scope {
-  position: fixed;
-  width: calc(100% - 220px);
-  bottom: 0px;
+<style scoped lang='scss'>
+.model-detail{
+    :deep(.el-card__header){
+        padding:8px 4px;
+        display: flex;
+        align-items: center
+    }    
 }
-.buttonml-55 {
-  margin-left: 55px;
+.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/calculateParam/view.vue b/src/views/manage/calculateParam/view.vue
index dc2c7f7..429f9d2 100644
--- a/src/views/manage/calculateParam/view.vue
+++ b/src/views/manage/calculateParam/view.vue
@@ -1,8 +1,8 @@
 <!-- 用户管理 -->
 <template>
-  <div class="app-container">
+  <div class="app-container model-detail">
     <!-- 用户新增/编辑表单 -->
-    <el-card shadow="never" class="form-container">
+    <el-card>
       <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" /> 算子参数基本信息 </template>
       <el-row>
         <el-col :lg="12" :xs="24">
@@ -40,10 +40,8 @@
         <el-col :lg="12" :xs="24"> </el-col>
       </el-row>
     </el-card>
-    <el-card class="button-scope">
-      <div class="buttonml-55">
+    <el-card class="card-footer">
         <el-button @click="closeBack"><i-ep-close />取 消</el-button>
-      </div>
     </el-card>
   </div>
 </template>
@@ -166,13 +164,32 @@ onMounted(() => {
   //handleQuery();
 });
 </script>
-<style scope>
-.button-scope {
-  position: fixed;
-  width: calc(100% - 220px);
-  bottom: 0px;
+<style scoped lang='scss'>
+.model-detail{
+    :deep(.el-card__header){
+        padding:8px 4px;
+        display: flex;
+        align-items: center
+    }    
 }
-.buttonml-55 {
-  margin-left: 55px;
+.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/datas/edit.vue b/src/views/manage/datas/edit.vue
index 98cec4b..427ce15 100644
--- a/src/views/manage/datas/edit.vue
+++ b/src/views/manage/datas/edit.vue
@@ -1,8 +1,8 @@
 <!-- 用户管理 -->
 <template>
-  <div class="app-container">
+  <div class="app-container model-detail">
     <!-- 用户新增/编辑表单 -->
-    <el-card shadow="never" class="form-container">
+    <el-card>
       <template #header
         ><svg-icon icon-class="pause" style="width: 20px; height: 20px" />数据集基本信息
       </template>
@@ -100,7 +100,7 @@
       <template #header
         ><svg-icon icon-class="pause" style="width: 20px; height: 20px" />图片信息<strong
           style="color: #409eff"
-          >（10）</strong
+          >（15）</strong
         >
       </template>
       <el-form>
@@ -116,12 +116,10 @@
         </el-upload>
       </el-form>
     </el-card>
-    <el-card class="button-scope">
-      <div class="buttonml-55">
+    <el-card class="card-footer">
         <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>
     </el-card>
   </div>
 </template>
@@ -170,63 +168,63 @@ const rules = reactive({
 const imgList = [
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
   {
     name: "demo.jepg",
-    url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
 ];
 
@@ -249,14 +247,33 @@ onMounted(() => {
   //handleQuery();
 });
 </script>
-<style scope>
-.button-scope {
-  position: fixed;
-  width: calc(100% - 220px);
-  bottom: 0px;
+<style scoped lang='scss'>
+.model-detail{
+    :deep(.el-card__header){
+        padding:8px 4px;
+        display: flex;
+        align-items: center
+    }    
 }
-.buttonml-55 {
-  margin-left: 55px;
+.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;
+    }
+  }
 }
 .el-upload--picture-card {
   display: none;
diff --git a/src/views/manage/equipment/edit.vue b/src/views/manage/equipment/edit.vue
index 7818541..8b9ccc1 100644
--- a/src/views/manage/equipment/edit.vue
+++ b/src/views/manage/equipment/edit.vue
@@ -1,8 +1,8 @@
 <!-- 用户管理 -->
 <template>
-  <div class="app-container">
+  <div class="app-container model-detail">
     <!-- 用户新增/编辑表单 -->
-    <el-card shadow="never" class="form-container" v-loading="loading">
+    <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">
@@ -101,11 +101,9 @@
         </el-col>
       </el-row>
     </el-card>
-    <el-card class="button-scope">
-      <div class="buttonml-55">
+    <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>
-      </div>
     </el-card>
   </div>
 </template>
@@ -202,13 +200,32 @@ onMounted(() => {
   //handleQuery();
 });
 </script>
-<style scope>
-.button-scope {
-  position: fixed;
-  width: calc(100% - 220px);
-  bottom: 0px;
+<style scoped lang='scss'>
+.model-detail{
+    :deep(.el-card__header){
+        padding:8px 4px;
+        display: flex;
+        align-items: center
+    }    
 }
-.buttonml-55 {
-  margin-left: 55px;
+.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/editNet.vue b/src/views/manage/equipment/editNet.vue
index 053ea35..440cf1a 100644
--- a/src/views/manage/equipment/editNet.vue
+++ b/src/views/manage/equipment/editNet.vue
@@ -1,8 +1,8 @@
 <!-- 用户管理 -->
 <template>
-  <div class="app-container">
+  <div class="app-container model-detail">
     <!-- 用户新增/编辑表单 -->
-    <el-card shadow="never" class="form-container" v-loading="loading">
+    <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">
@@ -51,7 +51,7 @@
         <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-card v-loading="loading" style="margin-top: 12px;">
       <el-row>
         <el-col :lg="12" :xs="24">
           <el-form
@@ -86,11 +86,9 @@
         <el-col :lg="12" :xs="24"> </el-col>
       </el-row>
     </el-card>
-    <el-card class="button-scope">
-      <div class="buttonml-55">
+    <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>
-      </div>
     </el-card>
   </div>
 </template>
@@ -185,13 +183,32 @@ onMounted(() => {
   //handleQuery();
 });
 </script>
-<style scope>
-.button-scope {
-  position: fixed;
-  width: calc(100% - 220px);
-  bottom: 0px;
+<style scoped lang='scss'>
+.model-detail{
+    :deep(.el-card__header){
+        padding:8px 4px;
+        display: flex;
+        align-items: center
+    }    
 }
-.buttonml-55 {
-  margin-left: 55px;
+.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
index 9f3ee0a..f08ecd4 100644
--- a/src/views/manage/equipment/editPcie.vue
+++ b/src/views/manage/equipment/editPcie.vue
@@ -1,8 +1,8 @@
 <!-- 用户管理 -->
 <template>
-  <div class="app-container">
+  <div class="app-container model-detail">
     <!-- 用户新增/编辑表单 -->
-    <el-card shadow="never" class="form-container" v-loading="loading">
+    <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">
@@ -27,7 +27,7 @@
         <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-card v-loading="loading" style="margin-top: 12px;">
       <el-row>
         <el-col :lg="12" :xs="24">
           <el-form
@@ -62,11 +62,9 @@
         <el-col :lg="12" :xs="24"> </el-col>
       </el-row>
     </el-card>
-    <el-card class="button-scope">
-      <div class="buttonml-55">
+    <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>
-      </div>
     </el-card>
   </div>
 </template>
@@ -161,13 +159,32 @@ onMounted(() => {
   //handleQuery();
 });
 </script>
-<style scope>
-.button-scope {
-  position: fixed;
-  width: calc(100% - 220px);
-  bottom: 0px;
+<style scoped lang='scss'>
+.model-detail{
+    :deep(.el-card__header){
+        padding:8px 4px;
+        display: flex;
+        align-items: center
+    }    
 }
-.buttonml-55 {
-  margin-left: 55px;
+.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/view.vue b/src/views/manage/equipment/view.vue
index 5866c84..f9f5471 100644
--- a/src/views/manage/equipment/view.vue
+++ b/src/views/manage/equipment/view.vue
@@ -1,9 +1,14 @@
 <!-- 用户管理 -->
 <template>
-  <div class="app-container">
+  <div class="app-container model-detail">
     <!-- 用户新增/编辑表单 -->
-    <el-card shadow="never" class="form-container">
-      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" />计算设备基本信息</template>
+    <el-card>
+      <template #header
+        ><svg-icon
+          icon-class="pause"
+          style="width: 20px; height: 20px"
+        />计算设备基本信息</template
+      >
       <el-row>
         <el-col :lg="12" :xs="24">
           <el-form
@@ -50,10 +55,8 @@
         <el-col :lg="12" :xs="24"> </el-col>
       </el-row>
     </el-card>
-    <el-card class="button-scope">
-      <div class="buttonml-55">
+    <el-card class="card-footer">
         <el-button @click="closeBack"><i-ep-close />取 消</el-button>
-      </div>
     </el-card>
   </div>
 </template>
@@ -150,13 +153,32 @@ onMounted(() => {
   //handleQuery();
 });
 </script>
-<style scope>
-.button-scope {
-  position: fixed;
-  width: calc(100% - 220px);
-  bottom: 0px;
+<style scoped lang="scss">
+.model-detail {
+  :deep(.el-card__header) {
+    padding: 8px 4px;
+    display: flex;
+    align-items: center;
+  }
 }
-.buttonml-55 {
-  margin-left: 55px;
+.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/otherTool/edit.vue b/src/views/manage/otherTool/edit.vue
index a94a67e..5e07d52 100644
--- a/src/views/manage/otherTool/edit.vue
+++ b/src/views/manage/otherTool/edit.vue
@@ -1,44 +1,35 @@
 <!-- 用户管理 -->
 <template>
-  <div class="app-container">
+  <div class="app-container model-detail">
     <!-- 用户新增/编辑表单 -->
-    <el-card shadow="never" class="form-container" v-loading="loading">
-      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" />工具链基本信息</template>
+    <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-form ref="userFormRef" :model="formData" :rules="rules" label-width="100px">
             <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"/>
-              <el-table-column prop="csmc" label="类型" align="left"/>
-              <el-table-column prop="csmc1" label="ID编号" 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 type="selection" width="55"> </el-table-column>
+              <el-table-column prop="csmc" label="IP地址" align="left" />
+              <el-table-column prop="csmc" label="类型" align="left" />
+              <el-table-column prop="csmc1" label="ID编号" 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>
           </el-form>
         </el-col>
-        <el-col :lg="12" :xs="24">
-        </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-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 ref="userFormRef" :model="formData" :rules="rules" label-width="100px">
             <el-form-item label="工具链名称" prop="username">
               <el-input
                 v-model="formData.username"
@@ -51,15 +42,12 @@
             </el-form-item>
           </el-form>
         </el-col>
-        <el-col :lg="12" :xs="24">
-        </el-col>
+        <el-col :lg="12" :xs="24"> </el-col>
       </el-row>
     </el-card>
-    <el-card class="button-scope">
-      <div class="buttonml-55">
+    <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>
-      </div>
     </el-card>
   </div>
 </template>
@@ -109,18 +97,18 @@ const list = [
   {
     csmc: "10.0.8.12",
     csms: "DOCKER-TOOL",
-    csmc1:"acd0032a-6833-4348-b0fc-04798f94354c",
-    csmc2:"华为",
-    csmc3:"1.2",
-    csmc4:"已连接",
+    csmc1: "acd0032a-6833-4348-b0fc-04798f94354c",
+    csmc2: "华为",
+    csmc3: "1.2",
+    csmc4: "已连接",
   },
   {
     csmc: "192.10.71.44",
     csms: "ETL",
-    csmc1:"ac1232a-6233-4348-b0fc-04798f94551",
-    csmc2:"华为",
-    csmc3:"1.2",
-    csmc4:"已连接",
+    csmc1: "ac1232a-6233-4348-b0fc-04798f94551",
+    csmc2: "华为",
+    csmc3: "1.2",
+    csmc4: "已连接",
   },
 ];
 
@@ -143,13 +131,32 @@ onMounted(() => {
   //handleQuery();
 });
 </script>
-<style scope>
-.button-scope {
-  position: fixed;
-  width: calc(100% - 220px);
-  bottom: 0px;
+<style scoped lang="scss">
+.model-detail {
+  :deep(.el-card__header) {
+    padding: 8px 4px;
+    display: flex;
+    align-items: center;
+  }
 }
-.buttonml-55 {
-  margin-left: 55px;
+.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/otherTool/view.vue b/src/views/manage/otherTool/view.vue
index 8950dbd..5e78543 100644
--- a/src/views/manage/otherTool/view.vue
+++ b/src/views/manage/otherTool/view.vue
@@ -1,9 +1,14 @@
 <!-- 用户管理 -->
 <template>
-  <div class="app-container">
+  <div class="app-container model-detail">
     <!-- 用户新增/编辑表单 -->
-    <el-card shadow="never" class="form-container">
-      <template #header><svg-icon  icon-class="pause" style="width:20px;height:20px;" />工具链基本信息</template>
+    <el-card>
+      <template #header
+        ><svg-icon
+          icon-class="pause"
+          style="width: 20px; height: 20px"
+        />工具链基本信息</template
+      >
       <el-row>
         <el-col :lg="12" :xs="24">
           <el-form
@@ -39,10 +44,8 @@
         <el-col :lg="12" :xs="24"> </el-col>
       </el-row>
     </el-card>
-    <el-card class="button-scope">
-      <div class="buttonml-55">
+    <el-card class="card-footer">
         <el-button @click="closeBack"><i-ep-close />取 消</el-button>
-      </div>
     </el-card>
   </div>
 </template>
@@ -137,13 +140,32 @@ onMounted(() => {
   //handleQuery();
 });
 </script>
-<style scope>
-.button-scope {
-  position: fixed;
-  width: calc(100% - 220px);
-  bottom: 0px;
+<style scoped lang="scss">
+.model-detail {
+  :deep(.el-card__header) {
+    padding: 8px 4px;
+    display: flex;
+    align-items: center;
+  }
 }
-.buttonml-55 {
-  margin-left: 55px;
+.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>