From b6f685e3890a989f345100c314a09950ae4ad243 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Sat, 28 Oct 2023 19:43:07 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=A7=BB=E9=99=A4=E6=8A=93=E5=8C=85lo?=
 =?UTF-8?q?ading=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/traceManage/pcap/index.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/views/traceManage/pcap/index.vue b/src/views/traceManage/pcap/index.vue
index 9449143b..5c20148d 100644
--- a/src/views/traceManage/pcap/index.vue
+++ b/src/views/traceManage/pcap/index.vue
@@ -112,7 +112,6 @@ function fnStart() {
       modalState.confirmLoading = true;
       modalState.from.timestamp = `${Date.now()}`;
       const from = toRaw(modalState.from);
-      const hide = message.loading(t('common.loading'), 0);
       controller = new AbortController();
       const signal = controller.signal;
       timeoutId = setInterval(() => {
@@ -166,7 +165,6 @@ function fnStart() {
           }
         })
         .finally(() => {
-          hide();
           clearInterval(timeoutId);
           runTime.value = 0;
           modalState.confirmLoading = false;
@@ -219,7 +217,6 @@ function fnDownPCAP() {
 
 /**UPF抓包命令选择 */
 function fnUPFSelectCmd(value: any, option: any) {
-  console.log(value, option);
   modalState.from.upfStart = option.start;
   modalState.from.upfStop = option.stop;
 }
@@ -235,7 +232,6 @@ function fnUPF(runType: 'start' | 'stop') {
         modalState.from.timestamp = `${Date.now()}`;
       }
       const from = toRaw(modalState.from);
-      const hide = message.loading(t('common.loading'), 0);
       tcpdumpNeUPFTask({
         neType: modalState.neType[0],
         neId: modalState.neType[1],
@@ -286,7 +282,6 @@ function fnUPF(runType: 'start' | 'stop') {
           }
         })
         .finally(() => {
-          hide();
           modalState.confirmLoading = false;
         });
     })
@@ -317,6 +312,9 @@ onMounted(() => {
 
 onUnmounted(() => {
   fnStop();
+  if (modalState.neType[0] === 'UPF') {
+    fnUPF('stop');
+  }
 });
 </script>
 
@@ -360,6 +358,7 @@ onUnmounted(() => {
                   v-model:value="modalState.from.upfStart"
                   :options="modalState.upfCmdOptions"
                   :placeholder="t('views.traceManage.pcap.capArgUPFPlease')"
+                  :disabled="modalState.confirmLoading"
                   allow-clear
                   @select="fnUPFSelectCmd"
                 />