<template>
|
<div class="historicalOpinions">
|
<OpinionList
|
:serialNo="applyInfo.serialNo"
|
:objectType="applyInfo.objectType"
|
:customerID="applyInfo.customerid"
|
:flowno="applyInfo.flowno"
|
:alterobjectno="applyInfo.alterobjectno"
|
:alterobjecttype="applyInfo.alterobjecttype"
|
@countHeight="countHeight"
|
v-if="applyInfo.serialNo"
|
></OpinionList>
|
<OpinionList
|
:serialNo="projectCompany.serialno"
|
:objectType="projectCompany.objecttype"
|
:flowno="projectCompany.flowno"
|
:alterobjectno="projectCompany.serialno"
|
:alterobjecttype="projectCompany.objecttype"
|
@countHeight="countHeight"
|
v-else-if="projectCompany.serialno"
|
></OpinionList>
|
<OpinionList
|
:serialNo="mainCredit.serialNo"
|
:objectType="mainCredit.objectType"
|
:flowno="mainCredit.flowno"
|
:alterobjectno="mainCredit.serialNo"
|
:alterobjecttype="mainCredit.objectType"
|
@countHeight="countHeight"
|
v-else-if="mainCredit.serialNo"
|
>
|
</OpinionList>
|
<div :class="[isFixed ? 'fixedBtn' : 'btn']">
|
<el-button size="medium" plain @click="prevStep">上一步</el-button>
|
<el-button size="medium" type="primary" @click="nextPage"
|
>下一步</el-button
|
>
|
</div>
|
</div>
|
</template>
|
<script>
|
import OpinionList from "@views/comprehensiveTransaction/components/tabsComponent/OpinionList";
|
import { setStorage, getStorage } from "@/utils/storage";
|
import "./index.styl";
|
import common from "@/utils/common";
|
export default {
|
data() {
|
return {
|
mainCredit: this.$store.state.product.mainCredit,
|
applyInfo: this.$store.state.product.applyInfo,
|
projectCompany: this.$store.state.product.projectCompany,
|
applyMenu: this.$store.state.product.applyMenu,
|
isFixed: false,
|
};
|
},
|
methods: {
|
countHeight() {
|
setTimeout(() => {
|
const fullHeight = document.documentElement.clientHeight; //可是区域高度
|
const targetHeight = document
|
.querySelector(".historicalOpinions>div")
|
.getBoundingClientRect().height;
|
if (targetHeight >= fullHeight - 80) {
|
// 底部按钮需要绝对定位显示
|
this.isFixed = true;
|
}
|
}, 0);
|
},
|
// 上一步
|
prevStep() {
|
this.applyMenu.forEach((val, index) => {
|
if (val.tabname == "历史审批意见") {
|
if (this.applyInfo) {
|
common.tabInfo(
|
this.applyMenu[index - 1].tabname,
|
this.applyInfo.flowno,
|
this
|
);
|
} else if (this.projectCompany) {
|
common.workerTabInfo(
|
this.applyMenu[index - 1].tabname,
|
"CreditFlowPublic",
|
this
|
);
|
} else if (this.mainCredit) {
|
common.vLoanTabInfo(
|
this.applyMenu[index - 1].tabname,
|
"CreditFlowPublic",
|
this
|
);
|
}
|
}
|
});
|
},
|
// 下一页
|
nextPage() {
|
// 调用父组件的查询左侧tab的方法
|
this.$parent.updateApplyTabTree();
|
this.applyMenu.forEach((val, index) => {
|
if (val.tabname == "历史审批意见") {
|
if (this.applyInfo) {
|
common.tabInfo(
|
this.applyMenu[index + 1].tabname,
|
this.applyInfo.flowno,
|
this
|
);
|
} else if (this.projectCompany) {
|
common.workerTabInfo(
|
this.applyMenu[index + 1].tabname,
|
"CreditFlowPublic",
|
this
|
);
|
} else if (this.mainCredit) {
|
common.vLoanTabInfo(
|
this.applyMenu[index + 1].tabname,
|
"CreditFlowPublic",
|
this
|
);
|
}
|
}
|
});
|
},
|
},
|
components: {
|
OpinionList,
|
},
|
};
|
</script>
|
