feat(sj_1.0.0): 调整重试场景的表单的布局
This commit is contained in:
opensnail
parent
409114fcd6
commit
bee2f4a5fc
@ -240,90 +240,115 @@ watch(
|
|||||||
:placeholder="$t('page.retryScene.form.sceneName')"
|
:placeholder="$t('page.retryScene.form.sceneName')"
|
||||||
/>
|
/>
|
||||||
</NFormItem>
|
</NFormItem>
|
||||||
<NFormItem :label="$t('page.retryScene.groupName')" path="groupName">
|
<NGrid cols="24" item-responsive responsive="screen" x-gap="20">
|
||||||
<NSelect
|
<NGi span="0 m:1 l:17">
|
||||||
v-model:value="model.groupName"
|
<NFormItem :label="$t('page.retryScene.groupName')" path="groupName">
|
||||||
:disabled="props.operateType === 'edit'"
|
<NSelect
|
||||||
:placeholder="$t('page.retryScene.form.groupName')"
|
v-model:value="model.groupName"
|
||||||
:options="translateOptions2(groupNameList)"
|
:disabled="props.operateType === 'edit'"
|
||||||
clearable
|
:placeholder="$t('page.retryScene.form.groupName')"
|
||||||
/>
|
:options="translateOptions2(groupNameList)"
|
||||||
</NFormItem>
|
clearable
|
||||||
<NFormItem :label="$t('common.routeKey.routeLabel')" path="routeKey">
|
|
||||||
<RouteKey v-model:value="model.routeKey" />
|
|
||||||
</NFormItem>
|
|
||||||
<NFormItem :label="$t('page.retryScene.maxRetryCount')" path="maxRetryCount">
|
|
||||||
<NInputNumber
|
|
||||||
v-model:value="model.maxRetryCount"
|
|
||||||
:min="1"
|
|
||||||
:max="model.backOff === 1 ? 26 : 9999999"
|
|
||||||
:placeholder="$t('page.retryScene.form.maxRetryCount')"
|
|
||||||
clearable
|
|
||||||
/>
|
|
||||||
</NFormItem>
|
|
||||||
<NFormItem :label="$t('page.retryScene.executorTimeout')" path="executorTimeout">
|
|
||||||
<NInputNumber
|
|
||||||
v-model:value="model.executorTimeout"
|
|
||||||
:min="1"
|
|
||||||
:max="60"
|
|
||||||
:placeholder="$t('page.retryScene.form.executorTimeout')"
|
|
||||||
clearable
|
|
||||||
/>
|
|
||||||
</NFormItem>
|
|
||||||
<NFormItem :label="$t('page.retryScene.deadlineRequest')" path="deadlineRequest">
|
|
||||||
<NInputNumber
|
|
||||||
v-model:value="model.deadlineRequest"
|
|
||||||
:min="100"
|
|
||||||
:max="60000"
|
|
||||||
:placeholder="$t('page.retryScene.form.deadlineRequest')"
|
|
||||||
clearable
|
|
||||||
/>
|
|
||||||
</NFormItem>
|
|
||||||
<NFormItem :label="$t('page.retryScene.backOff')" path="backOff">
|
|
||||||
<NSelect
|
|
||||||
v-model:value="model.backOff"
|
|
||||||
:placeholder="$t('page.retryScene.form.backOff')"
|
|
||||||
:options="translateOptions(backOffRecordOptions)"
|
|
||||||
clearable
|
|
||||||
/>
|
|
||||||
</NFormItem>
|
|
||||||
<NFormItem path="triggerInterval">
|
|
||||||
<SceneTriggerInterval v-model="model.triggerInterval" :back-off="model.backOff" />
|
|
||||||
<template #label>
|
|
||||||
<div class="flex-center">
|
|
||||||
{{ $t('page.retryScene.triggerInterval') }}
|
|
||||||
<NTooltip v-if="model.backOff === 1" trigger="hover">
|
|
||||||
<template #trigger>
|
|
||||||
<NButton text class="ml-6px">
|
|
||||||
<SvgIcon icon="ant-design:info-circle-outlined" class="mb-1px text-16px" />
|
|
||||||
</NButton>
|
|
||||||
</template>
|
|
||||||
延迟等级是参考RocketMQ的messageDelayLevel设计实现，具体延迟时间如下:
|
|
||||||
【10s,15s,30s,35s,40s,50s,1m,2m,4m,6m,8m,10m,20m,40m,1h,2h,3h,4h,5h,6h,7h,8h,9h,10h,11h,12h】
|
|
||||||
<br />
|
|
||||||
<NText strong>执行逻辑:</NText>
|
|
||||||
<NUl align-text>
|
|
||||||
<NLi>第一次执行间隔10s</NLi>
|
|
||||||
<NLi>第二次执行间隔15s</NLi>
|
|
||||||
<NLi>l第二次执行间隔30s</NLi>
|
|
||||||
<NLi>........... 依次类推</NLi>
|
|
||||||
</NUl>
|
|
||||||
</NTooltip>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</NFormItem>
|
|
||||||
<NFormItem :label="$t('page.retryScene.sceneStatus')" path="sceneStatus">
|
|
||||||
<NRadioGroup v-model:value="model.sceneStatus" name="sceneStatus">
|
|
||||||
<NSpace>
|
|
||||||
<NRadio
|
|
||||||
v-for="item in enableStatusNumberOptions"
|
|
||||||
:key="item.value"
|
|
||||||
:value="item.value"
|
|
||||||
:label="$t(item.label)"
|
|
||||||
/>
|
/>
|
||||||
</NSpace>
|
</NFormItem>
|
||||||
</NRadioGroup>
|
</NGi>
|
||||||
</NFormItem>
|
<NGi span="0 m:1 l:7">
|
||||||
|
<NFormItem :label="$t('page.retryScene.sceneStatus')" path="sceneStatus">
|
||||||
|
<NRadioGroup v-model:value="model.sceneStatus" name="sceneStatus">
|
||||||
|
<NSpace>
|
||||||
|
<NRadio
|
||||||
|
v-for="item in enableStatusNumberOptions"
|
||||||
|
:key="item.value"
|
||||||
|
:value="item.value"
|
||||||
|
:label="$t(item.label)"
|
||||||
|
/>
|
||||||
|
</NSpace>
|
||||||
|
</NRadioGroup>
|
||||||
|
</NFormItem>
|
||||||
|
</NGi>
|
||||||
|
</NGrid>
|
||||||
|
|
||||||
|
<NGrid cols="24" item-responsive responsive="screen" x-gap="20">
|
||||||
|
<NGi span="0 m:1 l:12">
|
||||||
|
<NFormItem :label="$t('common.routeKey.routeLabel')" path="routeKey">
|
||||||
|
<RouteKey v-model:value="model.routeKey" />
|
||||||
|
</NFormItem>
|
||||||
|
</NGi>
|
||||||
|
<NGi span="0 m:1 l:12">
|
||||||
|
<NFormItem :label="$t('page.retryScene.maxRetryCount')" path="maxRetryCount">
|
||||||
|
<NInputNumber
|
||||||
|
v-model:value="model.maxRetryCount"
|
||||||
|
:min="1"
|
||||||
|
:max="model.backOff === 1 ? 26 : 9999999"
|
||||||
|
:placeholder="$t('page.retryScene.form.maxRetryCount')"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
|
</NFormItem>
|
||||||
|
</NGi>
|
||||||
|
</NGrid>
|
||||||
|
<NGrid cols="24" item-responsive responsive="screen" x-gap="20">
|
||||||
|
<NGi span="0 m:1 l:12">
|
||||||
|
<NFormItem :label="$t('page.retryScene.backOff')" path="backOff">
|
||||||
|
<NSelect
|
||||||
|
v-model:value="model.backOff"
|
||||||
|
:placeholder="$t('page.retryScene.form.backOff')"
|
||||||
|
:options="translateOptions(backOffRecordOptions)"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
|
</NFormItem>
|
||||||
|
</NGi>
|
||||||
|
<NGi span="0 m:1 l:12">
|
||||||
|
<NFormItem path="triggerInterval">
|
||||||
|
<SceneTriggerInterval v-model="model.triggerInterval" :back-off="model.backOff" />
|
||||||
|
<template #label>
|
||||||
|
<div class="flex-center">
|
||||||
|
{{ $t('page.retryScene.triggerInterval') }}
|
||||||
|
<NTooltip v-if="model.backOff === 1" trigger="hover">
|
||||||
|
<template #trigger>
|
||||||
|
<NButton text class="ml-6px">
|
||||||
|
<SvgIcon icon="ant-design:info-circle-outlined" class="mb-1px text-16px" />
|
||||||
|
</NButton>
|
||||||
|
</template>
|
||||||
|
延迟等级是参考RocketMQ的messageDelayLevel设计实现，具体延迟时间如下:
|
||||||
|
【10s,15s,30s,35s,40s,50s,1m,2m,4m,6m,8m,10m,20m,40m,1h,2h,3h,4h,5h,6h,7h,8h,9h,10h,11h,12h】
|
||||||
|
<br />
|
||||||
|
<NText strong>执行逻辑:</NText>
|
||||||
|
<NUl align-text>
|
||||||
|
<NLi>第一次执行间隔10s</NLi>
|
||||||
|
<NLi>第二次执行间隔15s</NLi>
|
||||||
|
<NLi>l第二次执行间隔30s</NLi>
|
||||||
|
<NLi>........... 依次类推</NLi>
|
||||||
|
</NUl>
|
||||||
|
</NTooltip>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</NFormItem>
|
||||||
|
</NGi>
|
||||||
|
</NGrid>
|
||||||
|
<NGrid cols="24" item-responsive responsive="screen" x-gap="20">
|
||||||
|
<NGi span="0 m:1 l:12">
|
||||||
|
<NFormItem :label="$t('page.retryScene.executorTimeout')" path="executorTimeout">
|
||||||
|
<NInputNumber
|
||||||
|
v-model:value="model.executorTimeout"
|
||||||
|
:min="1"
|
||||||
|
:max="60"
|
||||||
|
:placeholder="$t('page.retryScene.form.executorTimeout')"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
|
</NFormItem>
|
||||||
|
</NGi>
|
||||||
|
<NGi span="0 m:1 l:12">
|
||||||
|
<NFormItem :label="$t('page.retryScene.deadlineRequest')" path="deadlineRequest">
|
||||||
|
<NInputNumber
|
||||||
|
v-model:value="model.deadlineRequest"
|
||||||
|
:min="100"
|
||||||
|
:max="60000"
|
||||||
|
:placeholder="$t('page.retryScene.form.deadlineRequest')"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
|
</NFormItem>
|
||||||
|
</NGi>
|
||||||
|
</NGrid>
|
||||||
<NFormItem :label="$t('page.retryScene.description')" path="description">
|
<NFormItem :label="$t('page.retryScene.description')" path="description">
|
||||||
<NInput
|
<NInput
|
||||||
v-model:value="model.description"
|
v-model:value="model.description"
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user