yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

完善车辆结清管理

master
yunuo970428 1 year ago
parent
b42565639e
commit
06d56ab404
7 changed files with 1852 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 123
      anrui-riskcenter-ui/src/api/settle/settle.js
  2. 13
      anrui-riskcenter-ui/src/api/settlethevehicleaccount/settlethevehicleaccount.js
  3. 16
      anrui-riskcenter-ui/src/router/index.js
  4. 479
      anrui-riskcenter-ui/src/views/settle/settle.vue
  5. 548
      anrui-riskcenter-ui/src/views/settle/settleAdd.vue
  6. 442
      anrui-riskcenter-ui/src/views/settle/settleInfo.vue
  7. 231
      anrui-riskcenter-ui/src/views/settlethevehicleaccount/settlethevehicleaccount.vue

123
anrui-riskcenter-ui/src/api/settle/settle.js
View File

@ -0,0 +1,123 @@
import request from '@/utils/request'
export default {
// 查询分页列表
listPage: function(params) {
return request({
url: '/riskcenter/v1/LoanSettleApply/listPage',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
getListPage: function(params) {
return request({
url: '/riskcenter/v1/LoanSettleApply/getListPage',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
saveOrUpdate: function(data) {
return request({
url: '/riskcenter/v1/LoanSettleApply/saveOrUpdate',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
fetchBySid: function(data) {
return request({
url: '/riskcenter/v1/LoanSettleApply/details',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
deleteBySids: function(data) {
return request({
url: '/riskcenter/v1/LoanSettleApply/delBySids',
method: 'DELETE',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 销售订单 -- 金融方案初始化
selectDetailss: function(data) {
return request({
url: '/riskcenter/v1/loansolutions/selectDetailss',
method: 'get',
params: data
})
},
// 提交流程
submit: function(params) {
return request({
url: '/riskcenter/v1/LoanSettleApply/submitApply',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 流程审批（同意）
complete: function(params) {
return request({
url: '/riskcenter/v1/LoanSettleApply/complete',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 流程审批（加签）
delegate: function(params) {
return request({
url: '/riskcenter/v1/LoanSettleApply/delegate',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 流程审批（驳回）
reject: function(params) {
return request({
url: '/riskcenter/v1/LoanSettleApply/reject',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 流程审批（终止）
breakProcess: function(params) {
return request({
url: '/riskcenter/v1/LoanSettleApply/breakProcess',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 流程审批（撤回）
revokeProcess: function(params) {
return request({
url: '/riskcenter/v1/LoanSettleApply/revokeProcess',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 审批流程（同意）获取下一环节
getNextNodesForSubmit: function(data) {
return request({
url: '/riskcenter/v1/LoanSettleApply/getNextNodesForSubmit',
method: 'get',
params: data
})
},
// 审批流程（驳回）获取上一环节
getPreviousNodesForReject: function(data) {
return request({
url: '/riskcenter/v1/LoanSettleApply/getPreviousNodesForReject',
method: 'get',
params: data
})
}
}

13
anrui-riskcenter-ui/src/api/settlethevehicleaccount/settlethevehicleaccount.js
View File

@ -0,0 +1,13 @@
import request from '@/utils/request'
export default {
// 查询分页列表
listPage: function(params) {
return request({
url: '/riskcenter/v1/loansubletapply/listPage',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
}
}

16
anrui-riskcenter-ui/src/router/index.js
View File

@ -679,6 +679,22 @@ export const constantRoutes = [
}
]
},
{
path: '/settle',
component: Layout,
redirect: '/settle',
meta: {
title: '车辆结清管理'
},
children: [
{
path: '/settle/settle',
component: () => import('@/views/settle/settle.vue'),
name: 'Settle',
meta: { title: '车辆结清管理', noCache: true }
}
]
},
{
path: '/offset',
component: Layout,

479
anrui-riskcenter-ui/src/views/settle/settle.vue
View File

@ -0,0 +1,479 @@
<template>
<div class="app-container">
<!--列表页面-->
<div v-show="viewState == 1">
<button-bar view-title="车辆结清管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<!--Start查询列表部分-->
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
<el-form-item label="分公司">
<el-input v-model="listQuery.params.useOrgName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="申请部门">
<el-input v-model="listQuery.params.createDept" placeholder="" clearable/>
</el-form-item>
<el-form-item label="申请人">
<el-input v-model="listQuery.params.createByName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="申请日期">
<el-date-picker v-model="listQuery.params.createTimeStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.createTimeEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
<el-form-item label="办结日期">
<el-date-picker v-model="listQuery.params.closeDateStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.closeDateEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
<el-form-item label="贷款合同编号">
<el-input v-model="listQuery.params.loanContractNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="车架号">
<el-input v-model="listQuery.params.vinNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="车牌号">
<el-input v-model="listQuery.params.vehMark" placeholder="" clearable/>
</el-form-item>
<el-form-item label="资方">
<el-input v-model="listQuery.params.bankName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="资方合同编号">
<el-input v-model="listQuery.params.bankContractNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="客户名称">
<el-input v-model="listQuery.params.customerName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="贷款人">
<el-input v-model="listQuery.params.loanName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="结清日期">
<el-date-picker v-model="listQuery.params.settingDateStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.settingDateEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
</div>
</div>
</div>
<!--End查询列表部分-->
<div class="listtop">
<div class="tit">提前结清申请列表</div>
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<!--Start 主页面主要部分 -->
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50"/>
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
<el-table-column label="操作" width="180px" align="center">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="toEdit(scope.row)" :disabled="scope.row.nodeState =='发起申请' ? false : scope.row.nodeState == '待提交' ? false : true">办理</el-button>
<el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column label="状态" width="150" header-align="center">
<template slot-scope="scope">
<span v-if="scope.row.nodeState=='待提交'" type="primary" size="mini">待提交</span>
<span v-else @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.nodeState }}</span>
</template>
</el-table-column>
<el-table-column prop="useOrgName" label="分公司" align="center" width="130" />
<el-table-column prop="createDept" label="申请部门" align="center" width="130" />
<el-table-column prop="createByName" label="申请人" align="center" width="100" />
<el-table-column prop="createTime" label="申请日期" align="center" width="100" />
<el-table-column prop="closeDate" label="办结日期" align="center" width="100" />
<el-table-column prop="loanContractNo" label="贷款合同编号" align="center" width="160" />
<el-table-column prop="vinNo" label="车架号" align="center" width="120" />
<el-table-column prop="vehMark" label="车牌号" align="center" width="120" />
<el-table-column prop="bankName" label="资方" align="center" width="100" />
<el-table-column prop="bankContractNo" label="资方合同编号" align="center" width="160" />
<el-table-column prop="customerName" label="客户名称" align="center" width="100" />
<el-table-column prop="loanName" label="贷款人" align="center" min-width="100" />
<el-table-column prop="typeStateValue" label="结清类型" align="center" width="100" />
<el-table-column prop="settingDate" label="结清日期" align="center" width="120" />
<el-table-column prop="bankSettlePrice" label="资方结清金额" align="center" width="140" />
<el-table-column prop="settleAll" label="公司正常结清合计" align="center" width="180" />
<el-table-column prop="amountTo" label="减免后结清合计" align="center" width="160" />
<el-table-column prop="profit" label="结清利润" align="center" width="140" />
</el-table>
</div>
<!--End 主页面主要部分-->
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<!--End查询列表部分-->
</div>
</div>
<!--新增及修改 -->
<settleAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
<!--详情-->
<settleInfo v-show="viewState == 4" ref="divInfo" @doback="resetState" />
<!-- 流程审批记录 -->
<el-dialog title="" :visible.sync="centerDialogVisible" width="78%" height="1%" :before-close="closeIt" center>
<iframe frameborder="0" id="iframe" style="width:100%;" scrolling="no" :src="this.centerDialogVisible === true ? url :''"></iframe>
</el-dialog>
<!-- 选择车辆 -->
<el-dialog title="未结清车辆列表" :visible.sync="carVisible" width="80%">
<div>
<el-form ref="multipleTable" :inline="true" :model="carList" class="vinNoForm" label-width="100px">
<el-form-item label="客户名称">
<el-input v-model="carList.params.customer" clearable style="width: 150px;" placeholder=""/>
</el-form-item>
<el-form-item label="贷款人">
<el-input v-model="carList.params.borrowerName" clearable style="width: 150px;" placeholder=""/>
</el-form-item>
<el-form-item label="车牌号">
<el-input v-model="carList.params.vehMark" clearable style="width: 150px;" placeholder=""/>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="selectCar">查询</el-button>
</el-form-item>
</el-form>
</div>
<el-table :key="carKey" v-loading="carLoading" :data="listByCar" border fit highlight-current-row style="width: 100%;">
<el-table-column :index="carindexMethod" align="center" label="序号" type="index" width="80"/>
<el-table-column label="操作" align="center" width="80">
<template slot-scope="scope">
<el-button type="primary" size="small" @click="chooseCar(scope.row)">选择</el-button>
</template>
</el-table-column>
<el-table-column prop="loanContractNo" label="贷款合同编号" align="center" width="160" />
<el-table-column prop="vinNo" label="车架号" align="center" />
<el-table-column prop="vehMark" label="车牌号" align="center" />
<el-table-column prop="bankName" label="资方" align="center" />
<el-table-column prop="bankContractNo" label="资方合同编号" align="center" width="160" />
<el-table-column prop="customer" label="客户" align="center" />
<el-table-column prop="borrowName" label="贷款人" align="center" />
</el-table>
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="carList.length > 0" :limit.sync="carList.size" :page.sync="carList.current" :total="carList.total" class="pagination" @pagination="getCarList"/>
</div>
</el-dialog>
</div>
</template>
<script>
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar'
import req from '@/api/settle/settle'
import { getStorage } from '@/utils/auth'
import settleAdd from './settleAdd'
import settleInfo from './settleInfo'
export default {
name: 'Settle',
components: {
Pagination,
pageye,
ButtonBar,
settleAdd,
settleInfo
},
data() {
return {
url: '',
dialogHeight: '80%',
centerDialogVisible: false,
btndisabled: false,
btnList: [
{
type: 'primary',
size: 'small',
icon: 'plus',
btnKey: 'toAdd',
btnLabel: '新增'
},
{
type: 'danger',
size: 'small',
icon: 'del',
btnKey: 'doDel',
btnLabel: '删除'
},
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
isSearchShow: false,
searchxianshitit: '显示查询条件',
viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
tableKey: 0,
list: [],
sids: [], // 用于导出的时候保存已选择的SIDs
FormLoading: false,
listLoading: false,
// 翻页
listQuery: {
current: 1,
size: 5,
total: 0,
params: {
bankContractNo: '',
bankName: '',
closeDateEnd: '',
closeDateStart: '',
createByName: '',
createDept: '',
createTimeEnd: '',
createTimeStart: '',
customerName: '',
loanContractNo: '',
loanName: '',
menuUrl: '',
orgPath: '',
settingDateEnd: '',
settingDateStart: '',
useOrgName: '',
userSid: '',
vehMark: '',
vinNo: ''
}
},
carVisible: false,
carKey: 2,
carList: {
current: 1,
size: 5,
total: 0,
params: {
borrowerName: '',
customer: '',
orgPath: '',
vehMark: ''
}
},
listByCar: [],
carLoading: false
}
},
created() {
// 初始化变量
this.getList()
},
mounted() {
// 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
window.addEventListener('message', this.handleMessage)
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
async handleMessage(event) {
var code = ''
if (event.data.params !== null && event.data.params !== undefined) {
code = event.data.params.code
}
if (code === 1) {
this.centerDialogVisible = false
} else if (code === 2) {
this.dialogHeight = event.data.params.data
this.setIframeHeight(document.getElementById('iframe'))
}
},
closeIt() {
this.url = ''
this.centerDialogVisible = false
},
setIframeHeight(iframe) {
iframe.height = this.dialogHeight
},
flowRecord(row) {
this.centerDialogVisible = true
var params = {
deployId: row.procDefId,
procInsId: row.procInstId,
token: getStorage()
}
this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
},
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey)
switch (btnKey) {
case 'toAdd':
this.toAdd()
break
case 'doDel':
this.doDel()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
// 信息条数 获取点击时当前的sid
handleSelectionChange(row) {
const aa = []
row.forEach(element => {
aa.push(element.sid)
})
this.sids = aa
},
// 表中序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
// 查询列表信息
getList() {
this.listLoading = true
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
this.listQuery.params.menuUrl = this.$route.path
req.listPage(this.listQuery).then(response => {
this.listLoading = false
if (response.success) {
this.list = response.data.records
this.listQuery.total = response.data.total
} else {
this.list = []
this.listQuery.total = 0
}
})
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
// 点击重置
handleReset() {
this.listQuery = {
current: 1,
size: 5,
total: 0,
params: {
bankContractNo: '',
bankName: '',
closeDateEnd: '',
closeDateStart: '',
createByName: '',
createDept: '',
createTimeEnd: '',
createTimeStart: '',
customerName: '',
loanContractNo: '',
loanName: '',
menuUrl: '',
orgPath: '',
settingDateEnd: '',
settingDateStart: '',
useOrgName: '',
userSid: '',
vehMark: '',
vinNo: ''
}
}
this.getList()
},
toAdd() {
this.carVisible = true
this.carList.params.vinNo = ''
this.carList.params.vehMark = ''
this.getCarList()
},
toEdit(row) {
this.viewState = 3
this.$refs['divAdd'].showEdit(row)
},
toInfo(row) {
this.viewState = 4
this.$refs['divInfo'].showInfo(row)
},
// 删除
doDel() {
if (this.sids.length === 0) {
this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
return
}
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.deleteBySids(this.sids).then(resp => {
if (resp.success) {
this.$message({ type: 'success', message: resp.msg, showClose: true })
}
this.getList()
loading.close()
}).catch(e => {
loading.close()
})
}).catch(() => {
})
},
// 现车序号
carindexMethod(index) {
var pagestart = (this.carList.current - 1) * this.carList.size
var pageindex = index + 1 + pagestart
return pageindex
},
getCarList() {
this.carLoading = true
this.carList.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
req.getListPage(this.carList).then(response => {
this.carLoading = false
if (response.success) {
this.listByCar = response.data.records
this.carList.total = response.data.total
} else {
this.listByCar = []
this.carList.total = 0
}
})
},
selectCar() {
this.carList.current = 1
this.getCarList()
},
chooseCar(row) {
this.carVisible = false
this.viewState = 2
this.$refs['divAdd'].showAdd(row)
},
// 修改、编辑、详情返回列表页面
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

548
anrui-riskcenter-ui/src/views/settle/settleAdd.vue
View File

@ -0,0 +1,548 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="8">
<div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.createDept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">车架号</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">车牌号</div>
<el-form-item><span class="addinputInfo">{{ formobj.vehMark }}</span></el-form-item>
</el-col>
<el-col :span="8">
<el-form-item>
<span style="margin-left: 10px;color: #20a0ff" @click="lookCSJL(formobj.csjlSid)">催收记录</span><span style="margin-left: 10px;color: #20a0ff" @click="lookJRFA(formobj.jrfaSid)">金融方案</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款人</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanContractNo }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">资方</div>
<el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资方合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.bankContractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">结清日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.settingDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">公司当前逾期月还</div>
<el-form-item><span class="addinputInfo">{{ formobj.overdueMonthPrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">公司当期未到期月还</div>
<el-form-item><span class="addinputInfo">{{ formobj.currentNotDuePrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">公司未到期金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.notDuePrice }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">资方结清费用</div>
<el-row>
<el-col :span="8">
<div class="span-sty">资方逾期月还</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleBankCostVo.price" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资方当期未到期月还</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleBankCostVo.currentNotDuePrice" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资方未到期金额</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" @input="notDuePriceInput" v-model="formobj.loanSettleBankCostVo.notDuePrice" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">资方逾期利息</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" @input="bankInterestInput" v-model="formobj.loanSettleBankCostVo.bankInterest" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资方名义价</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" @input="bankNominalPriceInput" v-model="formobj.loanSettleBankCostVo.bankNominalPrice" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资方合同违约金</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" @input="bankContractLiquidatedInput" v-model="formobj.loanSettleBankCostVo.bankContractLiquidated" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">资方其他应收</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleBankCostVo.bankOtherReceivable" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="16">
<div class="span-sty">其他应收说明</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleBankCostVo.otherReceivableRemarks" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">资方结清金额</div>
<el-form-item><span class="addinputInfo">{{ calculateBankSettlePrice }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">附件</div>
<el-form-item>
<uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.loanSettleBankCostVo.filesList" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
</el-col>
</el-row>
<div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
<div>公司结清费用</div>
<div>贷款保整金：<span>{{ formobj.loanSettleCompanyCostVo.loanDeposit }}</span></div>
</div>
<el-row>
<el-col :span="8">
<div class="span-sty">公司逾期月还</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.overduePrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">垫资方逾期利息</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.putBankInterest }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资金占用费</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.funfCost }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">资方逾期利息</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyCostVo.bankOverInterest" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">公司当期未到期月还</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.companyCurrentNotPrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资方未到期金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.bankNotPrice }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">贷款保证金扣罚金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.deductionAmount }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">名义价</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyCostVo.companyNominalPrice" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">合同违约金</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyCostVo.contractLiquidated" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">公司其他费用</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyCostVo.companyOtherPrice" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="16">
<div class="span-sty">其他费用说明</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyCostVo.otherCostRemarks" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">公司正常结清合计</div>
<el-form-item><span class="addinputInfo">{{ calculateSettleAll }}</span></el-form-item>
</el-col>
</el-row>
<div class="title"><el-checkbox @change="trueReductionChange" v-model="formobj.trueReduction" style="padding-right: 5px"/>公司结清费用减免情况</div>
<div v-if="formobj.trueReduction">
<el-row>
<el-col :span="8">
<div class="span-sty">资金占用费减免</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyReductionVo.fundPenalty" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款保证金扣减减免</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyReductionVo.depositPenalty" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">其他费用减免</div>
<el-form-item><el-input class="addinputInfo addinputw" @keyup.native="UpNumber" v-model="formobj.loanSettleCompanyReductionVo.otherCost" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">公司减免后结清合计</div>
<el-form-item><span class="addinputInfo">{{ calculateAmountTo }}</span></el-form-item>
</el-col>
</el-row>
</div>
<el-row>
<el-col :span="24">
<div class="span-sty">公司利润</div>
<el-form-item><span class="addinputInfo">{{ calculateProfit }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!-- 查看催收记录 -->
<vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState"/>
<!-- 查看金融方案 -->
<financialschemeInfo v-show="viewState == 3" ref="divFinancial" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/settle/settle'
import uploadImg from '@/components/uploadFile/uploadImg'
import vehiclecollectionrecords from '../overduevehicle/vehiclecollectionrecords'
import financialschemeInfo from '@/components/publicPage/financialschemeInfo'
export default {
name: 'SettleAdd',
components: {
uploadImg,
vehiclecollectionrecords,
financialschemeInfo
},
computed: {
// 资方结清费用模块--资方结清金额计算
calculateBankSettlePrice() {
return parseFloat(this.formobj.loanSettleBankCostVo.price === '' ? 0 : this.formobj.loanSettleBankCostVo.price) + parseFloat(this.formobj.loanSettleBankCostVo.currentNotDuePrice === '' ? 0 : this.formobj.loanSettleBankCostVo.currentNotDuePrice) + parseFloat(this.formobj.loanSettleBankCostVo.notDuePrice === '' ? 0 : this.formobj.loanSettleBankCostVo.notDuePrice) + parseFloat(this.formobj.loanSettleBankCostVo.bankInterest === '' ? 0 : this.formobj.loanSettleBankCostVo.bankInterest) + parseFloat(this.formobj.loanSettleBankCostVo.bankNominalPrice === '' ? 0 : this.formobj.loanSettleBankCostVo.bankNominalPrice) + parseFloat(this.formobj.loanSettleBankCostVo.bankContractLiquidated === '' ? 0 : this.formobj.loanSettleBankCostVo.bankContractLiquidated) + parseFloat(this.formobj.loanSettleBankCostVo.bankOtherReceivable === '' ? 0 : this.formobj.loanSettleBankCostVo.bankOtherReceivable) || 0
},
// 公司结清费用模块--公司正常结清合计计算
calculateSettleAll() {
return parseFloat(this.formobj.loanSettleCompanyCostVo.overduePrice === '' ? 0 : this.formobj.loanSettleCompanyCostVo.overduePrice) + parseFloat(this.formobj.loanSettleCompanyCostVo.funfCost === '' ? 0 : this.formobj.loanSettleCompanyCostVo.funfCost) + parseFloat(this.formobj.loanSettleCompanyCostVo.bankOverInterest === '' ? 0 : this.formobj.loanSettleCompanyCostVo.bankOverInterest) + parseFloat(this.formobj.loanSettleCompanyCostVo.companyCurrentNotPrice === '' ? 0 : this.formobj.loanSettleCompanyCostVo.companyCurrentNotPrice) + parseFloat(this.formobj.loanSettleCompanyCostVo.bankNotPrice === '' ? 0 : this.formobj.loanSettleCompanyCostVo.bankNotPrice) + parseFloat(this.formobj.loanSettleCompanyCostVo.deductionAmount === '' ? 0 : this.formobj.loanSettleCompanyCostVo.deductionAmount) + parseFloat(this.formobj.loanSettleCompanyCostVo.contractLiquidated === '' ? 0 : this.formobj.loanSettleCompanyCostVo.contractLiquidated) + parseFloat(this.formobj.loanSettleCompanyCostVo.companyOtherPrice === '' ? 0 : this.formobj.loanSettleCompanyCostVo.companyOtherPrice) - parseFloat(this.formobj.loanSettleCompanyCostVo.loanDeposit === '' ? 0 : this.formobj.loanSettleCompanyCostVo.loanDeposit) || 0
},
// 公司结清费用减免情况模块--公司减免后结清合计计算
calculateAmountTo() {
if (this.formobj.trueReduction) {
return parseFloat(this.calculateSettleAll === '' ? 0 : this.calculateSettleAll) - parseFloat(this.formobj.loanSettleCompanyReductionVo.fundPenalty === '' ? 0 : this.formobj.loanSettleCompanyReductionVo.fundPenalty) - parseFloat(this.formobj.loanSettleCompanyReductionVo.depositPenalty === '' ? 0 : this.formobj.loanSettleCompanyReductionVo.depositPenalty) - parseFloat(this.formobj.loanSettleCompanyReductionVo.otherCost === '' ? 0 : this.formobj.loanSettleCompanyReductionVo.otherCost) || 0
} else {
return '0'
}
},
// 结清利润计算
calculateProfit() {
return (parseFloat(this.formobj.loanSettleBankCostVo.bankInterest === '' ? 0 : this.formobj.loanSettleBankCostVo.bankInterest) + parseFloat(this.formobj.loanSettleBankCostVo.bankNominalPrice === '' ? 0 : this.formobj.loanSettleBankCostVo.bankNominalPrice) + parseFloat(this.formobj.loanSettleBankCostVo.bankContractLiquidated === '' ? 0 : this.formobj.loanSettleBankCostVo.bankContractLiquidated) + parseFloat(this.formobj.loanSettleBankCostVo.bankOtherReceivable === '' ? 0 : this.formobj.loanSettleBankCostVo.bankOtherReceivable)) - (parseFloat(this.formobj.loanSettleCompanyCostVo.bankOverInterest === '' ? 0 : this.formobj.loanSettleCompanyCostVo.bankOverInterest) + parseFloat(this.formobj.loanSettleCompanyCostVo.companyNominalPrice === '' ? 0 : this.formobj.loanSettleCompanyCostVo.companyNominalPrice) + parseFloat(this.formobj.loanSettleCompanyCostVo.contractLiquidated === '' ? 0 : this.formobj.loanSettleCompanyCostVo.contractLiquidated) + parseFloat(this.formobj.loanSettleCompanyCostVo.companyOtherPrice === '' ? 0 : this.formobj.loanSettleCompanyCostVo.companyOtherPrice)) || 0
}
},
data() {
return {
viewTitle: '',
viewState: 1,
submitdisabled: false,
tableKey: 1,
index: 0,
formobj: {
bankContractNo: '',
bankName: '',
busSid: '',
busVinSid: '',
createByName: '',
createDept: '',
createDeptSid: '',
createTime: '',
currentNotDuePrice: '',
customerName: '',
customerSid: '',
loanContractNo: '',
loanName: '',
loanSettleBankCostVo: {
bankContractLiquidated: '',
bankInterest: '',
bankNominalPrice: '',
bankOtherReceivable: '',
bankSettlePrice: '',
currentNotDuePrice: '',
filesList: [],
notDuePrice: '',
otherReceivableRemarks: '',
price: ''
},
loanSettleCompanyCostVo: {
bankNotPrice: '',
bankOverInterest: '',
companyCurrentNotPrice: '',
companyNominalPrice: '',
companyOtherPrice: '',
contractLiquidated: '',
deductionAmount: '',
fundAll: '',
funfCost: '',
loanDeposit: '',
otherCostRemarks: '',
overduePrice: '',
putBankInterest: '',
settleAll: ''
},
loanSettleCompanyReductionVo: {
amountTo: '',
depositPenalty: '',
fundPenalty: '',
otherCost: '',
profit: ''
},
loanSid: '',
notDuePrice: '',
orgPath: '',
overdueMonthPrice: '',
saleOrderSid: '',
settingDate: '',
settingDateBe: '',
sid: '',
trueReduction: false,
useOrgName: '',
useOrgSid: '',
userSid: '',
vehMark: '',
vinNo: ''
},
rules: {}
}
},
methods: {
UpNumber(e) {
e.target.value = e.target.value.replace(/[^0-9.]/g, '') // 清除“数字”和“.”以外的字符
e.target.value = e.target.value.replace(/^00/, '0.') // 开头不能有两个0
e.target.value = e.target.value.replace(/\.{2,}/g, '.') // 只保留第一个. 清除多余的
e.target.value = e.target.value.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
e.target.value = e.target.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3') // 只能输入两个小数
if (e.target.value.indexOf('.') < 0 && e.target.value !== '' && e.target.value !== '-') {
// 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
e.target.value = parseFloat(e.target.value)
}
},
showAdd(row) {
this.viewTitle = '【新增】结清申请'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchBySid({ busVinSid: row.busVinSid, orgPath: window.sessionStorage.getItem('defaultOrgPath'), sid: '', userSid: window.sessionStorage.getItem('userSid') }).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
showEdit(row) {
this.viewTitle = '【编辑】结清申请'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchBySid({ busVinSid: '', orgPath: '', sid: row.sid, userSid: '' }).then((res) => {
if (res.success) {
this.formobj = res.data
this.formobj.instanceId = res.data.procInstId
}
})
},
// 查看催收记录
lookCSJL(sid) {
if (sid !== '') {
this.viewState = 2
this.$refs['divCollection'].showInfo({ saleVehSid: this.formobj.busVinSid })
} else {
this.$message({ showClose: true, type: 'error', message: '暂无催收记录' })
}
},
lookJRFA(sid) {
if (sid !== '') {
req.selectDetailss({ businessSid: this.formobj.saleOrderSid }).then((res) => {
if (res.success) {
this.viewState = 3
this.$refs['divFinancial'].showInfo(res.data, '03')
}
})
} else {
this.$message({ showClose: true, type: 'error', message: '暂无金融方案' })
}
},
resetState() {
this.viewState = 1
},
notDuePriceInput(val) {
this.formobj.loanSettleCompanyCostVo.bankNotPrice = val
},
bankInterestInput(val) {
this.formobj.loanSettleCompanyCostVo.bankOverInterest = val
},
bankNominalPriceInput(val) {
this.formobj.loanSettleCompanyCostVo.companyNominalPrice = val
},
bankContractLiquidatedInput(val) {
this.formobj.loanSettleCompanyCostVo.contractLiquidated = val
},
trueReductionChange() {
if (!this.formobj.trueReduction) {
this.formobj.loanSettleCompanyReductionVo.fundPenalty = ''
this.formobj.loanSettleCompanyReductionVo.depositPenalty = ''
this.formobj.loanSettleCompanyReductionVo.otherCost = ''
}
},
saveOrUpdate() {
this.formobj.loanSettleBankCostVo.bankSettlePrice = this.calculateBankSettlePrice
this.formobj.loanSettleCompanyCostVo.settleAll = this.calculateSettleAll
this.formobj.loanSettleCompanyReductionVo.amountTo = this.calculateAmountTo
this.formobj.loanSettleCompanyReductionVo.profit = this.calculateProfit
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
req.saveOrUpdate(this.formobj).then((res) => {
if (res.success) {
this.$message({ showClose: true, type: 'success', message: '保存成功' })
this.handleReturn('true')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
submit() {
this.formobj.loanSettleBankCostVo.bankOtherReceivable = this.calculateBankSettlePrice
this.formobj.loanSettleCompanyCostVo.settleAll = this.calculateSettleAll
this.formobj.loanSettleCompanyReductionVo.amountTo = this.calculateAmountTo
this.formobj.loanSettleCompanyReductionVo.profit = this.calculateProfit
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
req.submit(this.formobj).then((res) => {
if (res.success) {
this.$message({ showClose: true, type: 'success', message: '操作成功' })
this.handleReturn('true')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
bankContractNo: '',
bankName: '',
busSid: '',
busVinSid: '',
createByName: '',
createDept: '',
createDeptSid: '',
createTime: '',
currentNotDuePrice: '',
customerName: '',
customerSid: '',
loanContractNo: '',
loanName: '',
loanSettleBankCostVo: {
bankContractLiquidated: '',
bankInterest: '',
bankNominalPrice: '',
bankOtherReceivable: '',
bankSettlePrice: '',
currentNotDuePrice: '',
filesList: [],
notDuePrice: '',
otherReceivableRemarks: '',
price: ''
},
loanSettleCompanyCostVo: {
bankNotPrice: '',
bankOverInterest: '',
companyCurrentNotPrice: '',
companyNominalPrice: '',
companyOtherPrice: '',
contractLiquidated: '',
deductionAmount: '',
fundAll: '',
funfCost: '',
loanDeposit: '',
otherCostRemarks: '',
overduePrice: '',
putBankInterest: '',
settleAll: ''
},
loanSettleCompanyReductionVo: {
amountTo: '',
depositPenalty: '',
fundPenalty: '',
otherCost: '',
profit: ''
},
loanSid: '',
notDuePrice: '',
orgPath: '',
overdueMonthPrice: '',
saleOrderSid: '',
settingDate: '',
settingDateBe: '',
sid: '',
trueReduction: false,
useOrgName: '',
useOrgSid: '',
userSid: '',
vehMark: '',
vinNo: ''
}
this.submitdisabled = false
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 200px !important;
}
.addinputInfo {
margin-left: 190px !important;
}
</style>

442
anrui-riskcenter-ui/src/views/settle/settleInfo.vue
View File

@ -0,0 +1,442 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="8">
<div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.createDept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">车架号</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">车牌号</div>
<el-form-item><span class="addinputInfo">{{ formobj.vehMark }}</span></el-form-item>
</el-col>
<el-col :span="8">
<el-form-item>
<span style="margin-left: 10px;color: #20a0ff" @click="lookCSJL(formobj.csjlSid)">催收记录</span><span style="margin-left: 10px;color: #20a0ff" @click="lookJRFA(formobj.jrfaSid)">金融方案</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款人</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanContractNo }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">资方</div>
<el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资方合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.bankContractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">结清日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.settingDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">公司当前逾期月还</div>
<el-form-item><span class="addinputInfo">{{ formobj.overdueMonthPrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">公司当期未到期月还</div>
<el-form-item><span class="addinputInfo">{{ formobj.currentNotDuePrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">公司未到期金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.notDuePrice }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">资方结清费用</div>
<el-row>
<el-col :span="8">
<div class="span-sty">资方逾期月还</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.price }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资方当期未到期月还</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.currentNotDuePrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资方未到期金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.notDuePrice }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">资方逾期利息</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.bankInterest }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资方名义价</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.bankNominalPrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资方合同违约金</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.bankContractLiquidated }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">资方其他应收</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.bankOtherReceivable }}</span></el-form-item>
</el-col>
<el-col :span="16">
<div class="span-sty">其他应收说明</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.otherReceivableRemarks }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">资方结清金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleBankCostVo.bankSettlePrice }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">附件</div>
<el-form-item>
<el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.loanSettleBankCostVo.filesList" :key="index" :src="item" :preview-src-list="formobj.loanSettleBankCostVo.filesList" />
</el-form-item>
</el-col>
</el-row>
<div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
<div>公司结清费用</div>
<div>贷款保整金：<span>{{ formobj.loanSettleCompanyCostVo.loanDeposit }}</span></div>
</div>
<el-row>
<el-col :span="8">
<div class="span-sty">公司逾期月还</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.overduePrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">垫资方逾期利息</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.putBankInterest }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资金占用费</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.funfCost }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">资方逾期利息</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.bankOverInterest }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">公司当期未到期月还</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.companyCurrentNotPrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资方未到期金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.bankNotPrice }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">贷款保证金扣罚金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.deductionAmount }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">名义价</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.companyNominalPrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">合同违约金</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.contractLiquidated }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">公司其他费用</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.companyOtherPrice }}</span></el-form-item>
</el-col>
<el-col :span="16">
<div class="span-sty">其他费用说明</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.otherCostRemarks }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">公司正常结清合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyCostVo.settleAll }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">公司结清费用减免情况</div>
<div v-if="formobj.trueReduction">
<el-row>
<el-col :span="8">
<div class="span-sty">资金占用费减免</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyReductionVo.fundPenalty }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款保证金扣减减免</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyReductionVo.depositPenalty }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">其他费用减免</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyReductionVo.otherCost }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">公司减免后结清合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyReductionVo.amountTo }}</span></el-form-item>
</el-col>
</el-row>
</div>
<el-row>
<el-col :span="24">
<div class="span-sty">公司利润</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanSettleCompanyReductionVo.profit }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!-- 查看催收记录 -->
<vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState"/>
<!-- 查看金融方案 -->
<financialschemeInfo v-show="viewState == 3" ref="divFinancial" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/settle/settle'
import vehiclecollectionrecords from '../overduevehicle/vehiclecollectionrecords'
import financialschemeInfo from '@/components/publicPage/financialschemeInfo'
export default {
name: 'SettleInfo',
components: {
vehiclecollectionrecords,
financialschemeInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 1,
index: 0,
formobj: {
bankContractNo: '',
bankName: '',
busSid: '',
busVinSid: '',
createByName: '',
createDept: '',
createDeptSid: '',
createTime: '',
currentNotDuePrice: '',
customerName: '',
customerSid: '',
loanContractNo: '',
loanName: '',
loanSettleBankCostVo: {
bankContractLiquidated: '',
bankInterest: '',
bankNominalPrice: '',
bankOtherReceivable: '',
bankSettlePrice: '',
currentNotDuePrice: '',
filesList: [],
notDuePrice: '',
otherReceivableRemarks: '',
price: ''
},
loanSettleCompanyCostVo: {
bankNotPrice: '',
bankOverInterest: '',
companyCurrentNotPrice: '',
companyNominalPrice: '',
companyOtherPrice: '',
contractLiquidated: '',
deductionAmount: '',
fundAll: '',
funfCost: '',
loanDeposit: '',
otherCostRemarks: '',
overduePrice: '',
putBankInterest: '',
settleAll: ''
},
loanSettleCompanyReductionVo: {
amountTo: '',
depositPenalty: '',
fundPenalty: '',
otherCost: '',
profit: ''
},
loanSid: '',
notDuePrice: '',
orgPath: '',
overdueMonthPrice: '',
saleOrderSid: '',
settingDate: '',
settingDateBe: '',
sid: '',
trueReduction: false,
useOrgName: '',
useOrgSid: '',
userSid: '',
vehMark: '',
vinNo: ''
},
rules: {}
}
},
methods: {
showInfo(row) {
this.viewTitle = '结清申请详情'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchBySid({ busVinSid: '', orgPath: '', sid: row.sid, userSid: '' }).then((res) => {
if (res.success) {
this.formobj = res.data
if (this.formobj.loanSettleBankCostVo.filesList.length > 0) {
const aa = []
this.formobj.loanSettleBankCostVo.filesList.forEach((e) => {
aa.push(e.url)
})
this.formobj.loanSettleBankCostVo.filesList = aa
}
}
})
},
// 查看催收记录
lookCSJL(sid) {
if (sid !== '') {
this.viewState = 2
this.$refs['divCollection'].showInfo({ saleVehSid: this.formobj.busVinSid })
} else {
this.$message({ showClose: true, type: 'error', message: '暂无催收记录' })
}
},
lookJRFA(sid) {
if (sid !== '') {
req.selectDetailss({ businessSid: this.formobj.saleOrderSid }).then((res) => {
if (res.success) {
this.viewState = 3
this.$refs['divFinancial'].showInfo(res.data, '03')
}
})
} else {
this.$message({ showClose: true, type: 'error', message: '暂无金融方案' })
}
},
resetState() {
this.viewState = 1
},
handleReturn() {
this.formobj = {
bankContractNo: '',
bankName: '',
busSid: '',
busVinSid: '',
createByName: '',
createDept: '',
createDeptSid: '',
createTime: '',
currentNotDuePrice: '',
customerName: '',
customerSid: '',
loanContractNo: '',
loanName: '',
loanSettleBankCostVo: {
bankContractLiquidated: '',
bankInterest: '',
bankNominalPrice: '',
bankOtherReceivable: '',
bankSettlePrice: '',
currentNotDuePrice: '',
filesList: [],
notDuePrice: '',
otherReceivableRemarks: '',
price: ''
},
loanSettleCompanyCostVo: {
bankNotPrice: '',
bankOverInterest: '',
companyCurrentNotPrice: '',
companyNominalPrice: '',
companyOtherPrice: '',
contractLiquidated: '',
deductionAmount: '',
fundAll: '',
funfCost: '',
loanDeposit: '',
otherCostRemarks: '',
overduePrice: '',
putBankInterest: '',
settleAll: ''
},
loanSettleCompanyReductionVo: {
amountTo: '',
depositPenalty: '',
fundPenalty: '',
otherCost: '',
profit: ''
},
loanSid: '',
notDuePrice: '',
orgPath: '',
overdueMonthPrice: '',
saleOrderSid: '',
settingDate: '',
settingDateBe: '',
sid: '',
trueReduction: false,
useOrgName: '',
useOrgSid: '',
userSid: '',
vehMark: '',
vinNo: ''
}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 200px !important;
}
.addinputInfo {
margin-left: 190px !important;
}
</style>

231
anrui-riskcenter-ui/src/views/settlethevehicleaccount/settlethevehicleaccount.vue
View File

@ -0,0 +1,231 @@
<template>
<div class="app-container">
<!--列表页面-->
<div v-show="viewState == 1">
<button-bar view-title="结清车辆台账" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<!--Start查询列表部分-->
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-form-item label="分公司">
<el-input v-model="listQuery.params.company" placeholder="" clearable/>
</el-form-item>
<el-form-item label="销售部门">
<el-input v-model="listQuery.params.applyName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="贷款合同编号">
<el-input v-model="listQuery.params.billNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="车架号">
<el-input v-model="listQuery.params.applyName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="车牌号">
<el-input v-model="listQuery.params.billNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="贷款人">
<el-input v-model="listQuery.params.applyName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="结清类型">
<el-input v-model="listQuery.params.billNo" placeholder="" clearable/>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
</div>
</div>
</div>
<!--End查询列表部分-->
<div class="listtop">
<div class="tit">已结清车辆列表</div>
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<!--Start 主页面主要部分 -->
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50"/>
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
<el-table-column prop="nodeState" label="结清类型" width="100" header-align="center" />
<el-table-column prop="company" label="分公司" align="center" width="130" />
<el-table-column prop="dept" label="销售部门" align="center" width="130" />
<el-table-column prop="nodeState" label="贷款合同编号" width="180" header-align="center" />
<el-table-column prop="company" label="车架号" align="center" width="130" />
<el-table-column prop="dept" label="车牌号" align="center" width="130" />
<el-table-column prop="company" label="贷款人" align="center" width="130" />
<el-table-column prop="dept" label="期数" align="center" width="130" />
<el-table-column prop="company" label="结清日期" align="center" width="130" />
<el-table-column prop="dept" label="资方结清金额" align="center" width="130" />
<el-table-column prop="company" label="公司正常结清合计" align="center" width="130" />
<el-table-column prop="dept" label="减免后结清合计" align="center" width="130" />
<el-table-column prop="company" label="结清利润" align="center" width="130" />
</el-table>
</div>
<!--End 主页面主要部分-->
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<!--End查询列表部分-->
</div>
</div>
<!--新增及修改 -->
</div>
</template>
<script>
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar'
import req from '@/api/settlethevehicleaccount/settlethevehicleaccount'
export default {
name: 'Deduct',
components: {
Pagination,
pageye,
ButtonBar
},
data() {
return {
btndisabled: false,
btnList: [
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
isSearchShow: false,
searchxianshitit: '显示查询条件',
viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
tableKey: 0,
list: [],
sids: [], // 用于导出的时候保存已选择的SIDs
FormLoading: false,
listLoading: false,
// 翻页
listQuery: {
current: 1,
size: 10,
total: 0,
params: {
applyName: '',
billNo: '',
applyEndDate: '',
applyStartDate: '',
menuUrl: '',
orgPath: '',
company: '',
userSid: '',
closingStartDate: '',
closingEndDate: ''
}
}
}
},
created() {
// 初始化变量
this.getList()
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey)
switch (btnKey) {
case 'doClose':
this.doClose()
break
default:
break
}
},
// 信息条数 获取点击时当前的sid
handleSelectionChange(row) {
const aa = []
row.forEach(element => {
aa.push(element.sid)
})
this.sids = aa
},
// 表中序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
// 查询列表信息
getList() {
this.listLoading = true
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
this.listQuery.params.menuUrl = this.$route.path
req.listPage(this.listQuery).then(response => {
this.listLoading = false
if (response.success) {
this.list = response.data.records
this.listQuery.total = response.data.total
} else {
this.list = []
this.listQuery.total = 0
}
})
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
// 点击重置
handleReset() {
this.listQuery = {
current: 1,
size: 10,
total: 0,
params: {
applyName: '',
billNo: '',
applyEndDate: '',
applyStartDate: '',
menuUrl: '',
orgPath: '',
company: '',
userSid: '',
closingStartDate: '',
closingEndDate: ''
}
}
this.getList()
},
toInfo(row) {
this.viewState = 4
this.$refs['divInfo'].showInfo(row)
},
// 修改、编辑、详情返回列表页面
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>
Write Preview
Loading…
Cancel
Save