<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,
|
nextSubmitCheck,
|
qryAuthStatus,
|
saveFieldMarkData,
|
qryProductDetail
|
} from '@api/product'
|
|
import {
|
zhdwQueryResult,
|
zhdwSubmitRemark
|
} from "@comprehensive/serve/public";
|
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
|
if(this.applyInfo.isfinanceAdvance){
|
let textInfo = `收款账户开户行: ${this.applyInfo.putoutbanknoDesc} \n收款账户名: ${this.applyInfo.putoutbankname} \n收款账户账号: ${this.applyInfo.putoutcardno}`
|
this.opinionForm[0].phaseopinion2 = textInfo
|
if(this.opinionArr[0].phaseopinion3.visible){
|
this.opinionForm[0].phaseopinion3 = textInfo
|
}
|
}
|
},
|
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) {
|
return
|
}
|
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)
|
})
|
})
|
},
|
queryZhdw() {
|
// 中登网查询结果
|
return new Promise(async (resolve) => {
|
try {
|
const zhdwres = await zhdwQueryResult({ applySerialNo: this.applyInfo.serialNo })
|
if (zhdwres.code == '00') {
|
if(Object.keys(zhdwres.result).length == 0) {
|
this.$prompt('中登网登记未完成，请确认是否继续提交？', '', {
|
customClass: 'opinion-message-box',
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
inputPlaceholder: '请输入备注信息',
|
inputPattern: /^.+$/,
|
inputErrorMessage: '请输入备注信息',
|
inputType: 'textarea',
|
}).then(({ value }) => {
|
zhdwSubmitRemark({
|
applySerialNo: this.applyInfo.serialNo,
|
remark: value
|
}).then(data => {
|
if (data.code == '00') resolve(true);
|
})
|
}).catch(() => {
|
resolve(false);
|
});
|
} else {
|
resolve(true);
|
}
|
}
|
} catch(e){
|
resolve(false);
|
}
|
});
|
},
|
nextSubmitCheck(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';
|
nextSubmitCheck(form).then(async res => {
|
this.$parent._data.loading = false;
|
if (res.code == '00') {
|
this.submitOpinion(form)
|
} else {
|
this.$confirm(res.msg, '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
dangerouslyUseHTMLString: true,
|
type: 'warning',
|
center: true
|
}).then(() => {
|
this.submitOpinion(form)
|
}).catch(() => {
|
|
})
|
}
|
})
|
},
|
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') {
|
// else if (phaseNo == '0130' && !this.isShow) {
|
// alert(1)
|
// // 财务放款阶段 查询有没有进行中登网登记并弹窗
|
if(!this.isShow) {
|
// this.queryZhdw().then((res) => {
|
// if(res) {
|
// 财务放款阶段提交先弹框确认
|
common.comfirm('提示', `请确认是否需要提交放款,客户名: ${customerName},放款金额: ${amountloan},是否继续?`, () => {
|
this.submitOpinion(arr[0])
|
})
|
// }
|
// })
|
} else {
|
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.nextSubmitCheck(arr[0])
|
}
|
);
|
} else {
|
this.nextSubmitCheck(arr[0])
|
}
|
} else if (phaseNo == '0060') {
|
if(!this.isShow && this.applyInfo.productID != 'CFD_ESCKRD') {
|
// this.queryZhdw().then((res) => {
|
// if(res) {
|
this.submitOpinion(arr[0])
|
// }
|
// })
|
} else {
|
this.submitOpinion(arr[0])
|
}
|
} else {
|
this.nextSubmitCheck(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>
|
<style lang="stylus">
|
.opinion-message-box
|
.el-message-box__input
|
.invalid
|
border-color: #f56c6c
|
|
|
</style>
|
