feat: 添加文件上传组件,更新表单字段,优化描述输入逻辑
This commit is contained in:
@@ -95,19 +95,6 @@ function handleSubmit(values: GenericObject) {
|
||||
<ErrorMessage name="estimatedValue" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<Field name="proofDocuments" type="text">
|
||||
<template #default="{ field }">
|
||||
<ui-input-label
|
||||
v-bind="field"
|
||||
:label="t('asset.issue.apply.assetProof')"
|
||||
:placeholder="t('asset.issue.apply.enterAssetProof')"
|
||||
/>
|
||||
</template>
|
||||
</Field>
|
||||
<ErrorMessage name="proofDocuments" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<Field name="totalSupplyLimit" type="text">
|
||||
<template #default="{ field }">
|
||||
@@ -122,6 +109,35 @@ function handleSubmit(values: GenericObject) {
|
||||
<ErrorMessage name="totalSupplyLimit" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<Field name="description" type="text">
|
||||
<template #default="{ field }">
|
||||
<ui-textarea-label
|
||||
v-bind="field"
|
||||
:label="t('asset.issue.apply.description')"
|
||||
:placeholder="t('asset.issue.apply.enterDescription')"
|
||||
:maxlength="500"
|
||||
:auto-grow="true"
|
||||
/>
|
||||
</template>
|
||||
</Field>
|
||||
<ErrorMessage name="description" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<Field v-slot="{ field }" name="proofDocuments">
|
||||
<ui-file-upload
|
||||
v-bind="field"
|
||||
:label="t('asset.issue.apply.assetProof')"
|
||||
:placeholder="t('asset.issue.apply.uploadAssetProof')"
|
||||
:max-files="5"
|
||||
:max-size="10"
|
||||
accept="application/pdf,image/*,.doc,.docx"
|
||||
/>
|
||||
</Field>
|
||||
<ErrorMessage name="proofDocuments" />
|
||||
</div>
|
||||
|
||||
<ion-button type="submit" expand="block" shape="round" color="success">
|
||||
{{ t('asset.issue.apply.next') }}
|
||||
</ion-button>
|
||||
@@ -129,4 +145,12 @@ function handleSubmit(values: GenericObject) {
|
||||
</Form>
|
||||
</template>
|
||||
|
||||
<style lang='css' scoped></style>
|
||||
<style lang='css' scoped>
|
||||
ion-textarea {
|
||||
--padding-start: 12px;
|
||||
--padding-end: 12px;
|
||||
--background: var(--ui-input-background, #fff);
|
||||
--color: var(--ui-input-color, #000);
|
||||
--border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user