diff --git a/web/src/App.vue b/web/src/App.vue
index 02614c7285cc77e222bb6cb2817df84e138b7201..9c0a8af832e55f5f32efb722cd124ca8bc8b1a54 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -20,54 +20,5 @@ const zhCn = ref(locale);
   height: 100%;
   width: 100%;
   background-color: #f5f5f9;
-
-  .top {
-    width: 100%;
-    height: 44px;
-    display: flex;
-    align-items: center;
-
-    &-title {
-      width: 160px;
-      text-align: center;
-      font-size: 16px;
-      font-weight: 600;
-      color: #333;
-      display: inline-block;
-    }
-  }
-
-  .nav {
-    position: absolute;
-    z-index: 100;
-    left: calc(50% - 160px);
-    width: 200px;
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
-
-    &-link {
-      display: inline-block;
-      width: 44%;
-      text-align: center;
-      text-decoration: none;
-      color: rgb(96, 122, 207);
-      border-radius: 6px;
-      font-weight: bold;
-      background-color: #fff;
-
-      &:hover {
-        background-color: rgba(96, 122, 207, 0.4);
-        color: #fff;
-      }
-    }
-
-    .active {
-      color: #fff;
-      background-color: rgb(96, 122, 207);
-      box-shadow: 0 1px 6px 0 rgba(96, 122, 207, 0.4),
-        0 2px 6px 0 rgba(96, 122, 207, 0.8);
-    }
-  }
 }
 </style>
diff --git a/web/src/assets/main.css b/web/src/assets/main.css
index 3bb9236454782a53521dff3f050abb03f81a551a..3e7c31471e04418dde50317854f313e609bb2e43 100644
--- a/web/src/assets/main.css
+++ b/web/src/assets/main.css
@@ -16,9 +16,6 @@ html,body {
     Segoe UI, roboto, Helvetica Neue, arial, sans-serif, "Apple Color Emoji",
     "Segoe UI Emoji", Segoe UI Symbol;
 }
-.shadow {
-  box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.05), 0 6px 10px 0 rgba(0, 0, 0, 0.1);
-}
 .flex {
   display: flex;
   align-items: center;
diff --git a/web/src/router/index.ts b/web/src/router/index.ts
index 1311f0cc32ce66cad2ccdf56eb3689d53dc41235..4d6e5244128f0d0b09f830c2cc86b41fd71ca327 100644
--- a/web/src/router/index.ts
+++ b/web/src/router/index.ts
@@ -23,14 +23,7 @@ const routes: Array<RouteRecordRaw> = [
   {
     path: "/template",
     component: Atune,
-    meta: { title: "模板列表" },
-    children: [
-      {
-        path: "detail",
-        name: "atuneDetail",
-        component: () => import("../views/atuneDetail.vue"),
-      },
-    ],
+    meta: { title: "模板列表" }
   },
 ];
 const router = createRouter({
diff --git a/web/src/views/atuneDetail.vue b/web/src/views/atuneDetail.vue
index 96f45f5662e02beed363dd379d17d2acdcf15e47..4210528ca6c6cf4d6dda52cb9b4b69771fc69cf4 100644
--- a/web/src/views/atuneDetail.vue
+++ b/web/src/views/atuneDetail.vue
@@ -4,14 +4,14 @@
       <el-header height="20%">
         <el-descriptions :column="1">
           <el-descriptions-item label="模板名称：">
-            {{ custom_name }}</el-descriptions-item>
+            {{ tune_detail.custom_name }}</el-descriptions-item>
           <el-descriptions-item label="调优对象：">
-            {{ tuneName }}</el-descriptions-item>
+            {{ tune_detail.tuneName }}</el-descriptions-item>
           <el-descriptions-item label="工作目录：">{{
-            workDir
-          }}</el-descriptions-item>
+          tune_detail.workDir
+        }}</el-descriptions-item>
           <el-descriptions-item label="注意事项：">{{
-            note
+            tune_detail.note
           }}</el-descriptions-item>
           <el-descriptions-item>
             <el-divider />
@@ -36,7 +36,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { ref, watchEffect } from "vue";
+import { ref, watchEffect, watch } from "vue";
 import { Atune } from "@/types/atune";
 const shell = ref("here is every step's shell script");
 let props = defineProps({
@@ -45,23 +45,33 @@ let props = defineProps({
     default: null,
   },
 });
-let { prepare, restore, tune, workDir, tuneName, note, custom_name } =
-  props.selectedEditRow;
+let tune_detail = ref({} as Atune);
+// let { prepare, restore, tune, workDir, tuneName, note, custom_name } =
+//   props.selectedEditRow;
 const stepArr = ['开始', '环境准备', '调优', '环境恢复'];
 const active = ref(1)
 const next = () => {
   if (active.value++ > 3) active.value = 1
 }
+watch(() => props.selectedEditRow, (new_detail) => {
+  if (new_detail) {
+    console.log(new_detail);
+    tune_detail.value = JSON.parse(JSON.stringify(new_detail));
+  }
+}, {
+  deep: true,
+  immediate: true
+})
 watchEffect(() => {
   switch (active.value) {
     case 2:
-      shell.value = prepare;
+      shell.value = tune_detail.value.prepare;
       break;
     case 3:
-      shell.value = tune;
+      shell.value = tune_detail.value.tune;
       break;
     case 4:
-      shell.value = restore;
+      shell.value = tune_detail.value.restore;
       break;
 
     default:
diff --git a/web/src/views/atuneList.vue b/web/src/views/atuneList.vue
index 706ea90d8f74e962b1586e1e2e63d4720132fbdf..023663c87fbd7f4fd360b527b2ad03c8a518d488 100644
--- a/web/src/views/atuneList.vue
+++ b/web/src/views/atuneList.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="tuneList shadow">
+  <div class="tuneList">
     <my-table ref="tuneRef" :get-data="getTuneLists" :get-all-data="getTuneLists" :del-func="deleteTune"
       :search-func="searchTune">
       <template #listName>模板列表</template>
diff --git a/web/src/views/taskDetail.vue b/web/src/views/taskDetail.vue
index 9311fedbc935fa966adf553f1b6024590e510646..2913385943d8eb05d2a931fa374c69e1f71fa8c7 100644
--- a/web/src/views/taskDetail.vue
+++ b/web/src/views/taskDetail.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="task_detail">
-    <el-icon class="task_detail_back" size="20" @click="() => router.back()">
+    <el-icon class="task_detail_back" size="20" @click="goBack">
       <Back />
     </el-icon>
     <el-descriptions :column="1">
@@ -11,18 +11,19 @@
       <el-descriptions-item label="任务进度：" style="display:flex; align-items: center;">
         <el-progress style="width: 30%;"
           :percentage="Math.floor(100 * (taskItem.success_count / taskItem.uuid_count))"><span>{{
-            taskItem.success_count
-            + '/' + taskItem.uuid_count }}</span></el-progress>
+      taskItem.success_count
+      + '/' + taskItem.uuid_count }}</span></el-progress>
       </el-descriptions-item>
       <el-descriptions-item label="任务描述：">{{
-        taskItem.description
-      }}</el-descriptions-item>
+      taskItem.description
+    }}</el-descriptions-item>
     </el-descriptions>
     <el-divider content-position="left">调优机器进度&nbsp;
       <el-button size="small" plain type="primary" @click="getDetail">刷新</el-button>
     </el-divider>
     <div class="mac" v-if="showMacProcess">
-      <div class="mac_li" v-for="(item, index) in uuids" :key="item.machineUUID" @click="handleCompare(item.machineUUID)">
+      <div class="mac_li" v-for="(item, index) in uuids" :key="item.machineUUID"
+        @click="handleCompare(item.machineUUID)">
         <span class="mac_li_uuid">
           <p><el-icon>
               <Monitor />
@@ -90,6 +91,9 @@ const currentUuid = ref('');
 onMounted(() => {
   getDetail();
 })
+const goBack = () => {
+  router.push('/')
+}
 const getDetail = () => {
   showMacProcess.value = false;
   uuids = [];
diff --git a/web/src/views/taskList.vue b/web/src/views/taskList.vue
index 726bc338938410a72f51ca245f96ded67c93893b..3064657f6152a846c6579c1faf33f8f3c38da854 100644
--- a/web/src/views/taskList.vue
+++ b/web/src/views/taskList.vue
@@ -17,13 +17,14 @@
       </el-table-column>
       <el-table-column label="模板名称" :filters="allTune" :filter-method="filterTune">
         <template #default="props">
-          <el-link type="primary" @click="atuneDetail(props.row)">{{ props.row.tune ? props.row.tune.custom_name : "暂无" }}
+          <el-link type="primary" @click="atuneDetail(props.row)">{{ props.row.tune ? props.row.tune.custom_name : "暂无"
+            }}
             <el-icon class="el-icon--right"><icon-view /></el-icon></el-link>
         </template>
       </el-table-column>
       <el-table-column prop="task_status" label="状态">
         <template #default="{ row }">
-          <div style="display: flex;align-items: center; background-color: ;">
+          <div style="display: flex;align-items: center;">
             <el-icon class="is-loading" color="#409eff" v-if="row.task_status == '运行中'">
               <Loading />
             </el-icon>
@@ -40,16 +41,17 @@
       <el-table-column prop="task_process" label="进度">
         <template #default="props">
           <el-progress :percentage="Math.floor(100 * (props.row.success_count / props.row.uuid_count))"><span>{{
-            props.row.success_count
-            + '/' + props.row.uuid_count }}</span></el-progress>
+      props.row.success_count
+      + '/' + props.row.uuid_count }}</span></el-progress>
         </template>
       </el-table-column>
       <el-table-column prop="create_time" label="创建时间" />
       <el-table-column prop="update_time" label="更新时间" />
       <el-table-column label="操作" width="160">
         <template #default="{ row }">
-          <my-button round size="small" :disabled="row.task_status === '运行中'" @click="handleStart(row)">{{ row.task_status
-            === '等待' ? '启动' : '重启' }}</my-button>
+          <my-button round size="small" :disabled="row.task_status === '运行中'" @click="handleStart(row)">{{
+      row.task_status
+        === '等待' ? '启动' : '重启' }}</my-button>
           <my-button round size="small" @click="handleDetail(row)">详情</my-button>
         </template>
       </el-table-column>