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

完善金融产品政策报备

master
yunuo970428 2 years ago
parent
99b7d206c1
commit
2be2b17576
11 changed files with 2770 additions and 1 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/financialpolicyreporting/financialpolicyreporting.js
  2. 64
      anrui-riskcenter-ui/src/router/index.js
  3. 339
      anrui-riskcenter-ui/src/views/financialpolicyreporting/financialpolicyreporting.vue
  4. 328
      anrui-riskcenter-ui/src/views/financialpolicyreporting/financialpolicyreportingAdd.vue
  5. 187
      anrui-riskcenter-ui/src/views/financialpolicyreporting/financialpolicyreportingInfo.vue
  6. 383
      anrui-riskcenter-ui/src/views/workFlow/jinrongzhengceFlow/financialpolicyreportingByDivisionOperateInfo.vue
  7. 383
      anrui-riskcenter-ui/src/views/workFlow/jinrongzhengceFlow/financialpolicyreportingDaiBanInfo.vue
  8. 305
      anrui-riskcenter-ui/src/views/workFlow/jinrongzhengceFlow/financialpolicyreportingEdit.vue
  9. 255
      anrui-riskcenter-ui/src/views/workFlow/jinrongzhengceFlow/financialpolicyreportingYiBanInfo.vue
  10. 282
      anrui-riskcenter-ui/src/views/workFlow/jinrongzhengceFlow/relation/jinrongzhengceInfo.vue
  11. 132
      anrui-riskcenter-ui/src/views/workFlow/jinrongzhengceFlow/relation/otherInfo.vue

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

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

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

@ -52,12 +52,74 @@ export const constantRoutes = [
},
children: [
{
path: '/capital',
path: '/capital/capital',
component: () => import('@/views/capital/capital.vue'),
name: 'Capital',
meta: { title: '资方管理', noCache: true }
}
]
},
{
path: '/financialpolicymanagement',
component: Layout,
redirect: '/financialpolicymanagement',
meta: {
title: '金融产品政策管理'
},
children: [
{
path: '/financialpolicymanagement/financialpolicymanagement',
component: () => import('@/views/financialpolicymanagement/financialpolicymanagement.vue'),
name: 'FinancialPolicyManagement',
meta: { title: '金融产品政策管理', noCache: true }
}
]
},
{
path: '/financialpolicyreporting',
component: Layout,
redirect: '/financialpolicyreporting',
meta: {
title: '金融产品政策报备'
},
children: [
{
path: '/financialpolicyreporting/financialpolicyreporting',
component: () => import('@/views/financialpolicyreporting/financialpolicyreporting.vue'),
name: 'FinancialPolicyrReporting',
meta: { title: '金融产品政策报备', noCache: true }
}
]
},
// 流程审批
// 金融产品政策报备--编辑
{
path: '/jinrongzhengceFlow/financialpolicyreportingEdit',
component: () =>
import('@/views/workFlow/jinrongzhengceFlow/financialpolicyreportingEdit.vue'),
name: 'FinancialPolicyReportingEdit'
},
// 金融产品政策报备--待办
{
path: '/jinrongzhengceFlow/financialpolicyreportingDaiBanInfo',
component: () =>
import('@/views/workFlow/jinrongzhengceFlow/financialpolicyreportingDaiBanInfo.vue'),
name: 'FinancialPolicyReportingBaiBanInfo'
},
// 金融产品政策报备--待办--总经理跳转风控中心
{
path: '/jinrongzhengceFlow/financialpolicyreportingByDivisionOperateInfo',
component: () =>
import('@/views/workFlow/jinrongzhengceFlow/financialpolicyreportingByDivisionOperateInfo.vue'),
name: 'FinancialPolicyReportingByDivisionOperateInfo'
},
// 金融产品政策报备--已办
{
path: '/jinrongzhengceFlow/financialpolicyreportingYiBanInfo',
component: () =>
import('@/views/workFlow/jinrongzhengceFlow/financialpolicyreportingYiBanInfo.vue'),
name: 'FinancialPolicyReportingYiBanInfo'
}
// 404 page must be placed at the end !!!
// { path: '*', redirect: '/404', hidden: true }

339
anrui-riskcenter-ui/src/views/financialpolicyreporting/financialpolicyreporting.vue
View File

@ -0,0 +1,339 @@
<template>
<div class="app-container">
<!--列表页面-->
<div v-show="viewState == 1">
<button-bar view-title="金融产品政策报备" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<!--Start查询列表部分-->
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-form-item label="分公司">
<el-input v-model="listQuery.params.applyCompany" placeholder="" clearable/>
</el-form-item>
<el-form-item label="申请部门">
<el-input v-model="listQuery.params.department" placeholder="" clearable/>
</el-form-item>
<el-form-item label="申请人">
<el-input v-model="listQuery.params.applicant" 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>
<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 label="分公司" align="center">
<template slot-scope="scope">
<span>{{ scope.row.applyCompany }}</span>
</template>
</el-table-column>
<el-table-column label="申请部门" align="center">
<template slot-scope="scope">
<span>{{ scope.row.department }}</span>
</template>
</el-table-column>
<el-table-column label="申请人" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.applicant }}</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">
<template slot-scope="scope">
<span>{{ scope.row.remarks }}</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>
<!--款项结转新增及修改 -->
<financialpolicyreportingAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
<!--款项结转申请详情-->
<financialpolicyreportingInfo 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/financialpolicyreporting/financialpolicyreporting'
import { getOrgSidByPath } from '@/api/Common/dictcommons'
import { getStorage } from '@/utils/auth'
import financialpolicyreportingAdd from './financialpolicyreportingAdd'
import financialpolicyreportingInfo from './financialpolicyreportingInfo'
export default {
name: 'FinancialPolicyrReporting',
components: {
Pagination,
pageye,
ButtonBar,
financialpolicyreportingAdd,
financialpolicyreportingInfo
},
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: {
applyCompany: '',
department: '',
applicant: '',
createOrgSid: '',
createStartTime: '',
createEndTime: '',
orgPath: ''
}
}
}
},
created() {
// 初始化变量
this.init()
},
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.init()
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 'doDel':
this.doDel()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
init() {
getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((resp) => {
if (resp.success) {
this.listQuery.params.createOrgSid = resp.data
this.getList()
}
})
},
// 信息条数 获取点击时当前的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.createBySid = window.sessionStorage.getItem('userSid')
this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
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: {
applyCompany: '',
department: '',
applicant: '',
createOrgSid: '',
createStartTime: '',
createEndTime: '',
orgPath: ''
}
}
this.init()
},
toEdit(row) {
this.viewState = 2
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>

328
anrui-riskcenter-ui/src/views/financialpolicyreporting/financialpolicyreportingAdd.vue
View File

@ -0,0 +1,328 @@
<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="6">
<div class="span-sty">分公司</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyCompany }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.department }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.applicant }}</span></el-form-item>
</el-col>
<el-col :span="6">
<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="24">
<div class="span-sty">备注</div>
<el-form-item><el-input v-model="formobj.remarks" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">附件</div>
<el-form-item>
<upload-img ref="uploadImg" class="addinputInfo" v-model="image_list1" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
</el-col>
</el-row>
<div class="title">
金融产品政策列表
</div>
<el-table :key="tableKey" :data="formobj.policyList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-button type="danger" size="mini" @click="handleDelete(scope.$index)">删除</el-button>
</template>
</el-table-column>
<el-table-column label="产品政策名称" align="center" width="200">
<template slot-scope="scope">
<span class="bluezi" @click="lookChanPin(scope.row)">{{ scope.row.policyName }}</span>
</template>
</el-table-column>
<el-table-column label="车辆功能" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.vehTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="期数" align="center">
<template slot-scope="scope">
<span>{{ scope.row.period }}</span>
</template>
</el-table-column>
<el-table-column label="标准年利率" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.yearRatio }}</span>
</template>
</el-table-column>
<el-table-column label="服务费类型" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.serviceAmountTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="服务费" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.serviceAmount }}</span>
</template>
</el-table-column>
<el-table-column label="最低首付比例" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.downPayRatioLeast }}</span>
</template>
</el-table-column>
<el-table-column label="单车意外险/年" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.vehAccidentAmount }}</span>
</template>
</el-table-column>
<el-table-column label="保险保证金" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.depositPremium }}</span>
</template>
</el-table-column>
<el-table-column label="落户保证金" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.depositSettle }}</span>
</template>
</el-table-column>
<el-table-column label="名义/留购价款" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.nominalPrice }}</span>
</template>
</el-table-column>
<el-table-column label="有效期至" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.validDateTo }}</span>
</template>
</el-table-column>
<el-table-column label="其他融" align="center" width="80">
<template slot-scope="scope">
<span class="bluezi" v-show="scope.row.showOtherPolicy" @click="lookOther(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<!-- 查看其他融详情 -->
<otherfinancialpolicymanagementInfo v-show="viewState == 2" ref="divOther" @doback="resetState"/>
<!-- 查看金融产品政策详情 -->
<financialpolicymanagementInfo v-show="viewState == 3" ref="divChanPin" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/financialpolicyreporting/financialpolicyreporting'
import { getOrgSidByPath, fetchBySid } from '@/api/Common/dictcommons'
import uploadImg from '@/components/uploadFile/uploadImg'
import otherfinancialpolicymanagementInfo from '../otherfinancialpolicymanagement/otherfinancialpolicymanagementInfo'
import financialpolicymanagementInfo from '../financialpolicymanagement/financialpolicymanagementInfo'
export default {
name: 'FinancialPolicyReportingAdd',
components: {
uploadImg,
otherfinancialpolicymanagementInfo,
financialpolicymanagementInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
submitdisabled: false,
tableKey: 0,
index: 0,
image_list1: [],
formobj: {
sid: '',
userSid: '',
applyCompany: '',
department: '',
applicant: '',
applyDate: '',
taskId: '',
instanceId: '',
remarks: '',
orgSidPath: '',
policySids: [],
annexPaths: [],
policyList: []
},
rules: {}
}
},
methods: {
showAdd(sids) {
this.viewTitle = '【新增】金融产品政策报备'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.policyRecordInit(sids).then((res) => {
if (res.success) {
this.formobj = res.data
this.formobj.userSid = window.sessionStorage.getItem('userSid')
this.formobj.applicant = window.sessionStorage.getItem('name')
this.formobj.orgSidPath = window.sessionStorage.getItem('defaultOrgPath')
this.formobj.department = window.sessionStorage.getItem('defaultOrgPathName').substring(window.sessionStorage.getItem('defaultOrgPathName').lastIndexOf('/') + 1)
getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((resp) => {
if (resp.success) {
fetchBySid(resp.data).then((respsone) => {
if (respsone.success) {
this.formobj.applyCompany = respsone.data.name
}
})
}
})
var newDate = new Date()
var date = {
year: newDate.getFullYear(),
month: newDate.getMonth() + 1,
day: newDate.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(row.sid).then((res) => {
if (res.success) {
this.formobj = res.data
if (this.formobj.annexPaths.length > 0) {
this.formobj.annexPaths.forEach((e) => {
this.image_list1.push({
name: '',
url: e
})
})
}
}
})
},
handleDelete(index) {
this.formobj.policyList.splice(index, 1)
},
lookChanPin(row) {
this.viewState = 3
this.$refs['divChanPin'].showInfo({ sid: row.policySid })
},
lookOther(row) {
this.viewState = 2
this.$refs['divOther'].showInfo(row.otherPolicySid)
},
saveOrUpdate() {
if (this.formobj.policyList.length === 0) {
this.$message({ showClose: true, type: 'error', message: '金融产品政策列表不能为空' })
return
} else {
this.formobj.policyList.forEach((e) => {
this.formobj.policySids.push(e.policySid)
})
}
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
this.formobj.annexPaths = []
if (this.image_list1.length > 0) {
this.image_list1.forEach((e) => {
this.formobj.annexPaths.push(e.url)
})
}
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() {
if (this.formobj.policyList.length === 0) {
this.$message({ showClose: true, type: 'error', message: '金融产品政策列表不能为空' })
return
} else {
this.formobj.policyList.forEach((e) => {
this.formobj.policySids.push(e.policySid)
})
}
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
this.formobj.annexPaths = []
if (this.image_list1.length > 0) {
this.image_list1.forEach((e) => {
this.formobj.annexPaths.push(e.url)
})
}
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
})
}
})
},
resetState() {
this.viewState = 1
},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
sid: '',
userSid: '',
applyCompany: '',
department: '',
applicant: '',
applyDate: '',
taskId: '',
instanceId: '',
remarks: '',
orgSidPath: '',
policySids: [],
annexPaths: [],
policyList: []
}
this.image_list1 = []
this.submitdisabled = false
this.$emit('doback')
}
}
}
</script>
<style scoped>
.addinputInfo {
margin-left: 60px !important;
}
</style>

187
anrui-riskcenter-ui/src/views/financialpolicyreporting/financialpolicyreportingInfo.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="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="6">
<div class="span-sty">分公司</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyCompany }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.department }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.applicant }}</span></el-form-item>
</el-col>
<el-col :span="6">
<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="24">
<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-image class="addinputwInfo" v-for="(item, index) in formobj.annexPaths" :key="index" :src="item" :preview-src-list="formobj.annexPaths" /></el-form-item>
</el-col>
</el-row>
<div class="title">
金融产品政策列表
</div>
<el-table :key="tableKey" :data="formobj.policyList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="产品政策名称" align="center" width="200">
<template slot-scope="scope">
<span class="bluezi" @click="lookChanPin(scope.row)">{{ scope.row.policyName }}</span>
</template>
</el-table-column>
<el-table-column label="车辆功能" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.vehTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="期数" align="center">
<template slot-scope="scope">
<span>{{ scope.row.period }}</span>
</template>
</el-table-column>
<el-table-column label="标准年利率" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.yearRatio }}</span>
</template>
</el-table-column>
<el-table-column label="服务费类型" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.serviceAmountTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="服务费" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.serviceAmount }}</span>
</template>
</el-table-column>
<el-table-column label="最低首付比例" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.downPayRatioLeast }}</span>
</template>
</el-table-column>
<el-table-column label="单车意外险/年" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.vehAccidentAmount }}</span>
</template>
</el-table-column>
<el-table-column label="保险保证金" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.depositPremium }}</span>
</template>
</el-table-column>
<el-table-column label="落户保证金" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.depositSettle }}</span>
</template>
</el-table-column>
<el-table-column label="名义/留购价款" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.nominalPrice }}</span>
</template>
</el-table-column>
<el-table-column label="有效期至" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.validDateTo }}</span>
</template>
</el-table-column>
<el-table-column label="其他融" align="center" width="80">
<template slot-scope="scope">
<span class="bluezi" v-show="scope.row.showOtherPolicy" @click="lookOther(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<!-- 查看其他融详情 -->
<otherfinancialpolicymanagementInfo v-show="viewState == 2" ref="divOther" @doback="resetState"/>
<!-- 查看金融产品政策详情 -->
<financialpolicymanagementInfo v-show="viewState == 3" ref="divChanPin" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/financialpolicyreporting/financialpolicyreporting'
import financialpolicymanagementInfo from '../financialpolicymanagement/financialpolicymanagementInfo'
import otherfinancialpolicymanagementInfo from '../otherfinancialpolicymanagement/otherfinancialpolicymanagementInfo'
export default {
name: 'FinancialPolicyReportingInfo',
components: {
financialpolicymanagementInfo,
otherfinancialpolicymanagementInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 0,
index: 0,
formobj: {
sid: '',
userSid: '',
applyCompany: '',
department: '',
applicant: '',
applyDate: '',
taskId: '',
instanceId: '',
remarks: '',
orgSidPath: '',
annexPaths: [],
policyList: []
},
rules: {}
}
},
methods: {
showInfo(row) {
this.viewTitle = '金融产品政策报备详情'
req.fetchBySid(row.sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
lookChanPin(row) {
this.viewState = 3
this.$refs['divChanPin'].showInfo({ sid: row.policySid })
},
lookOther(row) {
this.viewState = 2
this.$refs['divOther'].showInfo(row.otherPolicySid)
},
resetState() {
this.viewState = 1
},
handleReturn() {
this.formobj = {}
this.$emit('doback')
}
}
}
</script>
<style scoped>
</style>

383
anrui-riskcenter-ui/src/views/workFlow/jinrongzhengceFlow/financialpolicyreportingByDivisionOperateInfo.vue
View File

@ -0,0 +1,383 @@
<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="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="6">
<div class="span-sty">分公司</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyCompany }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.department }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.applicant }}</span></el-form-item>
</el-col>
<el-col :span="6">
<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="24">
<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-image class="addinputwInfo" v-for="(item, index) in formobj.annexPaths" :key="index" :src="item" :preview-src-list="formobj.annexPaths" /></el-form-item>
</el-col>
</el-row>
<div class="title">
金融产品政策列表
</div>
<el-table :key="tableKey" :data="formobj.policyList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="产品政策名称" align="center" width="200">
<template slot-scope="scope">
<span class="bluezi" @click="lookChanPin(scope.row)">{{ scope.row.policyName }}</span>
</template>
</el-table-column>
<el-table-column label="车辆功能" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.vehTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="期数" align="center">
<template slot-scope="scope">
<span>{{ scope.row.period }}</span>
</template>
</el-table-column>
<el-table-column label="标准年利率" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.yearRatio }}</span>
</template>
</el-table-column>
<el-table-column label="服务费类型" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.serviceAmountTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="服务费" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.serviceAmount }}</span>
</template>
</el-table-column>
<el-table-column label="最低首付比例" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.downPayRatioLeast }}</span>
</template>
</el-table-column>
<el-table-column label="单车意外险/年" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.vehAccidentAmount }}</span>
</template>
</el-table-column>
<el-table-column label="保险保证金" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.depositPremium }}</span>
</template>
</el-table-column>
<el-table-column label="落户保证金" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.depositSettle }}</span>
</template>
</el-table-column>
<el-table-column label="名义/留购价款" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.nominalPrice }}</span>
</template>
</el-table-column>
<el-table-column label="有效期至" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.validDateTo }}</span>
</template>
</el-table-column>
<el-table-column label="其他融" align="center" width="80">
<template slot-scope="scope">
<span class="bluezi" v-show="scope.row.showOtherPolicy" @click="lookOther(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<!-- 查看其他融详情 -->
<otherfinancialpolicymanagementInfo v-show="viewState == 2" ref="divOther" @doback="resetState"/>
<!-- 查看金融产品政策详情 -->
<financialpolicymanagementInfo v-show="viewState == 3" ref="divChanPin" @doback="resetState"/>
<!-- 选择待办人 的弹出框-->
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
<el-form class="formadd" >
<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/financialpolicyreporting/financialpolicyreporting'
import financialpolicymanagementInfo from './relation/jinrongzhengceInfo'
import otherfinancialpolicymanagementInfo from './relation/otherInfo'
export default {
name: 'FinancialPolicyReportingByDivisionOperateInfo',
components: {
financialpolicymanagementInfo,
otherfinancialpolicymanagementInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 0,
index: 0,
formobj: {
sid: '',
userSid: '',
applyCompany: '',
department: '',
applicant: '',
applyDate: '',
taskId: '',
instanceId: '',
remarks: '',
orgSidPath: '',
annexPaths: [],
policyList: []
},
rules: {},
operation: '', // 点击操作按钮
dialogList: {
comment: ''
},
startTask: true,
current: {
taskDefKey: '',
taskName: '' // 当前环节名称
},
nextNode: {}, // 下一环节
nodeDialogVisible: false,
currentLink: true,
// 环节所需参数
linkByParameter: {
businessSid: '',
comment: '',
instanceId: '',
taskId: '',
orgSidPath: '',
taskDefKey: '',
userSid: ''
}
}
},
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.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 350 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '金融产品政策报备详情'
req.fetchBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
lookChanPin(row) {
this.viewState = 3
this.$refs['divChanPin'].showInfo({ sid: row.policySid })
},
lookOther(row) {
this.viewState = 2
this.$refs['divOther'].showInfo(row.otherPolicySid)
},
resetState() {
this.viewState = 1
},
// 同意
openAgree(val) {
this.operation = val
this.currentLink = 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
})
},
// 驳回
openReject(val) {
this.operation = val
this.currentLink = true
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.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()
}
}
},
/** 同意任务 */
handleAgree() {
this.linkByParameter.comment = this.dialogList.comment
req.companyToDivisionOperate(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>
.rowClass{
border-top: 1px solid #E0E3EB;
}
</style>

383
anrui-riskcenter-ui/src/views/workFlow/jinrongzhengceFlow/financialpolicyreportingDaiBanInfo.vue
View File

@ -0,0 +1,383 @@
<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="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="6">
<div class="span-sty">分公司</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyCompany }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.department }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.applicant }}</span></el-form-item>
</el-col>
<el-col :span="6">
<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="24">
<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-image class="addinputwInfo" v-for="(item, index) in formobj.annexPaths" :key="index" :src="item" :preview-src-list="formobj.annexPaths" /></el-form-item>
</el-col>
</el-row>
<div class="title">
金融产品政策列表
</div>
<el-table :key="tableKey" :data="formobj.policyList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="产品政策名称" align="center" width="200">
<template slot-scope="scope">
<span class="bluezi" @click="lookChanPin(scope.row)">{{ scope.row.policyName }}</span>
</template>
</el-table-column>
<el-table-column label="车辆功能" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.vehTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="期数" align="center">
<template slot-scope="scope">
<span>{{ scope.row.period }}</span>
</template>
</el-table-column>
<el-table-column label="标准年利率" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.yearRatio }}</span>
</template>
</el-table-column>
<el-table-column label="服务费类型" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.serviceAmountTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="服务费" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.serviceAmount }}</span>
</template>
</el-table-column>
<el-table-column label="最低首付比例" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.downPayRatioLeast }}</span>
</template>
</el-table-column>
<el-table-column label="单车意外险/年" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.vehAccidentAmount }}</span>
</template>
</el-table-column>
<el-table-column label="保险保证金" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.depositPremium }}</span>
</template>
</el-table-column>
<el-table-column label="落户保证金" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.depositSettle }}</span>
</template>
</el-table-column>
<el-table-column label="名义/留购价款" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.nominalPrice }}</span>
</template>
</el-table-column>
<el-table-column label="有效期至" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.validDateTo }}</span>
</template>
</el-table-column>
<el-table-column label="其他融" align="center" width="80">
<template slot-scope="scope">
<span class="bluezi" v-show="scope.row.showOtherPolicy" @click="lookOther(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<!-- 查看其他融详情 -->
<otherfinancialpolicymanagementInfo v-show="viewState == 2" ref="divOther" @doback="resetState"/>
<!-- 查看金融产品政策详情 -->
<financialpolicymanagementInfo v-show="viewState == 3" ref="divChanPin" @doback="resetState"/>
<!-- 选择待办人 的弹出框-->
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
<el-form class="formadd" >
<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/financialpolicyreporting/financialpolicyreporting'
import financialpolicymanagementInfo from './relation/jinrongzhengceInfo'
import otherfinancialpolicymanagementInfo from './relation/otherInfo'
export default {
name: 'FinancialPolicyReportingBaiBanInfo',
components: {
financialpolicymanagementInfo,
otherfinancialpolicymanagementInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 0,
index: 0,
formobj: {
sid: '',
userSid: '',
applyCompany: '',
department: '',
applicant: '',
applyDate: '',
taskId: '',
instanceId: '',
remarks: '',
orgSidPath: '',
annexPaths: [],
policyList: []
},
rules: {},
operation: '', // 点击操作按钮
dialogList: {
comment: ''
},
startTask: true,
current: {
taskDefKey: '',
taskName: '' // 当前环节名称
},
nextNode: {}, // 下一环节
nodeDialogVisible: false,
currentLink: true,
// 环节所需参数
linkByParameter: {
businessSid: '',
comment: '',
instanceId: '',
taskId: '',
orgSidPath: '',
taskDefKey: '',
userSid: ''
}
}
},
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.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 350 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '金融产品政策报备详情'
req.fetchBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
lookChanPin(row) {
this.viewState = 3
this.$refs['divChanPin'].showInfo({ sid: row.policySid })
},
lookOther(row) {
this.viewState = 2
this.$refs['divOther'].showInfo(row.otherPolicySid)
},
resetState() {
this.viewState = 1
},
// 同意
openAgree(val) {
this.operation = val
this.currentLink = 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
})
},
// 驳回
openReject(val) {
this.operation = val
this.currentLink = true
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.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()
}
}
},
/** 同意任务 */
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>
.rowClass{
border-top: 1px solid #E0E3EB;
}
</style>

305
anrui-riskcenter-ui/src/views/workFlow/jinrongzhengceFlow/financialpolicyreportingEdit.vue
View File

@ -0,0 +1,305 @@
<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="6">
<div class="span-sty">分公司</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyCompany }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.department }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.applicant }}</span></el-form-item>
</el-col>
<el-col :span="6">
<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="24">
<div class="span-sty">备注</div>
<el-form-item><el-input v-model="formobj.remarks" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">附件</div>
<el-form-item>
<upload-img ref="uploadImg" class="addinputInfo" v-model="image_list1" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
</el-col>
</el-row>
<div class="title">
金融产品政策列表
</div>
<el-table :key="tableKey" :data="formobj.policyList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-button type="danger" size="mini" @click="handleDelete(scope.$index)">删除</el-button>
</template>
</el-table-column>
<el-table-column label="产品政策名称" align="center" width="200">
<template slot-scope="scope">
<span class="bluezi" @click="lookChanPin(scope.row)">{{ scope.row.policyName }}</span>
</template>
</el-table-column>
<el-table-column label="车辆功能" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.vehTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="期数" align="center">
<template slot-scope="scope">
<span>{{ scope.row.period }}</span>
</template>
</el-table-column>
<el-table-column label="标准年利率" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.yearRatio }}</span>
</template>
</el-table-column>
<el-table-column label="服务费类型" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.serviceAmountTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="服务费" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.serviceAmount }}</span>
</template>
</el-table-column>
<el-table-column label="最低首付比例" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.downPayRatioLeast }}</span>
</template>
</el-table-column>
<el-table-column label="单车意外险/年" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.vehAccidentAmount }}</span>
</template>
</el-table-column>
<el-table-column label="保险保证金" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.depositPremium }}</span>
</template>
</el-table-column>
<el-table-column label="落户保证金" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.depositSettle }}</span>
</template>
</el-table-column>
<el-table-column label="名义/留购价款" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.nominalPrice }}</span>
</template>
</el-table-column>
<el-table-column label="有效期至" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.validDateTo }}</span>
</template>
</el-table-column>
<el-table-column label="其他融" align="center" width="80">
<template slot-scope="scope">
<span class="bluezi" v-show="scope.row.showOtherPolicy" @click="lookOther(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<!-- 查看其他融详情 -->
<otherfinancialpolicymanagementInfo v-show="viewState == 2" ref="divOther" @doback="resetState"/>
<!-- 查看金融产品政策详情 -->
<financialpolicymanagementInfo v-show="viewState == 3" ref="divChanPin" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/financialpolicyreporting/financialpolicyreporting'
import uploadImg from '@/components/uploadFile/uploadImg'
import financialpolicymanagementInfo from './relation/jinrongzhengceInfo'
import otherfinancialpolicymanagementInfo from './relation/otherInfo'
export default {
name: 'FinancialPolicyReportingEdit',
components: {
uploadImg,
otherfinancialpolicymanagementInfo,
financialpolicymanagementInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
submitdisabled: false,
tableKey: 0,
index: 0,
image_list1: [],
formobj: {
sid: '',
userSid: '',
applyCompany: '',
department: '',
applicant: '',
applyDate: '',
taskId: '',
instanceId: '',
remarks: '',
orgSidPath: '',
policySids: [],
annexPaths: [],
policyList: []
},
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: 350 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '【编辑】金融产品政策报备'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
if (this.formobj.annexPaths.length > 0) {
this.formobj.annexPaths.forEach((e) => {
this.image_list1.push({
name: '',
url: e
})
})
}
}
})
},
handleDelete(index) {
this.formobj.policyList.splice(index, 1)
},
lookChanPin(row) {
this.viewState = 3
this.$refs['divChanPin'].showInfo({ sid: row.policySid })
},
lookOther(row) {
this.viewState = 2
this.$refs['divOther'].showInfo(row.otherPolicySid)
},
saveOrUpdate() {
if (this.formobj.policyList.length === 0) {
this.$message({ showClose: true, type: 'error', message: '金融产品政策列表不能为空' })
return
} else {
this.formobj.policyList.forEach((e) => {
this.formobj.policySids.push(e.policySid)
})
}
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
this.formobj.annexPaths = []
if (this.image_list1.length > 0) {
this.image_list1.forEach((e) => {
this.formobj.annexPaths.push(e.url)
})
}
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() {
if (this.formobj.policyList.length === 0) {
this.$message({ showClose: true, type: 'error', message: '金融产品政策列表不能为空' })
return
} else {
this.formobj.policyList.forEach((e) => {
this.formobj.policySids.push(e.policySid)
})
}
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
this.formobj.annexPaths = []
if (this.image_list1.length > 0) {
this.image_list1.forEach((e) => {
this.formobj.annexPaths.push(e.url)
})
}
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
})
}
})
},
resetState() {
this.viewState = 1
}
}
}
</script>
<style scoped>
.addinputInfo {
margin-left: 60px !important;
}
</style>

255
anrui-riskcenter-ui/src/views/workFlow/jinrongzhengceFlow/financialpolicyreportingYiBanInfo.vue
View File

@ -0,0 +1,255 @@
<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="6">
<div class="span-sty">分公司</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyCompany }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.department }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.applicant }}</span></el-form-item>
</el-col>
<el-col :span="6">
<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="24">
<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-image class="addinputwInfo" v-for="(item, index) in formobj.annexPaths" :key="index" :src="item" :preview-src-list="formobj.annexPaths" /></el-form-item>
</el-col>
</el-row>
<div class="title">
金融产品政策列表
</div>
<el-table :key="tableKey" :data="formobj.policyList" :index="index" border style="width: 100%">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="产品政策名称" align="center" width="200">
<template slot-scope="scope">
<span class="bluezi" @click="lookChanPin(scope.row)">{{ scope.row.policyName }}</span>
</template>
</el-table-column>
<el-table-column label="车辆功能" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.vehTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="期数" align="center">
<template slot-scope="scope">
<span>{{ scope.row.period }}</span>
</template>
</el-table-column>
<el-table-column label="标准年利率" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.yearRatio }}</span>
</template>
</el-table-column>
<el-table-column label="服务费类型" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.serviceAmountTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="服务费" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.serviceAmount }}</span>
</template>
</el-table-column>
<el-table-column label="最低首付比例" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.downPayRatioLeast }}</span>
</template>
</el-table-column>
<el-table-column label="单车意外险/年" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.vehAccidentAmount }}</span>
</template>
</el-table-column>
<el-table-column label="保险保证金" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.depositPremium }}</span>
</template>
</el-table-column>
<el-table-column label="落户保证金" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.depositSettle }}</span>
</template>
</el-table-column>
<el-table-column label="名义/留购价款" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.nominalPrice }}</span>
</template>
</el-table-column>
<el-table-column label="有效期至" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.validDateTo }}</span>
</template>
</el-table-column>
<el-table-column label="其他融" align="center" width="80">
<template slot-scope="scope">
<span class="bluezi" v-show="scope.row.showOtherPolicy" @click="lookOther(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<!-- 查看其他融详情 -->
<otherfinancialpolicymanagementInfo v-show="viewState == 2" ref="divOther" @doback="resetState"/>
<!-- 查看金融产品政策详情 -->
<financialpolicymanagementInfo v-show="viewState == 3" ref="divChanPin" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/financialpolicyreporting/financialpolicyreporting'
import financialpolicymanagementInfo from './relation/jinrongzhengceInfo'
import otherfinancialpolicymanagementInfo from './relation/otherInfo'
export default {
name: 'FinancialPolicyReportingYiBanInfo',
components: {
financialpolicymanagementInfo,
otherfinancialpolicymanagementInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 0,
index: 0,
formobj: {
sid: '',
userSid: '',
applyCompany: '',
department: '',
applicant: '',
applyDate: '',
taskId: '',
instanceId: '',
remarks: '',
orgSidPath: '',
annexPaths: [],
policyList: []
},
rules: {},
// 环节所需参数
linkByParameter: {
businessSid: '',
comment: '',
instanceId: '',
taskId: '',
orgSidPath: '',
taskDefKey: '',
userSid: ''
}
}
},
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: 350 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '金融产品政策报备详情'
req.fetchBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
lookChanPin(row) {
this.viewState = 3
this.$refs['divChanPin'].showInfo({ sid: row.policySid })
},
lookOther(row) {
this.viewState = 2
this.$refs['divOther'].showInfo(row.otherPolicySid)
},
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>
</style>

282
anrui-riskcenter-ui/src/views/workFlow/jinrongzhengceFlow/relation/jinrongzhengceInfo.vue
View File

@ -0,0 +1,282 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 添加修改按钮-->
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="">
<div class="titwu">金融产品政策</div>
<el-form ref="form_obj" :model="formobj" class="formaddcopy02">
<el-row style="border-left: 0px">
<el-col :span="12" style="border-right: 0px">
<div class="span-sty" style="border-right: 0px"><span>产品政策名称</span></div>
<el-form-item>
<div class="addinputInfo">
<span>{{ formobj.bankShortName }} {{ formobj.guaranteeTypeValue !== '' ? '( ' + formobj.guaranteeTypeValue + '、' : '' }} {{ formobj.isPack == '1' ? '打包 )' : formobj.isPack == '2' ? '不打包 )' : '' }} {{ formobj.downPayRatio }} {{ formobj.bondRatio !== '' ? '+ ' + formobj.bondRatio : '' }}</span>
</div>
</el-form-item>
</el-col>
<el-col :span="12" style="border-right: 0px"></el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty"><span>资方简称</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.bankShortName }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>业务类型</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.busTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>车辆大类</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.vehCategoryValue }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>车辆功能</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.vehTypeValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty"><span>是否打包</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.isPack == '1' ? '是' : '否' }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>担保类型</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.guaranteeTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>首付比例</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.downPayRatio }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>最低首付比例</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.downPayRatioLeast }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty"><span>保证金比例</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.bondRatio }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>保证金类型</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.bondType }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>期数</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.period }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>标准年利率(%)</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.yearRatio }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty"><span>服务费类型</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.serviceAmountTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>服务费<span v-show="formobj.serviceAmountTypeValue == '比例'">(%)</span></span></div>
<el-form-item><span class="addinputInfo">{{ formobj.serviceAmount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>保险保证金</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.depositPremium }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>落户保证金</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.depositSettle }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty"><span>单车意外险/年</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.vehAccidentAmount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>名义/留购价款</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.nominalPrice }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>有效期至</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.validDateTo }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>备注</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div v-show="formobj.isOtherProduct">
<div class="title">其它融信息</div>
<el-row>
<el-col :span="6">
<div class="span-sty"><span>产品类别</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.loanFinOtherPolicy.productTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>最高融资比例(%)</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.loanFinOtherPolicy.maxLoanRatio }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty"><span>最高融资额</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.loanFinOtherPolicy.maxLoanAmount }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty"><span>期数</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.loanFinOtherPolicy.period }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span>年利率(%)</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.loanFinOtherPolicy.yearRatio }}</span></el-form-item>
</el-col>
<el-col :span="12" />
</el-row>
</div>
</el-form>
</div>
</div>
</template>
<script>
import req from '@/api/financialpolicymanagement/financialpolicymanagement'
export default {
name: 'JinRongZhengCeInfo',
data() {
return {
viewTitle: '',
formobj: {
bankShortName: '',
bankSid: '',
bondRatio: '',
bondRatioKey: '',
bondType: '',
bondTypeKey: '',
busTypeKey: '',
busTypeValue: '',
depositPremium: '',
depositSettle: '',
downPayRatio: '',
downPayRatioKey: '',
downPayRatioLeast: '',
downPayRatioLeastKey: '',
guaranteeTypeKey: '',
guaranteeTypeValue: '',
isOtherProduct: false,
isPack: '',
loanFinOtherPolicy: {
maxLoanAmount: '',
maxLoanRatio: '',
period: '',
periodKey: '',
productTypeKey: '',
productTypeValue: '',
yearRatio: ''
},
nominalPrice: '',
orgPath: '',
period: '',
periodKey: '',
policyName: '',
remarks: '',
serviceAmount: '',
serviceAmountTypeKey: '',
serviceAmountTypeValue: '',
sid: '',
useDeptList: [],
userSid: '',
validDateTo: '',
vehAccidentAmount: '',
vehCategoryKey: '',
vehCategoryValue: '',
vehTypeKey: '',
vehTypeValue: '',
yearRatio: ''
}
}
},
methods: {
showInfo(row) {
this.viewTitle = '金融产品政策详情'
req.fetchBySid({ sid: row.sid }).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
handleReturn() {
this.formobj = {
bankShortName: '',
bankSid: '',
bondRatio: '',
bondRatioKey: '',
bondType: '',
bondTypeKey: '',
busTypeKey: '',
busTypeValue: '',
depositPremium: '',
depositSettle: '',
downPayRatio: '',
downPayRatioKey: '',
downPayRatioLeast: '',
downPayRatioLeastKey: '',
guaranteeTypeKey: '',
guaranteeTypeValue: '',
isOtherProduct: false,
isPack: '',
loanFinOtherPolicy: {
maxLoanAmount: '',
maxLoanRatio: '',
period: '',
periodKey: '',
productTypeKey: '',
productTypeValue: '',
yearRatio: ''
},
nominalPrice: '',
orgPath: '',
period: '',
periodKey: '',
policyName: '',
remarks: '',
serviceAmount: '',
serviceAmountTypeKey: '',
serviceAmountTypeValue: '',
sid: '',
useDeptList: [],
userSid: '',
validDateTo: '',
vehAccidentAmount: '',
vehCategoryKey: '',
vehCategoryValue: '',
vehTypeKey: '',
vehTypeValue: '',
yearRatio: ''
}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.titwu {
font-size: 28px;
text-align: center;
padding: 30px 0 20px 0;
}
.span-sty {
width: 140px !important;
}
.addinputInfo {
margin-left: 130px !important;
}
</style>

132
anrui-riskcenter-ui/src/views/workFlow/jinrongzhengceFlow/relation/otherInfo.vue
View File

@ -0,0 +1,132 @@
<template>
<div class="app-container">
<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">
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="8">
<div class="span-sty">资方简称</div>
<el-form-item><span class="addinputInfo">{{ formobj.bankShortName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">其他融名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">适用销售部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.useDeptNames }}</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.busTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">车辆大类</div>
<el-form-item><span class="addinputInfo">{{ formobj.vehCategoryValue }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">车辆功能</div>
<el-form-item><span class="addinputInfo">{{ formobj.vehTypeValue }}</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.productTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">最高融资比例(%)</div>
<el-form-item><span class="addinputInfo">{{ formobj.maxLoanRatio }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">最高融资额(元)</div>
<el-form-item><span class="addinputInfo">{{ formobj.maxLoanAmount }}</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.period }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">年利率(%)</div>
<el-form-item><span class="addinputInfo">{{ formobj.yearRatio }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">有效期至</div>
<el-form-item><span class="addinputInfo">{{ formobj.validDateTo }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</template>
<script>
import req from '@/api/otherfinancialpolicymanagement/otherfinancialpolicymanagement'
export default {
name: 'OtherInfo',
data() {
return {
viewTitle: '',
tableKey: 0,
index: 0,
formobj: {
bankShortName: '',
otherPolicyName: '',
bankSid: '',
mainPolicySid: '',
useDeptSids: '',
useDeptNames: '',
useDeptList: [],
productTypeKey: '',
productTypeValue: '',
busTypeKey: '',
busTypeValue: '',
vehCategoryKey: '',
vehCategoryValue: '',
vehTypeKey: '',
vehTypeValue: '',
maxLoanRatio: '',
maxLoanAmount: '',
period: '',
periodKey: '',
yearRatio: '',
validDateTo: ''
},
rules: {}
}
},
methods: {
showInfo(sid) {
this.viewTitle = '其他融产品详情'
req.fetchBySid({ sid: sid }).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
handleReturn() {
this.formobj = {}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 110px !important;
}
.addinputInfo {
margin-left: 100px !important;
}
</style>
Write Preview
Loading…
Cancel
Save