|
|
|
|
@ -3,31 +3,22 @@
|
|
|
|
|
backgroundImage:'url('+staticImage.wallpaperBgImage+')' |
|
|
|
|
}"> |
|
|
|
|
|
|
|
|
|
<view class="order-screen-top" :style="{ |
|
|
|
|
// top:(uni.$u.) |
|
|
|
|
}"> |
|
|
|
|
<view class="order-capsule-container row"> |
|
|
|
|
<view class="order-capsule col-4" |
|
|
|
|
v-for="(item,index) in screenMenu" |
|
|
|
|
:class="{active:(index === screenCheck)}" |
|
|
|
|
@click="selectScreen(index)" |
|
|
|
|
:class="{active:(item.value === screenCheck)}" |
|
|
|
|
@click="selectScreen(item)" |
|
|
|
|
> |
|
|
|
|
{{ item.name }} |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
<view class="order-screen-container row"> |
|
|
|
|
<view class="order-screen active"> |
|
|
|
|
全部 |
|
|
|
|
<view class="order-screen-active"> |
|
|
|
|
<image mode="widthFix" class="img" :src="staticImage.screenActiveImg" /> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="order-screen"> |
|
|
|
|
明天 |
|
|
|
|
<view class="order-screen-active"> |
|
|
|
|
<image mode="widthFix" class="img" :src="staticImage.screenActiveImg" /> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="order-screen"> |
|
|
|
|
后天 |
|
|
|
|
<view class="order-screen" v-for="(date, index) in dateSelectData" @click="dayActiveToggle(date)" :class="{active:dayActive === date.value}"> |
|
|
|
|
{{ date.title }} |
|
|
|
|
<view class="order-screen-active"> |
|
|
|
|
<image mode="widthFix" class="img" :src="staticImage.screenActiveImg" /> |
|
|
|
|
</view> |
|
|
|
|
@ -43,8 +34,11 @@
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="order-list-container"> |
|
|
|
|
<view class="order-list-item" v-for="item in orderCardList"> |
|
|
|
|
<view class="order-list-item" v-for="(item,index) in orderList"> |
|
|
|
|
<view class="order-card-container row"> |
|
|
|
|
<view class="order-card-container-background col-12"></view> |
|
|
|
|
<view class="order-card-container-background-main row"> |
|
|
|
|
@ -55,7 +49,7 @@
|
|
|
|
|
<view class="order-card-right"> |
|
|
|
|
<view class="order-card-title">{{item.addr}}</view> |
|
|
|
|
<view class="order-card-tag-container row"> |
|
|
|
|
<view class="order-card-tag" v-for="server in item.services">{{ server }}</view> |
|
|
|
|
<view class="order-card-tag" v-for="(server, i) in item.services" wx:key="i">{{ server }}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="order-card-day"><text class="card-label">上门：</text>{{item.do_date}} {{ item.do_time }} |
|
|
|
|
</view> |
|
|
|
|
@ -83,7 +77,11 @@
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<u-loadmore :status="status" fontSize="28" |
|
|
|
|
color="#ACB4B6" |
|
|
|
|
line |
|
|
|
|
line-color="#ACB4B6" |
|
|
|
|
marginBottom="30" marginTop="30" @loadmore="getOrderList()"/> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- <RightNav></RightNav> --> |
|
|
|
|
@ -111,18 +109,24 @@
|
|
|
|
|
return { |
|
|
|
|
title: 'Hello', |
|
|
|
|
loading: true, |
|
|
|
|
screenCheck:0, |
|
|
|
|
status: 'loadmore', |
|
|
|
|
screenCheck:'', |
|
|
|
|
screenMenu:[ |
|
|
|
|
{ |
|
|
|
|
name:'全部', |
|
|
|
|
value:'', |
|
|
|
|
},{ |
|
|
|
|
name:'待服务', |
|
|
|
|
value:'1', |
|
|
|
|
value:'0', |
|
|
|
|
},{ |
|
|
|
|
name:'已完成', |
|
|
|
|
value:'2', |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
dateSelectData:[ |
|
|
|
|
{title:"全部", value: 0}, |
|
|
|
|
{title:"今天", value: 1}, |
|
|
|
|
{title:"明天", value: 2}, |
|
|
|
|
], |
|
|
|
|
staticImage: { |
|
|
|
|
screenActiveImg: imghost + '/static/image/order-screen-active.png', |
|
|
|
|
@ -143,40 +147,58 @@
|
|
|
|
|
pagePadding: 100, |
|
|
|
|
petImage: imghost + '/static/image/pet_avatar1.jpeg', |
|
|
|
|
orderList:[], |
|
|
|
|
dayActive: 1, |
|
|
|
|
dayActive: 0, |
|
|
|
|
statusActive: 1, |
|
|
|
|
page:1 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onLoad() { |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
selectScreen(index){ |
|
|
|
|
this.screenCheck = index; |
|
|
|
|
selectScreen(item){ |
|
|
|
|
this.screenCheck = item.value; |
|
|
|
|
this.page = 1; |
|
|
|
|
this.status = "loadmore"; |
|
|
|
|
this.orderList = []; |
|
|
|
|
this.getOrderList(); |
|
|
|
|
}, |
|
|
|
|
navTo(url){ |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url:url |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
getOrderList(page = 1, filter = { |
|
|
|
|
getOrderList(filter = { |
|
|
|
|
status: "", |
|
|
|
|
start_time: "", |
|
|
|
|
end_time: "" |
|
|
|
|
}){ |
|
|
|
|
filter.is_worker = this.$store.state.userInfo.store_id ? 1 : 0; |
|
|
|
|
filter.page = page; |
|
|
|
|
filter.limit = 10; |
|
|
|
|
filter.page = this.page++; |
|
|
|
|
filter.limit = 1; |
|
|
|
|
if (this.screenCheck !== '') { |
|
|
|
|
filter.status = this.screenCheck; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if (this.status === 'nomore') { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
this.status = 'loading'; |
|
|
|
|
getOrderList(filter).then(data => { |
|
|
|
|
this.orderList = data.data; |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
dayActiveToggle(daySign){ |
|
|
|
|
this.dayActive = daySign; |
|
|
|
|
this.orderList.push.apply(this.orderList,data.data); |
|
|
|
|
this.orderList.push.apply(this.orderList,data.data); |
|
|
|
|
if (data.data.length < filter.limit) { |
|
|
|
|
this.status = 'nomore'; |
|
|
|
|
}else{ |
|
|
|
|
this.status = 'loadmore'; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
statusActiveToggle(statusSign){ |
|
|
|
|
this.statusActive = statusSign; |
|
|
|
|
dayActiveToggle(date){ |
|
|
|
|
this.dayActive = date.value; |
|
|
|
|
this.page = 1; |
|
|
|
|
this.orderList = []; |
|
|
|
|
this.status = "loadmore"; |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
@ -187,6 +209,7 @@
|
|
|
|
|
uni.$emit('isTop', false); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
mounted() { |
|
|
|
|
this.getOrderList(); |
|
|
|
|
}, |
|
|
|
|
|
