样式调整

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

@@ -1,5 +1,5 @@
 <template>
-    <el-dialog  :title="dialogTitle" :model-value="visible" @close="handleCancel" v-bind="dialogBig" width="1200px" height="1200px">
+    <el-dialog  :title="dialogTitle" :model-value="visible" :before-close="beforeClose" @close="handleCancel" width="1200px" height="1000px" draggable>
        
       <div class="steps-container">
         <!-- simple -->
@@ -193,26 +193,41 @@ const getIcon = (index: number) => {
     TestStatus.value = "waiting"
     nextStepText.value = "下一步"
   }
+  const beforeClose = (done: () => void) => {
+    console.log(stepsActiveIndex.value,stepsTotalNum.value)
+    if(stepsActiveIndex.value < stepsTotalNum.value)
+    {
+      ElMessageBox.confirm(
+      '检测未完成，是否退出当前检测流程?',
+      '提示',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }
+    )
+      .then(() => {
+        clearData()
+        emit('update:visible', false); // 关闭对话框
+          
+      })
+    }
+    else
+    {
+      clearData()
+      emit('update:visible', false); // 关闭对话框
+    }
+  // ElMessageBox.confirm('Are you sure to close this dialog?')
+  //   .then(() => {
+  //     done()
+  //   })
+  //   .catch(() => {
+  //     // catch error
+  //   })
+}
   const handleCancel = () => {
-    // if(stepsActiveIndex.value < stepsTotalNum.value)
-    // {
-    //   ElMessageBox.confirm(
-    //   '是否退出当前检测流程?',
-    //   '提示',
-    //   {
-    //     confirmButtonText: '确定',
-    //     cancelButtonText: '取消',
-    //     type: 'warning',
-    //   }
-    // )
-    //   .then(() => {
-    //   // clearData()
-    //   // emit('update:visible', false); // 关闭对话框
-    //       
-    //   })
-    // }
-    clearData()
-    emit('update:visible', false); // 关闭对话框
+    // clearData()
+    // emit('update:visible', false); // 关闭对话框
   };
   
   const handleSubmit = () => {