|
|
|
@ -13,15 +13,17 @@
|
|
|
|
|
<div class="wrap2">合同编号</div>
|
|
|
|
|
<div class="wrap3">签署日期</div>
|
|
|
|
|
</div>
|
|
|
|
|
<scroll-view style="margin-top: 20rpx;" class="scrollbox" :scroll-y="true" @scrolltolower="loadMore">
|
|
|
|
|
<div class="content3" :style="{height:`${distance}rpx`}" style="overflow-y: auto">
|
|
|
|
|
|
|
|
|
|
<div class="content3" >
|
|
|
|
|
<scroll-view :style="{height:`${elementBottom}rpx`}" :scroll-y="true" @scrolltolower="loadMore">
|
|
|
|
|
<div class="wrap1" v-for="(item,index) in mainList" :key="index">
|
|
|
|
|
<div class="wrap1_1">{{item.contractTile}}</div>
|
|
|
|
|
<div class="wrap1_2">{{item.contractId.length>10?`${item.contractId.slice(0,10)}...`:item.contractId}}</div>
|
|
|
|
|
<div class="wrap1_3"><div class="wrap1_3_1">{{item.signDate}}</div></div>
|
|
|
|
|
</div>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
</div>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
|
|
|
|
|
<tabbar :current="2"></tabbar>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
@ -37,21 +39,20 @@ export default {
|
|
|
|
|
page:1,
|
|
|
|
|
pageSize:999,
|
|
|
|
|
mainList:[],
|
|
|
|
|
distance:''
|
|
|
|
|
elementBottom:''
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted(){
|
|
|
|
|
this.getData()
|
|
|
|
|
uni.createSelectorQuery().select('.content2').boundingClientRect(data => {
|
|
|
|
|
let res = uni.getSystemInfoSync();
|
|
|
|
|
function pxToRpx(px) {
|
|
|
|
|
return (px / res.windowWidth) * 750;
|
|
|
|
|
}
|
|
|
|
|
const distance = res.windowHeight - data.bottom;
|
|
|
|
|
this.distance = pxToRpx(distance)-50
|
|
|
|
|
}).exec()
|
|
|
|
|
this.getDistanceFromTopToPageBottom('.content3')
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
methods:{
|
|
|
|
|
async getDistanceFromTopToPageBottom(classValue) {
|
|
|
|
|
const { windowHeight, windowWidth } = await uni.getSystemInfo();
|
|
|
|
|
const [{ top }] = await new Promise(resolve => uni.createSelectorQuery().select(classValue).boundingClientRect().exec(resolve));
|
|
|
|
|
this.elementBottom = ((windowHeight - top) / windowWidth) * 750 - 175;
|
|
|
|
|
},
|
|
|
|
|
loadMore(){
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
@ -84,6 +85,7 @@ export default {
|
|
|
|
|
width: 100vw;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
.content3{
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
margin-bottom: 166rpx;
|
|
|
|
|
|
|
|
|
|
.wrap1{
|
|
|
|
|