Browse Source

完善案件结案

master
yunuo970428 1 year ago
parent
commit
6383f1f767
  1. 64
      anrui-riskcenter-ui/src/views/caseclosed/caseclosedAdd.vue
  2. 64
      anrui-riskcenter-ui/src/views/caseclosed/caseclosedInfo.vue
  3. 62
      anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedDaiBan.vue
  4. 62
      anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedEdit.vue
  5. 62
      anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedYiBan.vue
  6. 356
      anrui-riskcenter-ui/src/views/workFlow/jieanFlow/relation/anjianjinchengInfo.vue
  7. 215
      anrui-riskcenter-ui/src/views/workFlow/jieanFlow/relation/susongInfo.vue

64
anrui-riskcenter-ui/src/views/caseclosed/caseclosedAdd.vue

@ -4,6 +4,7 @@
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
<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>
@ -115,16 +116,20 @@
<el-form-item><span class="addinputInfo">{{ formobj.notReturnMoney }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">执行措施</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.executeMeasure" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="16">
<div class="span-sty">执行说明</div>
<el-form-item><span class="addinputInfo">{{ formobj.executeRemarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">执行</div>
<el-table :key="measuresKey" :data="formobj.loanCaseProgressExecuteMeasures" :index="index" border style="width: 100%">
<el-table-column prop="measure" label="执行措施" align="center" width="150" />
<el-table-column prop="measureTime" label="执行日期" align="center" width="230" />
<el-table-column prop="measureMoney" label="执行回款金额" align="center" min-width="300" />
<el-table-column prop="measureShows" label="执行说明" align="center" min-width="300" />
<el-table-column prop="operatorTime" label="操作时间" align="center" width="200" />
<el-table-column prop="operator" label="操作人" align="center" width="150" />
<el-table-column label="附件" align="center" width="120">
<template slot-scope="scope">
<el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.measureFiles.length > 0" @click="handleLook(scope.row.measureFiles)">查看</el-button>
</template>
</el-table-column>
</el-table>
<div class="title">车辆信息</div>
<el-table :key="tableKey" :data="formobj.loanCaseCloseVehList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
@ -163,6 +168,12 @@
</el-form>
</div>
</div>
<!-- 查看案件 -->
<courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @doback="resetState" />
<!-- 执行 -->
<el-dialog :visible.sync="dialogVisible">
<el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
</el-dialog>
</div>
</template>
@ -170,18 +181,23 @@
import req from '@/api/caseclosed/caseclosed'
import uploadImg from '@/components/uploadFile/uploadImg'
import { typeValues } from '@/api/Common/dictcommons'
import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
export default {
name: 'CaseClosedAdd',
components: {
uploadImg
uploadImg,
courseofthecaseInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
submitdisabled: false,
dialogVisible: false,
list: [],
tableKey: 0,
measuresKey: 1,
index: 0,
closeType_list: [],
formobj: {
@ -189,6 +205,7 @@ export default {
bankContract: '',
bankName: '',
billNo: '',
busSid: '',
caseCreateDate: '',
caseNo: '',
caseType: '',
@ -211,6 +228,7 @@ export default {
lenderIdNo: '',
lenderName: '',
loanCaseCloseVehList: [],
loanCaseProgressExecuteMeasures: [],
loanContract: '',
nodeSid: '',
nodeState: '',
@ -270,6 +288,28 @@ export default {
this.formobj.closeTypeValue = ''
}
},
// --
handleLook(row) {
this.dialogVisible = true
if (row.length > 0) {
const aa = []
row.forEach((e) => {
aa.push(e.url)
})
this.list = aa
}
},
lookCourseOfTheCase() {
if (this.formobj.busSid !== '') {
this.viewState = 2
this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
} else {
this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
}
},
resetState() {
this.viewState = 1
},
saveOrUpdate() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
@ -311,6 +351,7 @@ export default {
bankContract: '',
bankName: '',
billNo: '',
busSid: '',
caseCreateDate: '',
caseNo: '',
caseType: '',
@ -333,6 +374,7 @@ export default {
lenderIdNo: '',
lenderName: '',
loanCaseCloseVehList: [],
loanCaseProgressExecuteMeasures: [],
loanContract: '',
nodeSid: '',
nodeState: '',

64
anrui-riskcenter-ui/src/views/caseclosed/caseclosedInfo.vue

@ -4,6 +4,7 @@
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
@ -113,16 +114,20 @@
<el-form-item><span class="addinputInfo">{{ formobj.notReturnMoney }}</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.executeMeasure }}</span></el-form-item>
</el-col>
<el-col :span="16">
<div class="span-sty">执行说明</div>
<el-form-item><span class="addinputInfo">{{ formobj.executeRemarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">执行</div>
<el-table :key="measuresKey" :data="formobj.loanCaseProgressExecuteMeasures" :index="index" border style="width: 100%">
<el-table-column prop="measure" label="执行措施" align="center" width="150" />
<el-table-column prop="measureTime" label="执行日期" align="center" width="230" />
<el-table-column prop="measureMoney" label="执行回款金额" align="center" min-width="300" />
<el-table-column prop="measureShows" label="执行说明" align="center" min-width="300" />
<el-table-column prop="operatorTime" label="操作时间" align="center" width="200" />
<el-table-column prop="operator" label="操作人" align="center" width="150" />
<el-table-column label="附件" align="center" width="120">
<template slot-scope="scope">
<el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.measureFiles.length > 0" @click="handleLook(scope.row.measureFiles)">查看</el-button>
</template>
</el-table-column>
</el-table>
<div class="title">车辆信息</div>
<el-table :key="tableKey" :data="formobj.loanCaseCloseVehList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
@ -157,25 +162,39 @@
</el-form>
</div>
</div>
<!-- 查看案件 -->
<courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @doback="resetState" />
<!-- 执行法官 -->
<el-dialog :visible.sync="dialogVisible">
<el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/caseclosed/caseclosed'
import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
export default {
name: 'CaseClosedInfo',
components: {
courseofthecaseInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
dialogVisible: false,
list: [],
tableKey: 0,
measuresKey: 1,
index: 0,
formobj: {
arrearsTotal: '',
bankContract: '',
bankName: '',
billNo: '',
busSid: '',
caseCreateDate: '',
caseNo: '',
caseType: '',
@ -198,6 +217,7 @@ export default {
lenderIdNo: '',
lenderName: '',
loanCaseCloseVehList: [],
loanCaseProgressExecuteMeasures: [],
loanContract: '',
nodeSid: '',
nodeState: '',
@ -235,12 +255,35 @@ export default {
}
})
},
// --
handleLook(row) {
this.dialogVisible = true
if (row.length > 0) {
const aa = []
row.forEach((e) => {
aa.push(e.url)
})
this.list = aa
}
},
lookCourseOfTheCase() {
if (this.formobj.busSid !== '') {
this.viewState = 2
this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
} else {
this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
}
},
resetState() {
this.viewState = 1
},
handleReturn() {
this.formobj = {
arrearsTotal: '',
bankContract: '',
bankName: '',
billNo: '',
busSid: '',
caseCreateDate: '',
caseNo: '',
caseType: '',
@ -263,6 +306,7 @@ export default {
lenderIdNo: '',
lenderName: '',
loanCaseCloseVehList: [],
loanCaseProgressExecuteMeasures: [],
loanContract: '',
nodeSid: '',
nodeState: '',

62
anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedDaiBan.vue

@ -4,6 +4,7 @@
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
<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>
@ -116,16 +117,20 @@
<el-form-item><span class="addinputInfo">{{ formobj.notReturnMoney }}</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.executeMeasure }}</span></el-form-item>
</el-col>
<el-col :span="16">
<div class="span-sty">执行说明</div>
<el-form-item><span class="addinputInfo">{{ formobj.executeRemarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">执行</div>
<el-table :key="measuresKey" :data="formobj.loanCaseProgressExecuteMeasures" :index="index" border style="width: 100%">
<el-table-column prop="measure" label="执行措施" align="center" width="150" />
<el-table-column prop="measureTime" label="执行日期" align="center" width="230" />
<el-table-column prop="measureMoney" label="执行回款金额" align="center" min-width="300" />
<el-table-column prop="measureShows" label="执行说明" align="center" min-width="300" />
<el-table-column prop="operatorTime" label="操作时间" align="center" width="200" />
<el-table-column prop="operator" label="操作人" align="center" width="150" />
<el-table-column label="附件" align="center" width="120">
<template slot-scope="scope">
<el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.measureFiles.length > 0" @click="handleLook(scope.row.measureFiles)">查看</el-button>
</template>
</el-table-column>
</el-table>
<div class="title">车辆信息</div>
<el-table :key="tableKey" :data="formobj.loanCaseCloseVehList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
@ -160,6 +165,8 @@
</el-form>
</div>
</div>
<!-- 查看案件 -->
<courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @doback="resetState" />
<!-- 选择待办人 的弹出框-->
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
<el-form class="formadd" >
@ -198,26 +205,38 @@
</div>
</el-form>
</el-dialog>
<!-- 执行 -->
<el-dialog :visible.sync="dialogVisible">
<el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/caseclosed/caseclosed'
import { selectStaffListss } from '@/api/Common/dictcommons'
import courseofthecaseInfo from './relation/anjianjinchengInfo'
export default {
name: 'CaseClosedDaiBan',
components: {
courseofthecaseInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
dialogVisible: false,
list: [],
tableKey: 0,
measuresKey: 1,
index: 0,
formobj: {
arrearsTotal: '',
bankContract: '',
bankName: '',
billNo: '',
busSid: '',
caseCreateDate: '',
caseNo: '',
caseType: '',
@ -240,6 +259,7 @@ export default {
lenderIdNo: '',
lenderName: '',
loanCaseCloseVehList: [],
loanCaseProgressExecuteMeasures: [],
loanContract: '',
nodeSid: '',
nodeState: '',
@ -346,6 +366,28 @@ export default {
}
})
},
lookCourseOfTheCase() {
if (this.formobj.busSid !== '') {
this.viewState = 2
this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
} else {
this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
}
},
resetState() {
this.viewState = 1
},
// --
handleLook(row) {
this.dialogVisible = true
if (row.length > 0) {
const aa = []
row.forEach((e) => {
aa.push(e.url)
})
this.list = aa
}
},
//
openCountersign(val) {
this.operation = val

62
anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedEdit.vue

@ -4,6 +4,7 @@
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
<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>
@ -114,16 +115,20 @@
<el-form-item><span class="addinputInfo">{{ formobj.notReturnMoney }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">执行措施</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.executeMeasure" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="16">
<div class="span-sty">执行说明</div>
<el-form-item><span class="addinputInfo">{{ formobj.executeRemarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">执行</div>
<el-table :key="measuresKey" :data="formobj.loanCaseProgressExecuteMeasures" :index="index" border style="width: 100%">
<el-table-column prop="measure" label="执行措施" align="center" width="150" />
<el-table-column prop="measureTime" label="执行日期" align="center" width="230" />
<el-table-column prop="measureMoney" label="执行回款金额" align="center" min-width="300" />
<el-table-column prop="measureShows" label="执行说明" align="center" min-width="300" />
<el-table-column prop="operatorTime" label="操作时间" align="center" width="200" />
<el-table-column prop="operator" label="操作人" align="center" width="150" />
<el-table-column label="附件" align="center" width="120">
<template slot-scope="scope">
<el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.measureFiles.length > 0" @click="handleLook(scope.row.measureFiles)">查看</el-button>
</template>
</el-table-column>
</el-table>
<div class="title">车辆信息</div>
<el-table :key="tableKey" :data="formobj.loanCaseCloseVehList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
@ -162,25 +167,36 @@
</el-form>
</div>
</div>
<!-- 查看案件 -->
<courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @doback="resetState" />
<!-- 执行 -->
<el-dialog :visible.sync="dialogVisible">
<el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/caseclosed/caseclosed'
import courseofthecaseInfo from './relation/anjianjinchengInfo'
import uploadImg from '@/components/uploadFile/uploadImg'
import { typeValues } from '@/api/Common/dictcommons'
export default {
name: 'CaseClosedEdit',
components: {
uploadImg
uploadImg,
courseofthecaseInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
submitdisabled: false,
dialogVisible: false,
list: [],
tableKey: 0,
measuresKey: 1,
index: 0,
closeType_list: [],
formobj: {
@ -188,6 +204,7 @@ export default {
bankContract: '',
bankName: '',
billNo: '',
busSid: '',
caseCreateDate: '',
caseNo: '',
caseType: '',
@ -210,6 +227,7 @@ export default {
lenderIdNo: '',
lenderName: '',
loanCaseCloseVehList: [],
loanCaseProgressExecuteMeasures: [],
loanContract: '',
nodeSid: '',
nodeState: '',
@ -266,6 +284,28 @@ export default {
}
})
},
// --
handleLook(row) {
this.dialogVisible = true
if (row.length > 0) {
const aa = []
row.forEach((e) => {
aa.push(e.url)
})
this.list = aa
}
},
lookCourseOfTheCase() {
if (this.formobj.busSid !== '') {
this.viewState = 2
this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
} else {
this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
}
},
resetState() {
this.viewState = 1
},
closeTypeChange(value) {
const choose = this.closeType_list.filter((item) => item.dictKey === value)
if (choose !== null && choose.length > 0) {

62
anrui-riskcenter-ui/src/views/workFlow/jieanFlow/caseclosedYiBan.vue

@ -4,6 +4,7 @@
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" @click="lookCourseOfTheCase()">查看案件</el-button>
<el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
</div>
</div>
@ -113,16 +114,20 @@
<el-form-item><span class="addinputInfo">{{ formobj.notReturnMoney }}</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.executeMeasure }}</span></el-form-item>
</el-col>
<el-col :span="16">
<div class="span-sty">执行说明</div>
<el-form-item><span class="addinputInfo">{{ formobj.executeRemarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">执行</div>
<el-table :key="measuresKey" :data="formobj.loanCaseProgressExecuteMeasures" :index="index" border style="width: 100%">
<el-table-column prop="measure" label="执行措施" align="center" width="150" />
<el-table-column prop="measureTime" label="执行日期" align="center" width="230" />
<el-table-column prop="measureMoney" label="执行回款金额" align="center" min-width="300" />
<el-table-column prop="measureShows" label="执行说明" align="center" min-width="300" />
<el-table-column prop="operatorTime" label="操作时间" align="center" width="200" />
<el-table-column prop="operator" label="操作人" align="center" width="150" />
<el-table-column label="附件" align="center" width="120">
<template slot-scope="scope">
<el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.measureFiles.length > 0" @click="handleLook(scope.row.measureFiles)">查看</el-button>
</template>
</el-table-column>
</el-table>
<div class="title">车辆信息</div>
<el-table :key="tableKey" :data="formobj.loanCaseCloseVehList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
@ -157,25 +162,39 @@
</el-form>
</div>
</div>
<!-- 查看案件 -->
<courseofthecaseInfo v-show="viewState == 2" ref="divAnJian" @doback="resetState" />
<!-- 执行 -->
<el-dialog :visible.sync="dialogVisible">
<el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/caseclosed/caseclosed'
import courseofthecaseInfo from './relation/anjianjinchengInfo'
export default {
name: 'CaseClosedYiBan',
components: {
courseofthecaseInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
dialogVisible: false,
list: [],
tableKey: 0,
measuresKey: 1,
index: 0,
formobj: {
arrearsTotal: '',
bankContract: '',
bankName: '',
billNo: '',
busSid: '',
caseCreateDate: '',
caseNo: '',
caseType: '',
@ -198,6 +217,7 @@ export default {
lenderIdNo: '',
lenderName: '',
loanCaseCloseVehList: [],
loanCaseProgressExecuteMeasures: [],
loanContract: '',
nodeSid: '',
nodeState: '',
@ -270,6 +290,28 @@ export default {
}
})
},
// --
handleLook(row) {
this.dialogVisible = true
if (row.length > 0) {
const aa = []
row.forEach((e) => {
aa.push(e.url)
})
this.list = aa
}
},
lookCourseOfTheCase() {
if (this.formobj.busSid !== '') {
this.viewState = 2
this.$refs['divAnJian'].showInfo({ sid: this.formobj.busSid })
} else {
this.$message({ showClose: true, type: 'error', message: '暂无案件记录' })
}
},
resetState() {
this.viewState = 1
},
/** 确认撤回任务 */
openRevoke() {
this.$confirm('是否确认执行撤回操作', '提示', {

356
anrui-riskcenter-ui/src/views/workFlow/jieanFlow/relation/anjianjinchengInfo.vue

@ -0,0 +1,356 @@
<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="lookSuSong()">查看诉讼申请</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</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.useOrgName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">创建部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.createDept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">创建人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">创建日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">公司负责人</div>
<el-form-item><span class="addinputInfo">{{ formobj.companyHead }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">法务部门负责人</div>
<el-form-item><span class="addinputInfo">{{ formobj.legalHead }}</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.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.loanName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款人证件号码</div>
<el-form-item><span class="addinputInfo">{{ formobj.idNumber }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款人户籍/注册地址</div>
<el-form-item><span class="addinputInfo">{{ formobj.borrowerAddress }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">客户</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">资方</div>
<el-form-item><span class="addinputInfo">{{ formobj.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-row>
<el-row>
<el-col :span="8">
<div class="span-sty">欠款合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.amountAll }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">是否全额诉讼</div>
<el-form-item><span class="addinputInfo">{{ formobj.full }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">起诉金额合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.sueMoney }}</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.sueShows }}</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.sueReason }}</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.caseStage }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">案件当前环节</div>
<el-form-item><span class="addinputInfo">{{ formobj.caseTache }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">进入当前环节日期</div>
<el-form-item>
<div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
<span class="addinputInfo">{{ formobj.enterDate }}</span>
<span>用时 {{ formobj.useDays }}</span>
</div>
</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.sueAging }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">车辆信息</div>
<el-table :key="carKey" :data="formobj.veh" :index="index" border style="width: 100%">
<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>
<div class="title">担保人</div>
<el-table :key="cautionerKey" :data="formobj.guarantor" :index="index" border style="width: 100%">
<el-table-column prop="name" label="姓名" align="center" />
<el-table-column prop="idCardNo" label="身份证号" align="center" />
<el-table-column prop="registerAddress" label="户籍地址" align="center" />
<el-table-column prop="currentAddress" label="现住址" align="center" />
<el-table-column prop="mobile" label="联系电话" align="center" />
</el-table>
<div class="title">诉讼相关费用</div>
<el-table :key="lawsuitKey" :data="formobj.fees" :index="index" border style="width: 100%">
<el-table-column prop="paymentItems" label="缴费项目" align="center" />
<el-table-column prop="paymentTime" label="缴费时间" align="center" />
<el-table-column prop="paymentMoney" label="缴费金额" align="center" />
<el-table-column prop="remarks" label="备注" align="center" />
<el-table-column prop="operatingTime" label="操作时间" align="center" />
<el-table-column prop="operator" label="操作人" align="center" />
<el-table-column label="附件" align="center">
<template slot-scope="scope">
<el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.feesfile.length > 0" @click="handleLook(scope.row.feesfile)">查看</el-button>
</template>
</el-table-column>
</el-table>
<div class="title">保全</div>
<el-table :key="preserveKey" :data="formobj.preserve" :index="index" border style="width: 100%">
<el-table-column prop="preserveType" label="保全类型" align="center" />
<el-table-column prop="preserveItems" label="保全项目" align="center" />
<el-table-column prop="preserveTime" label="保全日期" align="center" />
<el-table-column prop="preserveMoney" label="保全金额" align="center" />
<el-table-column prop="dateTo" label="有效期至" align="center" />
<el-table-column prop="remarks" label="备注" align="center" />
<el-table-column prop="operatingTime" label="操作时间" align="center" />
<el-table-column prop="operator" label="操作人" align="center" />
<el-table-column label="附件" align="center">
<template slot-scope="scope">
<el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.preservefile.length > 0" @click="handleLook(scope.row.preservefile)">查看</el-button>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<el-button type="text" size="small" @click="toFirst">一审</el-button>
<el-button type="text" size="small" @click="toTwo">二审</el-button>
<el-button type="text" size="small" @click="toThree">再审</el-button>
<el-button type="text" size="small" @click="toFour">执行</el-button>
<el-button type="text" size="small" @click="toFive">结案</el-button>
</el-col>
</el-row>
<div>
<!-- 一审模块 -->
<firstinstanceInfo v-show="activeName == 1" ref="divFirst"/>
<!-- 二审模块 -->
<trialofsecondinstanceInfo v-show="activeName == 2" ref="divSecond" />
<!-- 再审模块 -->
<examineagainInfo v-show="activeName == 3" ref="divExamineagain" />
<!-- 执行模块 -->
<executeInfo v-show="activeName == 4" ref="divExecute" />
<!-- 结案模块 -->
<settlealawsuitInfo v-show="activeName == 5" ref="divSettlealawsuit" />
</div>
</el-form>
</div>
</div>
<!-- 查看诉讼申请 -->
<caseactionInfo v-show="viewState == 2" ref="divCaseaction" @doback="resetState"/>
<!-- 诉讼费用保全查看 -->
<el-dialog :visible.sync="dialogVisible">
<el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/courseofthecase/courseofthecase'
import caseactionInfo from './susongInfo'
import firstinstanceInfo from '../../../courseofthecase/relation/firstinstance/firstinstanceInfo'
import trialofsecondinstanceInfo from '../../../courseofthecase/relation/trialofsecondinstance/trialofsecondinstanceInfo'
import examineagainInfo from '../../../courseofthecase/relation/examineagain/examineagainInfo'
import executeInfo from '../../../courseofthecase/relation/execute/executeInfo'
import settlealawsuitInfo from '../../../courseofthecase/relation/settlealawsuit/settlealawsuitInfo'
export default {
name: '',
components: {
caseactionInfo,
firstinstanceInfo,
trialofsecondinstanceInfo,
examineagainInfo,
executeInfo,
settlealawsuitInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
submitdisabled: false,
dialogVisible: false,
list: [],
carKey: 0,
cautionerKey: 1,
lawsuitKey: 2,
preserveKey: 3,
index: 0,
activeName: 0,
formobj: {
sid: '',
useOrgName: '',
createDept: '',
createByName: '',
createDate: '',
companyHead: '',
companyHeadSid: '',
legalHead: '',
legalHeadSid: '',
caseType: '',
caseNo: '',
caseTypeKey: '',
loanContractNo: '',
loanName: '',
idNumber: '',
borrowerAddress: '',
customerName: '',
bankName: '',
bankContractNo: '',
amountAll: '',
full: '',
sueMoney: '',
sueShows: '',
sueReason: '',
caseStage: '',
useDays: '',
enterDate: '',
caseTache: '',
sueAging: '',
veh: [],
fees: [],
guarantor: [],
preserve: []
},
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
this.toFirst()
}
})
},
// --
handleLook(row) {
this.dialogVisible = true
if (row.length > 0) {
const aa = []
row.forEach((e) => {
aa.push(e.url)
})
this.list = aa
}
},
//
toFirst() {
this.activeName = 1
this.$refs['divFirst'].showInfo(this.formobj.sid)
},
//
toTwo() {
this.activeName = 2
this.$refs['divSecond'].showInfo(this.formobj.sid)
},
//
toThree() {
this.activeName = 3
this.$refs['divExamineagain'].showInfo(this.formobj.sid)
},
toFour() {
this.activeName = 4
this.$refs['divExecute'].showInfo(this.formobj.sid)
},
toFive() {
this.activeName = 5
this.$refs['divSettlealawsuit'].showInfo(this.formobj.sid)
},
lookSuSong() {
if (this.formobj.suSongSid !== '') {
this.viewState = 2
this.$refs['divCaseaction'].showInfo({ sid: this.formobj.suSongSid })
} else {
this.$message({ showClose: true, type: 'error', message: '暂无诉讼记录' })
}
},
resetState() {
this.viewState = 1
},
handleReturn() {
this.formobj = {}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 150px !important;
}
.addinputInfo {
margin-left: 140px !important;
}
</style>

215
anrui-riskcenter-ui/src/views/workFlow/jieanFlow/relation/susongInfo.vue

@ -0,0 +1,215 @@
<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="">
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<div style="font-size: 16px;text-align: right">金额单位</div>
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="8">
<div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.createDept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.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.loanContractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">贷款人</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</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.bankContractNo }}</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.lawsuitSubject }}</span></el-form-item>
</el-col>
</el-row>
<div class="title titleOne">
<div>已还与欠款情况</div>
<el-button size="mini" type="primary" class="btntopblueline" @click="lookFinancial">金融方案</el-button>
</div>
<el-table :key="tableKey" :data="formobj.vehList" :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" width="120"/>
<el-table-column prop="vehMark" label="车牌号" align="center" width="120"/>
<el-table-column prop="alRepaidMoney" label="已还金额" align="center" width="140"/>
<el-table-column prop="currentBeMoney" label="当前逾期金额" align="center" width="160"/>
<el-table-column prop="unexpiredMoney" label="未到期金额" align="center" width="150"/>
<el-table-column prop="price" label="垫资方月还" align="center" width="150"/>
<el-table-column prop="bankInterest" label="垫资方逾期利息" align="center" width="160"/>
<el-table-column prop="wheFundOccMoney" label="资金占用费" align="center" width="150"/>
<el-table-column label="总期数/当前期数" align="center" width="180">
<template slot-scope="scope">
<span>{{ scope.row.nper }}/{{ scope.row.currentPeriod }}</span>
</template>
</el-table-column>
<el-table-column prop="alRepaidMoneyConPeriod" label="已还金额换算期数" align="center" width="180"/>
<el-table-column prop="beOverdueMoneyAndPeriod" label="逾期金额换算期数" align="center" width="180"/>
<el-table-column prop="amount" label="车辆处置金额" align="center" width="160"/>
<el-table-column prop="owedTotal" label="欠款小计" align="center" width="140"/>
<el-table-column prop="deposit" label="贷款保证金" align="center" width="150"/>
<el-table-column prop="repo" label="是否回购" align="center" width="180"/>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">欠款合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.amountAll }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">风控进展描述</div>
<el-row>
<el-col :span="24">
<el-form-item><span>{{ formobj.progress }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!-- 查看金融方案 -->
<financialschemeInfo v-show="viewState == 3" ref="divFinancial" @doback="resetState" />
</div>
</template>
<script>
import req from '@/api/caseaction/caseaction'
import financialschemeInfo from '../../publicPage/financialschemeInfo'
export default {
name: 'CaseActionInfo',
components: {
financialschemeInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 0,
index: 0,
formobj: {
sid: '',
taskId: '',
instanceId: '',
userSid: '',
orgPath: '',
createDept: '',
createDeptSid: '',
createByName: '',
customerName: '',
customerSid: '',
loanName: '',
loanSid: '',
loanContractSid: '',
loanContractNo: '',
bankName: '',
bankContractNo: '',
useOrgSid: '',
useOrgName: '',
lawsuitSubject: '',
salesOrderSid: '',
applyDate: '',
progress: '',
amountAll: '',
vehList: []
},
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
}
})
},
lookFinancial() {
req.selectDetailss({ businessSid: this.formobj.salesOrderSid }).then((res) => {
if (res.success) {
this.viewState = 3
this.$refs['divFinancial'].showInfo(res.data, '03')
}
})
},
resetState() {
this.viewState = 1
},
handleReturn() {
this.formobj = {
sid: '',
taskId: '',
instanceId: '',
userSid: '',
orgPath: '',
createDept: '',
createDeptSid: '',
createByName: '',
customerName: '',
customerSid: '',
loanName: '',
loanSid: '',
loanContractSid: '',
loanContractNo: '',
bankName: '',
bankContractNo: '',
useOrgSid: '',
useOrgName: '',
lawsuitSubject: '',
salesOrderSid: '',
applyDate: '',
progress: '',
amountAll: '',
vehList: []
}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 100px !important;
}
.addinputInfo {
margin-left: 90px !important;
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>
Loading…
Cancel
Save