<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'
|
></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 {
|
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('.historicalOpinions>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: {
|
OpinionList
|
}
|
}
|
</script>
|
