|
@@ -29,7 +29,7 @@
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
- <el-table-column label="状态" align="center" show-overflow-tooltip>
|
|
|
|
|
|
+ <!-- <el-table-column label="状态" align="center" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-tag v-if="scope.row.status === 1" >正常</el-tag>
|
|
<el-tag v-if="scope.row.status === 1" >正常</el-tag>
|
|
<el-tag v-if="scope.row.status === 2" type="warning">暂停</el-tag>
|
|
<el-tag v-if="scope.row.status === 2" type="warning">暂停</el-tag>
|
|
@@ -39,27 +39,36 @@
|
|
<el-table-column label="客户简称" align="center" show-overflow-tooltip>
|
|
<el-table-column label="客户简称" align="center" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<span type="text" >{{ scope.row.shorterName }}</span>
|
|
<span type="text" >{{ scope.row.shorterName }}</span>
|
|
- <!-- <el-button type="text" @click="productLook(scope.row)">{{ scope.row.shorterName }}</el-button> -->
|
|
|
|
</template>
|
|
</template>
|
|
- </el-table-column>
|
|
|
|
|
|
+ </el-table-column> -->
|
|
|
|
|
|
- <el-table-column label="帐号余额" align="center" show-overflow-tooltip>
|
|
|
|
|
|
+ <el-table-column label="可用余额" align="center" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.balance }}</span>
|
|
<span>{{ scope.row.balance }}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
+ <el-table-column label="累计充值" align="center" show-overflow-tooltip>
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <!-- <span>{{ scope.row.balance }}</span> -->
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="累计消费" align="center" show-overflow-tooltip>
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <!-- <span>{{ scope.row.balance }}</span> -->
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
|
|
<el-table-column label="授信额度" align="center" show-overflow-tooltip>
|
|
<el-table-column label="授信额度" align="center" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.creditAmount }}</span>
|
|
<span>{{ scope.row.creditAmount }}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
-
|
|
|
|
|
|
+<!--
|
|
<el-table-column label="当前费用" align="center" show-overflow-tooltip>
|
|
<el-table-column label="当前费用" align="center" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.currentAmount }}</span>
|
|
<span>{{ scope.row.currentAmount }}</span>
|
|
</template>
|
|
</template>
|
|
- </el-table-column>
|
|
|
|
|
|
+ </el-table-column> -->
|
|
|
|
|
|
<el-table-column label="创建时间" width="150" align="center" show-overflow-tooltip>
|
|
<el-table-column label="创建时间" width="150" align="center" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
@@ -70,7 +79,7 @@
|
|
|
|
|
|
<el-table-column label="操作" fixed="right" width="131" align="center">
|
|
<el-table-column label="操作" fixed="right" width="131" align="center">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-button size="small" class="classitem" type="primary" plain icon="el-icon-plus" @click="handleritemAdd(scope.row)">明细</el-button>
|
|
|
|
|
|
+ <el-button size="small" class="classitem" type="primary" plain icon="el-icon-plus" @click="handleritemAdd(scope.row)">加款</el-button>
|
|
<!-- <el-button size="small" class="classitem" type="primary" plain icon="el-icon-plus" @click="handlerAdd(scope.row)">明细</el-button> -->
|
|
<!-- <el-button size="small" class="classitem" type="primary" plain icon="el-icon-plus" @click="handlerAdd(scope.row)">明细</el-button> -->
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -89,8 +98,8 @@
|
|
<span class="flex_Name">客户名称:</span>
|
|
<span class="flex_Name">客户名称:</span>
|
|
<span class="flex_Number">{{detail.customerName}}</span>
|
|
<span class="flex_Number">{{detail.customerName}}</span>
|
|
</div>
|
|
</div>
|
|
- <div>
|
|
|
|
- <span class="flex_Name">账户余额:</span>
|
|
|
|
|
|
+ <div class="flex_width">
|
|
|
|
+ <span class="flex_Name">可用余额:</span>
|
|
<span class="flex_Number">{{detail.balance}}</span>
|
|
<span class="flex_Number">{{detail.balance}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -99,24 +108,34 @@
|
|
<span class="flex_Name">授信额度:</span>
|
|
<span class="flex_Name">授信额度:</span>
|
|
<span class="flex_Number">{{detail.creditAmount}}</span>
|
|
<span class="flex_Number">{{detail.creditAmount}}</span>
|
|
</div>
|
|
</div>
|
|
- <div>
|
|
|
|
- <span class="flex_Name">当前费用:</span>
|
|
|
|
|
|
+ <div class="flex_width">
|
|
|
|
+ <span class="flex_Name">累计充值:</span>
|
|
<span class="flex_Number">{{detail.currentAmount}}</span>
|
|
<span class="flex_Number">{{detail.currentAmount}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="flex_supplier">
|
|
|
|
+ <div class="flex_width">
|
|
|
|
+ <span class="flex_Name">累计消费:</span>
|
|
|
|
+ <!-- <span class="flex_Number">{{detail.creditAmount}}</span> -->
|
|
|
|
+ </div>
|
|
|
|
+ <div>
|
|
|
|
+ <!-- <span class="flex_Name">累计充值:</span>
|
|
|
|
+ <span class="flex_Number">{{detail.currentAmount}}</span> -->
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</el-card>
|
|
</el-card>
|
|
<el-card shadow="never" >
|
|
<el-card shadow="never" >
|
|
<div slot="header" class="clearfix">
|
|
<div slot="header" class="clearfix">
|
|
- <span class="topClass">账户交易流水</span>
|
|
|
|
|
|
+ <span class="topClass">账户交易记录</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
<div class="AddButton">
|
|
<div class="AddButton">
|
|
<el-button type="primary" plain icon="el-icon-plus" @click="handlerAdd(detail)">加款</el-button>
|
|
<el-button type="primary" plain icon="el-icon-plus" @click="handlerAdd(detail)">加款</el-button>
|
|
- <!-- <el-button type="danger" plain icon="el-icon-bank-card" @click="handlerAdd">信用额度调整</el-button> -->
|
|
|
|
|
|
+ <el-button type="danger" plain icon="el-icon-bank-card" @click="creditAmountAdd">信用额度调整</el-button>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
- <el-table :data="detailTableData" border style="width: 100%">
|
|
|
|
|
|
+ <el-table :data="detailTableData" stripe style="width: 100%">
|
|
<el-table-column label="序号" width="60" align="center">
|
|
<el-table-column label="序号" width="60" align="center">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.$index + 1 }}</span>
|
|
<span>{{ scope.$index + 1 }}</span>
|
|
@@ -378,10 +397,24 @@
|
|
</el-form>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
|
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
|
- <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
|
|
|
+ <el-button type="primary" :loading="buttonLoading" @click="submitForm">确 定</el-button>
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
|
|
|
|
|
+ <!-- 授信 -->
|
|
|
|
+ <el-dialog :title="detail.customerName + '的信用额度调整'" :visible.sync="creditAmountVisible" width="55%" center>
|
|
|
|
+ <el-form ref="AmountForm" :model="AmountForm" :rules="Amount" label-width="80px" size="small" label-position="right">
|
|
|
|
+ <el-form-item label="信用额度调整" prop="creditAmount" :label-width="formLabelWidth" >
|
|
|
|
+ <el-input v-model="AmountForm.creditAmount" placeholder="请输入信用额度" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
|
+ <el-button @click="creditAmountVisible = false">取 消</el-button>
|
|
|
|
+ <el-button type="primary" @click="submitAmount">确 定</el-button>
|
|
|
|
+ </div>
|
|
|
|
+ </el-dialog>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
|
|
|
|
|
|
<!-- 详情 -->
|
|
<!-- 详情 -->
|
|
@@ -467,6 +500,9 @@ export default {
|
|
cardNo: [{ required: true, message: '请选择银行卡', trigger: 'blur' } ],
|
|
cardNo: [{ required: true, message: '请选择银行卡', trigger: 'blur' } ],
|
|
amount: [{ required: true, message: '请输入加款', trigger: 'blur' } ],
|
|
amount: [{ required: true, message: '请输入加款', trigger: 'blur' } ],
|
|
},
|
|
},
|
|
|
|
+ Amount:{
|
|
|
|
+ creditAmount:[{ required: true, message: '请输入授信额度', trigger: 'blur' }]
|
|
|
|
+ },
|
|
userList:[],
|
|
userList:[],
|
|
operation:false,
|
|
operation:false,
|
|
dialogFormVisible:false,
|
|
dialogFormVisible:false,
|
|
@@ -493,6 +529,9 @@ export default {
|
|
// relationId:""
|
|
// relationId:""
|
|
},
|
|
},
|
|
detailTotal:0,
|
|
detailTotal:0,
|
|
|
|
+ AmountForm:{},
|
|
|
|
+ creditAmountVisible:false,
|
|
|
|
+ buttonLoading:false,
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created(){
|
|
created(){
|
|
@@ -531,7 +570,7 @@ export default {
|
|
//客户名称
|
|
//客户名称
|
|
user(){
|
|
user(){
|
|
let user = "{customerName}"
|
|
let user = "{customerName}"
|
|
- api.account.userList(user).then((res) => {
|
|
|
|
|
|
+ api.account.userList().then((res) => {
|
|
this.loading =false
|
|
this.loading =false
|
|
let userList = res.data.data
|
|
let userList = res.data.data
|
|
userList.map((res)=>{
|
|
userList.map((res)=>{
|
|
@@ -587,22 +626,55 @@ export default {
|
|
this.handlerLook(this.detail.customerId)
|
|
this.handlerLook(this.detail.customerId)
|
|
console.log(row)
|
|
console.log(row)
|
|
},
|
|
},
|
|
- //新增
|
|
|
|
- handleradd(row){
|
|
|
|
- this.operation = true // true:新增, false:编辑
|
|
|
|
- this.dialogFormVisible = true // 控制弹出框
|
|
|
|
- let list = JSON.parse(JSON.stringify(row))
|
|
|
|
- console.log(list)
|
|
|
|
- this.dataForm = list
|
|
|
|
- // this.dataForm = {}
|
|
|
|
- this.imgurl = ""
|
|
|
|
- this.fileList=[] //图片
|
|
|
|
- this.card = [] //银行卡
|
|
|
|
- this.cardNo = ""
|
|
|
|
- if(this.$refs['dataForm']){
|
|
|
|
- this.$refs['dataForm'].resetFields();
|
|
|
|
- }
|
|
|
|
|
|
+ //授信
|
|
|
|
+ creditAmountAdd(){
|
|
|
|
+ this.creditAmountVisible = true
|
|
|
|
+ this.AmountForm = {}
|
|
},
|
|
},
|
|
|
|
+ //授信额度API
|
|
|
|
+ submitAmount(){
|
|
|
|
+ let that = this
|
|
|
|
+ this.$refs['AmountForm'].validate((valid) => {
|
|
|
|
+ if (valid) {
|
|
|
|
+ that.$confirm('是否确定授信额度', '提示', {
|
|
|
|
+ confirmButtonText: '确定',
|
|
|
|
+ cancelButtonText: '取消',
|
|
|
|
+ type: 'warning'
|
|
|
|
+ })
|
|
|
|
+ .then(() => {
|
|
|
|
+ let creditAmount=this.AmountForm.creditAmount
|
|
|
|
+ let customerId = this.detail.customerId
|
|
|
|
+ console.log(creditAmount)
|
|
|
|
+ console.log(customerId)
|
|
|
|
+ api.account.creditAmount(customerId,creditAmount).then((res)=>{
|
|
|
|
+ this.creditAmountVisible = false
|
|
|
|
+ this.$message({
|
|
|
|
+ type: 'success',
|
|
|
|
+ message: '操作成功'
|
|
|
|
+ })
|
|
|
|
+ this.detail.creditAmount =creditAmount
|
|
|
|
+ this.reLoad()
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ //新增
|
|
|
|
+ // handleradd(row){
|
|
|
|
+ // this.operation = true // true:新增, false:编辑
|
|
|
|
+ // this.dialogFormVisible = true // 控制弹出框
|
|
|
|
+ // let list = JSON.parse(JSON.stringify(row))
|
|
|
|
+ // console.log(list)
|
|
|
|
+ // this.dataForm = list
|
|
|
|
+ // // this.dataForm = {}
|
|
|
|
+ // this.imgurl = ""
|
|
|
|
+ // this.fileList=[] //图片
|
|
|
|
+ // this.card = [] //银行卡
|
|
|
|
+ // this.cardNo = ""
|
|
|
|
+ // if(this.$refs['dataForm']){
|
|
|
|
+ // this.$refs['dataForm'].resetFields();
|
|
|
|
+ // }
|
|
|
|
+ // },
|
|
//新增
|
|
//新增
|
|
handlerAdd(row){
|
|
handlerAdd(row){
|
|
this.operation = true // true:新增, false:编辑
|
|
this.operation = true // true:新增, false:编辑
|
|
@@ -669,7 +741,7 @@ export default {
|
|
} else {
|
|
} else {
|
|
that.$message({
|
|
that.$message({
|
|
type: 'error',
|
|
type: 'error',
|
|
- message: res.msg
|
|
|
|
|
|
+ message: res.data.message
|
|
})
|
|
})
|
|
}
|
|
}
|
|
})
|
|
})
|
|
@@ -684,6 +756,7 @@ export default {
|
|
this.$refs['dataForm'].validate((valid) => {
|
|
this.$refs['dataForm'].validate((valid) => {
|
|
if (valid) {
|
|
if (valid) {
|
|
if (!this.operation) {
|
|
if (!this.operation) {
|
|
|
|
+ this.buttonLoading = true
|
|
api.account.paymentUpdate(dataForm).then(response => {
|
|
api.account.paymentUpdate(dataForm).then(response => {
|
|
if (response.status === 200) {
|
|
if (response.status === 200) {
|
|
this.$message({
|
|
this.$message({
|
|
@@ -699,9 +772,11 @@ export default {
|
|
})
|
|
})
|
|
}
|
|
}
|
|
})
|
|
})
|
|
|
|
+ .finally(() => this.buttonLoading = false)
|
|
} else {
|
|
} else {
|
|
console.log(this.dataForm)
|
|
console.log(this.dataForm)
|
|
// // 添加
|
|
// // 添加
|
|
|
|
+ this.buttonLoading = true
|
|
api.account.paymentAdd(dataForm).then(response => {
|
|
api.account.paymentAdd(dataForm).then(response => {
|
|
if (response.status === 200) {
|
|
if (response.status === 200) {
|
|
this.$message({
|
|
this.$message({
|
|
@@ -717,6 +792,7 @@ export default {
|
|
})
|
|
})
|
|
}
|
|
}
|
|
})
|
|
})
|
|
|
|
+ .finally(() => this.buttonLoading = false)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|
|
})
|
|
@@ -744,7 +820,7 @@ export default {
|
|
}else{
|
|
}else{
|
|
this.$notify.error({
|
|
this.$notify.error({
|
|
title: '错误',
|
|
title: '错误',
|
|
- message: res.msg
|
|
|
|
|
|
+ message: res.data.message
|
|
});
|
|
});
|
|
}
|
|
}
|
|
})
|
|
})
|
|
@@ -792,8 +868,9 @@ export default {
|
|
/* justify-content:space-evenly; */
|
|
/* justify-content:space-evenly; */
|
|
}
|
|
}
|
|
.flex_width{
|
|
.flex_width{
|
|
- width: 50%;
|
|
|
|
- margin-left: 160px;
|
|
|
|
|
|
+ width: 65%;
|
|
|
|
+ /* border: 1px solid red; */
|
|
|
|
+ margin-left: 100px;
|
|
}
|
|
}
|
|
.flex_Name{
|
|
.flex_Name{
|
|
font-size: 15px;
|
|
font-size: 15px;
|