master
xingyy 11 months ago
parent 2b4669ebc6
commit 3214344fe7

@ -66,9 +66,8 @@
<div class="wrap1_1_3"> <div class="wrap1_1_3">
<input disabled placeholder-style="color: #939393;font-size: 24rpx;" :placeholder="orderingInfo.endAt"/> <input disabled placeholder-style="color: #939393;font-size: 24rpx;" :placeholder="orderingInfo.endAt"/>
</div> </div>
<div class="wrap1_1_4"></div>
</div> </div>
<!-- <div class="wrap1_1"> <!-- <div class="wrap1_1">
<div class="wrap1_1_1">订单金额</div> <div class="wrap1_1_1">订单金额</div>
<div class="wrap1_1_2"></div> <div class="wrap1_1_2"></div>

@ -264,8 +264,7 @@ export default {
mounted() { mounted() {
const date = new Date(); const date = new Date();
date.setHours(0, 0, 0, 0); date.setHours(0, 0, 0, 0);
this.minDate = date.getTime() + 24 * 60 * 60 * 1000; this.minDate = date.getTime() + 120 * 24 * 60 * 60 * 1000;
// this.value1=this.timestampToDateString(date.getTime() + 24 * 60 * 60 * 1000)
this.getCycle() this.getCycle()
if (this.$mp.query.url){ if (this.$mp.query.url){
this.url=this.$mp.query.url this.url=this.$mp.query.url

@ -1,25 +1,30 @@
<template> <template>
<div class="contract" > <div class="contract">
<title-block title="待签署合同"> <title-block title="待签署合同">
<!-- <template #left> <!-- <template #left>
<div class="wrap3" style="display: flex;align-items: center"> <div class="wrap3" style="display: flex;align-items: center">
<image src="../../static/zu567@3x.png"></image> <image src="../../static/zu567@3x.png"></image>
</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>
<div class="wrap3">签署日期</div> <div class="wrap3">签署日期</div>
</div> </div>
<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>
<div class="wrap1_3">
<div class="wrap1_3_1">{{ item.signDate }}</div>
</div>
</div>
</scroll-view> </scroll-view>
</div> </div>
@ -33,29 +38,42 @@ import {postDataByParams} from "../../http/service";
export default { export default {
name: "index", name: "index",
components: {tabbar}, components: {tabbar},
data(){ data() {
return{ return {
page:1, show: false,
pageSize:999, page: 1,
mainList:[], pageSize: 999,
elementBottom:'' mainList: [],
elementBottom: ''
} }
}, },
onShow(){ onShow() {
this.getData() this.getData()
}, },
mounted(){ mounted() {
this.getDistanceFromTopToPageBottom('.content3') this.getDistanceFromTopToPageBottom('.content3')
}, },
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));
this.elementBottom = ((windowHeight - top) / windowWidth) * 750 - 175; this.elementBottom = ((windowHeight - top) / windowWidth) * 750 - 175;
}, },
loadMore(){ loadMore() {
}, },
async getData() { async getData() {
@ -66,10 +84,10 @@ export default {
const res = await postDataByParams('/api/warehouse/list', data) const res = await postDataByParams('/api/warehouse/list', data)
if (res.code === 200) { if (res.code === 200) {
this.mainList = res.data.data this.mainList = res.data.data
}else { } else {
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,
icon:'none' icon: 'none'
}) })
} }
}, },
@ -77,7 +95,7 @@ export default {
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.contract{ .contract {
background-image: url("https://cdns.fontree.cn/fonchain-main/prod/image/default/artwork/4fdc9a0f-d72a-46b6-a04d-ed56d5465213.png"); background-image: url("https://cdns.fontree.cn/fonchain-main/prod/image/default/artwork/4fdc9a0f-d72a-46b6-a04d-ed56d5465213.png");
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
@ -86,18 +104,20 @@ 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;
.wrap1{ .wrap1 {
margin-bottom: 20rpx; margin-bottom: 20rpx;
border-radius: 20rpx; border-radius: 20rpx;
height: 108rpx; height: 108rpx;
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;
display: flex; display: flex;
@ -105,7 +125,8 @@ 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;
font-size: 24rpx; font-size: 24rpx;
@ -114,32 +135,36 @@ 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;
align-items: center; align-items: center;
width: 208rpx; width: 208rpx;
border-radius: 20rpx; border-radius: 20rpx;
height: 56rpx; height: 56rpx;
background:#76C458 ; background: #76C458;
color: #fff; color: #fff;
font-size: 24rpx; font-size: 24rpx;
} }
} }
} }
} }
.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;
display: flex; display: flex;
@ -147,7 +172,8 @@ 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;
display: flex; display: flex;
@ -155,7 +181,8 @@ 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;
display: flex; display: flex;
@ -165,19 +192,23 @@ 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{
image{ .wrap3 {
image {
width: 132rpx; width: 132rpx;
height: 52rpx; height: 52rpx;
} }

Loading…
Cancel
Save