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

fix: 系统功能升级，账户增加status字段，修改相关功能。

Browse Source
This commit is contained in:
tianyongbao
2024-07-17 19:42:47 +08:00
parent a84fbf04b8
commit abfa7e6feb
23 changed files with 222 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,6 +6,16 @@
<el-form-item label="储蓄卡名称" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入储蓄卡名称" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="账户状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择账户状态" clearable>
<el-option v-for="dict in account_status" :key="dict.value" :label="dict.label" :value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="储蓄卡类型" prop="debitType">
<el-select v-model="queryParams.debitType" placeholder="请选择账户状态" clearable>
<el-option v-for="dict in debit_type" :key="dict.value" :label="dict.label" :value="dict.value" />
</el-select>
</el-form-item>
</el-form>
<div class="search-btn-con">
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
@@ -26,6 +36,11 @@
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="储蓄卡名称" align="center" width="180" prop="name" />
<el-table-column label="储蓄卡卡号" align="center" prop="code" />
<el-table-column label="账户状态" align="center" prop="status">
<template #default="scope">
<dict-tag :options="account_status" :value="scope.row.status" />
</template>
</el-table-column>
<el-table-column label="开户行" align="center" prop="openingBank" />
<el-table-column label="开户日期" align="center" prop="activationDate" width="150">
<template #default="scope">
@@ -52,14 +67,19 @@
</div>
</div>
<!-- 添加或修改储蓄卡信息对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="bankcardRef" :model="form" :rules="rules" label-width="120px">
<el-dialog :title="title" v-model="open" width="880px" append-to-body>
<el-form ref="bankcardRef" :model="form" :inline="true" :rules="rules" label-width="120px">
<el-form-item label="储蓄卡名称" prop="name">
<el-input v-model="form.name" placeholder="请输入储蓄卡名称" />
</el-form-item>
<el-form-item label="储蓄卡卡号" prop="code">
<el-input v-model="form.code" placeholder="请输入储蓄卡卡号" />
</el-form-item>
<el-form-item label="账户状态" prop="status">
<el-select v-model="form.status" placeholder="请选择账户状态">
<el-option v-for="dict in account_status" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="余额" prop="balance">
<el-input v-model="form.balance" placeholder="请输入余额" />
</el-form-item>
@@ -80,7 +100,7 @@
<el-option v-for="dict in debit_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-form-item label="备注" style="width: 792px" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
</el-form-item>
</el-form>
@@ -99,7 +119,7 @@ import { listBankcardLend, getBankcardLend, delBankcardLend, addBankcardLend, up
// eslint-disable-next-line no-unused-vars
import { require } from '@/utils/require'
const { proxy } = getCurrentInstance()
const { bank_card_type, debit_type } = proxy.useDict('bank_card_type', 'debit_type')
const { bank_card_type, debit_type, account_status } = proxy.useDict('bank_card_type', 'debit_type', 'account_status')
const bankcardList = ref([])
const open = ref(false)
@@ -121,11 +141,14 @@ const data = reactive({
pageNum: 1,
pageSize: 10,
name: null,
status: null,
debitType: null,
type: '1'
},
rules: {
name: [{ required: true, message: '储蓄卡名称不能为空', trigger: 'blur' }],
code: [{ required: true, message: '储蓄卡卡号不能为空', trigger: 'blur' }],
status: [{ required: true, message: '账户状态不能为空', trigger: 'blur' }],
balance: [{ required: true, message: '余额不能为空', trigger: 'blur' }]
}
})
@@ -187,7 +210,8 @@ function reset() {
updateTime: null,
delFlag: null,
remark: null,
debitType: null
debitType: null,
status: null
}
proxy.resetForm('bankcardRef')
}