<template>
|
<div class="opinion">
|
<div v-for="(item,index) in opinionArr" :key="index">
|
<p>
|
<span></span>
|
审批意见
|
</p>
|
<el-form :model="opinionForm[index]" :rules="rules" ref="opinionForm" size="small" label-width="165px">
|
<el-form-item label="审批结果" prop="phasechoice">
|
<el-select
|
v-model="opinionForm[index].phasechoice"
|
:disabled="!opinionArr[index].phasechoice.writeAble"
|
clearable
|
filterable
|
placeholder="支持输入搜索选择"
|
@change="selPhasechoice"
|
>
|
<el-option
|
v-for="(item,index) in results"
|
:key="index"
|
:label="item.itemname"
|
:value="item.itemno"
|
:disabled="item.disabled">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="外部审批意见分类" :prop="isShow?'phaseopinion':''" v-if="showPhaseopinion">
|
<el-select
|
v-model="opinionForm[index].phaseopinion"
|
:disabled="!opinionArr[index].phaseopinion.writeAble"
|
filterable
|
clearable
|
placeholder="支持输入搜索选择"
|
>
|
<el-option
|
v-for="(item,index) in outApprovalOpinions"
|
:key="index"
|
:label="item.itemname"
|
:value="item.itemno">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="外部审批意见" :prop="isShow?'phaseopinion2':''">
|
<el-input
|
type="textarea"
|
:rows="10"
|
maxlength="1000"
|
v-model="opinionForm[index].phaseopinion2"
|
:disabled="!opinionArr[index].phaseopinion2.writeAble"
|
>
|
</el-input>
|
</el-form-item>
|
<el-form-item label="内部审批意见分类" :prop="required&&isShow?'opiniontype':''" v-if="opinionArr[index].opiniontype.visible">
|
<el-select
|
v-model="opinionForm[index].opiniontype"
|
:disabled="!opinionArr[index].opiniontype.writeAble"
|
clearable
|
filterable
|
placeholder="支持输入搜索选择"
|
>
|
<el-option
|
v-for="(item,index) in insideResultApproveOpinions"
|
:key="index"
|
:label="item.itemname"
|
:value="item.itemno">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="内部审批意见" :prop="required&&isShow?'phaseopinion3':''" v-if="opinionArr[index].phaseopinion3.visible">
|
<el-input
|
type="textarea"
|
:rows="10"
|
maxlength="1000"
|
v-model="opinionForm[index].phaseopinion3"
|
:disabled="!opinionArr[index].phaseopinion3.writeAble"
|
>
|
</el-input>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div class="fixedBtn">
|
<el-button size="medium" plain @click="save(opinionForm)">保存</el-button>
|
<el-button size="medium" plain @click="prevStep()">上一页</el-button>
|
<el-button size="medium" type="primary" @click="submit(opinionForm)">提交</el-button>
|
</div>
|
<Success :visible='success' v-on:closeDialog="closeDialog"></Success>
|
<Fail :visible='fail' :reason='reason' v-on:closeDialog="closeDialog"></Fail>
|
</div>
|
</template>
|
<script>
|
import './index.styl'
|
import {
|
qryOpinionDetailByApplySerialNo,
|
qryOutOpinionCodeDetail,
|
qryOutOpinionCodeList,
|
getDictionaryList,
|
updOpinion,
|
nextSubmit,
|
qryAuthStatus,
|
saveFieldMarkData,
|
qryProductDetail
|
} from '@api/product'
|
import Success from '../../components/Success'
|
import Fail from '../../components/Fail'
|
import { setStorage,getStorage,removeStorage } from '@/utils/storage'
|
import common from '@/utils/common'
|
export default {
|
data () {
|
return {
|
opinionForm:[],
|
opinionArr:[],
|
initialArr:[],
|
applyInfo:this.$store.state.product.applyInfo,
|
applyMenu:this.$store.state.product.applyMenu,
|
results:[],
|
outApprovalOpinions:[],
|
insideResultApproveOpinions:[],
|
rules:{
|
phasechoice:[
|
{ required: true, message: '请选择审批结果', trigger: 'change' },
|
],
|
phaseopinion:[
|
{ required: true, message: '请选择外部审批意见分类', trigger: 'change' },
|
],
|
opiniontype:[
|
{ required: true, message: '请选择内部审批意见分类', trigger: 'change' },
|
],
|
phaseopinion2:[
|
{ required: true, message: '请输入外部审批意见', trigger: 'change' },
|
],
|
phaseopinion3:[
|
{ required: true, message: '请输入内部审批意见', trigger: 'change' },
|
]
|
},
|
isShow:true,
|
success:false,
|
fail:false,
|
showPhaseopinion:true,
|
required:true,
|
reason:'',
|
}
|
},
|
watch: {
|
opinionForm(options) {
|
const { phasechoice } = options[0]
|
if (phasechoice === '03' || phasechoice === '05') {
|
// 审批结果为驳回申请人,驳回上一级时,内部审批意见非必填,否则不变
|
this.required = false
|
} else {
|
this.required = true
|
}
|
},
|
deep: true
|
},
|
async created () {
|
this.$parent._data.loading = true
|
// 查询审批意见列表
|
const result = await this.qryOpinion()
|
this.qryOpinionData(result)
|
// 获取审批结果
|
this.results = await this.qryOutOpinionList()
|
// 案场产品判断如果是上个阶段点击拒绝驳回进来,审判结果禁选通过
|
if(this.$parent._data.showCredit&&this.applyInfo.flowno == 'CreditFlowCase'){
|
this.results.forEach(val => {
|
if(val.itemno == '01'){
|
val.disabled = true
|
}
|
});
|
}
|
// 获取内部审批意见分类下拉
|
this.insideResultApproveOpinions = await this.qryDictionaryList('InsideResultApproveOpinion')
|
// 获取外部审批意见分类
|
if(result.phasechoice.value){
|
this.outApprovalOpinions = await this.qryOutOpinionDetail(result.phasechoice.value)
|
if(!this.outApprovalOpinions.length){
|
this.isShow = false
|
}else{
|
this.isShow = true
|
}
|
}
|
this.$parent._data.loading = false
|
},
|
methods: {
|
// 处理数据,将数据重新排列
|
qryOpinionData(result){
|
this.opinionForm = []
|
this.initialArr = []
|
this.opinionArr = []
|
this.opinionArr.push(result)
|
this.opinionArr.forEach((val,index) => {
|
// 将数据重新排列
|
const obj = {}
|
for (const key in val) {
|
obj[key]=val[key].value
|
}
|
this.opinionForm.push(obj)
|
this.initialArr.push(Object.assign({},obj))
|
});
|
},
|
// 查询审批意见
|
qryOpinion(){
|
return new Promise(resolve=>{
|
qryOpinionDetailByApplySerialNo({
|
applySerialNo:this.applyInfo.serialNo,
|
objectType:this.applyInfo.objectType
|
}).then(res=>{
|
resolve(res.result)
|
})
|
})
|
},
|
qryDictionaryList(code) {
|
return new Promise(resolve => {
|
getDictionaryList({
|
codeNo: code
|
}).then(res => {
|
resolve(res.result);
|
});
|
});
|
},
|
// 审批结果
|
qryOutOpinionList(){
|
return new Promise(resolve=>{
|
qryOutOpinionCodeList({
|
applySerialNo: this.applyInfo.serialNo
|
}).then(res=>{
|
resolve(res.result)
|
})
|
})
|
},
|
// 获取审批结果进行对应操作
|
async selPhasechoice(val){
|
if(val == '01'){
|
// 审批结果为通过时,外部审批意见非必填,否则不变
|
this.isShow = false
|
}else{
|
this.isShow = true
|
}
|
if(val=='03'||val=='05'){
|
// 审批结果为驳回申请人,驳回上一级时,内部审批意见非必填,否则不变
|
this.required = false
|
}else{
|
this.required = true
|
}
|
if(val == 15){
|
// 审批结果为取消赎楼,外部审批意见分类要隐藏
|
this.showPhaseopinion = false
|
}else{
|
this.showPhaseopinion = true
|
}
|
this.opinionForm[0].phaseopinion = ''
|
this.outApprovalOpinions = await this.qryOutOpinionDetail(val)
|
},
|
// 根据审批结果查询外部审批意见
|
qryOutOpinionDetail(code){
|
return new Promise(resolve=>{
|
qryOutOpinionCodeDetail({
|
"applySerialNo": this.applyInfo.serialNo,
|
"typeCodeValue": code
|
}).then(res=>{
|
resolve(res.result)
|
})
|
})
|
},
|
saveOpinion(form){
|
return new Promise(resolve=>{
|
updOpinion(form).then(res=>{
|
resolve(res)
|
})
|
})
|
},
|
submitOpinion(form){
|
this.$parent._data.loading = true;
|
const { applyInfo } = this
|
const { ftSerialNo, serialNo, objectType, phaseNo, productID} = applyInfo
|
const { phasechoice } = form
|
form.ftSerialNo = ftSerialNo;
|
form.objectno = serialNo;
|
form.channel = '00';
|
nextSubmit(form).then(async res=>{
|
this.$parent._data.loading = false;
|
if(res.code=='00'){
|
// 打开提交成功弹窗
|
this.success = true
|
const isLD = ( phaseNo == '0060' || phaseNo == '0070' || phaseNo == '0080' ) && productID == 'LD'
|
const isZBD = phaseNo == '0060' && productID == 'ZBD'
|
const isPhasechoice = phasechoice === '03' || phasechoice === '05'
|
if( ( isLD || isZBD ) && isPhasechoice ){
|
const obj = {}
|
obj.ftSerialNo = ftSerialNo
|
obj.objectNo = serialNo
|
obj.objectType = objectType
|
obj.phaseNo = phaseNo
|
obj.opinionCode = form.phasechoice
|
const res = await saveFieldMarkData(obj)
|
const { code } = res
|
if(code == '00'){
|
removeStorage(`${serialNo}`)
|
}
|
}
|
}else{
|
// 审批意见提交失败
|
this.reason = res.msg
|
this.fail = true
|
}
|
})
|
},
|
// 保存
|
async save(arr){
|
const { applyInfo } = this
|
arr[0].serialno = applyInfo.ftSerialNo;
|
arr[0].objectno = applyInfo.serialNo;
|
this.$parent._data.loading = true
|
const res = await this.saveOpinion(arr[0])
|
if(res.code == '00'){
|
this.$message.success('保存成功')
|
}
|
this.$parent._data.loading = false
|
},
|
// 提交
|
submit(arr){
|
this.$refs.opinionForm[0].validate(async valid => {
|
if (valid) {
|
const { phaseNo, serialNo, customerid, customerName, amountloan, businesssum, flowno, productID } = this.applyInfo
|
const { phasechoice } = arr[0]
|
// 当前节点是面签且审批结果为通过的时候,需要查询用户是否认证
|
if(phaseNo=='0100'&&!this.isShow){
|
// this.$parent._data.loading = true
|
// const { code, result } = await qryAuthStatus({
|
// applySerialno: serialNo,
|
// customerId: customerid
|
// })
|
// this.$parent._data.loading = false
|
// if(code=='00'){
|
// let msg = ''
|
// if(result.carrierState!=2||result.carrierState!=4){
|
// msg += msg ? ',运营商认证':'运营商认证'
|
// }
|
// if(result.taobaoState!=2||result.taobaoState!=4){
|
// msg += msg ? ',淘宝认证':'淘宝认证'
|
// }
|
// if(result.jdState!=2||result.jdState!=4){
|
// msg += msg ? ',京东认证':'京东认证'
|
// }
|
// if(result.chiscState!=2||result.chiscState!=4){
|
// msg += msg ? ',学信网学历认证':'学信网学历认证'
|
// }
|
// common.comfirm('提示',`${msg}未完成,可能影响客户贷款申请审批,是否继续?`,()=>{
|
// this.submitOpinion(arr[0])
|
// })
|
// }
|
this.submitOpinion(arr[0])
|
}else if (phaseNo=='0130'){
|
// 财务放款阶段提交先弹框确认
|
common.comfirm('提示',`请确认是否需要提交放款,客户名: ${customerName},放款金额: ${amountloan},是否继续?`,()=>{
|
this.submitOpinion(arr[0])
|
})
|
}else if (
|
(phaseNo == "0060" || phaseNo == "0070" || phaseNo == "0080") &&
|
(flowno == 'CreditFlowCase' || flowno == 'CreditFlowCommon' ) &&
|
phasechoice == 1
|
){
|
const { result } = await qryProductDetail({
|
productCode: productID,
|
applySerialno: serialNo
|
})
|
const { productRemanentAmt, mergeCreditLoan } = result
|
if( parseInt(businesssum) > parseInt(productRemanentAmt) && mergeCreditLoan == 1){
|
common.comfirm(
|
"提示",
|
`申请单的“贷款金额”【${ this.formatMoney(businesssum) }】大于 “产品剩余可用额度”【${ this.formatMoney(productRemanentAmt) }】,请确认是否继续提交？`,
|
() => {
|
this.submitOpinion(arr[0])
|
}
|
);
|
}else{
|
this.submitOpinion(arr[0])
|
}
|
}else{
|
this.submitOpinion(arr[0])
|
}
|
} else {
|
return false;
|
}
|
});
|
},
|
// 金额格式化
|
formatMoney(value) {
|
if (value) {
|
value =
|
parseFloat((value + "").replace(/[^\d\.-]/g, "")).toFixed(2) + "";
|
if (value == "NaN") return;
|
let l = value
|
.split(".")[0]
|
.split("")
|
.reverse();
|
let r = value.split(".")[1];
|
let t = "";
|
for (let i = 0; i < l.length; i++) {
|
t += l[i] + ((i + 1) % 3 === 0 && i + 1 !== l.length ? "," : "");
|
}
|
return (
|
t
|
.split("")
|
.reverse()
|
.join("") +
|
"." +
|
r
|
);
|
}
|
},
|
// 上一页
|
prevStep(){
|
this.applyMenu.forEach((val,index) => {
|
if(val.tabname=='审批意见'){
|
common.tabInfo(this.applyMenu[index-1].tabname,this.applyInfo.flowno,this)
|
}
|
});
|
},
|
closeDialog(state){
|
this.success = state
|
this.fail = state
|
}
|
},
|
components: {
|
Success,
|
Fail
|
}
|
}
|
</script>
|
