qdintc/intc-vue3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 界面功能优化完善。

Browse Source
This commit is contained in:
tianyongbao
2024-06-21 20:27:44 +08:00
parent 6967393ce9
commit 1efb49cdfc
5 changed files with 41 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/invest/futures/index.vue
View File

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