parent
c3839f37ef
commit
432f7667f5
@ -0,0 +1,436 @@ |
|||||||
|
<template> |
||||||
|
<view> |
||||||
|
|
||||||
|
<view class="headsearch width94 mart15 paddtop5 paddbotm10 fotct"> |
||||||
|
|
||||||
|
<view class="mart10 width90 alijusstart"> |
||||||
|
<view class="fcorfff font14 margleri10 width60 fotlt">开始时间 :</view> |
||||||
|
<picker mode="date" :value="startdate" :start="startDate" :end="endDate" @change="bindDateChange"> |
||||||
|
<view class="datetim fcorfff">{{startdate}}<i class="down"></i></view> |
||||||
|
</picker> |
||||||
|
</view> |
||||||
|
<view class="mart10 width90 alijusstart"> |
||||||
|
<view class="fcorfff font14 margleri10 width60 fotlt">结束时间 :</view> |
||||||
|
<picker mode="date" :value="enddate" :start="startDate" :end="endDate" @change="bindDateChange1"> |
||||||
|
<view class="datetim fcorfff">{{enddate}}<i class="down"></i></view> |
||||||
|
</picker> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="mart15 width90 alijusstart" v-if="userInfo.secUser.objectType == 2"> |
||||||
|
<view class="fcorfff font14 margleri10 width25 fotlt">业务员 :</view> |
||||||
|
<picker mode="selector" class="width75" :range="salesmanList" range-key="name" |
||||||
|
@change="bindDateChange4"> |
||||||
|
<view class="fcorfff fotrt font14" v-if="salesmanname">{{salesmanname}}<i class="down"></i></view> |
||||||
|
<view class="fcorfff fotrt font14" v-else>请选择<i class="down"></i></view> |
||||||
|
</picker> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="mart15 width90 alijusstart" |
||||||
|
v-if="userInfo.secUser.objectType == 2 || userInfo.secUser.objectType == 3"> |
||||||
|
<view class="fcorfff font14 margleri10 width25 fotlt">商户 :</view> |
||||||
|
<picker mode="selector" class="width75" :range="merList" range-key="merName" @change="bindDateChange2"> |
||||||
|
<view class="fcorfff fotrt font14" v-if="merName">{{merName}}<i class="down"></i></view> |
||||||
|
<view class="fcorfff fotrt font14" v-else>请选择<i class="down"></i></view> |
||||||
|
</picker> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="mart15 width90 alijusstart" |
||||||
|
v-if="userInfo.secUser.objectType == 2 || userInfo.secUser.objectType == 3 || userInfo.secUser.objectType == 4"> |
||||||
|
<view class="fcorfff font14 margleri10 width25 fotlt">门店 :</view> |
||||||
|
<picker mode="selector" class="width75" :range="storeListByMer" range-key="name" |
||||||
|
@change="bindDateChange3"> |
||||||
|
<view class="fcorfff fotrt font14" v-if="storename">{{storename}}<i class="down"></i></view> |
||||||
|
<view class="fcorfff fotrt font14" v-else>请选择<i class="down"></i></view> |
||||||
|
</picker> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="input-box"> |
||||||
|
<view class="icon search"></view> |
||||||
|
<input placeholder="请输入订单编号" v-model="orderNo" placeholder-style="color:#c0c0c0;" @input="toSearch()" /> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
|
||||||
|
<view class="width100 height90 backcorfff marb5 mart15" style="border-radius: 22px 0 22px 0;"> |
||||||
|
<view class="width100 fotct height40p alijus font20 fcor333"> |
||||||
|
<view class="width50"> |
||||||
|
{{totalPrice}} 元 |
||||||
|
</view> |
||||||
|
<view class="width50 "> |
||||||
|
{{totalNum}} 笔 |
||||||
|
</view> |
||||||
|
<!-- <view style="width: 1px;" class="height80 backcor6"></view> --> |
||||||
|
</view> |
||||||
|
<view class="width100 fotct height40p alijus font14 fcor333"> |
||||||
|
<view class="width50 "> |
||||||
|
交易金额 |
||||||
|
</view> |
||||||
|
<view class="width50"> |
||||||
|
交易笔数 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view v-if="notesList == ''" class="mart60 fotct font14 fcor666"> |
||||||
|
<image mode="widthFix" style="width: 70vw;" src="/static/img/noorder.png"></image> |
||||||
|
</view> |
||||||
|
<view class="width100 backcorfff" v-for="(item,index) in notesList" :key="index" |
||||||
|
@click="jumpOderdetails(item.outTradeNo)"> |
||||||
|
<view class="width94 paddtop10 paddbotm10 alijusstart bor-botm1"> |
||||||
|
<view class="width15"> |
||||||
|
<image src="/static/img/wechat.png" mode="widthFix" class="iconw40" |
||||||
|
v-if="item.payMode == 'WECHAT'"></image> |
||||||
|
<image src="/static/img/alipay.png" mode="widthFix" class="iconw40" |
||||||
|
v-if="item.payMode == 'ALIPAY'"></image> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="width85"> |
||||||
|
<view class="font15 fcor666 width100">{{item.outTradeNo}}</view> |
||||||
|
<view class="alijusstart font14 fcor999"> |
||||||
|
<view class="width50 text1">扫一扫</view> |
||||||
|
<view class="width50 fotrt">{{statusList[item.status]}}</view> |
||||||
|
</view> |
||||||
|
<view class="alijusstart font14 paddtop5 fcor999"> |
||||||
|
<view class="width15 text1" v-if="userInfo.secUser.objectType == 2">{{item.salesmanName}}</view> |
||||||
|
<view class="width85 text1" v-if="userInfo.secUser.objectType != 2">{{item.storeName}}</view> |
||||||
|
<view class="width85 fotrt" v-if="userInfo.secUser.objectType == 2">{{item.storeName}}</view> |
||||||
|
</view> |
||||||
|
<view class="alijusstart font14 paddtop5 fcor999"> |
||||||
|
<view class="width70">{{item.createTime | timeFormat('yyyy-mm-dd hh:mm:ss')}} |
||||||
|
</view> |
||||||
|
<view class="width30 fotrt">¥ {{item.tradeAmount}}</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
</view> |
||||||
|
|
||||||
|
<!-- <view @click="scanCode()"> |
||||||
|
扫码核销 |
||||||
|
</view> --> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { |
||||||
|
getTradeOrderList, |
||||||
|
getMerList, |
||||||
|
getStoreListByMer, |
||||||
|
querySalesmanList |
||||||
|
} from '@/Utils/Api.js'; |
||||||
|
let app = getApp(); |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
const currentDate = this.getDate({ |
||||||
|
format: true |
||||||
|
}) |
||||||
|
return { |
||||||
|
startdate: currentDate, |
||||||
|
enddate: currentDate, |
||||||
|
notesList: [], |
||||||
|
statusList: { |
||||||
|
1: "待支付", |
||||||
|
2: "支付中", |
||||||
|
3: "支付成功", |
||||||
|
4: "支付失败", |
||||||
|
5: "已取消", |
||||||
|
6: "已退款" |
||||||
|
}, |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 10, |
||||||
|
isNoMoreData: false, //是否加载中 |
||||||
|
orderNo: '', //订单编号 |
||||||
|
totalPrice: 0, //总价格 |
||||||
|
totalNum: 0, //总笔数 |
||||||
|
userInfo: app.globalData.userInfo, //登录信息 |
||||||
|
merList: [], // 商户列表 |
||||||
|
merno: '', //商户编号 |
||||||
|
merName: '', //商户名称 |
||||||
|
storeListByMer: [], //门店列表 |
||||||
|
storeno: '', //门店编号 |
||||||
|
storename: '', //门店名称, |
||||||
|
salesmanList: [], //业务员列表 |
||||||
|
salesmanid: '', //业务员id |
||||||
|
salesmanname: '', //业务员名称 |
||||||
|
} |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
startDate() { |
||||||
|
return this.getDate('start'); |
||||||
|
}, |
||||||
|
endDate() { |
||||||
|
return this.getDate('end'); |
||||||
|
} |
||||||
|
}, |
||||||
|
onLoad() { |
||||||
|
//代理商 |
||||||
|
if (this.userInfo.secUser.objectType == 2) { |
||||||
|
this.querySalesmanList(); |
||||||
|
} |
||||||
|
//业务员 |
||||||
|
if (this.userInfo.secUser.objectType == 3) { |
||||||
|
this.getMerList(this.userInfo.salesman.id); |
||||||
|
} |
||||||
|
//商户 |
||||||
|
if (this.userInfo.secUser.objectType == 4) { |
||||||
|
this.getStoreListByMer(this.userInfo.mer.id); |
||||||
|
} |
||||||
|
this.getTradeOrderList(); |
||||||
|
}, |
||||||
|
onReachBottom() { |
||||||
|
this.getTradeOrderList(); |
||||||
|
}, |
||||||
|
|
||||||
|
methods: { |
||||||
|
scanCode(){ |
||||||
|
// wx.scanQRCode({ |
||||||
|
// needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果， |
||||||
|
// scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有 |
||||||
|
// success: function (res) { |
||||||
|
// var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果 |
||||||
|
// } |
||||||
|
// }); |
||||||
|
}, |
||||||
|
//代理商查询业务员 |
||||||
|
querySalesmanList() { |
||||||
|
let datas = { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 9999, |
||||||
|
agentId: this.userInfo.agent.id |
||||||
|
} |
||||||
|
querySalesmanList(datas).then(res => { |
||||||
|
if (res.return_code == '000000' && res.return_data.list != '') { |
||||||
|
this.salesmanList = res.return_data.list; |
||||||
|
// this.salesmanid = res.return_data.list[0].id; |
||||||
|
// this.getStoreListByMer(res.return_data.list[0].id); |
||||||
|
// this.salesmanname = res.return_data.list[0].name; |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
//业务员查询商户 |
||||||
|
getMerList(item) { |
||||||
|
let datas = { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 9999, |
||||||
|
merStatus:1, |
||||||
|
salesmanId: item |
||||||
|
} |
||||||
|
getMerList(datas).then(res => { |
||||||
|
if (res.return_code == '000000' && res.return_data.list != '') { |
||||||
|
this.merList = res.return_data.list; |
||||||
|
// this.merno = res.return_data.list[0].id; |
||||||
|
// this.getStoreListByMer(res.return_data.list[0].id); |
||||||
|
// this.merName = res.return_data.list[0].merName; |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
//商户查询门店 |
||||||
|
getStoreListByMer(item) { |
||||||
|
let datas = { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 9999, |
||||||
|
merId: item |
||||||
|
} |
||||||
|
getStoreListByMer(datas).then(res => { |
||||||
|
if (res.return_code == '000000' && res.return_data.list != '') { |
||||||
|
this.storeListByMer = res.return_data.list; |
||||||
|
// this.storeno = res.return_data.list[0].id; |
||||||
|
// this.storename = res.return_data.list[0].name; |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
//时间修改 |
||||||
|
getDate(type) { |
||||||
|
const date = new Date(); |
||||||
|
let year = date.getFullYear(); |
||||||
|
let month = date.getMonth() + 1; |
||||||
|
let day = date.getDate(); |
||||||
|
|
||||||
|
if (type === 'start') { |
||||||
|
year = year - 60; |
||||||
|
} else if (type === 'end') { |
||||||
|
year = year + 2; |
||||||
|
} |
||||||
|
month = month > 9 ? month : '0' + month;; |
||||||
|
day = day > 9 ? day : '0' + day; |
||||||
|
return `${year}-${month}-${day}`; |
||||||
|
}, |
||||||
|
//选择时间 |
||||||
|
bindDateChange(e) { |
||||||
|
this.startdate = e.target.value; |
||||||
|
this.pageNum = 1; |
||||||
|
this.notesList = []; |
||||||
|
this.isNoMoreData = false; |
||||||
|
this.getTradeOrderList(); |
||||||
|
}, |
||||||
|
bindDateChange1(e) { |
||||||
|
this.enddate = e.target.value; |
||||||
|
this.pageNum = 1; |
||||||
|
this.notesList = []; |
||||||
|
this.isNoMoreData = false; |
||||||
|
this.getTradeOrderList(); |
||||||
|
}, |
||||||
|
//业务员 |
||||||
|
bindDateChange4(e) { |
||||||
|
this.salesmanid = this.salesmanList[e.target.value].id; |
||||||
|
this.salesmanname = this.salesmanList[e.target.value].name; |
||||||
|
this.getMerList(this.salesmanList[e.target.value].id); |
||||||
|
this.pageNum = 1; |
||||||
|
this.notesList = []; |
||||||
|
this.isNoMoreData = false; |
||||||
|
this.getTradeOrderList(); |
||||||
|
}, |
||||||
|
//商户 |
||||||
|
bindDateChange2(e) { |
||||||
|
this.merno = this.merList[e.target.value].id; |
||||||
|
this.merName = this.merList[e.target.value].merName; |
||||||
|
this.getStoreListByMer(this.merList[e.target.value].id); |
||||||
|
this.pageNum = 1; |
||||||
|
this.notesList = []; |
||||||
|
this.isNoMoreData = false; |
||||||
|
this.getTradeOrderList(); |
||||||
|
}, |
||||||
|
//门店 |
||||||
|
bindDateChange3(e) { |
||||||
|
this.storeno = this.storeListByMer[e.target.value].id; |
||||||
|
this.storename = this.storeListByMer[e.target.value].name; |
||||||
|
this.pageNum = 1; |
||||||
|
this.notesList = []; |
||||||
|
this.isNoMoreData = false; |
||||||
|
this.getTradeOrderList(); |
||||||
|
}, |
||||||
|
|
||||||
|
toSearch() { |
||||||
|
this.pageNum = 1; |
||||||
|
this.notesList = []; |
||||||
|
this.isNoMoreData = false; |
||||||
|
this.getTradeOrderList(); |
||||||
|
}, |
||||||
|
//查询列表 |
||||||
|
getTradeOrderList() { |
||||||
|
uni.showLoading({ |
||||||
|
title: '加载中...' |
||||||
|
}) |
||||||
|
if (this.isNoMoreData) { |
||||||
|
uni.hideLoading() |
||||||
|
return false; |
||||||
|
} |
||||||
|
let a = new Date(this.startdate).getTime(); |
||||||
|
let b = new Date(this.enddate).getTime(); |
||||||
|
let startTime = a - 28800000; |
||||||
|
let endTime = b + 57599000; |
||||||
|
let pagenum = this.pageNum; |
||||||
|
let datas = { |
||||||
|
status: 3, |
||||||
|
payTimeS: startTime, |
||||||
|
payTimeE: endTime, |
||||||
|
outTradeNo: this.orderNo, |
||||||
|
pageNum: pagenum, |
||||||
|
salesmanId:this.salesmanid, |
||||||
|
merId: this.merno, |
||||||
|
storeId: this.storeno, |
||||||
|
pageSize: this.pageSize |
||||||
|
} |
||||||
|
getTradeOrderList(datas).then(res => { |
||||||
|
uni.hideLoading(); |
||||||
|
if (res.return_code == '000000' && res.return_data.pageInfo.list) { |
||||||
|
this.totalPrice = res.return_data.totalPrice; |
||||||
|
this.totalNum = res.return_data.totalNum; |
||||||
|
this.isNoMoreData = res.return_data.pageInfo.list.length == this.pageSize ? false : true; |
||||||
|
this.notesList = this.notesList.concat(res.return_data.pageInfo.list); |
||||||
|
if (res.return_data.pageInfo.total == (this.pageNum * this.pageSize)) { |
||||||
|
this.isNoMoreData = true; |
||||||
|
} |
||||||
|
this.pageNum = res.return_data.pageInfo.list.length == this.pageSize ? ++pagenum : pagenum; |
||||||
|
} else { |
||||||
|
this.notesList = []; |
||||||
|
uni.showToast({ |
||||||
|
title: res.return_msg, |
||||||
|
duration: 2000, |
||||||
|
icon: 'none' |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
//跳转详情 |
||||||
|
jumpOderdetails(item) { |
||||||
|
uni.navigateTo({ |
||||||
|
url: '/pages/index/order-list-details/order-list-details?orderid=' + item |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss"> |
||||||
|
page { |
||||||
|
background-color: #f8f9f9; |
||||||
|
} |
||||||
|
|
||||||
|
.input-box { |
||||||
|
width: 90%; |
||||||
|
margin-left: 5%; |
||||||
|
margin-top: 15px; |
||||||
|
margin-bottom: 15px; |
||||||
|
height: 70rpx; |
||||||
|
background-color: #f5f5f5; |
||||||
|
border-radius: 10rpx; |
||||||
|
position: relative; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
.icon { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
position: absolute; |
||||||
|
top: 2px; |
||||||
|
left: 5px; |
||||||
|
width: 60upx; |
||||||
|
height: 60upx; |
||||||
|
font-size: 34upx; |
||||||
|
color: #c0c0c0; |
||||||
|
} |
||||||
|
|
||||||
|
input { |
||||||
|
padding-left: 50upx; |
||||||
|
height: 28upx; |
||||||
|
font-size: 28upx; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
i { |
||||||
|
border: solid #ffffff; |
||||||
|
border-width: 0 2px 2px 0; |
||||||
|
display: inline-block; |
||||||
|
padding: 4px; |
||||||
|
margin-left: 10px; |
||||||
|
vertical-align: 3px; |
||||||
|
} |
||||||
|
|
||||||
|
.down { |
||||||
|
-webkit-transform: rotate(45deg); |
||||||
|
} |
||||||
|
|
||||||
|
.font306adb { |
||||||
|
color: #306adb; |
||||||
|
} |
||||||
|
|
||||||
|
.stus { |
||||||
|
float: right; |
||||||
|
margin-right: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
.headsearch { |
||||||
|
border-radius: 8px; |
||||||
|
background-color: #4c7fe6; |
||||||
|
} |
||||||
|
|
||||||
|
.datetim { |
||||||
|
width: 130px; |
||||||
|
height: 30px; |
||||||
|
line-height: 30px; |
||||||
|
text-align: right; |
||||||
|
border-radius: 15px; |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue