GTsoft/gtsoft-snail-job-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(dev_1.0.0_beta2): Notify表单NGrid布局调整

Browse Source
This commit is contained in:
wodeyangzipingpingwuqi 2024-05-21 09:42:21 +08:00
parent 44cec19129
commit d62df9c417
2 changed files with 54 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/typings/api.d.ts vendored
View File

@ -541,7 +541,7 @@ declare namespace Api {
/** notify-config */ /** notify-config */
type NotifyConfig = Common.CommonRecord<{ type NotifyConfig = Common.CommonRecord<{
/** 组名称 */ /** 组名称 */
groupName: string; groupName: string | null;
/** 业务ID */ /** 业务ID */
businessId: string | null; businessId: string | null;
/** 通知人id */ /** 通知人id */

56
src/views/notify/scene/modules/notify-config-operate-drawer.vue
View File

@ -100,7 +100,7 @@ const model: Model = reactive(createDefaultModel());
function createDefaultModel(): Model { function createDefaultModel(): Model {
return { return {
groupName: '', groupName: null,
businessId: '', businessId: '',
recipientIds: [], recipientIds: [],
systemTaskType: null, systemTaskType: null,
@ -267,23 +267,11 @@ watch(visible, () => {
</script> </script>
<template> <template>
<OperateDrawer v-model="visible" :title="title" @handle-submit="handleSubmit"> <OperateDrawer v-model="visible" :title="title" :min-size="480" @handle-submit="handleSubmit">
<NForm ref="formRef" :model="model" :rules="rules"> <NForm ref="formRef" :model="model" :rules="rules">
<NFormItem :label="$t('page.notifyConfig.groupName')" path="groupName"> <NFormItem :label="$t('page.notifyConfig.groupName')" path="groupName">
<SelectGroup v-model:modelValue="model.groupName" @update:model-value="groupNameUpdate" /> <SelectGroup v-model:modelValue="model.groupName" @update:model-value="groupNameUpdate" />
</NFormItem> </NFormItem>
<NFormItem :label="$t('page.notifyConfig.notifyStatus')" path="notifyStatus">
<NRadioGroup v-model:value="model.notifyStatus" name="notifyStatus">
<NSpace>
<NRadio
v-for="item in enableStatusNumberOptions"
:key="item.value"
:value="item.value"
:label="$t(item.label)"
/>
</NSpace>
</NRadioGroup>
</NFormItem>
<NFormItem :label="$t('page.notifyConfig.systemTaskType')" path="systemTaskType"> <NFormItem :label="$t('page.notifyConfig.systemTaskType')" path="systemTaskType">
<NSelect <NSelect
v-model:value="model.systemTaskType" v-model:value="model.systemTaskType"
@ -341,6 +329,34 @@ watch(visible, () => {
multiple multiple
/> />
</NFormItem> </NFormItem>
<NGrid cols="2 s:1 m:2" responsive="screen" x-gap="20">
<NGi>
<NFormItem :label="$t('page.notifyConfig.notifyStatus')" path="notifyStatus">
<NRadioGroup v-model:value="model.notifyStatus" name="notifyStatus">
<NSpace>
<NRadio
v-for="item in enableStatusNumberOptions"
:key="item.value"
:value="item.value"
:label="$t(item.label)"
/>
</NSpace>
</NRadioGroup>
</NFormItem>
</NGi>
<NGi>
<NFormItem :label="$t('page.notifyConfig.notifyThreshold')" path="notifyThreshold">
<NInputNumber
v-model:value="model.notifyThreshold"
:min="1"
:placeholder="$t('page.notifyConfig.form.notifyThreshold')"
:disabled="retrySceneDisable"
/>
</NFormItem>
</NGi>
</NGrid>
<NGrid cols="2 s:1 m:2" responsive="screen" x-gap="20">
<NGi>
<NFormItem :label="$t('page.notifyConfig.rateLimiterStatus')" path="rateLimiterStatus"> <NFormItem :label="$t('page.notifyConfig.rateLimiterStatus')" path="rateLimiterStatus">
<NRadioGroup v-model:value="model.rateLimiterStatus" name="rateLimiterStatus" :disabled="retrySceneDisable"> <NRadioGroup v-model:value="model.rateLimiterStatus" name="rateLimiterStatus" :disabled="retrySceneDisable">
<NSpace> <NSpace>
@ -353,6 +369,8 @@ watch(visible, () => {
</NSpace> </NSpace>
</NRadioGroup> </NRadioGroup>
</NFormItem> </NFormItem>
</NGi>
<NGi>
<NFormItem :label="$t('page.notifyConfig.rateLimiterThreshold')" path="notifyThreshold"> <NFormItem :label="$t('page.notifyConfig.rateLimiterThreshold')" path="notifyThreshold">
<NInputNumber <NInputNumber
v-model:value="model.rateLimiterThreshold" v-model:value="model.rateLimiterThreshold"
@ -361,14 +379,8 @@ watch(visible, () => {
:disabled="retrySceneDisable" :disabled="retrySceneDisable"
/> />
</NFormItem> </NFormItem>
<NFormItem :label="$t('page.notifyConfig.notifyThreshold')" path="notifyThreshold"> </NGi>
<NInputNumber </NGrid>
v-model:value="model.notifyThreshold"
:min="1"
:placeholder="$t('page.notifyConfig.form.notifyThreshold')"
:disabled="retrySceneDisable"
/>
</NFormItem>
<NFormItem :label="$t('page.notifyConfig.description')" path="description"> <NFormItem :label="$t('page.notifyConfig.description')" path="description">
<NInput <NInput
v-model:value="model.description" v-model:value="model.description"