|
|
@ -21,6 +21,20 @@ |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="date-filter"> |
|
|
|
|
|
<picker class="date-picker" mode="date" :value="searchForm.startDate" @change="handleStartDateChange"> |
|
|
|
|
|
<view class="date-picker-text" :class="{ 'placeholder': !searchForm.startDate }"> |
|
|
|
|
|
{{searchForm.startDate || '开始日期'}} |
|
|
|
|
|
</view> |
|
|
|
|
|
</picker> |
|
|
|
|
|
<text class="date-separator">至</text> |
|
|
|
|
|
<picker class="date-picker" mode="date" :value="searchForm.endDate" @change="handleEndDateChange"> |
|
|
|
|
|
<view class="date-picker-text" :class="{ 'placeholder': !searchForm.endDate }"> |
|
|
|
|
|
{{searchForm.endDate || '结束日期'}} |
|
|
|
|
|
</view> |
|
|
|
|
|
</picker> |
|
|
|
|
|
<view class="date-clear" v-if="searchForm.startDate || searchForm.endDate" @tap="clearDateFilter">重置</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="shop-order-fixed-holder"></view> |
|
|
<view class="shop-order-fixed-holder"></view> |
|
|
<view class="box1" @tap="goDetail(item)" v-for="(item,index) in orderList" :key="index"> |
|
|
<view class="box1" @tap="goDetail(item)" v-for="(item,index) in orderList" :key="index"> |
|
|
@ -142,6 +156,8 @@ |
|
|
pageSize: 10, |
|
|
pageSize: 10, |
|
|
shopName: '', |
|
|
shopName: '', |
|
|
searchStatus: 10, |
|
|
searchStatus: 10, |
|
|
|
|
|
startDate: '', |
|
|
|
|
|
endDate: '', |
|
|
shopId: uni.getStorageSync('shopId'), |
|
|
shopId: uni.getStorageSync('shopId'), |
|
|
regionId: JSON.parse(uni.getStorageSync('area')).id |
|
|
regionId: JSON.parse(uni.getStorageSync('area')).id |
|
|
}, |
|
|
}, |
|
|
@ -453,6 +469,35 @@ |
|
|
this.searchForm.searchStatus = index |
|
|
this.searchForm.searchStatus = index |
|
|
this.getList() |
|
|
this.getList() |
|
|
}, |
|
|
}, |
|
|
|
|
|
handleStartDateChange(e) { |
|
|
|
|
|
const value = e.detail.value |
|
|
|
|
|
if (this.searchForm.endDate && value > this.searchForm.endDate) { |
|
|
|
|
|
this.tui.toast('开始日期不能晚于结束日期') |
|
|
|
|
|
return |
|
|
|
|
|
} |
|
|
|
|
|
this.searchForm.startDate = value |
|
|
|
|
|
this.searchByDateRange() |
|
|
|
|
|
}, |
|
|
|
|
|
handleEndDateChange(e) { |
|
|
|
|
|
const value = e.detail.value |
|
|
|
|
|
if (this.searchForm.startDate && value < this.searchForm.startDate) { |
|
|
|
|
|
this.tui.toast('结束日期不能早于开始日期') |
|
|
|
|
|
return |
|
|
|
|
|
} |
|
|
|
|
|
this.searchForm.endDate = value |
|
|
|
|
|
this.searchByDateRange() |
|
|
|
|
|
}, |
|
|
|
|
|
searchByDateRange() { |
|
|
|
|
|
if (!this.searchForm.startDate || !this.searchForm.endDate) return |
|
|
|
|
|
this.searchForm.pageNum = 1 |
|
|
|
|
|
this.getList() |
|
|
|
|
|
}, |
|
|
|
|
|
clearDateFilter() { |
|
|
|
|
|
this.searchForm.startDate = '' |
|
|
|
|
|
this.searchForm.endDate = '' |
|
|
|
|
|
this.searchForm.pageNum = 1 |
|
|
|
|
|
this.getList() |
|
|
|
|
|
}, |
|
|
back() { |
|
|
back() { |
|
|
uni.navigateBack() |
|
|
uni.navigateBack() |
|
|
}, |
|
|
}, |
|
|
@ -486,20 +531,20 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.shop-order-fixed-holder { |
|
|
.shop-order-fixed-holder { |
|
|
height: 376rpx; |
|
|
height: 356rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat; |
|
|
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 200rpx; |
|
|
height: 176rpx; |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.title-sreach { |
|
|
.title-sreach { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
display: flex; |
|
|
display: flex; |
|
|
height: 200rpx; |
|
|
height: 176rpx; |
|
|
position: relative; |
|
|
position: relative; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -519,7 +564,7 @@ |
|
|
|
|
|
|
|
|
.title-tab { |
|
|
.title-tab { |
|
|
display: flex; |
|
|
display: flex; |
|
|
margin: 0 auto; |
|
|
margin: 15 auto; |
|
|
background: #F5F8F5; |
|
|
background: #F5F8F5; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -530,13 +575,13 @@ |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
padding: 0 0; |
|
|
padding: 0 0; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
min-height: 176rpx; |
|
|
min-height: 112rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.status-item { |
|
|
.status-item { |
|
|
flex: 0 0 20%; |
|
|
flex: 0 0 20%; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
padding: 20rpx 0; |
|
|
padding: 10rpx 0; |
|
|
position: relative; |
|
|
position: relative; |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); |
|
|
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); |
|
|
@ -545,10 +590,10 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.status-text { |
|
|
.status-text { |
|
|
font-size: 28rpx; |
|
|
font-size: 26rpx; |
|
|
color: #666666; |
|
|
color: #666666; |
|
|
font-weight: normal; |
|
|
font-weight: normal; |
|
|
line-height: 1.4; |
|
|
line-height: 1.3; |
|
|
transition: color 0.2s, font-weight 0.2s; |
|
|
transition: color 0.2s, font-weight 0.2s; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -572,6 +617,57 @@ |
|
|
transition: width 0.2s ease; |
|
|
transition: width 0.2s ease; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.date-filter { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
width: 92%; |
|
|
|
|
|
height: 68rpx; |
|
|
|
|
|
margin: 0 auto; |
|
|
|
|
|
padding: 0 16rpx; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
border-radius: 18rpx; |
|
|
|
|
|
background: #fff; |
|
|
|
|
|
box-shadow: 0 8rpx 20rpx rgba(0, 35, 28, 0.06); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.date-picker { |
|
|
|
|
|
flex: 1; |
|
|
|
|
|
min-width: 0; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.date-picker-text { |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 48rpx; |
|
|
|
|
|
line-height: 48rpx; |
|
|
|
|
|
border-radius: 14rpx; |
|
|
|
|
|
background: #F5F8F5; |
|
|
|
|
|
color: #00231C; |
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.date-picker-text.placeholder { |
|
|
|
|
|
color: #7a8582; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.date-separator { |
|
|
|
|
|
margin: 0 16rpx; |
|
|
|
|
|
color: #7a8582; |
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.date-clear { |
|
|
|
|
|
margin-left: auto; |
|
|
|
|
|
padding: 0 14rpx; |
|
|
|
|
|
height: 48rpx; |
|
|
|
|
|
line-height: 48rpx; |
|
|
|
|
|
border-radius: 14rpx; |
|
|
|
|
|
background: rgba(255, 107, 53, 0.1); |
|
|
|
|
|
color: #ff6b35; |
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
font-weight: 700; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.box1 { |
|
|
.box1 { |
|
|
width: 92%; |
|
|
width: 92%; |
|
|
margin: 20rpx auto; |
|
|
margin: 20rpx auto; |
|
|
|