<template>
|
<div class="historicalLoan">
|
<CustomerHistoryApplyList
|
:serialNo="applyInfo.serialNo"
|
:objectType="applyInfo.objectType"
|
:customerID="applyInfo.customerid"
|
@countHeight='countHeight'
|
></CustomerHistoryApplyList>
|
<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 CustomerHistoryApplyList from "@views/comprehensiveTransaction/components/tabsComponent/CustomerHistoryApplyList";
|
import { setStorage,getStorage,removeStorage } from '@/utils/storage'
|
import './index.styl'
|
import common from "@/utils/common";
|
export default {
|
data() {
|
return {
|
applyInfo:this.$store.state.product.applyInfo,
|
applyMenu: this.$store.state.product.applyMenu,
|
isFixed:false
|
};
|
},
|
methods: {
|
countHeight(){
|
setTimeout(()=>{
|
const fullHeight = document.documentElement.clientHeight; //可是区域高度
|
const targetHeight = document.querySelector('.historicalLoan>div').getBoundingClientRect().height
|
if(targetHeight >= fullHeight-80){
|
// 底部按钮需要绝对定位显示
|
this.isFixed = true
|
}
|
},0)
|
},
|
// 上一步
|
prevStep() {
|
this.applyMenu.forEach((val, index) => {
|
if (val.tabname == "历史贷款信息") {
|
common.tabInfo(
|
this.applyMenu[index - 1].tabname,
|
this.applyInfo.flowno,
|
this
|
);
|
}
|
});
|
},
|
// 下一页
|
nextPage() {
|
// 调用父组件的查询左侧tab的方法
|
this.$parent.updateApplyTabTree();
|
this.applyMenu.forEach((val, index) => {
|
if (val.tabname == "历史贷款信息") {
|
common.tabInfo(
|
this.applyMenu[index + 1].tabname,
|
this.applyInfo.flowno,
|
this
|
);
|
}
|
});
|
},
|
},
|
components: {
|
CustomerHistoryApplyList
|
}
|
};
|
</script>
|
