feat: 更新产品相关表单,调整分红率和估值输入组件,优化用户体验

This commit is contained in:
2026-01-09 14:25:47 +07:00
parent 1be06c6f23
commit 978df12a6f
5 changed files with 38 additions and 104 deletions

View File

@@ -133,14 +133,17 @@ function handleCreateDraftAndSubmit() {
<NFormItem path="unitPrice" label="单价($)">
<NInputNumber :min="0" :value="Number(form.unitPrice)" @update:value="val => (form.unitPrice = String(val))" />
</NFormItem>
<NFormItem path="dividendRate" label="分红率(0.01 = 1%)">
<NFormItem path="dividendRate" label="分红率(%)">
<NInputNumber
:max="1"
:max="100"
:min="0"
:step="0.01"
:value="Number(form.dividendRate)"
@update:value="val => (form.dividendRate = String(val))"
/>
:step="0.1"
:precision="2"
:value="Number(form.dividendRate) * 100"
@update:value="val => (form.dividendRate = String((val || 0) / 100))"
>
<template #suffix>%</template>
</NInputNumber>
</NFormItem>
<NFormItem path="launchDate" label="预热时间">
<NDatePicker

View File

@@ -111,16 +111,18 @@ function handleCreateDraftAndSubmit() {
<NInputNumber
:min="1"
:step="100"
:precision="2"
:value="Number(form.estimatedValue)"
@update:value="val => (form.estimatedValue = String(val))"
@update:value="val => (form.estimatedValue = String(val || 0))"
/>
</NFormItem>
<NFormItem path="totalSupplyLimit" label="总发行量">
<NInputNumber
:min="1"
:step="100"
:precision="0"
:value="Number(form.totalSupplyLimit)"
@update:value="val => (form.totalSupplyLimit = String(val))"
@update:value="val => (form.totalSupplyLimit = String(val || 0))"
/>
</NFormItem>
<NFormItem path="description" label="产品描述">

View File

@@ -114,14 +114,17 @@ function handleSubmit() {
<NFormItem path="unitPrice" label="单价($)">
<NInputNumber :min="0" :value="Number(form.unitPrice)" @update:value="val => (form.unitPrice = String(val))" />
</NFormItem>
<NFormItem path="dividendRate" label="分红率(0.01 = 1%)">
<NFormItem path="dividendRate" label="分红率(%)">
<NInputNumber
:max="1"
:max="100"
:min="0"
:step="0.01"
:value="Number(form.dividendRate)"
@update:value="val => (form.dividendRate = String(val))"
/>
:step="0.1"
:precision="2"
:value="Number(form.dividendRate) * 100"
@update:value="val => (form.dividendRate = String((val || 0) / 100))"
>
<template #suffix>%</template>
</NInputNumber>
</NFormItem>
<NFormItem path="launchDate" label="预热时间">
<NDatePicker

View File

@@ -102,10 +102,22 @@ function handleSubmit() {
/>
</NFormItem>
<NFormItem path="estimatedValue" label="产品估值">
<NInput v-model:value="form.estimatedValue" />
<NInputNumber
:min="1"
:step="100"
:precision="2"
:value="Number(form.estimatedValue)"
@update:value="val => (form.estimatedValue = String(val || 0))"
/>
</NFormItem>
<NFormItem path="totalSupplyLimit" label="总发行量">
<NInput v-model:value="form.totalSupplyLimit" />
<NInputNumber
:min="1"
:step="100"
:precision="0"
:value="Number(form.totalSupplyLimit)"
@update:value="val => (form.totalSupplyLimit = String(val || 0))"
/>
</NFormItem>
<NFormItem path="description" label="产品描述">
<NInput v-model:value="form.description" type="textarea" />