<template>
|
<div class="flowRecord">
|
<FlowList
|
:serialNo="applyInfo.serialNo"
|
:objectType='applyInfo.objectType'
|
:customerID='applyInfo.customerid'
|
@countHeight='countHeight'
|
></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 {
|
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('.flowRecord>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
|
);
|
}
|
});
|
},
|
},
|
components: {
|
FlowList
|
}
|
}
|
</script>
|
