自动检测/手动检测页面

frontend/src/views/home/components/table.vue

@@ -79,13 +79,13 @@
             >
             <el-button
               type="primary"
-              @click="handleDetection"
+              @click="handleTest"
               v-if="form.activeTabs === 0"
               >启动自动检测</el-button
             >
             <el-button
               type="primary"
-              @click="handleDetection"
+              @click="handleTest"
               v-if="form.activeTabs === 1"
               >启动手动检测</el-button
             >
@@ -509,12 +509,18 @@ const changeActiveTabs = (val: number) => {
   form.value.activeTabs = val;
 };
 //启动自动检测/手动检测
-const handleDetection = () => {
+const handleTest = () => {
   //自动检测
   if (form.value.activeTabs === 0) {
     ElMessage.success("自动检测");
-  }else{
+    router.push({
+      path: "/plan/autoTest",
+    });
+  } else {
     ElMessage.warning("手动检测");
+    router.push({
+      path: "/plan/preTest",
+    });
   }
 };
 onMounted(() => {

frontend/src/views/home/index.vue

@@ -1,5 +1,6 @@
 <template>
-      <div class="homeView" style=" height: calc(100vh - 120px) !important;">
+   <!-- style=" height: calc(100vh - 120px) !important;" -->
+      <div class="homeView">
     <model v-if="!authStore.showMenuFlag"></model>
     <dashboard v-if="authStore.showMenuFlag"></dashboard>
   </div>
@@ -81,6 +82,7 @@ onMounted(() => {
 <style lang="scss" scoped>
 .homeView{
   width: 100%;
-  height: calc(100vh - 120px);
+  // height: calc(100vh - 120px);
+  height: 100%;
 }
 </style>

frontend/src/views/home/tabs/dashboard.vue

@@ -232,7 +232,8 @@ onMounted(() => {
 <style lang="scss" scoped>
 .static {
   width: 100%;
-  height: calc(100vh - 165px);
+  // height: calc(100vh - 165px);
+  height: 100%;
   display: flex;
   justify-content: space-between;
   // background-color: #eee;

frontend/src/views/home/tabs/model.vue

@@ -1,34 +1,31 @@
 <!-- 模式切换页面 -->
 <template>
-  <div class="main">
-    <div
-      class="main_container"
-      :style="{
-        height: authStore.showMenuFlag
-          ? 'calc(100vh - 165px)'
-          : 'calc(100vh - 125px)',
-      }"
-    >
-      <div class="mode" v-for="(item, index) in modeList" :key="index">
-        <div class="mode_top">
-          <div class="mode_name">
-            <p>
-              {{ item.name }}
-            </p>
-          </div>
-          <div class="test_button">
-            <el-button
-              size="small"
-              type="primary"
-              @click="handelOpen(item.isActive)"
-              :disabled="item.isActive==false">进入检测</el-button
-            >
-          </div>
+  <div class="main_container">
+    <!-- :style="{
+      height: authStore?.showMenuFlag
+        ? 'calc(100vh - 165px)'
+        : 'calc(100vh - 125px)',
+    }" -->
+    <div class="mode" v-for="(item, index) in modeList" :key="index">
+      <div class="mode_top">
+        <div class="mode_name">
+          <p>
+            {{ item.name }}
+          </p>
         </div>
-        <div class="mode_img">
-          <img :src="item.img" />
+        <div class="test_button">
+          <el-button
+            size="small"
+            type="primary"
+            @click="handelOpen(item.isActive)"
+            :disabled="item.isActive == false"
+            >进入检测</el-button
+          >
         </div>
       </div>
+      <div class="mode_img">
+        <img :src="item.img" />
+      </div>
     </div>
   </div>
 </template>
@@ -81,7 +78,8 @@ onMounted(() => {
 <style lang="scss" scoped>
 .main_container {
   width: 100%;
-  height: calc(100vh - 165px);
+  // height: calc(100vh - 165px);
+  height: 100%;
   // overflow-y: auto;
   display: flex;
   justify-content: space-between;
@@ -89,19 +87,16 @@ onMounted(() => {
   align-items: center;
   // padding: 20px 2%;
   .mode {
-    //   width: 31.5%;
-    //   height: 100%;
     flex: none;
+    margin-top: 3px;
     width: 32.5%;
-    height: 100% !important;
+    height: 99.5% !important;
     border: 1px solid #eee;
     display: flex;
     flex-direction: column;
     align-items: center;
-    // justify-content: space-around;
     background: #fff;
     border-radius: 6px;
-    // margin-bottom: 20px;
     background: linear-gradient(
       180deg,
       rgba(0, 153, 255, 1) 0%,