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

完善案件上诉管理

master
yunuo970428 1 year ago
parent
65a13fbb22
commit
dff01edd7f
5 changed files with 1203 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. 113
      anrui-riskcenter-ui/src/api/caseappeal/caseappeal.js
  2. 16
      anrui-riskcenter-ui/src/router/index.js
  3. 381
      anrui-riskcenter-ui/src/views/caseappeal/caseappeal.vue
  4. 371
      anrui-riskcenter-ui/src/views/caseappeal/caseappealAdd.vue
  5. 322
      anrui-riskcenter-ui/src/views/caseappeal/caseappealInfo.vue

113
anrui-riskcenter-ui/src/api/caseappeal/caseappeal.js
View File

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

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

@ -759,6 +759,22 @@ export const constantRoutes = [
}
]
},
{
path: '/caseappeal',
component: Layout,
redirect: '/caseappeal',
meta: {
title: '案件上诉管理'
},
children: [
{
path: '/caseappeal/caseappeal',
component: () => import('@/views/caseappeal/caseappeal.vue'),
name: 'CaseAppeal',
meta: { title: '案件上诉管理', noCache: true }
}
]
},
// 流程审批
// 金融产品政策报备--编辑

381
anrui-riskcenter-ui/src/views/caseappeal/caseappeal.vue
View File

@ -0,0 +1,381 @@
<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.deptName" 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.createStartTime" 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.createEndTime" 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.modifyStartTime" 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.modifyEndTime" 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.loanContract" placeholder="" clearable/>
</el-form-item>
<el-form-item label="客户名称">
<el-input v-model="listQuery.params.customName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="贷款人">
<el-input v-model="listQuery.params.lenderName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="案件编号">
<el-input v-model="listQuery.params.caseNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="案件阶段">
<el-input v-model="listQuery.params.caseStage" placeholder="" clearable/>
</el-form-item>
<el-form-item label="预上/应诉日期">
<el-date-picker v-model="listQuery.params.expectStartDate" 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.expectEndDate" 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.appealDueStartDate" 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.appealDueEndDate" 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.expectCourt" 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="180px" 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="deptName" 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="modifyTime" label="办结日期" align="center" width="100" />
<el-table-column prop="loanContract" label="贷款合同编号" align="center" width="160" />
<el-table-column prop="customName" label="客户名称" align="center" width="100" />
<el-table-column prop="lenderName" label="贷款人" align="center" min-width="100" />
<el-table-column prop="caseNo" label="案件编号" align="center" width="160" />
<el-table-column prop="priCourtRefer" label="原法院案号" align="center" width="100" />
<el-table-column prop="caseStage" label="案件阶段" align="center" width="100" />
<el-table-column prop="expectDate" label="预上/应诉日期" align="center" width="130" />
<el-table-column prop="appealDueDate" label="上诉到期日期" align="center" width="130" />
<el-table-column prop="expectCourt" label="上/应诉法院" align="center" width="100" />
</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>
<!--新增及修改 -->
<caseappealAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
<!--详情-->
<caseappealInfo 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>
</div>
</template>
<script>
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar'
import req from '@/api/caseappeal/caseappeal'
import { getStorage } from '@/utils/auth'
import caseappealAdd from './caseappealAdd'
import caseappealInfo from './caseappealInfo'
export default {
name: 'CaseAppeal',
components: {
Pagination,
pageye,
ButtonBar,
caseappealAdd,
caseappealInfo
},
data() {
return {
url: '',
dialogHeight: '80%',
centerDialogVisible: false,
btndisabled: false,
btnList: [
{
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: 10,
total: 0,
params: {
appealDueEndDate: '',
appealDueStartDate: '',
caseNo: '',
caseStage: '',
createByName: '',
createEndTime: '',
createStartTime: '',
customName: '',
deptName: '',
expectCourt: '',
expectEndDate: '',
expectStartDate: '',
lenderName: '',
loanContract: '',
menuSid: '',
menuUrl: '',
modifyEndTime: '',
modifyStartTime: '',
orgPath: '',
useOrgName: '',
userSid: ''
}
}
}
},
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.procInstSid,
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 '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: 10,
total: 0,
params: {
appealDueEndDate: '',
appealDueStartDate: '',
caseNo: '',
caseStage: '',
createByName: '',
createEndTime: '',
createStartTime: '',
customName: '',
deptName: '',
expectCourt: '',
expectEndDate: '',
expectStartDate: '',
lenderName: '',
loanContract: '',
menuSid: '',
menuUrl: '',
modifyEndTime: '',
modifyStartTime: '',
orgPath: '',
useOrgName: '',
userSid: ''
}
}
this.getList()
},
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(() => {
})
},
// 修改、编辑、详情返回列表页面
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

371
anrui-riskcenter-ui/src/views/caseappeal/caseappealAdd.vue
View File

@ -0,0 +1,371 @@
<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.deptName }}</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.caseCreateDate }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">公司负责人</div>
<el-form-item><span class="addinputInfo">{{ formobj.compHead }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">法务部门负责人</div>
<el-form-item><span class="addinputInfo">{{ formobj.legalDeptHead }}</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.caseNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">案件类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.caseType }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanContract }}</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.lenderName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款人证件号码</div>
<el-form-item><span class="addinputInfo">{{ formobj.lenderIdNo }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">贷款人户籍/注册地址</div>
<el-form-item><span class="addinputInfo">{{ formobj.lenderAddress }}</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.customName }}</span></el-form-item>
</el-col>
<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.bankContract }}</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.arrearsTotal }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">是否全额诉讼</div>
<el-form-item><span class="addinputInfo">{{ formobj.isFullLitigation }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">起诉金额合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.sueMoneyTotal }}</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.partProceRemarks }}</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.judgDate }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">判决结果</div>
<el-form-item><span class="addinputInfo">{{ formobj.judgResult }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">判断金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.judgMoney }}</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.receivejudgDate }}</span></el-form-item>
</el-col>
<el-col :span="16">
<div class="span-sty">判决备注</div>
<el-form-item><span class="addinputInfo">{{ formobj.judgRemarks }}</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.pjclFiles" :key="index" :src="item" :preview-src-list="formobj.pjclFiles" /></el-form-item>
</el-col>
</el-row>
<div class="title">车辆信息</div>
<el-table :key="tableKey" :data="formobj.loanCaseAppealVehList" :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" />
<el-table-column prop="carNum" label="车牌号" align="center" />
<el-table-column prop="affiliatedCompany" label="挂靠公司" align="center" />
<el-table-column prop="carState" label="车辆状态" align="center" />
<el-table-column prop="remarks" label="备注" align="center" />
</el-table>
<el-row>
<el-col :span="8">
<div class="span-sty">案件阶段</div>
<el-form-item><span class="addinputInfo">{{ formobj.caseStage }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">预上/应诉日期</div>
<el-form-item><el-date-picker class="addinputInfo" v-model="formobj.expectDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">上诉到期日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.appealDueDate }}</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.ysclFiles" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/caseappeal/caseappeal'
import uploadImg from '@/components/uploadFile/uploadImg'
export default {
name: 'CaseAppealAdd',
components: {
uploadImg
},
data() {
return {
viewTitle: '',
viewState: 1,
submitdisabled: false,
tableKey: 0,
index: 0,
formobj: {
appealDueDate: '',
arrearsTotal: '',
bankContract: '',
bankName: '',
billNo: '',
caseCreateDate: '',
caseNo: '',
caseStage: '',
caseType: '',
compHead: '',
createByName: '',
createBySid: '',
createTime: '',
customName: '',
deptName: '',
deptSid: '',
expectCourt: '',
expectDate: '',
isFullLitigation: '',
judgDate: '',
judgMoney: '',
judgRemarks: '',
judgResult: '',
legalDeptHead: '',
lenderAddress: '',
lenderIdNo: '',
lenderName: '',
loanCaseAppealVehList: [],
loanContract: '',
nodeSid: '',
nodeState: '',
orgPath: '',
partProceRemarks: '',
pjclFiles: [],
priCourtRefer: '',
procDefId: '',
procInstSid: '',
receivejudgDate: '',
remarks: '',
sid: '',
sueMoneyTotal: '',
taskId: '',
useOrgName: '',
useOrgSid: '',
ysclFiles: []
},
rules: {}
}
},
methods: {
showAdd() {
this.viewTitle = '【新增】案件上/应诉申请'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
},
showEdit(row) {
this.viewTitle = '【编辑】案件上/应诉申请'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchBySid(row.sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
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 = {
appealDueDate: '',
arrearsTotal: '',
bankContract: '',
bankName: '',
billNo: '',
caseCreateDate: '',
caseNo: '',
caseStage: '',
caseType: '',
compHead: '',
createByName: '',
createBySid: '',
createTime: '',
customName: '',
deptName: '',
deptSid: '',
expectCourt: '',
expectDate: '',
isFullLitigation: '',
judgDate: '',
judgMoney: '',
judgRemarks: '',
judgResult: '',
legalDeptHead: '',
lenderAddress: '',
lenderIdNo: '',
lenderName: '',
loanCaseAppealVehList: [],
loanContract: '',
nodeSid: '',
nodeState: '',
orgPath: '',
partProceRemarks: '',
pjclFiles: [],
priCourtRefer: '',
procDefId: '',
procInstSid: '',
receivejudgDate: '',
remarks: '',
sid: '',
sueMoneyTotal: '',
taskId: '',
useOrgName: '',
useOrgSid: '',
ysclFiles: []
}
this.submitdisabled = false
this.$emit('doback')
}
}
}
</script>
<style>
.span-sty {
width: 150px !important;
}
.addinputInfo {
margin-left: 140px !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;
}
</style>

322
anrui-riskcenter-ui/src/views/caseappeal/caseappealInfo.vue
View File

@ -0,0 +1,322 @@
<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.deptName }}</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.caseCreateDate }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">公司负责人</div>
<el-form-item><span class="addinputInfo">{{ formobj.compHead }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">法务部门负责人</div>
<el-form-item><span class="addinputInfo">{{ formobj.legalDeptHead }}</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.caseNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">案件类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.caseType }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanContract }}</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.lenderName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款人证件号码</div>
<el-form-item><span class="addinputInfo">{{ formobj.lenderIdNo }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">贷款人户籍/注册地址</div>
<el-form-item><span class="addinputInfo">{{ formobj.lenderAddress }}</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.customName }}</span></el-form-item>
</el-col>
<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.bankContract }}</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.arrearsTotal }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">是否全额诉讼</div>
<el-form-item><span class="addinputInfo">{{ formobj.isFullLitigation }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">起诉金额合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.sueMoneyTotal }}</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.partProceRemarks }}</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.judgDate }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">判决结果</div>
<el-form-item><span class="addinputInfo">{{ formobj.judgResult }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">判断金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.judgMoney }}</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.receivejudgDate }}</span></el-form-item>
</el-col>
<el-col :span="16">
<div class="span-sty">判决备注</div>
<el-form-item><span class="addinputInfo">{{ formobj.judgRemarks }}</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.pjclFiles" :key="index" :src="item" :preview-src-list="formobj.pjclFiles" /></el-form-item>
</el-col>
</el-row>
<div class="title">车辆信息</div>
<el-table :key="tableKey" :data="formobj.loanCaseAppealVehList" :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" />
<el-table-column prop="carNum" label="车牌号" align="center" />
<el-table-column prop="affiliatedCompany" label="挂靠公司" align="center" />
<el-table-column prop="carState" label="车辆状态" align="center" />
<el-table-column prop="remarks" label="备注" align="center" />
</el-table>
<el-row>
<el-col :span="8">
<div class="span-sty">案件阶段</div>
<el-form-item><span class="addinputInfo">{{ formobj.caseStage }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">预上/应诉日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.expectDate }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">上诉到期日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.appealDueDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24" class="tlineheightb">
<div class="span-sty">备注</div>
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">上/应诉材料</div>
<el-form-item>
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.ysclFiles" :key="index" :src="item" :preview-src-list="formobj.ysclFiles" /></el-form-item>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/caseappeal/caseappeal'
export default {
name: '',
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 0,
index: 0,
formobj: {
appealDueDate: '',
arrearsTotal: '',
bankContract: '',
bankName: '',
billNo: '',
caseCreateDate: '',
caseNo: '',
caseStage: '',
caseType: '',
compHead: '',
createByName: '',
createBySid: '',
createTime: '',
customName: '',
deptName: '',
deptSid: '',
expectCourt: '',
expectDate: '',
isFullLitigation: '',
judgDate: '',
judgMoney: '',
judgRemarks: '',
judgResult: '',
legalDeptHead: '',
lenderAddress: '',
lenderIdNo: '',
lenderName: '',
loanCaseAppealVehList: [],
loanContract: '',
nodeSid: '',
nodeState: '',
orgPath: '',
partProceRemarks: '',
pjclFiles: [],
priCourtRefer: '',
procDefId: '',
procInstSid: '',
receivejudgDate: '',
remarks: '',
sid: '',
sueMoneyTotal: '',
taskId: '',
useOrgName: '',
useOrgSid: '',
ysclFiles: []
},
rules: {}
}
},
methods: {
showInfo(row) {
this.viewTitle = '案件上/应诉申请详情'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchBySid(row.sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
handleReturn() {
this.formobj = {
appealDueDate: '',
arrearsTotal: '',
bankContract: '',
bankName: '',
billNo: '',
caseCreateDate: '',
caseNo: '',
caseStage: '',
caseType: '',
compHead: '',
createByName: '',
createBySid: '',
createTime: '',
customName: '',
deptName: '',
deptSid: '',
expectCourt: '',
expectDate: '',
isFullLitigation: '',
judgDate: '',
judgMoney: '',
judgRemarks: '',
judgResult: '',
legalDeptHead: '',
lenderAddress: '',
lenderIdNo: '',
lenderName: '',
loanCaseAppealVehList: [],
loanContract: '',
nodeSid: '',
nodeState: '',
orgPath: '',
partProceRemarks: '',
pjclFiles: [],
priCourtRefer: '',
procDefId: '',
procInstSid: '',
receivejudgDate: '',
remarks: '',
sid: '',
sueMoneyTotal: '',
taskId: '',
useOrgName: '',
useOrgSid: '',
ysclFiles: []
}
this.$emit('doback')
}
}
}
</script>
<style>
.span-sty {
width: 150px !important;
}
.addinputInfo {
margin-left: 140px !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;
}
</style>
Write Preview
Loading…
Cancel
Save