<template>
|
<div class="flowRecord">
|
<FlowList
|
:serialNo="applyInfo.serialNo"
|
:objectType="applyInfo.objectType"
|
:customerID="applyInfo.customerid"
|
@countHeight="countHeight"
|
v-if="applyInfo.serialNo"
|
></FlowList>
|
<FlowList
|
:serialNo="projectCompany.serialno"
|
:objectType="projectCompany.objecttype"
|
@countHeight="countHeight"
|
v-else-if="projectCompany.serialno"
|
></FlowList>
|
<FlowList
|
:serialNo="mainCredit.serialNo"
|
:objectType="mainCredit.objectType"
|
@countHeight="countHeight"
|
v-else-if="mainCredit.serialNo"
|
></FlowList>
|
<div :class="[isFixed ? 'fixedBtn' : 'btn']">
|
<el-button size="medium" plain @click="prevStep">上一步</el-button>
|
</div>
|
</div>
|
</template>
|
<script>
|
import FlowList from "@views/comprehensiveTransaction/components/tabsComponent/FlowList";
|
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(".flowRecord>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
|
);
|
}
|
}
|
});
|
},
|
},
|
components: {
|
FlowList,
|
},
|
};
|
</script>
|
