fix: 信用卡、储蓄卡、借贷账户,新增页面修改。

This commit is contained in:
tianyongbao
2024-07-11 18:07:51 +08:00
parent 3a95219629
commit e1184a3039
3 changed files with 29 additions and 1 deletions

View File

@@ -31,6 +31,14 @@
<u--input v-model="form.payDate" placeholder="请填写还款日" <u--input v-model="form.payDate" placeholder="请填写还款日"
inputAlign="right" border="none"></u--input> inputAlign="right" border="none"></u--input>
</u-form-item> </u-form-item>
<u-form-item label="余额" required prop="balance" >
<u--input v-model="form.balance" placeholder="请填写余额"
inputAlign="right" border="none"></u--input>
</u-form-item>
<u-form-item label="可用额度" required prop="availableLimit" >
<u--input v-model="form.availableLimit" placeholder="请填写可用额度"
inputAlign="right" border="none"></u--input>
</u-form-item>
<u-form-item label="信用卡安全码" prop="cvv" > <u-form-item label="信用卡安全码" prop="cvv" >
<u--input v-model="form.cvv" placeholder="请填写信用卡安全码" <u--input v-model="form.cvv" placeholder="请填写信用卡安全码"
inputAlign="right" border="none"></u--input> inputAlign="right" border="none"></u--input>
@@ -118,7 +126,9 @@ const data = reactive({
billDate: null, billDate: null,
payDate: null, payDate: null,
delayPeriod: null, delayPeriod: null,
balance: null,
creditLimit: null, creditLimit: null,
availableLimit: null,
effectiveDate: null, effectiveDate: null,
cvv: null, cvv: null,
createBy: null, createBy: null,
@@ -139,6 +149,8 @@ const data = reactive({
billDate: [{ type: 'number', required: true, message: '账单日不能为空', trigger: ['change', 'blur'] }], billDate: [{ type: 'number', required: true, message: '账单日不能为空', trigger: ['change', 'blur'] }],
payDate: [{ type: 'number', required: true, message: '还款日不能为空', trigger: ['change', 'blur'] }], payDate: [{ type: 'number', required: true, message: '还款日不能为空', trigger: ['change', 'blur'] }],
creditLimit: [{ type: 'number', required: true, message: '信用卡额度不能为空', trigger: ['change', 'blur'] }], creditLimit: [{ type: 'number', required: true, message: '信用卡额度不能为空', trigger: ['change', 'blur'] }],
balance: [{ type: 'number', required: true, message: '余额不能为空', trigger: ['change', 'blur'] }],
availableLimit: [{ type: 'number', required: true, message: '可用额度不能为空', trigger: ['change', 'blur'] }],
} }
}) })
const { form, rules} = toRefs(data) const { form, rules} = toRefs(data)

View File

@@ -19,6 +19,10 @@
<u--input v-model="form.code" placeholder="请填写储蓄卡卡号" <u--input v-model="form.code" placeholder="请填写储蓄卡卡号"
inputAlign="right" border="none"></u--input> inputAlign="right" border="none"></u--input>
</u-form-item> </u-form-item>
<u-form-item label="余额" required prop="balance" >
<u--input v-model="form.balance" placeholder="请填写余额"
inputAlign="right" border="none"></u--input>
</u-form-item>
<u-form-item label="储蓄卡类型" prop="debitTypeName" required @click="handleShowTeam"> <u-form-item label="储蓄卡类型" prop="debitTypeName" required @click="handleShowTeam">
<u--input v-model="form.debitTypeName" disabled disabledColor="#ffffff" placeholder="请选择储蓄卡类型" <u--input v-model="form.debitTypeName" disabled disabledColor="#ffffff" placeholder="请选择储蓄卡类型"
inputAlign="right" border="none"></u--input> inputAlign="right" border="none"></u--input>
@@ -85,6 +89,7 @@ const data = reactive({
payDate: null, payDate: null,
delayPeriod: null, delayPeriod: null,
creditLimit: null, creditLimit: null,
balance: null,
effectiveDate: null, effectiveDate: null,
cvv: null, cvv: null,
createBy: null, createBy: null,
@@ -99,6 +104,7 @@ const data = reactive({
rules: { rules: {
name: [{ type: 'string', required: true, message: '储蓄卡名称不能为空', trigger: ['change', 'blur'] }], name: [{ type: 'string', required: true, message: '储蓄卡名称不能为空', trigger: ['change', 'blur'] }],
code: [{ type: 'string', required: true, message: '储蓄卡卡号不能为空', trigger: ['change', 'blur'] }], code: [{ type: 'string', required: true, message: '储蓄卡卡号不能为空', trigger: ['change', 'blur'] }],
balance: [{ type: 'number', required: true, message: '余额不能为空', trigger: ['change', 'blur'] }],
debitTypeName: [{ type: 'string', required: true, message: '储蓄卡类型不能为空', trigger: ['change', 'blur'] }], debitTypeName: [{ type: 'string', required: true, message: '储蓄卡类型不能为空', trigger: ['change', 'blur'] }],
} }
}) })

View File

@@ -24,7 +24,14 @@
inputAlign="right" border="none"></u--input> inputAlign="right" border="none"></u--input>
<u-icon slot="right" name="arrow-down"></u-icon> <u-icon slot="right" name="arrow-down"></u-icon>
</u-form-item> </u-form-item>
<u-form-item label="余额" required prop="balance" >
<u--input v-model="form.balance" placeholder="请填写余额"
inputAlign="right" border="none"></u--input>
</u-form-item>
<u-form-item label="可用额度" prop="availableLimit" >
<u--input v-model="form.availableLimit" placeholder="请填写可用额度"
inputAlign="right" border="none"></u--input>
</u-form-item>
<u-form-item label="备注" prop="remark" labelPosition="top"> <u-form-item label="备注" prop="remark" labelPosition="top">
<u--textarea v-model="form.remark" placeholder="请填写备注" border="none" autoHeight inputAlign="right" count <u--textarea v-model="form.remark" placeholder="请填写备注" border="none" autoHeight inputAlign="right" count
maxlength="20000" style="padding:18rpx 0;"></u--textarea> maxlength="20000" style="padding:18rpx 0;"></u--textarea>
@@ -73,7 +80,9 @@ const data = reactive({
billDate: null, billDate: null,
payDate: null, payDate: null,
delayPeriod: null, delayPeriod: null,
balance: null,
creditLimit: null, creditLimit: null,
availableLimit: null,
effectiveDate: null, effectiveDate: null,
cvv: null, cvv: null,
createBy: null, createBy: null,
@@ -88,6 +97,7 @@ const data = reactive({
rules: { rules: {
name: [{ type: 'string', required: true, message: '借贷名称不能为空', trigger: ['change', 'blur'] }], name: [{ type: 'string', required: true, message: '借贷名称不能为空', trigger: ['change', 'blur'] }],
code: [{ type: 'string', required: true, message: '账号不能为空', trigger: ['change', 'blur'] }], code: [{ type: 'string', required: true, message: '账号不能为空', trigger: ['change', 'blur'] }],
balance: [{ type: 'number', required: true, message: '余额不能为空', trigger: ['change', 'blur'] }],
lendTypeName: [{ type: 'string', required: true, message: '类型不能为空', trigger: ['change', 'blur'] }], lendTypeName: [{ type: 'string', required: true, message: '类型不能为空', trigger: ['change', 'blur'] }],
} }
}) })