feat: 添加文件上传组件,更新表单字段,优化描述输入逻辑

This commit is contained in:
2025-12-21 19:22:17 +07:00
parent e29f687520
commit b065dca018
8 changed files with 367 additions and 28 deletions

View File

@@ -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>