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

完善交回车辆赎回申请

master
yunuo970428 1 year ago
parent
bbe876c65b
commit
fbe70e8adf
9 changed files with 2676 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. 122
      anrui-riskcenter-ui/src/api/surrenderforredemption/surrenderforredemption.js
  2. 37
      anrui-riskcenter-ui/src/router/index.js
  3. 510
      anrui-riskcenter-ui/src/views/surrenderforredemption/surrenderforredemption.vue
  4. 358
      anrui-riskcenter-ui/src/views/surrenderforredemption/surrenderforredemptionAdd.vue
  5. 284
      anrui-riskcenter-ui/src/views/surrenderforredemption/surrenderforredemptionInfo.vue
  6. 187
      anrui-riskcenter-ui/src/views/workFlow/jiaohuishuhuiFlow/relation/returntostorageInfo.vue
  7. 533
      anrui-riskcenter-ui/src/views/workFlow/jiaohuishuhuiFlow/surrenderforredemptionDaiBan.vue
  8. 326
      anrui-riskcenter-ui/src/views/workFlow/jiaohuishuhuiFlow/surrenderforredemptionEdit.vue
  9. 319
      anrui-riskcenter-ui/src/views/workFlow/jiaohuishuhuiFlow/surrenderforredemptionYiBan.vue

122
anrui-riskcenter-ui/src/api/surrenderforredemption/surrenderforredemption.js
View File

@ -0,0 +1,122 @@
import request from '@/utils/request'
export default {
// 查询分页列表
listPage: function(params) {
return request({
url: '/riskcenter/v1/loanredemptionapply/listPage',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 查询分页列表 -- 选择车辆
getVinList: function(params) {
return request({
url: '/riskcenter/v1/loanredemptionapply/getVinList',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
saveOrUpdate: function(data) {
return request({
url: '/riskcenter/v1/loanredemptionapply/saveRedemption',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
fetchBySid: function(data) {
return request({
url: '/riskcenter/v1/loanredemptionapply/redemptionDetails',
method: 'get',
params: data
})
},
redemptionInit(data) {
return request({
url: '/riskcenter/v1/loanredemptionapply/redemptionInit',
method: 'get',
params: data
})
},
deleteBySids: function(data) {
return request({
url: '/riskcenter/v1/loanredemptionapply/deleteBySids',
method: 'DELETE',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 提交流程
submit: function(params) {
return request({
url: '/riskcenter/v1/loanredemptionapply/submit',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 流程审批（加签）
delegate: function(params) {
return request({
url: '/riskcenter/v1/loanredemptionapply/delegate',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 流程审批（同意）
complete: function(params) {
return request({
url: '/riskcenter/v1/loanredemptionapply/complete',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 流程审批（驳回）
reject: function(params) {
return request({
url: '/riskcenter/v1/loanredemptionapply/reject',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 流程审批（终止）
breakProcess: function(params) {
return request({
url: '/riskcenter/v1/loanredemptionapply/breakProcess',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 流程审批（撤回）
revokeProcess: function(params) {
return request({
url: '/riskcenter/v1/loanredemptionapply/revokeProcess',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 审批流程（同意）获取下一环节
getNextNodesForSubmit: function(data) {
return request({
url: '/riskcenter/v1/loanredemptionapply/getNextNodesForSubmit',
method: 'get',
params: data
})
},
// 审批流程（驳回）获取上一环节
getPreviousNodesForReject: function(data) {
return request({
url: '/riskcenter/v1/loanredemptionapply/getPreviousNodesForReject',
method: 'get',
params: data
})
}
}

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

@ -583,6 +583,22 @@ export const constantRoutes = [
}
]
},
{
path: '/surrenderforredemption',
component: Layout,
redirect: '/surrenderforredemption',
meta: {
title: '交回车辆赎回申请'
},
children: [
{
path: '/surrenderforredemption/surrenderforredemption',
component: () => import('@/views/surrenderforredemption/surrenderforredemption.vue'),
name: 'SurrenderForRedemption',
meta: { title: '交回车辆赎回申请', noCache: true }
}
]
},
// 流程审批
// 金融产品政策报备--编辑
@ -937,6 +953,27 @@ export const constantRoutes = [
component: () =>
import('@/views/workFlow/zifangduizhangFlow/zifangduizhangYiBan.vue'),
name: 'ZiFangDuiZhangYiBan'
},
// 交回车辆赎回申请管理--编辑
{
path: '/jiaohuishuhuiFlow/surrenderforredemptionEdit',
component: () =>
import('@/views/workFlow/jiaohuishuhuiFlow/surrenderforredemptionEdit.vue'),
name: 'SurrenderForRedemptionEdit'
},
// 交回车辆赎回申请管理--待办
{
path: '/jiaohuishuhuiFlow/surrenderforredemptionDaiBan',
component: () =>
import('@/views/workFlow/jiaohuishuhuiFlow/surrenderforredemptionDaiBan.vue'),
name: 'SurrenderForRedemptionDaiBan'
},
// 交回车辆赎回申请管理--已办
{
path: '/jiaohuishuhuiFlow/surrenderforredemptionYiBan',
component: () =>
import('@/views/workFlow/jiaohuishuhuiFlow/surrenderforredemptionYiBan.vue'),
name: 'SurrenderForRedemptionYiBan'
},
// 404 page must be placed at the end !!!
// { path: '*', redirect: '/404', hidden: true }

510
anrui-riskcenter-ui/src/views/surrenderforredemption/surrenderforredemption.vue
View File

@ -0,0 +1,510 @@
<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.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.dept" placeholder="" clearable/>
</el-form-item>
<el-form-item label="申请日期">
<el-date-picker v-model="listQuery.params.applyStartDate" 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.applyEndDate" 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.closingStartDate" 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.closingEndDate" 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.bankContractNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="客户名称">
<el-input v-model="listQuery.params.customer" placeholder="" clearable/>
</el-form-item>
<el-form-item label="贷款人">
<el-input v-model="listQuery.params.borrowerName" 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 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 label="分公司" align="center" width="130">
<template slot-scope="scope">
<span>{{ scope.row.company }}</span>
</template>
</el-table-column>
<el-table-column label="申请部门" align="center" width="130">
<template slot-scope="scope">
<span>{{ scope.row.dept }}</span>
</template>
</el-table-column>
<el-table-column label="申请人" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.applyName }}</span>
</template>
</el-table-column>
<el-table-column label="申请日期" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.applyDate }}</span>
</template>
</el-table-column>
<el-table-column label="办结日期" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.closingDate }}</span>
</template>
</el-table-column>
<el-table-column label="贷款合同编号" align="center" width="160">
<template slot-scope="scope">
<span>{{ scope.row.loanContractNo }}</span>
</template>
</el-table-column>
<el-table-column label="车架号" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="车牌号" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.vehMark }}</span>
</template>
</el-table-column>
<el-table-column label="资方" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.bankName }}</span>
</template>
</el-table-column>
<el-table-column label="资方合同编号" align="center" width="160">
<template slot-scope="scope">
<span>{{ scope.row.bankContractNo }}</span>
</template>
</el-table-column>
<el-table-column label="客户名称" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.customer }}</span>
</template>
</el-table-column>
<el-table-column label="贷款人" align="center" min-width="100">
<template slot-scope="scope">
<span>{{ scope.row.borrowerName }}</span>
</template>
</el-table-column>
<el-table-column label="本次还款金额" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.amount }}</span>
</template>
</el-table-column>
</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>
<!--新增及修改 -->
<surrenderforredemptionAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
<!--详情-->
<surrenderforredemptionInfo 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.vinNo" 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="vinNo" label="车架号" align="center" />
<el-table-column prop="vehMark" label="车牌号" align="center" />
<el-table-column prop="vehType" label="车辆类型" align="center" />
<el-table-column prop="vehModel" label="车型" align="center" />
<el-table-column prop="bankName" label="资方" align="center" />
<el-table-column prop="customer" label="客户" align="center" />
<el-table-column prop="borrowerName" 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/surrenderforredemption/surrenderforredemption'
import { getStorage } from '@/utils/auth'
import surrenderforredemptionAdd from './surrenderforredemptionAdd'
import surrenderforredemptionInfo from './surrenderforredemptionInfo'
export default {
name: 'SurrenderForRedemption',
components: {
Pagination,
pageye,
ButtonBar,
surrenderforredemptionAdd,
surrenderforredemptionInfo
},
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: {
applyEndDate: '',
applyName: '',
applyStartDate: '',
bankContractNo: '',
bankName: '',
borrowerName: '',
closingEndDate: '',
closingStartDate: '',
company: '',
customer: '',
dept: '',
loanContractNo: '',
menuUrl: '',
orgPath: '',
userSid: '',
vehMark: '',
vinNo: ''
}
},
carVisible: false,
carKey: 2,
carList: {
current: 1,
size: 5,
total: 0,
params: {
vehMark: '',
vinNo: '',
orgPath: ''
}
},
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: {
applyEndDate: '',
applyName: '',
applyStartDate: '',
bankContractNo: '',
bankName: '',
borrowerName: '',
closingEndDate: '',
closingStartDate: '',
company: '',
customer: '',
dept: '',
loanContractNo: '',
menuUrl: '',
orgPath: '',
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.getVinList(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>

358
anrui-riskcenter-ui/src/views/surrenderforredemption/surrenderforredemptionAdd.vue
View File

@ -0,0 +1,358 @@
<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.dept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.customer }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款人</div>
<el-form-item><span class="addinputInfo">{{ formobj.borrowerName }}</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">
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">停放地点</div>
<el-form-item><span class="addinputInfo">{{ formobj.location }}</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.fees" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">费用说明</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.feesShows" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
<div class="title titleOne">
<div>赎回车辆列表(含主车、挂车)</div>
<el-button size="mini" type="primary" class="btntopblueline" @click="lookCollection">催收记录</el-button>
</div>
<el-table :key="tableKey" :data="formobj.vinList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column fixed label="操作" width="80" align="center">
<template slot-scope="scope">
<el-button size="small" v-if="scope.row.vehType !== '主车'" type="danger" @click="delete(scope.$index)">删除</el-button>
</template>
</el-table-column>
<el-table-column prop="vinNo" label="车架号" align="center" min-width="100" />
<el-table-column prop="vehMark" label="车牌号" align="center" min-width="100"/>
<el-table-column prop="vehType" label="车辆类型" align="center" min-width="120"/>
<el-table-column prop="vehModel" label="车型" align="center" min-width="130"/>
</el-table>
<div class="title titleOne">
<div>已还与欠款情况</div>
<el-button size="mini" type="primary" class="btntopblueline" @click="lookStorage">入库申请</el-button>
</div>
<el-row>
<el-col :span="8">
<div class="span-sty">已还金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.alRepaidMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">当前逾期金额/其中资金占用费</div>
<el-form-item><span class="addinputInfo">{{ formobj.currentBeMoney }}/{{ formobj.wheFundOccMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">未到期金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.unexpiredMoney }}</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.nper }}/{{ formobj.currentPeriod }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">已还金额换算期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.alRepaidMoneyConPeriod }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">逾期金额换算期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.beOverdueMoneyAndPeriod }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">本次还款金额</div>
<el-form-item><el-input class="addinputInfo" style="width: 15%" @keyup.native="UpNumber" v-model="formobj.amount" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">赎回方案</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.plan" clearable placeholder=""/></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.files" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!-- 查看车辆历史催收记录 -->
<vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState" />
<!-- 查看入库申请详情-->
<returntostorageInfo v-show="viewState == 3" ref="divStorage" @doback="resetState" />
</div>
</template>
<script>
import req from '@/api/surrenderforredemption/surrenderforredemption'
import uploadImg from '@/components/uploadFile/uploadImg'
import vehiclecollectionrecords from '../overduevehicle/vehiclecollectionrecords'
import returntostorageInfo from '../returntostorage/returntostorageInfo'
export default {
name: 'SurrenderForRedemptionAdd',
components: {
uploadImg,
vehiclecollectionrecords,
returntostorageInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
submitdisabled: false,
tableKey: 1,
index: 0,
formobj: {
alRepaidMoney: '',
alRepaidMoneyConPeriod: '',
amount: '',
applyDate: '',
applyName: '',
bankContractNo: '',
bankName: '',
beOverdueMoneyAndPeriod: '',
borrowerName: '',
busVinSid: '',
currentBeMoney: '',
currentPeriod: '',
customer: '',
dept: '',
deptSid: '',
fees: '',
feesShows: '',
files: [],
instanceId: '',
ledgerSid: '',
loanContractNo: '',
location: '',
nper: '',
orgPath: '',
plan: '',
rksqSid: '',
sid: '',
taskId: '',
unexpiredMoney: '',
userSid: '',
vinList: [],
wheFundOccMoney: ''
},
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.redemptionInit({ ledgerSid: row.ledgerSid }).then((resp) => {
if (resp.success) {
this.formobj = resp.data
this.formobj.applyName = window.sessionStorage.getItem('name')
this.formobj.dept = window.sessionStorage.getItem('defaultOrgPathName').substring(window.sessionStorage.getItem('defaultOrgPathName').lastIndexOf('/') + 1)
this.formobj.deptSid = window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage.getItem('defaultOrgPath').lastIndexOf('/') + 1)
this.formobj.userSid = window.sessionStorage.getItem('userSid')
this.formobj.orgPath = window.sessionStorage.getItem('defaultOrgPath')
var nowDate = new Date()
var date = {
year: nowDate.getFullYear(),
month: nowDate.getMonth() + 1,
day: nowDate.getDate()
}
this.formobj.applyDate = date.year + '-' + (date.month >= 10 ? date.month : '0' + date.month) + '-' + (date.day >= 10 ? date.day : '0' + date.day)
}
})
},
showEdit(row) {
this.viewTitle = '【编辑】交回车辆赎回申请'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchBySid({ sid: row.sid }).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
lookCollection() {
this.viewState = 2
this.$refs['divCollection'].showInfo({ saleVehSid: this.formobj.busVinSid })
},
delete(index) {
this.formobj.vinList.splice(index, 1)
},
lookStorage() {
this.viewState = 3
this.$refs['divStorage'].showInfo({ sid: this.formobj.rksqSid })
},
resetState() {
this.viewState = 1
},
saveOrUpdate() {
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.$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 = {
alRepaidMoney: '',
alRepaidMoneyConPeriod: '',
amount: '',
applyDate: '',
applyName: '',
bankContractNo: '',
bankName: '',
beOverdueMoneyAndPeriod: '',
borrowerName: '',
busVinSid: '',
currentBeMoney: '',
currentPeriod: '',
customer: '',
dept: '',
deptSid: '',
fees: '',
feesShows: '',
files: [],
instanceId: '',
ledgerSid: '',
loanContractNo: '',
location: '',
nper: '',
orgPath: '',
plan: '',
rksqSid: '',
sid: '',
taskId: '',
unexpiredMoney: '',
userSid: '',
vinList: [],
wheFundOccMoney: ''
}
this.submitdisabled = false
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 200px !important;
}
.addinputInfo {
margin-left: 190px !important;
}
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
margin-left: 190px !important;
width: calc(100% - 185px);
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

284
anrui-riskcenter-ui/src/views/surrenderforredemption/surrenderforredemptionInfo.vue
View File

@ -0,0 +1,284 @@
<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.dept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.customer }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款人</div>
<el-form-item><span class="addinputInfo">{{ formobj.borrowerName }}</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">
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">停放地点</div>
<el-form-item><span class="addinputInfo">{{ formobj.location }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">相关费用</div>
<el-form-item><span class="addinputInfo">{{ formobj.fees }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">费用说明</div>
<el-form-item><span class="addinputInfo">{{ formobj.feesShows }}</span></el-form-item>
</el-col>
</el-row>
<div class="title titleOne">
<div>赎回车辆列表(含主车、挂车)</div>
<el-button size="mini" type="primary" class="btntopblueline" @click="lookCollection">催收记录</el-button>
</div>
<el-table :key="tableKey" :data="formobj.vinList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column prop="vinNo" label="车架号" align="center" min-width="100" />
<el-table-column prop="vehMark" label="车牌号" align="center" min-width="100"/>
<el-table-column prop="vehType" label="车辆类型" align="center" min-width="120"/>
<el-table-column prop="vehModel" label="车型" align="center" min-width="130"/>
</el-table>
<div class="title titleOne">
<div>已还与欠款情况</div>
<el-button size="mini" type="primary" class="btntopblueline" @click="lookStorage">入库申请</el-button>
</div>
<el-row>
<el-col :span="8">
<div class="span-sty">已还金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.alRepaidMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">当前逾期金额/其中资金占用费</div>
<el-form-item><span class="addinputInfo">{{ formobj.currentBeMoney }}/{{ formobj.wheFundOccMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">未到期金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.unexpiredMoney }}</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.nper }}/{{ formobj.currentPeriod }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">已还金额换算期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.alRepaidMoneyConPeriod }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">逾期金额换算期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.beOverdueMoneyAndPeriod }}</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.amount }}</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.plan }}</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.files" :key="index" :src="item" :preview-src-list="formobj.files"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!-- 查看车辆历史催收记录 -->
<vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState" />
<!-- 查看入库申请详情-->
<returntostorageInfo v-show="viewState == 3" ref="divStorage" @doback="resetState" />
</div>
</template>
<script>
import req from '@/api/surrenderforredemption/surrenderforredemption'
import vehiclecollectionrecords from '../overduevehicle/vehiclecollectionrecords'
import returntostorageInfo from '../returntostorage/returntostorageInfo'
export default {
name: 'SurrenderForRedemptionInfo',
components: {
vehiclecollectionrecords,
returntostorageInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 1,
index: 0,
formobj: {
alRepaidMoney: '',
alRepaidMoneyConPeriod: '',
amount: '',
applyDate: '',
applyName: '',
bankContractNo: '',
bankName: '',
beOverdueMoneyAndPeriod: '',
borrowerName: '',
busVinSid: '',
currentBeMoney: '',
currentPeriod: '',
customer: '',
dept: '',
deptSid: '',
fees: '',
feesShows: '',
files: [],
instanceId: '',
ledgerSid: '',
loanContractNo: '',
location: '',
nper: '',
orgPath: '',
plan: '',
rksqSid: '',
sid: '',
taskId: '',
unexpiredMoney: '',
userSid: '',
vinList: [],
wheFundOccMoney: ''
},
rules: {}
}
},
methods: {
showInfo(row) {
this.viewTitle = '交回车辆赎回申请详情'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchBySid({ sid: row.sid }).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
lookCollection() {
this.viewState = 2
this.$refs['divCollection'].showInfo({ saleVehSid: this.formobj.busVinSid })
},
lookStorage() {
this.viewState = 3
this.$refs['divStorage'].showInfo({ sid: this.formobj.rksqSid })
},
resetState() {
this.viewState = 1
},
handleReturn() {
this.formobj = {
alRepaidMoney: '',
alRepaidMoneyConPeriod: '',
amount: '',
applyDate: '',
applyName: '',
bankContractNo: '',
bankName: '',
beOverdueMoneyAndPeriod: '',
borrowerName: '',
busVinSid: '',
currentBeMoney: '',
currentPeriod: '',
customer: '',
dept: '',
deptSid: '',
fees: '',
feesShows: '',
files: [],
instanceId: '',
ledgerSid: '',
loanContractNo: '',
location: '',
nper: '',
orgPath: '',
plan: '',
rksqSid: '',
sid: '',
taskId: '',
unexpiredMoney: '',
userSid: '',
vinList: [],
wheFundOccMoney: ''
}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 200px !important;
}
.addinputInfo {
margin-left: 190px !important;
}
.tlineheightb {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
line-height: 15px !important;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

187
anrui-riskcenter-ui/src/views/workFlow/jiaohuishuhuiFlow/relation/returntostorageInfo.vue
View File

@ -0,0 +1,187 @@
<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.dept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.dept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">车牌号</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">首次登记日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<div class="span-sty">车型</div>
<el-form-item><span class="addinputInfo">{{ formobj.dept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">是否带挂车</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.dept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款人</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.dept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资方合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">入库价(元)</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.dept }}</span></el-form-item>
</el-col>
<el-col :span="16">
<div class="span-sty">停车收费标准</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyName }}</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.dept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">车牌号</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">入库价(元)</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.dept }}</span></el-form-item>
</el-col>
<el-col :span="16">
<div class="span-sty">备注</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyName }}</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.alRepaidMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">当前逾期金额/其中资金占用费</div>
<el-form-item><span class="addinputInfo">{{ formobj.currentBeMoney }}/{{ formobj.wheFundOccMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">未到期金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.unexpiredMoney }}</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.nper }}/{{ formobj.currentPeriod }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">已还金额换算期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.alRepaidMoneyConPeriod }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">逾期金额换算期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.beOverdueMoneyAndPeriod }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">备注</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.remarks" clearable placeholder="" /></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.files" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</div>
</template>
<script>
import uploadImg from '@/components/uploadFile/uploadImg'
export default {
name: '',
components: {
uploadImg
},
data() {
return {
viewTitle: '',
viewState: 1,
submitdisabled: false,
formobj: {},
rules: {}
}
},
methods: {}
}
</script>
<style scoped>
</style>

533
anrui-riskcenter-ui/src/views/workFlow/jiaohuishuhuiFlow/surrenderforredemptionDaiBan.vue
View File

@ -0,0 +1,533 @@
<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" @click="openCountersign('加签')">加 签</el-button>
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
</div>
</div>
<div class="">
<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.dept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.customer }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款人</div>
<el-form-item><span class="addinputInfo">{{ formobj.borrowerName }}</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">
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">停放地点</div>
<el-form-item><span class="addinputInfo">{{ formobj.location }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">相关费用</div>
<el-form-item><span class="addinputInfo">{{ formobj.fees }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">费用说明</div>
<el-form-item><span class="addinputInfo">{{ formobj.feesShows }}</span></el-form-item>
</el-col>
</el-row>
<div class="title titleOne">
<div>赎回车辆列表(含主车、挂车)</div>
<el-button size="mini" type="primary" class="btntopblueline" @click="lookCollection">催收记录</el-button>
</div>
<el-table :key="tableKey" :data="formobj.vinList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column prop="vinNo" label="车架号" align="center" min-width="100" />
<el-table-column prop="vehMark" label="车牌号" align="center" min-width="100"/>
<el-table-column prop="vehType" label="车辆类型" align="center" min-width="120"/>
<el-table-column prop="vehModel" label="车型" align="center" min-width="130"/>
</el-table>
<div class="title titleOne">
<div>已还与欠款情况</div>
<el-button size="mini" type="primary" class="btntopblueline" @click="lookStorage">入库申请</el-button>
</div>
<el-row>
<el-col :span="8">
<div class="span-sty">已还金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.alRepaidMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">当前逾期金额/其中资金占用费</div>
<el-form-item><span class="addinputInfo">{{ formobj.currentBeMoney }}/{{ formobj.wheFundOccMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">未到期金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.unexpiredMoney }}</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.nper }}/{{ formobj.currentPeriod }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">已还金额换算期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.alRepaidMoneyConPeriod }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">逾期金额换算期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.beOverdueMoneyAndPeriod }}</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.amount }}</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.plan }}</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.files" :key="index" :src="item" :preview-src-list="formobj.files"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!-- 查看车辆历史催收记录 -->
<vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState" />
<!-- 查看入库申请详情-->
<returntostorageInfo v-show="viewState == 3" ref="divStorage" @doback="resetState" />
<!-- 选择待办人 的弹出框-->
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
<el-form class="formadd" >
<el-row v-show="countersignLink" style="border-top: 1px solid #e0e3eb">
<el-col :span="4" class="tleftb">
<span class="icon">*</span>加签人员:
</el-col>
<el-col :span="20">
<el-form-item>
<el-select v-model="countersign.assignee" placeholder="请选择" filterable>
<el-option v-for="item in options" :key="item.userSid" :label="item.staffName" :value="item.userSid">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb">
<el-col :span="4" class="tleftb">
<span>当前环节:</span>
</el-col>
<el-col :span="20">
<el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item>
</el-col>
</el-row>
<el-row :class="{rowClass:!currentLink}">
<el-col :span="4" class="tleftb">
<span>意见:</span>
</el-col>
<el-col :span="20">
<el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable ></el-input></el-form-item>
</el-col>
</el-row>
<div style="text-align:center;margin-top: 20px;">
<el-button type="primary" size="mini" @click="reject">确 定</el-button>
<el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button>
</div>
</el-form>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/surrenderforredemption/surrenderforredemption'
import vehiclecollectionrecords from '../cuishoucuoshiFlow/relation/vehiclecollectionrecords'
import returntostorageInfo from './relation/returntostorageInfo'
import { selectStaffListss } from '@/api/Common/dictcommons'
export default {
name: 'SurrenderForRedemptionDaiBan',
components: {
vehiclecollectionrecords,
returntostorageInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 1,
index: 0,
formobj: {
alRepaidMoney: '',
alRepaidMoneyConPeriod: '',
amount: '',
applyDate: '',
applyName: '',
bankContractNo: '',
bankName: '',
beOverdueMoneyAndPeriod: '',
borrowerName: '',
busVinSid: '',
currentBeMoney: '',
currentPeriod: '',
customer: '',
dept: '',
deptSid: '',
fees: '',
feesShows: '',
files: [],
instanceId: '',
ledgerSid: '',
loanContractNo: '',
location: '',
nper: '',
orgPath: '',
plan: '',
rksqSid: '',
sid: '',
taskId: '',
unexpiredMoney: '',
userSid: '',
vinList: [],
wheFundOccMoney: ''
},
rules: {},
options: [],
operation: '', // 点击操作按钮
dialogList: {
comment: ''
},
startTask: true,
current: {
taskDefKey: '',
taskName: '' // 当前环节名称
},
nextNode: {}, // 下一环节
nodeDialogVisible: false,
currentLink: true,
countersignLink: false,
// 环节所需参数
linkByParameter: {
businessSid: '',
comment: '',
instanceId: '',
taskId: '',
orgSidPath: '',
taskDefKey: '',
userSid: ''
},
// 加签按钮所需参数
countersign: {
taskId: '',
assignee: '',
userSid: '',
instanceId: '',
views: ''
}
}
},
created() {
console.log('url:' + window.location.href)
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
const obj = JSON.parse(decodeURIComponent(data))
console.log('iframe页面获取的obj:', obj)
// 点击（同意、终止、驳回、驳回）操作时所需的参数
this.linkByParameter.businessSid = obj.businessSid
this.linkByParameter.instanceId = obj.instanceId
this.linkByParameter.taskId = obj.taskId
this.linkByParameter.taskDefKey = obj.taskDefKey
// this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
this.current.taskDefKey = obj.taskDefKey
this.current.taskName = obj.taskName
// 加签参数
this.countersign.taskId = obj.taskId
this.countersign.userSid = window.sessionStorage.getItem('userSid')
this.countersign.instanceId = obj.instanceId
// 加载表单数据
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 500 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '交回车辆赎回申请详情'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchBySid({ sid: sid }).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
selectStaffListss().then((res) => {
if (res.success) {
this.options = res.data
}
})
},
lookCollection() {
this.viewState = 2
this.$refs['divCollection'].showInfo({ saleVehSid: this.formobj.busVinSid })
},
lookStorage() {
this.viewState = 3
this.$refs['divStorage'].showInfo({ sid: this.formobj.rksqSid })
},
resetState() {
this.viewState = 1
},
// 加签
openCountersign(val) {
this.operation = val
this.currentLink = true
this.countersignLink = true
this.dialogList.comment = ''
req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
this.submitdisabled = false
})
},
// 同意
openAgree(val) {
this.operation = val
this.currentLink = true
this.countersignLink = false
this.dialogList.comment = '同意'
req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
this.submitdisabled = false
})
},
// 驳回
openReject(val) {
this.operation = val
this.currentLink = true
this.countersignLink = false
this.dialogList.comment = ''
req.getPreviousNodesForReject({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
this.submitdisabled = false
})
},
// 终止
openStop(val) {
this.operation = val
this.currentLink = false
this.countersignLink = false
this.dialogList.comment = ''
this.nodeDialogVisible = true
},
reject() {
if (this.operation === '同意') {
this.handleAgree()
} else if (this.operation === '驳回') {
if (this.dialogList.comment === '') {
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
} else {
this.handleReject()
}
} else if (this.operation === '终止') {
if (this.dialogList.comment === '') {
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
} else {
this.handleStop()
}
} else if (this.operation === '加签') {
this.handleCountersign()
}
},
/** 加签 */
handleCountersign() {
if (this.countersign.assignee === '') {
this.$message({ showClose: true, type: 'error', message: '请选择加签人员' })
return
}
if (this.dialogList.comment === '') {
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
return
}
this.countersign.views = this.dialogList.comment
req.delegate(this.countersign).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
},
/** 同意任务 */
handleAgree() {
this.linkByParameter.comment = this.dialogList.comment
req.complete(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
},
/** 驳回任务 */
handleReject() {
this.linkByParameter.comment = this.dialogList.comment
req.reject(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
},
/** 终止任务 */
handleStop() {
this.linkByParameter.comment = this.dialogList.comment
req.breakProcess(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
}
}
}
</script>
<style scoped>
.span-sty {
width: 200px !important;
}
.addinputInfo {
margin-left: 190px !important;
}
.tlineheightb {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
line-height: 15px !important;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.rowClass{
border-top: 1px solid #E0E3EB;
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

326
anrui-riskcenter-ui/src/views/workFlow/jiaohuishuhuiFlow/surrenderforredemptionEdit.vue
View File

@ -0,0 +1,326 @@
<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>
</div>
</div>
<div class="">
<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.dept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.customer }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款人</div>
<el-form-item><span class="addinputInfo">{{ formobj.borrowerName }}</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">
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">停放地点</div>
<el-form-item><span class="addinputInfo">{{ formobj.location }}</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.fees" clearable placeholder=""/></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">费用说明</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.feesShows" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
<div class="title titleOne">
<div>赎回车辆列表(含主车、挂车)</div>
<el-button size="mini" type="primary" class="btntopblueline" @click="lookCollection">催收记录</el-button>
</div>
<el-table :key="tableKey" :data="formobj.vinList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column fixed label="操作" width="80" align="center">
<template slot-scope="scope">
<el-button size="small" v-if="scope.row.vehType !== '主车'" type="danger" @click="delete(scope.$index)">删除</el-button>
</template>
</el-table-column>
<el-table-column prop="vinNo" label="车架号" align="center" min-width="100" />
<el-table-column prop="vehMark" label="车牌号" align="center" min-width="100"/>
<el-table-column prop="vehType" label="车辆类型" align="center" min-width="120"/>
<el-table-column prop="vehModel" label="车型" align="center" min-width="130"/>
</el-table>
<div class="title titleOne">
<div>已还与欠款情况</div>
<el-button size="mini" type="primary" class="btntopblueline" @click="lookStorage">入库申请</el-button>
</div>
<el-row>
<el-col :span="8">
<div class="span-sty">已还金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.alRepaidMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">当前逾期金额/其中资金占用费</div>
<el-form-item><span class="addinputInfo">{{ formobj.currentBeMoney }}/{{ formobj.wheFundOccMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">未到期金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.unexpiredMoney }}</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.nper }}/{{ formobj.currentPeriod }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">已还金额换算期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.alRepaidMoneyConPeriod }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">逾期金额换算期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.beOverdueMoneyAndPeriod }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">本次还款金额</div>
<el-form-item><el-input class="addinputInfo" style="width: 15%" @keyup.native="UpNumber" v-model="formobj.amount" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">赎回方案</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.plan" clearable placeholder=""/></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.files" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!-- 查看车辆历史催收记录 -->
<vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState" />
<!-- 查看入库申请详情-->
<returntostorageInfo v-show="viewState == 3" ref="divStorage" @doback="resetState" />
</div>
</template>
<script>
import req from '@/api/surrenderforredemption/surrenderforredemption'
import uploadImg from '@/components/uploadFile/uploadImg'
import vehiclecollectionrecords from '../cuishoucuoshiFlow/relation/vehiclecollectionrecords'
import returntostorageInfo from './relation/returntostorageInfo'
export default {
name: 'SurrenderForRedemptionEdit',
components: {
uploadImg,
vehiclecollectionrecords,
returntostorageInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
submitdisabled: false,
tableKey: 1,
index: 0,
formobj: {
alRepaidMoney: '',
alRepaidMoneyConPeriod: '',
amount: '',
applyDate: '',
applyName: '',
bankContractNo: '',
bankName: '',
beOverdueMoneyAndPeriod: '',
borrowerName: '',
busVinSid: '',
currentBeMoney: '',
currentPeriod: '',
customer: '',
dept: '',
deptSid: '',
fees: '',
feesShows: '',
files: [],
instanceId: '',
ledgerSid: '',
loanContractNo: '',
location: '',
nper: '',
orgPath: '',
plan: '',
rksqSid: '',
sid: '',
taskId: '',
unexpiredMoney: '',
userSid: '',
vinList: [],
wheFundOccMoney: ''
},
rules: {}
}
},
created() {
console.log('url:' + window.location.href)
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
const obj = JSON.parse(decodeURIComponent(data))
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 500 + 'px'
}
}, '*')
},
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)
}
},
showInfo(sid) {
this.viewTitle = '【编辑】交回车辆赎回申请'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchBySid({ sid: sid }).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
lookCollection() {
this.viewState = 2
this.$refs['divCollection'].showInfo({ saleVehSid: this.formobj.busVinSid })
},
delete(index) {
this.formobj.vinList.splice(index, 1)
},
lookStorage() {
this.viewState = 3
this.$refs['divStorage'].showInfo({ sid: this.formobj.rksqSid })
},
resetState() {
this.viewState = 1
},
saveOrUpdate() {
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: '保存成功' })
// 子页面向父级页面传递值(关闭弹框)
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
submit() {
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: '操作成功' })
// 子页面向父级页面传递值(关闭弹框)
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
}
}
}
</script>
<style scoped>
.span-sty {
width: 200px !important;
}
.addinputInfo {
margin-left: 190px !important;
}
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
margin-left: 190px !important;
width: calc(100% - 185px);
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

319
anrui-riskcenter-ui/src/views/workFlow/jiaohuishuhuiFlow/surrenderforredemptionYiBan.vue
View File

@ -0,0 +1,319 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
</div>
</div>
<div class="">
<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.dept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyName }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.customer }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款人</div>
<el-form-item><span class="addinputInfo">{{ formobj.borrowerName }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<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" class="tlineheightb">
<div class="span-sty">资方合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.bankContractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">停放地点</div>
<el-form-item><span class="addinputInfo">{{ formobj.location }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">相关费用</div>
<el-form-item><span class="addinputInfo">{{ formobj.fees }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">费用说明</div>
<el-form-item><span class="addinputInfo">{{ formobj.feesShows }}</span></el-form-item>
</el-col>
</el-row>
<div class="title titleOne">
<div>赎回车辆列表(含主车、挂车)</div>
<el-button size="mini" type="primary" class="btntopblueline" @click="lookCollection">催收记录</el-button>
</div>
<el-table :key="tableKey" :data="formobj.vinList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column prop="vinNo" label="车架号" align="center" min-width="100" />
<el-table-column prop="vehMark" label="车牌号" align="center" min-width="100"/>
<el-table-column prop="vehType" label="车辆类型" align="center" min-width="120"/>
<el-table-column prop="vehModel" label="车型" align="center" min-width="130"/>
</el-table>
<div class="title titleOne">
<div>已还与欠款情况</div>
<el-button size="mini" type="primary" class="btntopblueline" @click="lookStorage">入库申请</el-button>
</div>
<el-row>
<el-col :span="8">
<div class="span-sty">已还金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.alRepaidMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">当前逾期金额/其中资金占用费</div>
<el-form-item><span class="addinputInfo">{{ formobj.currentBeMoney }}/{{ formobj.wheFundOccMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">未到期金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.unexpiredMoney }}</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.nper }}/{{ formobj.currentPeriod }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">已还金额换算期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.alRepaidMoneyConPeriod }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">逾期金额换算期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.beOverdueMoneyAndPeriod }}</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.amount }}</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.plan }}</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.files" :key="index" :src="item" :preview-src-list="formobj.files"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!-- 查看车辆历史催收记录 -->
<vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState" />
<!-- 查看入库申请详情-->
<returntostorageInfo v-show="viewState == 3" ref="divStorage" @doback="resetState" />
</div>
</template>
<script>
import req from '@/api/surrenderforredemption/surrenderforredemption'
import vehiclecollectionrecords from '../cuishoucuoshiFlow/relation/vehiclecollectionrecords'
import returntostorageInfo from './relation/returntostorageInfo'
export default {
name: 'SurrenderForRedemptionYiBan',
components: {
vehiclecollectionrecords,
returntostorageInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 1,
index: 0,
formobj: {
alRepaidMoney: '',
alRepaidMoneyConPeriod: '',
amount: '',
applyDate: '',
applyName: '',
bankContractNo: '',
bankName: '',
beOverdueMoneyAndPeriod: '',
borrowerName: '',
busVinSid: '',
currentBeMoney: '',
currentPeriod: '',
customer: '',
dept: '',
deptSid: '',
fees: '',
feesShows: '',
files: [],
instanceId: '',
ledgerSid: '',
loanContractNo: '',
location: '',
nper: '',
orgPath: '',
plan: '',
rksqSid: '',
sid: '',
taskId: '',
unexpiredMoney: '',
userSid: '',
vinList: [],
wheFundOccMoney: ''
},
// 环节所需参数
linkByParameter: {
businessSid: '',
comment: '',
instanceId: '',
taskId: '',
orgSidPath: '',
taskDefKey: '',
userSid: ''
},
rules: {}
}
},
created() {
console.log('url:' + window.location.href)
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
const obj = JSON.parse(decodeURIComponent(data))
console.log('iframe页面获取的obj:', obj)
// 点击（同意、终止、驳回、驳回）操作时所需的参数
this.linkByParameter.businessSid = obj.businessSid
this.linkByParameter.instanceId = obj.instanceId
this.linkByParameter.taskId = obj.taskId
this.linkByParameter.taskDefKey = obj.taskDefKey
this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
// 加载表单数据
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 500 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '交回车辆赎回申请详情'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchBySid({ sid: sid }).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
lookCollection() {
this.viewState = 2
this.$refs['divCollection'].showInfo({ saleVehSid: this.formobj.busVinSid })
},
lookStorage() {
this.viewState = 3
this.$refs['divStorage'].showInfo({ sid: this.formobj.rksqSid })
},
resetState() {
this.viewState = 1
},
/** 确认撤回任务 */
openRevoke() {
this.$confirm('是否确认执行撤回操作', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.handleRevoke()
}).catch(() => {
this.$message({
type: 'info',
message: '已取消撤回'
})
})
},
/** 撤回任务 */
handleRevoke() {
req.revokeProcess(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
}
}
}
</script>
<style scoped>
.span-sty {
width: 200px !important;
}
.addinputInfo {
margin-left: 190px !important;
}
.tlineheightb {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
line-height: 15px !important;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>
Write Preview
Loading…
Cancel
Save