style: 移除抓包loading提示

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"
                 />