fix: 界面功能优化完善。

This commit is contained in:
tianyongbao
2024-06-21 20:27:44 +08:00
parent 5db836a785
commit 50fbefd6a1
5 changed files with 41 additions and 40 deletions

View File

@@ -157,8 +157,8 @@ const data = reactive({
code: [{ required: true, message: '信用卡卡号不能为空', trigger: 'blur' }], code: [{ required: true, message: '信用卡卡号不能为空', trigger: 'blur' }],
billDate: [{ required: true, message: '账单日不能为空', trigger: 'blur' }], billDate: [{ required: true, message: '账单日不能为空', trigger: 'blur' }],
payDate: [{ required: true, message: '还款日不能为空', trigger: 'blur' }], payDate: [{ required: true, message: '还款日不能为空', trigger: 'blur' }],
creditLimit: [{ required: true, message: '信用卡额度不能为空', trigger: 'blur' }], creditLimit: [{ required: true, message: '信用卡额度不能为空', trigger: 'blur' }]
cvv: [{ required: true, message: '信用卡安全码不能为空', trigger: 'blur' }] // cvv: [{ required: true, message: '信用卡安全码不能为空', trigger: 'blur' }]
} }
}) })

View File

@@ -28,7 +28,7 @@
<el-table-column label="账号" align="center" prop="code" /> <el-table-column label="账号" align="center" prop="code" />
<el-table-column label="期货交易中心账号" align="center" prop="tradingCenterCode" /> <el-table-column label="期货交易中心账号" align="center" prop="tradingCenterCode" />
<el-table-column label="手续费" align="center" prop="commission" /> <el-table-column label="手续费" align="center" prop="commission" />
<el-table-column label="保证金" align="center" prop="bond" /> <el-table-column label="保证金比例" align="center" prop="bond" />
<el-table-column label="关联储蓄卡" align="center" prop="bankNameCode" /> <el-table-column label="关联储蓄卡" align="center" prop="bankNameCode" />
<el-table-column label="开户日期" align="center" prop="activationDate" width="180"> <el-table-column label="开户日期" align="center" prop="activationDate" width="180">
<template #default="scope"> <template #default="scope">
@@ -50,8 +50,8 @@
</div> </div>
</div> </div>
<!-- 添加或修改期货对话框 --> <!-- 添加或修改期货对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body> <el-dialog :title="title" v-model="open" width="900px" append-to-body>
<el-form ref="futureStocksRef" :model="form" :rules="rules" label-width="140px"> <el-form ref="futureStocksRef" :model="form" :inline="true" :rules="rules" label-width="130px">
<el-form-item label="名称" prop="name"> <el-form-item label="名称" prop="name">
<el-input v-model="form.name" placeholder="请输入名称" /> <el-input v-model="form.name" placeholder="请输入名称" />
</el-form-item> </el-form-item>
@@ -61,17 +61,17 @@
<el-form-item label="密码" prop="password"> <el-form-item label="密码" prop="password">
<el-input v-model="form.password" placeholder="请输入密码" /> <el-input v-model="form.password" placeholder="请输入密码" />
</el-form-item> </el-form-item>
<el-form-item label="关联储蓄卡" prop="debitCard">
<el-select v-model="form.debitCard" placeholder="请选择关联储蓄卡" clearable>
<el-option v-for="debitCard in debitCardList" :key="debitCard.id" :label="debitCard.nameCode" :value="debitCard.id" />
</el-select>
</el-form-item>
<el-form-item label="期货交易中心账号" prop="tradingCenterCode"> <el-form-item label="期货交易中心账号" prop="tradingCenterCode">
<el-input v-model="form.tradingCenterCode" placeholder="请输入期货交易中心账号" /> <el-input v-model="form.tradingCenterCode" placeholder="请输入期货交易中心账号" />
</el-form-item> </el-form-item>
<el-form-item label="期货交易中心密码" prop="tradingCenterPassword"> <el-form-item label="期货交易中心密码" prop="tradingCenterPassword">
<el-input v-model="form.tradingCenterPassword" placeholder="请输入期货交易中心密码" /> <el-input v-model="form.tradingCenterPassword" placeholder="请输入期货交易中心密码" />
</el-form-item> </el-form-item>
<el-form-item label="关联储蓄卡" prop="debitCard">
<el-select v-model="form.debitCard" placeholder="请选择关联储蓄卡" clearable>
<el-option v-for="debitCard in debitCardList" :key="debitCard.id" :label="debitCard.nameCode" :value="debitCard.id" />
</el-select>
</el-form-item>
<el-form-item label="资金密码" prop="fundPassword"> <el-form-item label="资金密码" prop="fundPassword">
<el-input v-model="form.fundPassword" placeholder="请输入资金密码" /> <el-input v-model="form.fundPassword" placeholder="请输入资金密码" />
</el-form-item> </el-form-item>
@@ -81,10 +81,10 @@
<el-form-item label="手续费" prop="commission"> <el-form-item label="手续费" prop="commission">
<el-input v-model="form.commission" placeholder="请输入手续费" /> <el-input v-model="form.commission" placeholder="请输入手续费" />
</el-form-item> </el-form-item>
<el-form-item label="保证金" prop="bond"> <el-form-item label="保证金比例" prop="bond">
<el-input v-model="form.bond" placeholder="请输入保证金" /> <el-input v-model="form.bond" placeholder="请输入保证金比例" />
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" style="width: 812px" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入备注" /> <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
</el-form-item> </el-form-item>
</el-form> </el-form>
@@ -136,15 +136,15 @@ const data = reactive({
}, },
rules: { rules: {
name: [{ required: true, message: '名称不能为空', trigger: 'blur' }], name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
code: [{ required: true, message: '账号不能为空', trigger: 'blur' }], code: [{ required: true, message: '账号不能为空', trigger: 'blur' }]
password: [{ required: true, message: '密码不能为空', trigger: 'blur' }], // password: [{ required: true, message: '密码不能为空', trigger: 'blur' }],
tradingCenterCode: [{ required: true, message: '期货交易中心账号不能为空', trigger: 'blur' }], // tradingCenterCode: [{ required: true, message: '期货交易中心账号不能为空', trigger: 'blur' }],
tradingCenterPassword: [{ required: true, message: '期货交易中心密码不能为空', trigger: 'blur' }], // tradingCenterPassword: [{ required: true, message: '期货交易中心密码不能为空', trigger: 'blur' }],
fundPassword: [{ required: true, message: '资金密码不能为空', trigger: 'blur' }], // fundPassword: [{ required: true, message: '资金密码不能为空', trigger: 'blur' }],
// debitCard: [ // debitCard: [
// { required: true, message: '关联储蓄卡不能为空', trigger: 'blur' } // { required: true, message: '关联储蓄卡不能为空', trigger: 'blur' }
// ], // ],
activationDate: [{ required: true, message: '开户日期不能为空', trigger: 'blur' }] // activationDate: [{ required: true, message: '开户日期不能为空', trigger: 'blur' }]
} }
}) })

View File

@@ -104,6 +104,7 @@ const data = reactive({
}, },
rules: { rules: {
name: [{ required: true, message: '借贷名称不能为空', trigger: 'blur' }], name: [{ required: true, message: '借贷名称不能为空', trigger: 'blur' }],
code: [{ required: true, message: '账号不能为空', trigger: 'blur' }],
lendType: [{ required: true, message: '类型不能为空', trigger: 'blur' }] lendType: [{ required: true, message: '类型不能为空', trigger: 'blur' }]
} }
}) })

View File

@@ -73,28 +73,28 @@
<el-option v-for="dict in pos_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option> <el-option v-for="dict in pos_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="编号" prop="code"> <el-form-item label="商户名称" prop="merchantName">
<el-input v-model="form.code" placeholder="请输入编号" /> <el-input v-model="form.merchantName" placeholder="请输入商户名称" />
</el-form-item> </el-form-item>
<el-form-item label="结算卡" prop="debitCard"> <el-form-item label="结算卡" prop="debitCard">
<el-select v-model="form.debitCard" placeholder="请选择结算卡" clearable> <el-select v-model="form.debitCard" placeholder="请选择结算卡" clearable>
<el-option v-for="debitCard in debitCardList" :key="debitCard.id" :label="debitCard.nameCode" :value="debitCard.id" /> <el-option v-for="debitCard in debitCardList" :key="debitCard.id" :label="debitCard.nameCode" :value="debitCard.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="刷卡费率" prop="rate">
<el-input v-model="form.rate" placeholder="请输入刷卡费率" />
</el-form-item>
<el-form-item label="费率+" prop="ratePlus">
<el-input v-model="form.ratePlus" placeholder="请输入费率+" />
</el-form-item>
<el-form-item label="厂商" prop="manufacture"> <el-form-item label="厂商" prop="manufacture">
<el-input v-model="form.manufacture" placeholder="请输入厂商" /> <el-input v-model="form.manufacture" placeholder="请输入厂商" />
</el-form-item> </el-form-item>
<el-form-item label="支付公司" prop="payCompany"> <el-form-item label="支付公司" prop="payCompany">
<el-input v-model="form.payCompany" placeholder="请输入支付公司" /> <el-input v-model="form.payCompany" placeholder="请输入支付公司" />
</el-form-item> </el-form-item>
<el-form-item label="商户名称" prop="merchantName"> <el-form-item label="编号" prop="code">
<el-input v-model="form.merchantName" placeholder="请输入商户名称" /> <el-input v-model="form.code" placeholder="请输入编号" />
</el-form-item>
<el-form-item label="刷卡费率" prop="rate">
<el-input v-model="form.rate" placeholder="请输入刷卡费率" />
</el-form-item>
<el-form-item label="费率+" prop="ratePlus">
<el-input v-model="form.ratePlus" placeholder="请输入费率+" />
</el-form-item> </el-form-item>
<el-form-item label="商户类型" prop="merchantType"> <el-form-item label="商户类型" prop="merchantType">
<el-select v-model="form.merchantType" placeholder="请选择商户类型"> <el-select v-model="form.merchantType" placeholder="请选择商户类型">
@@ -160,15 +160,15 @@ const data = reactive({
}, },
rules: { rules: {
name: [{ required: true, message: 'pos机名称不能为空', trigger: 'blur' }], name: [{ required: true, message: 'pos机名称不能为空', trigger: 'blur' }],
code: [{ required: true, message: '编码不能为空', trigger: 'blur' }], // code: [{ required: true, message: '编码不能为空', trigger: 'blur' }],
payCompany: [{ required: true, message: '支付公司不能为空', trigger: 'blur' }], // payCompany: [{ required: true, message: '支付公司不能为空', trigger: 'blur' }],
type: [{ required: true, message: '类型不能为空', trigger: 'change' }], type: [{ required: true, message: '类型不能为空', trigger: 'change' }],
manufacture: [{ required: true, message: '厂商不能为空', trigger: 'blur' }], // manufacture: [{ required: true, message: '厂商不能为空', trigger: 'blur' }],
merchantName: [{ required: true, message: '商户名称不能为空', trigger: 'blur' }], merchantName: [{ required: true, message: '商户名称不能为空', trigger: 'blur' }],
rate: [{ required: true, message: '刷卡费率不能为空', trigger: 'blur' }], rate: [{ required: true, message: '刷卡费率不能为空', trigger: 'blur' }],
ratePlus: [{ required: true, message: '费率+不能为空', trigger: 'blur' }], ratePlus: [{ required: true, message: '费率+不能为空', trigger: 'blur' }],
debitCard: [{ required: true, message: '结算卡不能为空', trigger: 'blur' }], debitCard: [{ required: true, message: '结算卡不能为空', trigger: 'blur' }]
merchantType: [{ required: true, message: '商户类型不能为空', trigger: 'change' }] // merchantType: [{ required: true, message: '商户类型不能为空', trigger: 'change' }]
} }
}) })

View File

@@ -56,14 +56,14 @@
<el-form-item label="账号" prop="code"> <el-form-item label="账号" prop="code">
<el-input v-model="form.code" placeholder="请输入账号" /> <el-input v-model="form.code" placeholder="请输入账号" />
</el-form-item> </el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="form.password" placeholder="请输入密码" />
</el-form-item>
<el-form-item label="关联储蓄卡" prop="debitCard"> <el-form-item label="关联储蓄卡" prop="debitCard">
<el-select v-model="form.debitCard" placeholder="请选择关联储蓄卡" clearable> <el-select v-model="form.debitCard" placeholder="请选择关联储蓄卡" clearable>
<el-option v-for="debitCard in debitCardList" :key="debitCard.id" :label="debitCard.nameCode" :value="debitCard.id" /> <el-option v-for="debitCard in debitCardList" :key="debitCard.id" :label="debitCard.nameCode" :value="debitCard.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="form.password" placeholder="请输入密码" />
</el-form-item>
<el-form-item label="开户日期" prop="activationDate"> <el-form-item label="开户日期" prop="activationDate">
<el-date-picker clearable v-model="form.activationDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择开户日期"> </el-date-picker> <el-date-picker clearable v-model="form.activationDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择开户日期"> </el-date-picker>
</el-form-item> </el-form-item>
@@ -123,12 +123,12 @@ const data = reactive({
rules: { rules: {
name: [{ required: true, message: '名称不能为空', trigger: 'blur' }], name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
code: [{ required: true, message: '账号不能为空', trigger: 'blur' }], code: [{ required: true, message: '账号不能为空', trigger: 'blur' }],
password: [{ required: true, message: '密码不能为空', trigger: 'blur' }], // password: [{ required: true, message: '密码不能为空', trigger: 'blur' }],
tradingCenterCode: [{ required: true, message: '期货交易中心账号不能为空', trigger: 'blur' }], tradingCenterCode: [{ required: true, message: '期货交易中心账号不能为空', trigger: 'blur' }],
tradingCenterPassword: [{ required: true, message: '期货交易中心密码不能为空', trigger: 'blur' }], tradingCenterPassword: [{ required: true, message: '期货交易中心密码不能为空', trigger: 'blur' }],
fundPassword: [{ required: true, message: '资金密码不能为空', trigger: 'blur' }], fundPassword: [{ required: true, message: '资金密码不能为空', trigger: 'blur' }],
debitCard: [{ required: true, message: '关联储蓄卡不能为空', trigger: 'blur' }], debitCard: [{ required: true, message: '关联储蓄卡不能为空', trigger: 'blur' }]
activationDate: [{ required: true, message: '开户日期不能为空', trigger: 'blur' }] // activationDate: [{ required: true, message: '开户日期不能为空', trigger: 'blur' }]
} }
}) })