|
|
@ -13,8 +13,8 @@
|
|
|
|
<div class="wrap2">合同编号</div>
|
|
|
|
<div class="wrap2">合同编号</div>
|
|
|
|
<div class="wrap3">签署日期</div>
|
|
|
|
<div class="wrap3">签署日期</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<scroll-view style="margin-top: 20rpx;height: 1400rpx" class="scrollbox" :scroll-y="true" @scrolltolower="loadMore">
|
|
|
|
<scroll-view style="margin-top: 20rpx;" class="scrollbox" :scroll-y="true" @scrolltolower="loadMore">
|
|
|
|
<div class="content3">
|
|
|
|
<div class="content3" :style="{height:`${distance}rpx`}" style="overflow-y: auto">
|
|
|
|
<div class="wrap1" v-for="(item,index) in mainList" :key="index">
|
|
|
|
<div class="wrap1" v-for="(item,index) in mainList" :key="index">
|
|
|
|
<div class="wrap1_1">{{item.contractTile}}</div>
|
|
|
|
<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_2">{{item.contractId.length>10?`${item.contractId.slice(0,10)}...`:item.contractId}}</div>
|
|
|
@ -36,11 +36,20 @@ export default {
|
|
|
|
return{
|
|
|
|
return{
|
|
|
|
page:1,
|
|
|
|
page:1,
|
|
|
|
pageSize:999,
|
|
|
|
pageSize:999,
|
|
|
|
mainList:[]
|
|
|
|
mainList:[],
|
|
|
|
|
|
|
|
distance:''
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mounted(){
|
|
|
|
mounted(){
|
|
|
|
this.getData()
|
|
|
|
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()
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods:{
|
|
|
|
methods:{
|
|
|
|
loadMore(){
|
|
|
|
loadMore(){
|
|
|
@ -76,6 +85,7 @@ export default {
|
|
|
|
height: 100vh;
|
|
|
|
height: 100vh;
|
|
|
|
.content3{
|
|
|
|
.content3{
|
|
|
|
margin-bottom: 166rpx;
|
|
|
|
margin-bottom: 166rpx;
|
|
|
|
|
|
|
|
|
|
|
|
.wrap1{
|
|
|
|
.wrap1{
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
border-radius: 20rpx;
|
|
|
|
border-radius: 20rpx;
|
|
|
|