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'); + } }); @@ -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" />