feat(协议下拉): 选择协议,鼠标hover,显示全称
This commit is contained in:
parent
bad968530d
commit
80b69f0b0c
|
@ -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)"
|
||||||
|
|
|
@ -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)"
|
||||||
|
|
|
@ -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"
|
||||||
|
|
Loading…
Reference in New Issue