|
|
@ -7,6 +7,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>-->
|
|
|
|
</template>-->
|
|
|
|
</title-block>
|
|
|
|
</title-block>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="content2">
|
|
|
|
<div class="content2">
|
|
|
|
<div class="wrap1">合同名称</div>
|
|
|
|
<div class="wrap1">合同名称</div>
|
|
|
|
<div class="wrap2">合同编号</div>
|
|
|
|
<div class="wrap2">合同编号</div>
|
|
|
@ -15,10 +16,14 @@
|
|
|
|
|
|
|
|
|
|
|
|
<div class="content3">
|
|
|
|
<div class="content3">
|
|
|
|
<scroll-view :style="{height:`${elementBottom}rpx`}" :scroll-y="true" @scrolltolower="loadMore">
|
|
|
|
<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" v-for="(item,index) in mainList" :key="index" @click="previewContract(item)">
|
|
|
|
<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">
|
|
|
|
<div class="wrap1_3"><div class="wrap1_3_1">{{item.signDate}}</div></div>
|
|
|
|
{{ 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>
|
|
|
|
</div>
|
|
|
|
</scroll-view>
|
|
|
|
</scroll-view>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -35,6 +40,7 @@ export default {
|
|
|
|
components: {tabbar},
|
|
|
|
components: {tabbar},
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
|
|
|
|
show: false,
|
|
|
|
page: 1,
|
|
|
|
page: 1,
|
|
|
|
pageSize: 999,
|
|
|
|
pageSize: 999,
|
|
|
|
mainList: [],
|
|
|
|
mainList: [],
|
|
|
@ -50,6 +56,18 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
async previewContract(item) {
|
|
|
|
|
|
|
|
const data={
|
|
|
|
|
|
|
|
ID:item.ID
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
const res = await postDataByParams('/api/warehouse/fdd/pdf/url',data )
|
|
|
|
|
|
|
|
if (res.code===200){
|
|
|
|
|
|
|
|
uni.setStorageSync("jumpUrl",res.data.jumpUrl)
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
|
|
|
url: `/pages/signwebview/index`,
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
async getDistanceFromTopToPageBottom(classValue) {
|
|
|
|
async getDistanceFromTopToPageBottom(classValue) {
|
|
|
|
const {windowHeight, windowWidth} = await uni.getSystemInfo();
|
|
|
|
const {windowHeight, windowWidth} = await uni.getSystemInfo();
|
|
|
|
const [{top}] = await new Promise(resolve => uni.createSelectorQuery().select(classValue).boundingClientRect().exec(resolve));
|
|
|
|
const [{top}] = await new Promise(resolve => uni.createSelectorQuery().select(classValue).boundingClientRect().exec(resolve));
|
|
|
@ -86,6 +104,7 @@ export default {
|
|
|
|
background-size: cover;
|
|
|
|
background-size: cover;
|
|
|
|
width: 100vw;
|
|
|
|
width: 100vw;
|
|
|
|
height: 100vh;
|
|
|
|
height: 100vh;
|
|
|
|
|
|
|
|
|
|
|
|
.content3 {
|
|
|
|
.content3 {
|
|
|
|
margin-top: 20rpx;
|
|
|
|
margin-top: 20rpx;
|
|
|
|
margin-bottom: 166rpx;
|
|
|
|
margin-bottom: 166rpx;
|
|
|
@ -97,6 +116,7 @@ export default {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
|
|
.wrap1_1 {
|
|
|
|
.wrap1_1 {
|
|
|
|
flex: 1 1 0rpx;
|
|
|
|
flex: 1 1 0rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
@ -105,6 +125,7 @@ export default {
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
flex-grow: 1;
|
|
|
|
flex-grow: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.wrap1_2 {
|
|
|
|
.wrap1_2 {
|
|
|
|
flex: 1 1 0rpx;
|
|
|
|
flex: 1 1 0rpx;
|
|
|
|
color: #808080;
|
|
|
|
color: #808080;
|
|
|
@ -114,11 +135,13 @@ export default {
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
flex-grow: 1;
|
|
|
|
flex-grow: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.wrap1_3 {
|
|
|
|
.wrap1_3 {
|
|
|
|
flex: 1 1 0rpx;
|
|
|
|
flex: 1 1 0rpx;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
|
|
.wrap1_3_1 {
|
|
|
|
.wrap1_3_1 {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
justify-content: center;
|
|
|
@ -133,12 +156,14 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.content2 {
|
|
|
|
.content2 {
|
|
|
|
margin-top: 46rpx;
|
|
|
|
margin-top: 46rpx;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
border-radius: 20rpx;
|
|
|
|
border-radius: 20rpx;
|
|
|
|
height: 70rpx;
|
|
|
|
height: 70rpx;
|
|
|
|
background: #76C458;
|
|
|
|
background: #76C458;
|
|
|
|
|
|
|
|
|
|
|
|
.wrap1 {
|
|
|
|
.wrap1 {
|
|
|
|
color: #fff;
|
|
|
|
color: #fff;
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
@ -147,6 +172,7 @@ border-radius: 20rpx;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
flex: 1 1 0rpx;
|
|
|
|
flex: 1 1 0rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.wrap2 {
|
|
|
|
.wrap2 {
|
|
|
|
color: #fff;
|
|
|
|
color: #fff;
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
@ -155,6 +181,7 @@ border-radius: 20rpx;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
flex: 1 1 0rpx;
|
|
|
|
flex: 1 1 0rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.wrap3 {
|
|
|
|
.wrap3 {
|
|
|
|
color: #fff;
|
|
|
|
color: #fff;
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
@ -165,17 +192,21 @@ border-radius: 20rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.content1 {
|
|
|
|
.content1 {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
|
|
|
|
.wrap1 {
|
|
|
|
.wrap1 {
|
|
|
|
width: 120rpx;
|
|
|
|
width: 120rpx;
|
|
|
|
height: 20rpx;
|
|
|
|
height: 20rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.wrap2 {
|
|
|
|
.wrap2 {
|
|
|
|
color: #4E964D;
|
|
|
|
color: #4E964D;
|
|
|
|
font-size: 32rpx;
|
|
|
|
font-size: 32rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.wrap3 {
|
|
|
|
.wrap3 {
|
|
|
|
image {
|
|
|
|
image {
|
|
|
|
width: 132rpx;
|
|
|
|
width: 132rpx;
|
|
|
|