You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
554 lines
15 KiB
554 lines
15 KiB
<template>
|
|
<view>
|
|
<view>
|
|
<button size="default" type="default" @tap="upOrDown" hover-class="is-hover">{{type == 0?'上线':'下线'}}</button>
|
|
</view>
|
|
<view class="contentPadding">
|
|
<view class="title">
|
|
<i class="iconfont icon-huaban">
|
|
今日订单
|
|
<text @tap="toggle" style="color:red;text-decoration-line: underline;padding-left:30rpx;">（{{waitUpDoorNum}}个待上门取货）</text>
|
|
<!-- <view class="btn" @tap="gotoSearchData">
|
|
历史订单 >
|
|
</view> -->
|
|
</i>
|
|
</view>
|
|
</view>
|
|
<view class="item-wrapper">
|
|
<u-subsection :list="list" :current="current" @change="sectionChange"></u-subsection>
|
|
<view class="ulList" v-if="bList.length > 0">
|
|
<ul>
|
|
<li v-for="(item,index ) in bList" :key="index">
|
|
<uni-card :title="'店铺名称:'+item.shopName" :sub-title="item.getOrderAddress+'（'+item.mobile+'）'">
|
|
<view class="uni-body">
|
|
<text class="cardText">{{item.orderAddress}}</text>
|
|
</view>
|
|
<view class="uni-body">
|
|
<text class="cardText"> 下单时间：</text>
|
|
<text class="priceText"> {{item.createTime}}</text>
|
|
</view>
|
|
<view class="uni-body" v-if="current != 3">
|
|
<text class="cardText"> 订单编号：</text>
|
|
<text class="priceText"> {{item.orderId}}</text>
|
|
</view>
|
|
<view style="display: flex;height: 80rpx;line-height: 80rpx;">
|
|
<view class="copy-text" @tap="copyAddress(item,'fa')">复制发货人地址</view>
|
|
<view class="copy-text" @tap="copyAddress(item,'shou')">复制收货人地址</view>
|
|
</view>
|
|
</uni-card>
|
|
</li>
|
|
</ul>
|
|
</view>
|
|
</view>
|
|
<u-loadmore :status="status" />
|
|
<u-modal :show="modalShow" title="详细地址" :content='content' @confirm="modalShow = false"></u-modal>
|
|
<uni-fab ref="fab" :content="content" :horizontal="horizontal"
|
|
@trigger="trigger" />
|
|
<!-- 待上门订单弹窗 -->
|
|
<uni-popup ref="popup" background-color="#fff" :is-mask-click="true">
|
|
<view class="type-popup" style="margin-bottom: 0;border-radius: 0;">
|
|
<view style="height: 80rpx;font-size: 36rpx;font-weight: bold;line-height: 80rpx;text-align: center;">
|
|
待上门订单
|
|
</view>
|
|
<view class="ulList">
|
|
<ul>
|
|
<li v-for="(item,index) in upDoorList" :key="index">
|
|
<uni-card :title="'店铺名称:'+item.shopName" :sub-title="item.shopAddress+'（'+item.createByPhone+'）'">
|
|
<view class="uni-body">
|
|
<text class="cardText">{{item.province + item.city + item.area}}</text>
|
|
</view>
|
|
<view class="uni-body">
|
|
<text class="cardText"> 下单时间：</text>
|
|
<text class="priceText"> {{item.createTime}}</text>
|
|
</view>
|
|
<view class="uni-body" v-if="current != 3">
|
|
<text class="cardText"> 客户姓名：</text>
|
|
<text class="priceText"> {{item.userName}}</text>
|
|
</view>
|
|
<view style="display: flex;height: 80rpx;line-height: 80rpx;">
|
|
<view class="copy-text" @tap="upDoorCopyAddress(item,'fa')">复制发货人地址</view>
|
|
<view class="copy-text" @tap="upDoorCopyAddress(item,'shou')">复制收货人地址</view>
|
|
</view>
|
|
<view class="popup-btn" @tap="getSale(item)">确认取件</view>
|
|
</uni-card>
|
|
</li>
|
|
</ul>
|
|
</view>
|
|
</view>
|
|
</uni-popup>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import tui from '../../common/httpRequest.js'
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
list: ['待接单', '待取货', '待送达','店铺自送'],
|
|
modalShow: false,
|
|
content:'地址',
|
|
orderStatus:0,
|
|
status: 'loadmore',
|
|
endDate: '',
|
|
startDate: '',
|
|
transCompany: '',
|
|
totalPages:0,
|
|
pages:1,
|
|
bList: [],
|
|
horizontal: 'right',
|
|
content: [{
|
|
iconPath: '/static/images/tabbar/home.png',
|
|
selectedIconPath: '/static/images/tabbar/home-sel.png',
|
|
text: '线路配置',
|
|
active: false
|
|
},{
|
|
iconPath: '/static/images/tabbar/home.png',
|
|
selectedIconPath: '/static/images/tabbar/home-sel.png',
|
|
text: '扣减记录',
|
|
active: false
|
|
},{
|
|
iconPath: '/static/images/tabbar/home.png',
|
|
selectedIconPath: '/static/images/tabbar/home-sel.png',
|
|
text: '切换物流',
|
|
active: false
|
|
},{
|
|
iconPath: '/static/images/tabbar/home.png',
|
|
selectedIconPath: '/static/images/tabbar/home-sel.png',
|
|
text: '退出登录',
|
|
active: false
|
|
}],
|
|
id:'',
|
|
type:'',
|
|
companyName:'',
|
|
current:0,
|
|
waitUpDoorNum:0,
|
|
upDoorList:[]
|
|
}
|
|
},
|
|
created() {
|
|
uni.hideHomeButton() //左上角HOME按钮
|
|
|
|
},
|
|
filters:{
|
|
orderSplit(str){
|
|
return str.slice(-4);
|
|
}
|
|
},
|
|
onReachBottom() {
|
|
if (this.pages >= this.totalPages) return;
|
|
this.status = 'loading';
|
|
this.pages = ++this.pages;
|
|
if(this.current == 3){
|
|
this.getZTList();
|
|
}else{
|
|
this.getList();
|
|
}
|
|
},
|
|
onShow(){
|
|
this.id = uni.getStorageSync('transCompany')
|
|
this.companyName = uni.getStorageSync('companyName')
|
|
this.type = uni.getStorageSync('isOnLine')
|
|
const date = this.formatDate(new Date(), 'YYYY-MM-DD')
|
|
this.startDate = date
|
|
this.endDate = date
|
|
this.transCompany = this.id
|
|
this.getList()
|
|
this.waitPickUp()
|
|
},
|
|
methods: {
|
|
//查询上门取件数量
|
|
waitPickUp(){
|
|
uni.request({
|
|
url: this.tui.interfaceUrl() + '/app/sale/getSaleByCompanyId',
|
|
data: {
|
|
companyId:this.id,
|
|
modeOfService:2
|
|
},
|
|
header: {
|
|
'content-type': 'application/json',
|
|
'appWLToken': this.tui.getToken()
|
|
},
|
|
method: 'POST', //'GET','POST'
|
|
dataType: 'json',
|
|
success: (res) => {
|
|
if (res.data.code == 200){
|
|
this.upDoorList = res.data.result.records
|
|
this.waitUpDoorNum = res.data.result.total
|
|
}
|
|
},
|
|
fail: (res) => {
|
|
this.tui.toast("网络不给力，请稍后再试~")
|
|
}
|
|
})
|
|
},
|
|
toggle(){
|
|
this.$refs.popup.open()
|
|
},
|
|
getSale(item){
|
|
uni.request({
|
|
url: this.tui.interfaceUrl() + '/app/sale/companyGetSale',
|
|
data: {
|
|
saleId:item.saleId
|
|
},
|
|
header: {
|
|
'content-type': 'application/x-www-form-urlencoded',
|
|
'appWLToken': this.tui.getToken()
|
|
},
|
|
method: 'POST', //'GET','POST'
|
|
dataType: 'json',
|
|
success: (res) => {
|
|
if (res.data.code == 200){
|
|
this.tui.toast("确认取货成功")
|
|
setTimeout(res => {
|
|
this.waitPickUp()
|
|
}, 1000)
|
|
|
|
}
|
|
},
|
|
fail: (res) => {
|
|
this.tui.toast("网络不给力，请稍后再试~")
|
|
}
|
|
})
|
|
},
|
|
upOrDown(){
|
|
var url
|
|
if(this.type == 1){ //上线状态
|
|
url = '/app/logitics/offLine'
|
|
}else{ //离线状态
|
|
url = '/app/logitics/onLine'
|
|
}
|
|
uni.request({
|
|
url: this.tui.interfaceUrl() + url,
|
|
data: {
|
|
id:this.id
|
|
},
|
|
header: {
|
|
'content-type': 'application/x-www-form-urlencoded',
|
|
'appWLToken': this.tui.getToken()
|
|
},
|
|
method: 'POST', //'GET','POST'
|
|
dataType: 'json',
|
|
success: (res) => {
|
|
if (res.data.code == 200){
|
|
if(this.type == 1){
|
|
tui.toast("下线成功")
|
|
uni.setStorageSync('isOnLine', 0)
|
|
this.type = 0
|
|
}else{
|
|
tui.toast("上线成功")
|
|
uni.setStorageSync('isOnLine', 1)
|
|
this.type = 1
|
|
}
|
|
uni.reLaunch({
|
|
url: '/package1/other/logistics'
|
|
});
|
|
}
|
|
},
|
|
fail: (res) => {
|
|
this.tui.toast("网络不给力，请稍后再试~")
|
|
}
|
|
})
|
|
},
|
|
//复制地址
|
|
copyAddress(item,type){
|
|
console.log(item);
|
|
if(type=='fa'){
|
|
var data = item.shopName + (item.createBy || item.createByPhone)+'河北省沧州市运河区明珠商贸城' + item.getOrderAddress
|
|
uni.setClipboardData({
|
|
data: data,
|
|
success: function () {
|
|
console.log('复制成功');
|
|
}
|
|
});
|
|
}else{
|
|
var aaa = item.orderAddress.substr(item.orderAddress.indexOf('-'))
|
|
var data = item.userName +(item.userPhone || item.userMobile) + item.province+item.city+item.area+aaa
|
|
uni.setClipboardData({
|
|
data: data,
|
|
success: function () {
|
|
console.log('复制成功');
|
|
}
|
|
});
|
|
}
|
|
},
|
|
//复制地址
|
|
upDoorCopyAddress(item,type){
|
|
console.log(item);
|
|
if(type=='fa'){
|
|
var data = item.shopName + item.createByPhone +'河北省沧州市运河区明珠商贸城' + item.shopAddress
|
|
uni.setClipboardData({
|
|
data: data,
|
|
success: function () {
|
|
console.log('复制成功');
|
|
}
|
|
});
|
|
}else{
|
|
var data = item.userName +item.userPhone + item.province+item.city+item.area + item.receiveAddress
|
|
uni.setClipboardData({
|
|
data: data,
|
|
success: function () {
|
|
console.log('复制成功');
|
|
}
|
|
});
|
|
}
|
|
},
|
|
sectionChange(index) {
|
|
this.current = index
|
|
this.bList = []
|
|
if(index == 2){
|
|
this.orderStatus = 3
|
|
this.getList()
|
|
}else if(index == 3){
|
|
this.getZTList()
|
|
}else{
|
|
this.orderStatus = index
|
|
this.getList()
|
|
}
|
|
},
|
|
trigger(e) {
|
|
let that = this;
|
|
if(e.index == 0){
|
|
uni.navigateTo({
|
|
url: `/package1/other/logisticsAddress`
|
|
})
|
|
// that.tui.toast("线路配置暂不可用")
|
|
}else if(e.index == 1){
|
|
uni.navigateTo({
|
|
url: `/package1/other/companyLog`
|
|
})
|
|
}else if(e.index == 2){
|
|
uni.navigateTo({
|
|
url: `/pages/index/checkShop?type=wuliu`
|
|
})
|
|
}else{
|
|
uni.showModal({
|
|
title: "提示",
|
|
content: "确定退出登录吗？",
|
|
success: function(res) {
|
|
if (res.confirm) {
|
|
uni.request({
|
|
url: that.tui.interfaceUrl() + '/auth/loginOutOfCompany',
|
|
data: {
|
|
companyId:that.id,
|
|
companyName:that.companyName
|
|
},
|
|
header: {
|
|
'content-type': 'application/x-www-form-urlencoded',
|
|
'appWLToken': that.tui.getToken()
|
|
},
|
|
method: 'POST', //'GET','POST'
|
|
dataType: 'json',
|
|
success: (res) => {
|
|
if (res.data.code == 401){
|
|
that.tui.toast("退出登录成功")
|
|
uni.clearStorage();
|
|
uni.navigateTo({
|
|
url: '/pages/login/login'
|
|
})
|
|
}
|
|
},
|
|
fail: (res) => {
|
|
that.tui.toast("网络不给力，请稍后再试~")
|
|
}
|
|
})
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
},
|
|
|
|
getZTList() {
|
|
this.status = 'loading';
|
|
uni.request({
|
|
url: this.tui.interfaceUrl() + '/app/sale/getSaleByCompanyId',
|
|
data: {
|
|
companyId:this.transCompany,
|
|
pageNum:this.pages,
|
|
pageSize:10
|
|
},
|
|
header: {
|
|
'content-type': 'application/json',
|
|
'appWLToken': this.tui.getToken()
|
|
},
|
|
method: 'POST', //'GET','POST'
|
|
dataType: 'json',
|
|
success: (res) => {
|
|
this.status = 'nomore';
|
|
if (res.data.code == 200){
|
|
for(var i=0;i<res.data.result.records.length;i++){
|
|
res.data.result.records[i].getOrderAddress = res.data.result.records[i].shopAddress
|
|
res.data.result.records[i].mobile = res.data.result.records[i].createByPhone
|
|
res.data.result.records[i].orderAddress = res.data.result.records[i].province + res.data.result.records[i].city + res.data.result.records[i].area + res.data.result.records[i].receiveAddress
|
|
}
|
|
if (this.pages == 1) {
|
|
this.bList = res.data.result.records
|
|
} else {
|
|
this.bList = [...this.bList, ...res.data.result.records]
|
|
}
|
|
this.totalPages = res.data.result.totalPages
|
|
}
|
|
},
|
|
fail: (res) => {
|
|
this.tui.toast("网络不给力，请稍后再试~")
|
|
}
|
|
})
|
|
},
|
|
getList() {
|
|
this.status = 'loading';
|
|
uni.request({
|
|
url: this.tui.interfaceUrl() + '/order/getByCondition',
|
|
data: {
|
|
orderStatus:this.orderStatus,
|
|
endDate: this.endDate,
|
|
startDate: this.startDate,
|
|
transCompany: this.transCompany,
|
|
pageNumber:this.pages,
|
|
pageSize:10
|
|
},
|
|
header: {
|
|
'content-type': 'application/x-www-form-urlencoded',
|
|
'appWLToken': this.tui.getToken()
|
|
},
|
|
method: 'GET', //'GET','POST'
|
|
dataType: 'json',
|
|
success: (res) => {
|
|
this.status = 'nomore';
|
|
if (res.data.code == 200){
|
|
this.bList = res.data.result.content
|
|
if (this.pages == 1) {
|
|
this.bList = res.data.result.content
|
|
} else {
|
|
this.bList = [...this.bList, ...res.data.result.content]
|
|
}
|
|
this.totalPages = res.data.result.totalPages
|
|
}
|
|
},
|
|
fail: (res) => {
|
|
this.tui.toast("网络不给力，请稍后再试~")
|
|
}
|
|
})
|
|
},
|
|
gotoInfo() {
|
|
uni.navigateTo({
|
|
url: `/pages/index/shopInfo`
|
|
})
|
|
},
|
|
gotoSearchData() {
|
|
uni.navigateTo({
|
|
url: '/package1/other/logisticsDetail'
|
|
})
|
|
},
|
|
formatDate(date, fmt) {
|
|
var o = {
|
|
'M+': date.getMonth() + 1, //月份
|
|
'D+': date.getDate(), //日
|
|
'H+': date.getHours(), //小时
|
|
'm+': date.getMinutes(), //分
|
|
's+': date.getSeconds(), //秒
|
|
'q+': Math.floor((date.getMonth() + 3) / 3), //季度
|
|
'S': date.getMilliseconds() //毫秒
|
|
};
|
|
if (/(Y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
|
|
for (var k in o)
|
|
if (new RegExp('(' + k + ')').test(fmt))
|
|
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k])
|
|
.length)));
|
|
return fmt;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
button {
|
|
color: #ffffff;
|
|
background: #5fd9ee;
|
|
width: 90%;
|
|
margin: 20rpx auto;
|
|
}
|
|
|
|
.example-body {}
|
|
|
|
.shop-choose {
|
|
padding: 25upx 15upx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
|
|
.shop-name {
|
|
flex-basis: 150upx;
|
|
}
|
|
}
|
|
|
|
.item-wrapper {
|
|
background-color: #fff;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.text {
|
|
width: 600upx;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.copy-text{
|
|
text-align:center;
|
|
flex:1;
|
|
color: blue;
|
|
text-decoration-line: underline;
|
|
}
|
|
.contentPadding {
|
|
padding: 0 20upx;
|
|
background-color: #fff;
|
|
color: #909399;
|
|
|
|
.title {
|
|
padding-left: 20rpx;
|
|
font-size: 32rpx;
|
|
color: #303133;
|
|
line-height: 66rpx;
|
|
|
|
image {
|
|
display: inline-block;
|
|
width: 40rpx;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.btn {
|
|
text-align: right;
|
|
width: 24%;
|
|
float: right;
|
|
font-size: 26rpx;
|
|
color: $u-primary;
|
|
}
|
|
}
|
|
|
|
.grid-text {
|
|
font-size: 28rpx;
|
|
margin-bottom: 26rpx;
|
|
}
|
|
}
|
|
.type-popup{
|
|
width: 600rpx;
|
|
height: 1200rpx;
|
|
overflow: scroll;
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
position: relative;
|
|
margin-bottom: 40rpx;
|
|
}
|
|
.popup-btn{
|
|
width: 120rpx;
|
|
height: 60rpx;
|
|
border-radius: 10px;
|
|
color: #fff;
|
|
font-size: 24rpx;
|
|
line-height: 60rpx;
|
|
text-align: center;
|
|
background: linear-gradient(90deg, #60F3FF, #088FEB);
|
|
float: right;
|
|
margin: 0 10rpx 20rpx 0;
|
|
}
|
|
</style>
|