diff --git a/src/api/trace/pcap.ts b/src/api/trace/pcap.ts index 5fc6a651..b65e6d91 100644 --- a/src/api/trace/pcap.ts +++ b/src/api/trace/pcap.ts @@ -6,6 +6,7 @@ export function dumpStart(data: Record) { url: '/trace/tcpdump/start', method: 'post', data: data, + timeout: 60_000, }); } @@ -15,6 +16,7 @@ export function dumpStop(data: Record) { url: '/trace/tcpdump/stop', method: 'post', data: data, + timeout: 60_000, }); } @@ -35,5 +37,6 @@ export function traceUPF(data: Record) { url: '/trace/tcpdump/upf', method: 'post', data: data, + timeout: 60_000, }); } diff --git a/src/views/traceManage/pcap/index.vue b/src/views/traceManage/pcap/index.vue index 46469475..e0bca8bf 100644 --- a/src/views/traceManage/pcap/index.vue +++ b/src/views/traceManage/pcap/index.vue @@ -81,7 +81,7 @@ let modalState: ModalStateType = reactive({ { label: t('views.traceManage.pcap.execCmd2'), value: 'any2', - start: 'sctp or tcp port 3030 or 8088', + start: 'sctp or tcp port 8088 or 33030', stop: '', }, { @@ -243,6 +243,7 @@ function fnRecordStart(row?: Record) { const hide = message.loading(t('common.loading'), 0); const fromArr = neIDs.map(id => modalState.from[id]); const reqArr = fromArr.map(from => { + from.loading = true; const data = Object.assign({ cmd: from.cmdStart }, from.data); if (from.data.neType === 'UPF' && from.cmdStart.startsWith('pcap')) { return traceUPF(data); @@ -265,12 +266,14 @@ function fnRecordStart(row?: Record) { duration: 3, }); } else { + fromArr[idx].loading = false; message.warning({ content: `${resV.msg}`, duration: 3, }); } } else { + fromArr[idx].loading = false; message.error({ content: t('views.traceManage.pcap.startErr', { title }), duration: 3,