+
();
const saveLoading = ref(false);
const selectTree = computed(() => {
- if (saveModalVisible.value || (!props.isCase && props.isDefinition && saveModalVisible.value)) {
- // 调试模式打开保存弹窗，或者是接口定义模式下打开保存弹窗才进行计算，避免大数据量导致进入时就计算卡顿 TODO:worker线程处理计算任务
+ if (
+ requestVModel.value.activeTab === RequestComposition.BASE_INFO ||
+ saveModalVisible.value ||
+ (!props.isCase && props.isDefinition && saveModalVisible.value)
+ ) {
+ // 切换到基础信息 tab、调试模式打开保存弹窗，或者是接口定义模式下打开保存弹窗才进行计算，避免大数据量导致进入时就计算卡顿 TODO:worker线程处理计算任务
return filterTree(cloneDeep(props.moduleTree || []), (e) => {
e.draggable = false;
return e.type === 'MODULE';
diff --git a/frontend/src/views/api-test/components/requestComposition/response/edit.vue b/frontend/src/views/api-test/components/requestComposition/response/edit.vue
index 545783d64e..07acfe649e 100644
--- a/frontend/src/views/api-test/components/requestComposition/response/edit.vue
+++ b/frontend/src/views/api-test/components/requestComposition/response/edit.vue
@@ -222,7 +222,6 @@
import { defaultKeyValueParamItem, defaultResponseItem, statusCodes } from '../../config';
const props = defineProps<{
- responseDefinition: ResponseDefinition[];
uploadTempFileApi?: (file: File) => Promise; // 上传临时文件接口
}>();
const emit = defineEmits<{
@@ -240,15 +239,25 @@
const responseTabs = defineModel('responseDefinition', {
required: true,
});
- const activeResponse = ref(responseTabs.value[0] || defaultResponseItem);
+ const activeResponse = ref(responseTabs.value[0] || cloneDeep(defaultResponseItem));
+
+ watch(
+ () => responseTabs.value,
+ (arr) => {
+ if (arr.length > 0) {
+ [activeResponse.value] = arr;
+ }
+ }
+ );
function addResponseTab(defaultProps?: Partial) {
+ const id = new Date().getTime();
responseTabs.value.push({
...cloneDeep(defaultResponseItem),
label: t('apiTestManagement.response', { count: responseTabs.value.length + 1 }),
name: t('apiTestManagement.response', { count: responseTabs.value.length + 1 }),
...defaultProps,
- id: new Date().getTime(),
+ id,
defaultFlag: false,
showPopConfirm: false,
showRenamePopConfirm: false,
diff --git a/frontend/src/views/api-test/components/requestComposition/response/index.vue b/frontend/src/views/api-test/components/requestComposition/response/index.vue
index 428dcdafe7..30ccb260f5 100644
--- a/frontend/src/views/api-test/components/requestComposition/response/index.vue
+++ b/frontend/src/views/api-test/components/requestComposition/response/index.vue
@@ -3,7 +3,7 @@
-
+
{{ t('apiTestDebug.responseContent') }}
+
{{ t('common.download') }}
- {{ t('common.image') }}
+ pdf
+ {{ t('common.image') }}
{{ t('common.text') }}
-
+
+
{
+ if (props.requestResult) {
+ return props.requestResult.responseResult.contentType === 'application/pdf';
+ }
+ return false;
+ });
const imageUrl = computed(() => {
if (props.requestResult) {
return `data:${props.requestResult?.responseResult.contentType};base64,${props.requestResult?.responseResult.imageUrl}`;
@@ -88,10 +102,24 @@
return '';
});
- const showType = ref<'image' | 'text'>('image');
+ const showType = ref<'image' | 'pdf' | 'text'>('image');
+
+ watchEffect(() => {
+ if (props.requestResult) {
+ if (showImg.value) {
+ showType.value = 'image';
+ } else if (isPdf.value) {
+ showType.value = 'pdf';
+ } else {
+ showType.value = 'text';
+ }
+ }
+ });
function handleDownload() {
- if (imageUrl.value) {
+ if (isPdf.value) {
+ downloadUrlFile(imageUrl.value, 'response.pdf');
+ } else if (imageUrl.value) {
downloadUrlFile(imageUrl.value, `response.${props.requestResult?.responseResult.contentType.split('/')[1]}`);
}
}
diff --git a/frontend/src/views/api-test/management/components/management/api/index.vue b/frontend/src/views/api-test/management/components/management/api/index.vue
index 8537637198..b92fe6c78f 100644
--- a/frontend/src/views/api-test/management/components/management/api/index.vue
+++ b/frontend/src/views/api-test/management/components/management/api/index.vue
@@ -105,7 +105,19 @@
:member-options="memberOptions"
/>
-
+
+
+
@@ -115,7 +127,6 @@
import { cloneDeep } from 'lodash-es';
import { TabItem } from '@/components/pure/ms-editable-tab/types';
- import caseTable from '../case/caseTable.vue';
// import MsFormCreate from '@/components/pure/ms-form-create/formCreate.vue';
import apiTable from './apiTable.vue';
import executeButton from '@/views/api-test/components/executeButton.vue';
@@ -156,6 +167,8 @@
() => import('@/views/api-test/components/requestComposition/index.vue')
);
const preview = defineAsyncComponent(() => import('./preview/index.vue'));
+ const mockTable = defineAsyncComponent(() => import('../mock/mockTable.vue'));
+ const caseTable = defineAsyncComponent(() => import('../case/caseTable.vue'));
const props = defineProps<{
activeModule: string;
diff --git a/frontend/src/views/api-test/management/components/management/case/caseTable.vue b/frontend/src/views/api-test/management/components/management/case/caseTable.vue
index 7956cf6886..e67aa2f76a 100644
--- a/frontend/src/views/api-test/management/components/management/case/caseTable.vue
+++ b/frontend/src/views/api-test/management/components/management/case/caseTable.vue
@@ -47,9 +47,9 @@
- {{
- record.num
- }}
+
+ {{ record.num }}
+
+
+
+
diff --git a/frontend/src/views/api-test/management/components/management/mock/mockDetailDrawer.vue b/frontend/src/views/api-test/management/components/management/mock/mockDetailDrawer.vue
new file mode 100644
index 0000000000..f94e8d22cd
--- /dev/null
+++ b/frontend/src/views/api-test/management/components/management/mock/mockDetailDrawer.vue
@@ -0,0 +1,171 @@
+
+
+
+
+
+
+ {{ t('common.edit') }}
+
+
+
+ {{ t('common.delete') }}
+
+
+
+
+
+
+
+
{{ t('apiTestManagement.apiType') }}
+
+
+
+
{{ t('apiTestManagement.path') }}
+
+ {{ mockDetail.apiPath }}
+
+
+
{{ t('mockManagement.matchRule') }}
+
+
+
+ {{ requestBodyTypeMap[item] }}
+
+
+
+ {{ t('apiTestDebug.noneBody') }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/api-test/management/components/management/mock/mockTable.vue b/frontend/src/views/api-test/management/components/management/mock/mockTable.vue
index 16b5042dc2..bb68559575 100644
--- a/frontend/src/views/api-test/management/components/management/mock/mockTable.vue
+++ b/frontend/src/views/api-test/management/components/management/mock/mockTable.vue
@@ -1,7 +1,15 @@
-
-
-
+
+
+
+ {{ t('mockManagement.createMock') }}
+
+
+ {{ t('apiTestManagement.tableNoDataAndPlease') }}
+
+ {{ t('mockManagement.createMock') }}
+
+
+
+
+