|
|
|
@ -7,31 +7,34 @@ |
|
|
|
:mask-closable="false" |
|
|
|
@ok="handleSubmit" |
|
|
|
> |
|
|
|
<Form ref="formElRef" :colon="true" layout="vertical" :model="modelRef" :rules="modelRules"> |
|
|
|
<FormItem name="isActive"> |
|
|
|
<Form |
|
|
|
ref="formElRef" |
|
|
|
:colon="true" |
|
|
|
:model="modelRef" |
|
|
|
:rules="modelRules" |
|
|
|
:label-col="{ span: 4 }" |
|
|
|
:wrapper-col="{ span: 20 }" |
|
|
|
> |
|
|
|
<FormItem name="isActive" :label="L('DisplayName:IsActive')" :extra="L('Description:IsActive')"> |
|
|
|
<Checkbox v-model:checked="modelRef.isActive">{{ L('DisplayName:IsActive') }}</Checkbox> |
|
|
|
</FormItem> |
|
|
|
<FormItem name="tenantId" :label="L('DisplayName:TenantId')"> |
|
|
|
<FormItem name="tenantId" :label="L('DisplayName:TenantId')" :extra="L('Description:TenantId')"> |
|
|
|
<Select v-model:value="modelRef.tenantId"> |
|
|
|
<SelectOption v-for="tenant in tenantsRef" :key="tenant.id" :value="tenant.id">{{ |
|
|
|
tenant.name |
|
|
|
}}</SelectOption> |
|
|
|
</Select> |
|
|
|
</FormItem> |
|
|
|
<FormItem name="webhookUri" required :label="L('DisplayName:WebhookUri')"> |
|
|
|
<Input v-model:value="modelRef.webhookUri" autocomplete="off" /> |
|
|
|
<FormItem name="webhookUri" required :label="L('DisplayName:WebhookUri')" :extra="L('Description:WebhookUri')"> |
|
|
|
<Input v-model:value="modelRef.webhookUri" :maxlength="255" show-count allow-clear autocomplete="off" /> |
|
|
|
</FormItem> |
|
|
|
<FormItem name="description" :label="L('DisplayName:Description')"> |
|
|
|
<Textarea |
|
|
|
v-model:value="modelRef.description" |
|
|
|
:show-count="true" |
|
|
|
:auto-size="{ minRows: 3 }" |
|
|
|
/> |
|
|
|
<FormItem name="timeoutDuration" :label="L('DisplayName:TimeoutDuration')" :extra="L('Description:TimeoutDuration')"> |
|
|
|
<InputNumber v-model:value="modelRef.timeoutDuration" show-count allow-clear :min="10" :max="300" /> |
|
|
|
</FormItem> |
|
|
|
<FormItem name="secret" :label="L('DisplayName:Secret')"> |
|
|
|
<InputPassword v-model:value="modelRef.secret" autocomplete="off" /> |
|
|
|
<FormItem name="secret" :label="L('DisplayName:Secret')" :extra="L('Description:Secret')"> |
|
|
|
<InputPassword v-model:value="modelRef.secret" :maxlength="128" autocomplete="off" /> |
|
|
|
</FormItem> |
|
|
|
<FormItem name="webhooks" :label="L('DisplayName:Webhooks')"> |
|
|
|
<FormItem name="webhooks" :label="L('DisplayName:Webhooks')" :extra="L('Description:Webhooks')"> |
|
|
|
<Select v-model:value="modelRef.webhooks" mode="multiple" :filterOption="optionFilter"> |
|
|
|
<SelectGroup |
|
|
|
v-for="group in webhooksGroupRef" |
|
|
|
@ -54,7 +57,15 @@ |
|
|
|
</SelectGroup> |
|
|
|
</Select> |
|
|
|
</FormItem> |
|
|
|
<FormItem name="headers" :label="L('DisplayName:Headers')"> |
|
|
|
<FormItem name="description" :label="L('DisplayName:Description')"> |
|
|
|
<Textarea |
|
|
|
v-model:value="modelRef.description" |
|
|
|
:show-count="true" |
|
|
|
:maxlength="128" |
|
|
|
:auto-size="{ minRows: 3 }" |
|
|
|
/> |
|
|
|
</FormItem> |
|
|
|
<FormItem name="headers" :label="L('DisplayName:Headers')" :extra="L('Description:Headers')"> |
|
|
|
<CodeEditor style="height: 300px" :mode="MODE.JSON" v-model:value="modelRef.headers" /> |
|
|
|
</FormItem> |
|
|
|
</Form> |
|
|
|
@ -66,7 +77,7 @@ |
|
|
|
import { useLocalization } from '/@/hooks/abp/useLocalization'; |
|
|
|
import { useValidation } from '/@/hooks/abp/useValidation'; |
|
|
|
import { useMessage } from '/@/hooks/web/useMessage'; |
|
|
|
import { Checkbox, Form, Select, Tooltip, Input, InputPassword, Textarea } from 'ant-design-vue'; |
|
|
|
import { Checkbox, Form, Select, Tooltip, Input, InputPassword, InputNumber, Textarea } from 'ant-design-vue'; |
|
|
|
import { isString } from '/@/utils/is'; |
|
|
|
import { CodeEditor, MODE } from '/@/components/CodeEditor'; |
|
|
|
import { BasicModal, useModalInner } from '/@/components/Modal'; |
|
|
|
|