7 changed files with 1852 additions and 0 deletions
@ -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 |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
@ -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' } |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
@ -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> |
||||
|
|
||||
@ -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> |
||||
@ -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> |
||||
@ -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> |
||||
Loading…
Reference in new issue