<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" :loading="submitLoading" 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,
|
submitProjectCompanyInfo,
|
} 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: [],
|
projectCompany: this.$store.state.product.projectCompany,
|
// 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: "",
|
submitLoading: false,
|
};
|
},
|
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.projectCompany.serialno,
|
objectType: this.projectCompany.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.projectCompany.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.projectCompany.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.projectCompany.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.projectCompany.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 { projectCompany } = this;
|
const { ftSerialno, serialno, objectType, phaseNo, productID } =
|
projectCompany;
|
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 { projectCompany } = this;
|
const { ftSerialno, serialno, objecttype, phaseno, productID } =
|
projectCompany;
|
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";
|
const isZBD = phaseno == "0060";
|
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 { projectCompany } = this;
|
arr[0].serialno = projectCompany.ftSerialno;
|
arr[0].objectno = projectCompany.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
|
},
|
// 提交
|
async submit(arr) {
|
this.$refs.opinionForm[0].validate(async (valid) => {
|
if (valid) {
|
console.log('submit this.projectCompany',this.projectCompany,this.opinionForm[0])
|
this.submitLoading = true
|
const resp = await submitProjectCompanyInfo({
|
phaseopinion: this.opinionForm[0].phaseopinion, //外部审批意见分类
|
phaseopinion2: this.opinionForm[0].phaseopinion2, //外部审批意见
|
opiniontype: this.opinionForm[0].opiniontype, //内部审批意见分类
|
phaseopinion3: this.opinionForm[0].phaseopinion3, //内部审批意见
|
ftserialno: this.projectCompany.ftserialno,
|
phasechoice: this.opinionForm[0].phasechoice, //审批结果
|
projectSerialNo: this.projectCompany.serialno
|
})
|
this.submitLoading = false
|
if (resp.code == '00') {
|
this.$message.success("提交成功")
|
this.$parent.goBack();
|
}
|
}
|
})
|
},
|
|
// 提交
|
// 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.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.workerTabInfo(
|
this.applyMenu[index - 1].tabname,
|
"CreditFlowPublic",
|
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>
|
