Skip to content

S
saas-manage
Commit 13f38cf0 by qinjianhui
Options

feat: 收款账户添加账户信息和备注字段

parent de2c2a87
Showing with 141 additions and 54 deletions
src/views/user/baseProceedsAccount.vue
...@@ -48,43 +48,6 @@ ...@@ -48,43 +48,6 @@
label-width="100px" label-width="100px"
:inline="true" :inline="true"
size="mini"> size="mini">
<el-form-item label="账户类型" prop="accountType">
<el-select
v-model="addFormData.accountType"
placeholder="请选择账户类型"
@change="accountTypeChange"
style="width: 100%">
<el-option
v-for="item in accountTypeList"
:key="item.code"
:label="item.remark"
:value="item.code"></el-option>
</el-select>
</el-form-item>
<el-form-item
label="银行卡开户行"
prop="openBank"
v-if="
addFormData.accountType === 'bank_transfer' ||
addFormData.accountType === 'xyk'
">
<el-input
v-model="addFormData.openBank"
placeholder="请输入开户行"
clearable />
</el-form-item>
<el-form-item label="账户名称" prop="name">
<el-input
v-model="addFormData.name"
placeholder="请输入账户名称"
clearable />
</el-form-item>
<el-form-item label="账号" prop="accountNumber">
<el-input
v-model="addFormData.accountNumber"
placeholder="请输入账号"
clearable />
</el-form-item>
<el-form-item label="收款方式" prop="receiverType"> <el-form-item label="收款方式" prop="receiverType">
<el-select <el-select
v-model="addFormData.receiverType" v-model="addFormData.receiverType"
...@@ -101,6 +64,7 @@ ...@@ -101,6 +64,7 @@
<el-select <el-select
v-model="addFormData.operation" v-model="addFormData.operation"
placeholder="请选择主要业务" placeholder="请选择主要业务"
@change="operationChange"
style="width: 100%"> style="width: 100%">
<el-option <el-option
v-for="item in businessTypeList" v-for="item in businessTypeList"
...@@ -122,6 +86,43 @@ ...@@ -122,6 +86,43 @@
:value="item.currencyCode"></el-option> :value="item.currencyCode"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="账户类型" prop="accountType">
<el-select
v-model="addFormData.accountType"
placeholder="请选择账户类型"
@change="accountTypeChange"
style="width: 100%">
<el-option
v-for="item in accountTypeList"
:key="item.code"
:label="item.remark"
:value="item.code"></el-option>
</el-select>
</el-form-item>
<el-form-item
label="银行卡开户行"
prop="openBank"
v-if="
addFormData.accountType === 'bank_transfer' ||
addFormData.accountType === 'xyk'
">
<el-input
v-model="addFormData.openBank"
placeholder="请输入开户行"
clearable />
</el-form-item>
<el-form-item label="账户名称" prop="name">
<el-input
v-model="addFormData.name"
placeholder="请输入账户名称"
clearable />
</el-form-item>
<el-form-item label="账号" prop="accountNumber">
<el-input
v-model="addFormData.accountNumber"
placeholder="请输入账号"
clearable />
</el-form-item>
<el-form-item label="日限额" prop="daySumLimited"> <el-form-item label="日限额" prop="daySumLimited">
<el-input-number <el-input-number
...@@ -148,17 +149,22 @@ ...@@ -148,17 +149,22 @@
:min="1" :min="1"
type="number" /> type="number" />
</el-form-item> </el-form-item>
<!-- <el-form-item label="启用状态" prop="isEnable"> <el-form-item label="账户信息" prop="">
<el-switch <el-input
class="switchStyle" v-model="addFormData.accountInfo"
:width="100" placeholder="请输入账户信息"
v-model="addFormData.isEnable" type="textarea"
active-color="#67C23A" :rows="3"
inactive-color="#F56C6C" clearable />
@change="dialogEnableChange" </el-form-item>
active-text="启用" <el-form-item label="备注" prop="">
inactive-text="禁用"></el-switch> <el-input
</el-form-item> --> v-model="addFormData.remark"
placeholder="请输入备注"
type="textarea"
:rows="3"
clearable />
</el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="default" @click="addDialog = false" size="small"> <el-button type="default" @click="addDialog = false" size="small">
...@@ -246,6 +252,32 @@ ...@@ -246,6 +252,32 @@
<el-descriptions-item label="排序"> <el-descriptions-item label="排序">
{{ detailFormData.sort }} {{ detailFormData.sort }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item
label="账户信息"
:span="3"
:labelStyle="{ width: '130px' }"
:contentStyle="{
textAlign: 'left',
verticalAlign: 'top',
wordBreak: 'break-word'
}">
<span class="proceeds-multiline">{{
detailFormData.accountInfo || '-'
}}</span>
</el-descriptions-item>
<el-descriptions-item
label="备注"
:span="3"
:labelStyle="{ width: '130px' }"
:contentStyle="{
textAlign: 'left',
verticalAlign: 'top',
wordBreak: 'break-word'
}">
<span class="proceeds-multiline">{{
detailFormData.remark || '-'
}}</span>
</el-descriptions-item>
<el-descriptions-item label="支付宝授权状态"> <el-descriptions-item label="支付宝授权状态">
<span v-if="detailFormData.accountType === 'alipay'"> <span v-if="detailFormData.accountType === 'alipay'">
<el-tag <el-tag
...@@ -263,7 +295,6 @@ ...@@ -263,7 +295,6 @@
<el-descriptions-item label="更新时间"> <el-descriptions-item label="更新时间">
{{ detailFormData.updateTime }} {{ detailFormData.updateTime }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item />
</el-descriptions> </el-descriptions>
</el-dialog> </el-dialog>
<!-- 日志弹窗 --> <!-- 日志弹窗 -->
...@@ -456,7 +487,9 @@ export default { ...@@ -456,7 +487,9 @@ export default {
monthlySumLimited: '', monthlySumLimited: '',
operation: '', operation: '',
isEnable: false, isEnable: false,
sort: null sort: null,
accountInfo: '',
remark: ''
} }
return { return {
select: '', select: '',
...@@ -627,7 +660,9 @@ export default { ...@@ -627,7 +660,9 @@ export default {
key: 'accountType', key: 'accountType',
width: '100', width: '100',
render: (item) => { render: (item) => {
const accountType = this.accountTypeList.find((i) => i.code === item.accountType) const accountType = this.accountTypeList.find(
(i) => i.code === item.accountType
)
return accountType && accountType.remark return accountType && accountType.remark
} }
}, },
...@@ -694,8 +729,10 @@ export default { ...@@ -694,8 +729,10 @@ export default {
key: 'operation', key: 'operation',
width: 200, width: 200,
render: (item) => { render: (item) => {
return this.businessTypeList.find((i) => i.key === item.operation) return (
.value || '' this.businessTypeList.find((i) => i.key === item.operation)
.value || ''
)
} }
}, },
{ {
...@@ -719,6 +756,42 @@ export default { ...@@ -719,6 +756,42 @@ export default {
key: 'monthlySumLimited', key: 'monthlySumLimited',
width: '150' width: '150'
}, },
{
label: '账户信息',
key: 'accountInfo',
width: '200',
minWidth: '160',
align: 'left',
showOverflow: false,
render: (item) => {
const text = item.accountInfo
if (!text) return '-'
return (
<span
style="white-space: pre-line; word-break: break-word; display: inline-block; width: 100%; text-align: left;">
{text}
</span>
)
}
},
{
label: '备注',
key: 'remark',
width: '200',
minWidth: '160',
align: 'left',
showOverflow: false,
render: (item) => {
const text = item.remark
if (!text) return '-'
return (
<span
style="white-space: pre-line; word-break: break-word; display: inline-block; width: 100%; text-align: left;">
{text}
</span>
)
}
},
{ {
label: '相关操作', label: '相关操作',
...@@ -809,6 +882,13 @@ export default { ...@@ -809,6 +882,13 @@ export default {
} }
}, },
methods: { methods: {
operationChange(value) {
if (value === 'ORDERS' || value === 'BALANCE') {
this.addFormData.currencyType = 'CNY'
} else {
this.addFormData.currencyType = 'USD'
}
},
sizeChange(value) { sizeChange(value) {
this.paginationOptions.pageSize = value this.paginationOptions.pageSize = value
this.getList() this.getList()
...@@ -1082,7 +1162,9 @@ export default { ...@@ -1082,7 +1162,9 @@ export default {
monthlySumLimited: '', monthlySumLimited: '',
operation: '', operation: '',
sort: '', sort: '',
isEnable: false isEnable: false,
accountInfo: '',
remark: ''
}) })
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.addForm.clearValidate() this.$refs.addForm.clearValidate()
...@@ -1314,4 +1396,9 @@ export default { ...@@ -1314,4 +1396,9 @@ export default {
opacity: 0; opacity: 0;
margin-right: 10px; margin-right: 10px;
} }
.proceeds-multiline {
white-space: pre-line;
word-break: break-word;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment