feat(协议下拉): 选择协议,鼠标hover,显示全称

This commit is contained in:
baiqi 2024-07-10 15:06:40 +08:00 committed by 刘瑞斌
parent bad968530d
commit 80b69f0b0c
3 changed files with 36 additions and 6 deletions

View File

@ -15,11 +15,21 @@
<a-select <a-select
v-if="requestVModel.isNew" v-if="requestVModel.isNew"
v-model:model-value="requestVModel.protocol" v-model:model-value="requestVModel.protocol"
:options="protocolOptions"
:loading="protocolLoading" :loading="protocolLoading"
class="w-[90px]" class="w-[90px]"
@change="(val) => handleActiveDebugProtocolChange(val as string)" @change="(val) => handleActiveDebugProtocolChange(val as string)"
/> >
<a-tooltip
v-for="item of protocolOptions"
:key="item.value as string"
:content="item.label"
:mouse-enter-delay="300"
>
<a-option :value="item.value">
{{ item.label }}
</a-option>
</a-tooltip>
</a-select>
<div v-else class="flex items-center gap-[4px]"> <div v-else class="flex items-center gap-[4px]">
<apiMethodName <apiMethodName
:method="(requestVModel.protocol as RequestMethods)" :method="(requestVModel.protocol as RequestMethods)"

View File

@ -107,12 +107,22 @@
<a-select <a-select
v-if="requestVModel.isNew" v-if="requestVModel.isNew"
v-model:model-value="requestVModel.protocol" v-model:model-value="requestVModel.protocol"
:options="protocolOptions"
:loading="protocolLoading" :loading="protocolLoading"
:disabled="_stepType.isQuoteApi || props.step?.isQuoteScenarioStep" :disabled="_stepType.isQuoteApi || props.step?.isQuoteScenarioStep"
class="w-[90px]" class="w-[90px]"
@change="(val) => handleActiveDebugProtocolChange(val as string)" @change="(val) => handleActiveDebugProtocolChange(val as string)"
/> >
<a-tooltip
v-for="item of protocolOptions"
:key="item.value as string"
:content="item.label"
:mouse-enter-delay="300"
>
<a-option :value="item.value">
{{ item.label }}
</a-option>
</a-tooltip>
</a-select>
<div v-else class="flex items-center gap-[4px]"> <div v-else class="flex items-center gap-[4px]">
<apiMethodName <apiMethodName
:method="(requestVModel.protocol as RequestMethods)" :method="(requestVModel.protocol as RequestMethods)"

View File

@ -21,10 +21,20 @@
<a-select <a-select
v-if="activeKey !== 'scenario'" v-if="activeKey !== 'scenario'"
v-model:model-value="protocol" v-model:model-value="protocol"
:options="protocolOptions"
class="w-[90px]" class="w-[90px]"
@change="resetModule" @change="resetModule"
/> >
<a-tooltip
v-for="item of protocolOptions"
:key="item.value as string"
:content="item.label"
:mouse-enter-delay="300"
>
<a-option :value="item.value">
{{ item.label }}
</a-option>
</a-tooltip>
</a-select>
</div> </div>
<moduleTree <moduleTree
ref="moduleTreeRef" ref="moduleTreeRef"