style(接口测试): 预览的执行按钮改成统一样式

This commit is contained in:
teukkk 2024-04-24 15:51:52 +08:00 committed by 刘瑞斌
parent 6fb5ddbc0e
commit d3c490fa61
1 changed files with 4 additions and 9 deletions

View File

@ -24,13 +24,7 @@
> >
<template v-if="activeApiTab.definitionActiveKey === 'preview'" #extra> <template v-if="activeApiTab.definitionActiveKey === 'preview'" #extra>
<div class="flex gap-[12px] pr-[16px]"> <div class="flex gap-[12px] pr-[16px]">
<a-button <executeButton v-permission="['PROJECT_API_DEFINITION:READ+EXECUTE']" @execute="toExecuteDefinition" />
v-permission="['PROJECT_API_DEFINITION:READ+EXECUTE']"
type="primary"
@click="toExecuteDefinition"
>
{{ t('apiTestManagement.execute') }}
</a-button>
<a-dropdown-button <a-dropdown-button
v-permission="['PROJECT_API_DEFINITION:READ+UPDATE']" v-permission="['PROJECT_API_DEFINITION:READ+UPDATE']"
type="outline" type="outline"
@ -125,6 +119,7 @@
import caseTable from '../case/caseTable.vue'; import caseTable from '../case/caseTable.vue';
// import MsFormCreate from '@/components/pure/ms-form-create/formCreate.vue'; // import MsFormCreate from '@/components/pure/ms-form-create/formCreate.vue';
import apiTable from './apiTable.vue'; import apiTable from './apiTable.vue';
import executeButton from '@/views/api-test/components/executeButton.vue';
import { getProtocolList, localExecuteApiDebug } from '@/api/modules/api-test/common'; import { getProtocolList, localExecuteApiDebug } from '@/api/modules/api-test/common';
import { import {
@ -409,11 +404,11 @@
} }
// tab // tab
function toExecuteDefinition() { function toExecuteDefinition(executeType?: 'localExec' | 'serverExec') {
activeApiTab.value.definitionActiveKey = 'definition'; activeApiTab.value.definitionActiveKey = 'definition';
activeApiTab.value.isExecute = true; activeApiTab.value.isExecute = true;
activeApiTab.value.mode = 'debug'; activeApiTab.value.mode = 'debug';
requestCompositionRef.value?.execute(userStore.isPriorityLocalExec ? 'localExec' : 'serverExec'); requestCompositionRef.value?.execute(executeType);
} }
function handleDelete() { function handleDelete() {