|
|
@@ -1,26 +1,29 @@
|
|
|
<template>
|
|
|
- <scroll-view class="container" :style="{backgroundColor: entrustTotle ? '#f7f7f7' : '#f7f7f7'}" scroll-y="true" @scrolltolower="handleLoadMore()">
|
|
|
- <view class="entrust-info" :style="{height: entrustTotle ? '115px' : '60px'}">
|
|
|
- <view class="entrust-info-text">共{{entrustTotle}}个委托订单</view>
|
|
|
- </view>
|
|
|
- <view v-if="!entrustTotle" class="no-cart">
|
|
|
- <image class="no-cart-img" src="../static/images/noCart.png" mode="aspectFill"></image>
|
|
|
- <text class="no-cart-text">暂无订单</text>
|
|
|
- </view>
|
|
|
- <view v-if="entrustTotle" class="entrust-row" v-for="(item, index) in entrustList" :key="index">
|
|
|
- <view class="entrust-title">已委托订单</view>
|
|
|
- <view class="entrust-text">委托开始时间：{{item.entrustStartTime}}</view>
|
|
|
- <view class="entrust-text">委托时长：{{item.entrustDurationTime}}小时</view>
|
|
|
- <view class="entrust-text">委托金额：
|
|
|
- <text class="entrust-price">￥{{item.payAomount}}</text>
|
|
|
+ <view class="zxw-container">
|
|
|
+ <scroll-view class="container" :style="{backgroundColor: entrustTotle ? '#f7f7f7' : '#f7f7f7'}" scroll-y="true"
|
|
|
+ @scrolltolower="handleLoadMore()">
|
|
|
+ <view class="entrust-info" :style="{height: entrustTotle ? '115px' : '60px'}">
|
|
|
+ <view class="entrust-info-text">共{{entrustTotle}}个委托订单</view>
|
|
|
</view>
|
|
|
- <view class="entrust-text">备注信息：{{item.remarks}}</view>
|
|
|
- </view>
|
|
|
+ <view v-if="!entrustTotle" class="no-cart">
|
|
|
+ <image class="no-cart-img" src="../static/images/noCart.png" mode="aspectFill"></image>
|
|
|
+ <text class="no-cart-text">暂无订单</text>
|
|
|
+ </view>
|
|
|
+ <view v-if="entrustTotle" class="entrust-row" v-for="(item, index) in entrustList" :key="index">
|
|
|
+ <view class="entrust-title">已委托订单</view>
|
|
|
+ <view class="entrust-text">委托开始时间：{{item.entrustStartTime}}</view>
|
|
|
+ <view class="entrust-text">委托时长：{{item.entrustDurationTime}}小时</view>
|
|
|
+ <view class="entrust-text">委托金额：
|
|
|
+ <text class="entrust-price">￥{{item.payAomount}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="entrust-text">备注信息：{{item.remarks}}</view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
<view class="entrust-handle">
|
|
|
<u-button type="success" shape="circle" :ripple="true" @click="goToAdd()" class="handle-custom">发布委托</u-button>
|
|
|
</view>
|
|
|
<u-top-tips ref="uTips"></u-top-tips>
|
|
|
- </scroll-view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
@@ -84,7 +87,7 @@
|
|
|
this.isOver = res.data.list.length != 10
|
|
|
this.entrustList = this.entrustList.concat(res.data.list)
|
|
|
this.entrustTotle = res.data.total
|
|
|
- }
|
|
|
+ }
|
|
|
// else {
|
|
|
// this.$refs.uTips.show({
|
|
|
// title: '当前无委托订单',
|
|
|
@@ -121,17 +124,23 @@
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
+ .zxw-container {
|
|
|
+ width: 100%;
|
|
|
+ height: 100vh;
|
|
|
+ padding-bottom: 80px;
|
|
|
+ }
|
|
|
+
|
|
|
.container {
|
|
|
width: 100%;
|
|
|
// height: 100%;
|
|
|
- height: 100vh;
|
|
|
+ height: calc(100vh - 80px);
|
|
|
float: left;
|
|
|
background-color: #f7f7f7;
|
|
|
// background-color: #FFFFFF;
|
|
|
- overflow-y: auto;
|
|
|
+ // overflow-y: auto;
|
|
|
position: relative;
|
|
|
box-sizing: border-box;
|
|
|
- padding-bottom: 80px;
|
|
|
+ // padding-bottom: 80px;
|
|
|
|
|
|
.entrust-info {
|
|
|
width: 100%;
|
|
|
@@ -151,35 +160,40 @@
|
|
|
line-height: 50px;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.no-cart {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
top: 25%;
|
|
|
- left:30%;
|
|
|
+ left: 30%;
|
|
|
position: absolute;
|
|
|
+
|
|
|
.no-cart-img {
|
|
|
width: 155px;
|
|
|
height: 200px;
|
|
|
margin-bottom: 20px;
|
|
|
}
|
|
|
+
|
|
|
.no-cart-text {
|
|
|
font-size: 16px;
|
|
|
font-family: PingFang SC;
|
|
|
color: #999999;
|
|
|
}
|
|
|
+
|
|
|
.button1 {
|
|
|
/deep/button {
|
|
|
background-color: #ffffff !important;
|
|
|
border: 1px solid #74bd60 !important;
|
|
|
color: #74bd60 !important;
|
|
|
}
|
|
|
+
|
|
|
width: 40%;
|
|
|
height: 34px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.entrust-row {
|
|
|
width: calc(100% - 30px);
|
|
|
float: left;
|
|
|
@@ -225,7 +239,7 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+ }
|
|
|
.entrust-handle {
|
|
|
width: 100%;
|
|
|
height: 80px;
|
|
|
@@ -237,7 +251,7 @@
|
|
|
|
|
|
.handle-custom {
|
|
|
background-color: #56a83a;
|
|
|
-
|
|
|
+
|
|
|
/deep/button {
|
|
|
background-color: #56a83a;
|
|
|
}
|
|
|
@@ -247,5 +261,4 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
</style>
|
liuboyan