wangfukang
3 years ago
3 changed files with 501 additions and 142 deletions
@ -0,0 +1,232 @@ |
|||||
|
<template> |
||||
|
<view> |
||||
|
<uni-datetime-picker style="margin-bottom:10px;" v-model="range" type="daterange" /> |
||||
|
|
||||
|
<view class="item-wrapper"> |
||||
|
<view class="ulList" v-if="bList.length > 0"> |
||||
|
<ul> |
||||
|
<li v-for="(item,index ) in bList" :key="index"> |
||||
|
<uni-card :title="'店铺名称:张三的店'" :sub-title="'明珠早市馆15001 （13521420172）'"> |
||||
|
<view class="uni-body" @tap="goPhone"> |
||||
|
<text class="cardText">德邦物流：</text> |
||||
|
<text style="color: blue;text-decoration-line: underline;">15014256321</text> |
||||
|
</view> |
||||
|
<view class="uni-body"> |
||||
|
<text class="cardText"> 下单时间：</text> |
||||
|
<text class="priceText"> 2023-11-29 12：00：01</text> |
||||
|
</view> |
||||
|
<view class="uni-body"> |
||||
|
<text class="cardText"> 订单状态：</text> |
||||
|
待送达 |
||||
|
</view> |
||||
|
</uni-card> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</view> |
||||
|
</view> |
||||
|
<u-modal :show="modalShow" title="详细地址" :content='content' @confirm="modalShow = false"></u-modal> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import tui from '../../common/httpRequest.js' |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
range: '', |
||||
|
name: '', |
||||
|
shopList: [], |
||||
|
modalShow: false, |
||||
|
content: '地址地址地址', |
||||
|
query: { |
||||
|
saleVO: { |
||||
|
searchDateVo: { |
||||
|
endDate: '', |
||||
|
startDate: '' |
||||
|
}, |
||||
|
transCompany: '' |
||||
|
}, |
||||
|
}, |
||||
|
bList:[] |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
const id = uni.getStorageSync('transCompany') |
||||
|
const date = this.formatDate(new Date(), 'YYYY-MM-DD') |
||||
|
this.query.saleVO.searchDateVo.startDate = date + ' 00:00:00' |
||||
|
this.query.saleVO.searchDateVo.endDate = date + ' 23:59:59' |
||||
|
this.query.saleVO.transCompany = id |
||||
|
this.range = date |
||||
|
this.getShopList() |
||||
|
this.getAllList() |
||||
|
}, |
||||
|
methods: { |
||||
|
sectionChange(index) { |
||||
|
console.log(index) |
||||
|
this.current = index |
||||
|
this.bList = [] |
||||
|
if (index == 0) { |
||||
|
this.getAllList() |
||||
|
} |
||||
|
if (index == 1) { |
||||
|
this.getList() |
||||
|
} |
||||
|
if (index == 2) { |
||||
|
this.getReturnList() |
||||
|
} |
||||
|
}, |
||||
|
getList() { |
||||
|
this.tui.request('/app/sale/listAll', 'post', { |
||||
|
remarkSR:2, |
||||
|
shopId: this.shopId, |
||||
|
searchDateVo: this.query |
||||
|
}, false, false, false).then(res => { |
||||
|
if (res.code !== 200) return |
||||
|
this.bList = res.result |
||||
|
}) |
||||
|
}, |
||||
|
getAllList() { |
||||
|
this.tui.request('/app/sale/listAll', 'post', { |
||||
|
remarkSR:2, |
||||
|
shopId: this.shopId, |
||||
|
searchDateVo: this.query |
||||
|
}, false, false, false).then(res => { |
||||
|
if (res.code !== 200) return |
||||
|
this.bList = res.result.saleList |
||||
|
}) |
||||
|
}, |
||||
|
getReturnList() { |
||||
|
this.tui.request('/app/sale/listAll', 'post', { |
||||
|
remarkSR:3, |
||||
|
shopId: this.shopId, |
||||
|
searchDateVo: this.query |
||||
|
}, false, false, false).then(res => { |
||||
|
if (res.code !== 200) return |
||||
|
this.bList = res.result.returnSaleList |
||||
|
}) |
||||
|
}, |
||||
|
dateChange() { |
||||
|
console.log(this.range) |
||||
|
this.query.startDate = this.range[0] |
||||
|
this.query.endDate = this.range[1] |
||||
|
this.sectionChange(this.current) |
||||
|
}, |
||||
|
gotoInfo() { |
||||
|
uni.navigateTo({ |
||||
|
url: `/pages/index/shopInfo` |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
gotoSearchData() { |
||||
|
uni.navigateTo({ |
||||
|
url: '/pages/other/logisticsDetail' |
||||
|
}) |
||||
|
}, |
||||
|
getShopList() { |
||||
|
// this.tui.request('/app/sale/listCompany', 'POST', {}, false, true, false).then(res => { |
||||
|
// if (res.code !== 200) return |
||||
|
// this.shopList = res.result.map((v) => { |
||||
|
// return { |
||||
|
// text: v.shopName, |
||||
|
// value: v.id |
||||
|
// } |
||||
|
// }) |
||||
|
// }) |
||||
|
const that = this |
||||
|
uni.request({ |
||||
|
url: tui.interfaceUrl() + '/app/sale/listCompany', |
||||
|
data: this.query.saleVO, |
||||
|
header: { |
||||
|
'content-type': 'application/json', |
||||
|
// 'Authorization': tui.getToken() |
||||
|
'appWLToken': tui.getToken() |
||||
|
}, |
||||
|
method: 'post', //'GET','POST' |
||||
|
dataType: 'json', |
||||
|
success: (res) => { |
||||
|
that.shopList = res.data.result |
||||
|
console.log(res) |
||||
|
}, |
||||
|
fail: (res) => { |
||||
|
tui.toast("网络不给力，请稍后再试~") |
||||
|
console.log(res) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
onCellClick(item) { |
||||
|
this.modalShow = true |
||||
|
this.content = item.receiveAddress |
||||
|
console.log('item', item) |
||||
|
}, |
||||
|
onDatePackerChange(date) { |
||||
|
console.log(date) |
||||
|
if (!date) { |
||||
|
this.query.saleVO.searchDateVo.startDate = '' |
||||
|
this.query.saleVO.searchDateVo.endDate = '' |
||||
|
} else { |
||||
|
this.query.saleVO.searchDateVo.startDate = date + ' 00:00:00' |
||||
|
this.query.saleVO.searchDateVo.endDate = date + " 23:59:59" |
||||
|
} |
||||
|
this.getShopList() |
||||
|
}, |
||||
|
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; |
||||
|
}, |
||||
|
goPhone(){ |
||||
|
uni.makePhoneCall({ |
||||
|
phoneNumber: '13521030702' |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</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; |
||||
|
} |
||||
|
</style> |
||||
Binary file not shown.
Loading…
Reference in new issue