feat(sj_1.0.0): 调整重试场景的表单的布局

This commit is contained in:
opensnail 2024-05-17 09:26:51 +08:00
parent 409114fcd6
commit bee2f4a5fc

View File

@ -240,6 +240,8 @@ watch(
:placeholder="$t('page.retryScene.form.sceneName')" :placeholder="$t('page.retryScene.form.sceneName')"
/> />
</NFormItem> </NFormItem>
<NGrid cols="24" item-responsive responsive="screen" x-gap="20">
<NGi span="0 m:1 l:17">
<NFormItem :label="$t('page.retryScene.groupName')" path="groupName"> <NFormItem :label="$t('page.retryScene.groupName')" path="groupName">
<NSelect <NSelect
v-model:value="model.groupName" v-model:value="model.groupName"
@ -249,9 +251,30 @@ watch(
clearable clearable
/> />
</NFormItem> </NFormItem>
</NGi>
<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"> <NFormItem :label="$t('common.routeKey.routeLabel')" path="routeKey">
<RouteKey v-model:value="model.routeKey" /> <RouteKey v-model:value="model.routeKey" />
</NFormItem> </NFormItem>
</NGi>
<NGi span="0 m:1 l:12">
<NFormItem :label="$t('page.retryScene.maxRetryCount')" path="maxRetryCount"> <NFormItem :label="$t('page.retryScene.maxRetryCount')" path="maxRetryCount">
<NInputNumber <NInputNumber
v-model:value="model.maxRetryCount" v-model:value="model.maxRetryCount"
@ -261,24 +284,10 @@ watch(
clearable clearable
/> />
</NFormItem> </NFormItem>
<NFormItem :label="$t('page.retryScene.executorTimeout')" path="executorTimeout"> </NGi>
<NInputNumber </NGrid>
v-model:value="model.executorTimeout" <NGrid cols="24" item-responsive responsive="screen" x-gap="20">
:min="1" <NGi span="0 m:1 l:12">
: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"> <NFormItem :label="$t('page.retryScene.backOff')" path="backOff">
<NSelect <NSelect
v-model:value="model.backOff" v-model:value="model.backOff"
@ -287,6 +296,8 @@ watch(
clearable clearable
/> />
</NFormItem> </NFormItem>
</NGi>
<NGi span="0 m:1 l:12">
<NFormItem path="triggerInterval"> <NFormItem path="triggerInterval">
<SceneTriggerInterval v-model="model.triggerInterval" :back-off="model.backOff" /> <SceneTriggerInterval v-model="model.triggerInterval" :back-off="model.backOff" />
<template #label> <template #label>
@ -312,18 +323,32 @@ watch(
</div> </div>
</template> </template>
</NFormItem> </NFormItem>
<NFormItem :label="$t('page.retryScene.sceneStatus')" path="sceneStatus"> </NGi>
<NRadioGroup v-model:value="model.sceneStatus" name="sceneStatus"> </NGrid>
<NSpace> <NGrid cols="24" item-responsive responsive="screen" x-gap="20">
<NRadio <NGi span="0 m:1 l:12">
v-for="item in enableStatusNumberOptions" <NFormItem :label="$t('page.retryScene.executorTimeout')" path="executorTimeout">
:key="item.value" <NInputNumber
:value="item.value" v-model:value="model.executorTimeout"
:label="$t(item.label)" :min="1"
:max="60"
:placeholder="$t('page.retryScene.form.executorTimeout')"
clearable
/> />
</NSpace>
</NRadioGroup>
</NFormItem> </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"