35 changed files with 17052 additions and 17007 deletions
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -1,453 +1,453 @@ |
|||
<template> |
|||
|
|||
<view class="box"> |
|||
<view class="list list-mt" v-for="(item,index) in listsui.length>0?listsui:list" :key="index" |
|||
@click="btn(item.order_id,item.member_id)"> |
|||
<view v-if="item.sales_money>0" class="list-Openonbehalf"> |
|||
特批价|代开 |
|||
</view> |
|||
<view v-if="item.is_first_order" class="list-Openonbehalftwo"> |
|||
首单 |
|||
</view> |
|||
<view class="list-data df jcsb"> |
|||
<div>订单编号: {{item.order_no}}</div> |
|||
<div>{{item.order_status_name}}</div> |
|||
<!-- <div style="color:#FF1449 ;" v-if="item.status==0">待审核</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==1">待出库</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==2">待出库(部分)</div> |
|||
<div style="color:#00C594 ;" v-if="item.status==3">待发货</div> |
|||
<div style="color:#00BEF9 ;" v-if="item.status==4">已收货</div> |
|||
<div style="color:#999999 ;" v-if="item.status==5">已取消</div> --> |
|||
</view> |
|||
<div class="list-Splitline"></div> |
|||
<div class="list-hospital">客户名称<span>{{item.nickname}}</span> |
|||
|
|||
<span v-if="item.order_type==1">普通订单</span> |
|||
<span v-if="item.order_type==2">门店订单</span> |
|||
<span v-if="item.order_type==3">本地配送订单</span> |
|||
<span v-if="item.order_type==4">虚拟订单</span> |
|||
|
|||
<span v-if="item.order_type==5">代客下单</span> |
|||
</div> |
|||
<view class="list-time"> |
|||
下单时间<span>{{item.create_time | time}}</span><span>{{item.time}}</span> |
|||
</view> |
|||
<view class="box"> |
|||
<view class="list list-mt" v-for="(item,index) in listsui.length>0?listsui:list" :key="index" |
|||
@click="btn(item.order_id,item.member_id)"> |
|||
<view v-if="item.sales_money>0" class="list-Openonbehalf"> |
|||
特批价|代开 |
|||
</view> |
|||
<view v-if="item.is_first_order" class="list-Openonbehalftwo"> |
|||
首单 |
|||
</view> |
|||
<view class="list-data df jcsb"> |
|||
<div>订单编号: {{item.order_no}}</div> |
|||
<div>{{item.order_status_name}}</div> |
|||
<!-- <div style="color:#FF1449 ;" v-if="item.status==0">待审核</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==1">待出库</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==2">待出库(部分)</div> |
|||
<div style="color:#00C594 ;" v-if="item.status==3">待发货</div> |
|||
<div style="color:#00BEF9 ;" v-if="item.status==4">已收货</div> |
|||
<div style="color:#999999 ;" v-if="item.status==5">已取消</div> --> |
|||
</view> |
|||
<div class="list-Splitline"></div> |
|||
<div class="list-hospital">客户名称<span>{{item.nickname}}</span> |
|||
|
|||
<span v-if="item.order_type==1">普通订单</span> |
|||
<span v-if="item.order_type==2">门店订单</span> |
|||
<span v-if="item.order_type==3">本地配送订单</span> |
|||
<span v-if="item.order_type==4">虚拟订单</span> |
|||
|
|||
<span v-if="item.order_type==5">代客下单</span> |
|||
</div> |
|||
<view class="list-time"> |
|||
下单时间<span>{{item.create_time | time}}</span><span>{{item.time}}</span> |
|||
</view> |
|||
<view class="list-time"> |
|||
支付状态<span>{{item.pay_status_name}}</span> |
|||
<span v-if="item.pay.pay_money > 0">剩余未支付金额{{item.pay.pay_money}}</span> |
|||
</view> |
|||
<view class="list-money"> |
|||
合计{{item.goods_num}}件商品， |
|||
<span v-if="item.sales_money>0">订单金额￥{{item.sales_money}}</span> |
|||
<span v-else>订单金额￥{{item.order_money}}</span> |
|||
<span v-if="item.wait_status==1">(待确认)</span> |
|||
<span v-if="item.wait_status==2">(已收款)</span> |
|||
</view> |
|||
<view class="list-btn df jcf"> |
|||
<div class="df aic jcsa one" v-if="item.sales_balance==1" |
|||
@click.stop="increased(item,item.order_id,item.member_id)">新增收款</div> |
|||
<div class="df aic jcsa two" v-if="item.sales_balance==1" |
|||
@click.stop="affirm(item.order_id,item.member_id)">确认收款</div> |
|||
<div class="df aic jcsa sui" @click.stop="more(item)">再次订购</div> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="list-money"> |
|||
合计{{item.goods_num}}件商品， |
|||
<span v-if="item.sales_money>0">订单金额￥{{item.sales_money}}</span> |
|||
<span v-else>订单金额￥{{item.order_money}}</span> |
|||
<span v-if="item.wait_status==1">(待确认)</span> |
|||
<span v-if="item.wait_status==2">(已收款)</span> |
|||
</view> |
|||
<view class="list-btn df jcf"> |
|||
<div class="df aic jcsa one" v-if="item.sales_balance==1" |
|||
@click.stop="increased(item,item.order_id,item.member_id)">新增收款</div> |
|||
<div class="df aic jcsa two" v-if="item.sales_balance==1" |
|||
@click.stop="affirm(item.order_id,item.member_id)">确认收款</div> |
|||
<div class="df aic jcsa sui" @click.stop="more(item)">再次订购</div> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
const timesfm = require('@/common/js/map/message.js') |
|||
import eventBus from '@/common/js/bus.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
list: [], |
|||
page: 1, |
|||
listsui: [], |
|||
dataList: [] |
|||
|
|||
} |
|||
}, |
|||
created() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'all', |
|||
wait_status: '1' |
|||
}, |
|||
success: res => { |
|||
console.log(res, '待确认收款'); |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
methods: { |
|||
getwrong(order_status, member_id, is_today, sales_status, searchText, start_time, end_time) { |
|||
console.log(order_status, member_id, is_today, sales_status, searchText, start_time, end_time); |
|||
let obj = { |
|||
order_status, |
|||
member_id, |
|||
is_today, |
|||
sales_status, |
|||
searchText, |
|||
start_time, |
|||
end_time |
|||
} |
|||
obj.order_status = 'all' |
|||
obj.wait_status = '1' |
|||
if (searchText) { |
|||
delete obj.sales_status |
|||
} |
|||
if (is_today) { |
|||
delete obj.sales_status |
|||
} |
|||
if (!sales_status) { |
|||
delete obj.sales_status |
|||
} |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: obj, |
|||
success: res => { |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllisttwo() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'all', |
|||
wait_status: '1' |
|||
// sales_status:false, |
|||
// wait_status:1 |
|||
}, |
|||
success: res => { |
|||
console.log(res, '待确认收款'); |
|||
this.list = res.data.list |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllistsui() { |
|||
this.page += 1 |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'all', |
|||
wait_status: '1', |
|||
page: this.page |
|||
}, |
|||
success: res => { |
|||
|
|||
this.list = [...this.list, ...res.data.list] |
|||
console.log(this.list, '待确认收款'); |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
queryList(pageNo, pageSize) { |
|||
console.log(pageNo, pageSize); |
|||
// this.page+=10 |
|||
// this.$api.sendRequest({ |
|||
// url:'/api/salasmanorder/lists', |
|||
// data:{ |
|||
// order_status:'waitrate', |
|||
// page:this.page |
|||
// }, |
|||
// success:res=>{ |
|||
// console.log(res,'已收货'); |
|||
// this.list=res.data.list |
|||
// } |
|||
// }) |
|||
this.$refs.paging.complete(this.list) |
|||
// this.$refs.paging.complete(false); |
|||
}, |
|||
btn(order, member) { |
|||
let _this = this |
|||
setTimeout(() => { |
|||
eventBus.$emit('urlone', 5) |
|||
}, 500) |
|||
|
|||
console.log(order, member); |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../../page_salesman_order/Goods_received/Goods_received?or=${order}&me=${member}`, |
|||
fail: function(res) { |
|||
console.log(res); |
|||
} |
|||
|
|||
}) |
|||
|
|||
}, |
|||
increased(item, order, member) { |
|||
// event.stopPropagation(); |
|||
// console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('Collection', item) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_order/Customer_payment/Customer_payment?id=${order}&di=${member}` |
|||
}) |
|||
}, |
|||
affirm(order_id, member_id) { |
|||
let _this = this |
|||
// event.stopPropagation(); |
|||
console.log(order_id, member_id); |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/detail', |
|||
data: { |
|||
order_id: order_id, |
|||
member_id: member_id |
|||
}, |
|||
success: res => { |
|||
this.data = res.data |
|||
console.log(res.data, '订单详情'); |
|||
// setTimeout(()=>{ |
|||
// uni.$emit('CommodityList',res.data.order_goods) |
|||
// },500) |
|||
// uni.navigateTo({ |
|||
// // url:this.list[this.current.URL] |
|||
// url:`/page_salesman_index/Commodity_list/Commodity_list` |
|||
// }) |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../Collection_record/Collection_record?id=${res.data.member_id}&di=${res.data.order_id}` |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
more(item) { |
|||
// event.stopPropagation(); |
|||
console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('zaicidinggou', { |
|||
one: item.order_goods, |
|||
two: 1 |
|||
}) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_index/Select_item/Select_item?st=${item.member_id}&di=${item.store_id}` |
|||
}) |
|||
} |
|||
}, |
|||
filters: { |
|||
time(num) { |
|||
return timesfm(num * 1000) |
|||
|
|||
} |
|||
} |
|||
} |
|||
const timesfm = require('@/common/js/map/message.js') |
|||
import eventBus from '@/common/js/bus.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
list: [], |
|||
page: 1, |
|||
listsui: [], |
|||
dataList: [] |
|||
|
|||
} |
|||
}, |
|||
created() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'all', |
|||
wait_status: '1' |
|||
}, |
|||
success: res => { |
|||
console.log(res, '待确认收款'); |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
methods: { |
|||
getwrong(order_status, member_id, is_today, sales_status, searchText, start_time, end_time) { |
|||
console.log(order_status, member_id, is_today, sales_status, searchText, start_time, end_time); |
|||
let obj = { |
|||
order_status, |
|||
member_id, |
|||
is_today, |
|||
sales_status, |
|||
searchText, |
|||
start_time, |
|||
end_time |
|||
} |
|||
obj.order_status = 'all' |
|||
obj.wait_status = '1' |
|||
if (searchText) { |
|||
delete obj.sales_status |
|||
} |
|||
if (is_today) { |
|||
delete obj.sales_status |
|||
} |
|||
if (!sales_status) { |
|||
delete obj.sales_status |
|||
} |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: obj, |
|||
success: res => { |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllisttwo() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'all', |
|||
wait_status: '1' |
|||
// sales_status:false, |
|||
// wait_status:1 |
|||
}, |
|||
success: res => { |
|||
console.log(res, '待确认收款'); |
|||
this.list = res.data.list |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllistsui() { |
|||
this.page += 1 |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'all', |
|||
wait_status: '1', |
|||
page: this.page |
|||
}, |
|||
success: res => { |
|||
|
|||
this.list = [...this.list, ...res.data.list] |
|||
console.log(this.list, '待确认收款'); |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
queryList(pageNo, pageSize) { |
|||
console.log(pageNo, pageSize); |
|||
// this.page+=10 |
|||
// this.$api.sendRequest({ |
|||
// url:'/api/salasmanorder/lists', |
|||
// data:{ |
|||
// order_status:'waitrate', |
|||
// page:this.page |
|||
// }, |
|||
// success:res=>{ |
|||
// console.log(res,'已收货'); |
|||
// this.list=res.data.list |
|||
// } |
|||
// }) |
|||
this.$refs.paging.complete(this.list) |
|||
// this.$refs.paging.complete(false); |
|||
}, |
|||
btn(order, member) { |
|||
let _this = this |
|||
setTimeout(() => { |
|||
eventBus.$emit('urlone', 5) |
|||
}, 500) |
|||
|
|||
console.log(order, member); |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../../page_salesman_order/Goods_received/Goods_received?or=${order}&me=${member}`, |
|||
fail: function(res) { |
|||
console.log(res); |
|||
} |
|||
|
|||
}) |
|||
|
|||
}, |
|||
increased(item, order, member) { |
|||
// event.stopPropagation(); |
|||
// console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('Collection', item) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_order/Customer_payment/Customer_payment?id=${order}&di=${member}` |
|||
}) |
|||
}, |
|||
affirm(order_id, member_id) { |
|||
let _this = this |
|||
// event.stopPropagation(); |
|||
console.log(order_id, member_id); |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/detail', |
|||
data: { |
|||
order_id: order_id, |
|||
member_id: member_id |
|||
}, |
|||
success: res => { |
|||
this.data = res.data |
|||
console.log(res.data, '订单详情'); |
|||
// setTimeout(()=>{ |
|||
// uni.$emit('CommodityList',res.data.order_goods) |
|||
// },500) |
|||
// uni.navigateTo({ |
|||
// // url:this.list[this.current.URL] |
|||
// url:`/page_salesman_index/Commodity_list/Commodity_list` |
|||
// }) |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../Collection_record/Collection_record?id=${res.data.member_id}&di=${res.data.order_id}` |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
more(item) { |
|||
// event.stopPropagation(); |
|||
console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('zaicidinggou', { |
|||
one: item.order_goods, |
|||
two: 1 |
|||
}) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_index/Select_item/Select_item?st=${item.member_id}&di=${item.store_id}` |
|||
}) |
|||
} |
|||
}, |
|||
filters: { |
|||
time(num) { |
|||
return timesfm(num * 1000) |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.box .list:nth-child(1) { |
|||
margin: 34rpx 24rpx 0 24rpx !important; |
|||
// margin: 0 !important; |
|||
} |
|||
|
|||
.box { |
|||
margin-top: -28rpx !important; |
|||
} |
|||
|
|||
.list { |
|||
margin: 42rpx 24rpx 0 24rpx; |
|||
width: 702rpx; |
|||
//height: 424rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 24rpx; |
|||
// padding: 32rpx; |
|||
box-sizing: border-box; |
|||
|
|||
padding: 24rpx; |
|||
position: relative; |
|||
|
|||
.list-Openonbehalf { |
|||
text-align: center; |
|||
background: #00C594; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 0; |
|||
width: 142rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-Openonbehalftwo { |
|||
text-align: center; |
|||
background: #ff5500; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 140rpx; |
|||
width: 100rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-data {} |
|||
|
|||
.list-data div:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-data div:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
|
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-Splitline { |
|||
width: 638rpx; |
|||
height: 2rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 16rpx; |
|||
margin-top: 28rpx; |
|||
} |
|||
|
|||
.list-hospital { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-left: 42rpx; |
|||
margin-right: 16rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(2) { |
|||
width: 92rpx; |
|||
height: 36rpx; |
|||
font-size: 20rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FF7D02; |
|||
line-height: 28rpx; |
|||
background-color: rgb(255, 240, 226); |
|||
} |
|||
|
|||
.list-time { |
|||
margin-top: 24rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(1) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-right: 10rpx; |
|||
margin-left: 42rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-money { |
|||
margin-top: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(1) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(2) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-btn { |
|||
margin-top: 32rpx; |
|||
|
|||
.one { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 94rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.two { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.sui { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
background: #21BBF3; |
|||
border-radius: 30rpx; |
|||
margin-left: 24rpx; |
|||
|
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Medium, PingFang SC; |
|||
font-weight: 500; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
.list-mt { |
|||
margin-top: 28rpx; |
|||
} |
|||
.box .list:nth-child(1) { |
|||
margin: 34rpx 24rpx 0 24rpx !important; |
|||
// margin: 0 !important; |
|||
} |
|||
|
|||
.box { |
|||
margin-top: -28rpx !important; |
|||
} |
|||
|
|||
.list { |
|||
margin: 42rpx 24rpx 0 24rpx; |
|||
width: 702rpx; |
|||
height: 480rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 24rpx; |
|||
// padding: 32rpx; |
|||
box-sizing: border-box; |
|||
|
|||
padding: 24rpx; |
|||
position: relative; |
|||
|
|||
.list-Openonbehalf { |
|||
text-align: center; |
|||
background: #00C594; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 0; |
|||
width: 142rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-Openonbehalftwo { |
|||
text-align: center; |
|||
background: #ff5500; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 140rpx; |
|||
width: 100rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-data {} |
|||
|
|||
.list-data div:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-data div:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
|
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-Splitline { |
|||
width: 638rpx; |
|||
height: 2rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 16rpx; |
|||
margin-top: 28rpx; |
|||
} |
|||
|
|||
.list-hospital { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-left: 42rpx; |
|||
margin-right: 16rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(2) { |
|||
width: 92rpx; |
|||
height: 36rpx; |
|||
font-size: 20rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FF7D02; |
|||
line-height: 28rpx; |
|||
background-color: rgb(255, 240, 226); |
|||
} |
|||
|
|||
.list-time { |
|||
margin-top: 24rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(1) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-right: 10rpx; |
|||
margin-left: 42rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-money { |
|||
margin-top: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(1) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(2) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-btn { |
|||
margin-top: 32rpx; |
|||
|
|||
.one { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 94rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.two { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.sui { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
background: #21BBF3; |
|||
border-radius: 30rpx; |
|||
margin-left: 24rpx; |
|||
|
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Medium, PingFang SC; |
|||
font-weight: 500; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
.list-mt { |
|||
margin-top: 28rpx; |
|||
} |
|||
</style> |
|||
@ -1,455 +1,455 @@ |
|||
<template> |
|||
|
|||
<view class="box"> |
|||
<view class="list list-mt" v-for="(item,index) in listsui.length>0?listsui:list" :key="index" |
|||
@click="btn(item.order_id,item.member_id)"> |
|||
<view v-if="item.sales_money>0" class="list-Openonbehalf"> |
|||
特批价|代开 |
|||
</view> |
|||
<view v-if="item.is_first_order" class="list-Openonbehalftwo"> |
|||
首单 |
|||
</view> |
|||
<view class="list-data df jcsb"> |
|||
<div>订单编号: {{item.order_no}}</div> |
|||
<div>{{item.order_status_name}}</div> |
|||
<!-- <div style="color:#FF1449 ;" v-if="item.status==0">待审核</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==1">待出库</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==2">待出库(部分)</div> |
|||
<div style="color:#00C594 ;" v-if="item.status==3">待发货</div> |
|||
<div style="color:#00BEF9 ;" v-if="item.status==4">已收货</div> |
|||
<div style="color:#999999 ;" v-if="item.status==5">已取消</div> --> |
|||
</view> |
|||
<div class="list-Splitline"></div> |
|||
<div class="list-hospital">客户名称<span>{{item.nickname}}</span> |
|||
|
|||
<span v-if="item.order_type==1">普通订单</span> |
|||
<span v-if="item.order_type==2">门店订单</span> |
|||
<span v-if="item.order_type==3">本地配送订单</span> |
|||
<span v-if="item.order_type==4">虚拟订单</span> |
|||
|
|||
<span v-if="item.order_type==5">代客下单</span> |
|||
</div> |
|||
<view class="list-time"> |
|||
下单时间<span>{{item.create_time | time}}</span><span>{{item.time}}</span> |
|||
</view> |
|||
<view class="list-money"> |
|||
合计{{item.goods_num}}件商品， |
|||
<span v-if="item.sales_money>0">订单金额￥{{item.sales_money}}</span> |
|||
<span v-else>订单金额￥{{item.order_money}}</span> |
|||
<span v-if="item.wait_status==1">(待确认)</span> |
|||
<span v-if="item.wait_status==2">(已收款)</span> |
|||
</view> |
|||
<view class="list-btn df jcf"> |
|||
<div class="df aic jcsa one" v-if="item.sales_balance==1" |
|||
@click.stop="increased(item,item.order_id,item.member_id)">新增收款</div> |
|||
<div class="df aic jcsa two" v-if="item.sales_balance==1 " |
|||
@click.stop="affirm(item.order_id,item.member_id)">确认收款</div> |
|||
<div class="df aic jcsa sui" @click.stop="more(item)">再次订购</div> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="box"> |
|||
<view class="list list-mt" v-for="(item,index) in listsui.length>0?listsui:list" :key="index" |
|||
@click="btn(item.order_id,item.member_id)"> |
|||
<view v-if="item.sales_money>0" class="list-Openonbehalf"> |
|||
特批价|代开 |
|||
</view> |
|||
<view v-if="item.is_first_order" class="list-Openonbehalftwo"> |
|||
首单 |
|||
</view> |
|||
<view class="list-data df jcsb"> |
|||
<div>订单编号: {{item.order_no}}</div> |
|||
<div>{{item.order_status_name}}</div> |
|||
<!-- <div style="color:#FF1449 ;" v-if="item.status==0">待审核</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==1">待出库</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==2">待出库(部分)</div> |
|||
<div style="color:#00C594 ;" v-if="item.status==3">待发货</div> |
|||
<div style="color:#00BEF9 ;" v-if="item.status==4">已收货</div> |
|||
<div style="color:#999999 ;" v-if="item.status==5">已取消</div> --> |
|||
</view> |
|||
<div class="list-Splitline"></div> |
|||
<div class="list-hospital">客户名称<span>{{item.nickname}}</span> |
|||
|
|||
<span v-if="item.order_type==1">普通订单</span> |
|||
<span v-if="item.order_type==2">门店订单</span> |
|||
<span v-if="item.order_type==3">本地配送订单</span> |
|||
<span v-if="item.order_type==4">虚拟订单</span> |
|||
|
|||
<span v-if="item.order_type==5">代客下单</span> |
|||
</div> |
|||
<view class="list-time"> |
|||
下单时间<span>{{item.create_time | time}}</span><span>{{item.time}}</span> |
|||
</view> |
|||
<view class="list-money"> |
|||
合计{{item.goods_num}}件商品， |
|||
<span v-if="item.sales_money>0">订单金额￥{{item.sales_money}}</span> |
|||
<span v-else>订单金额￥{{item.order_money}}</span> |
|||
<span v-if="item.wait_status==1">(待确认)</span> |
|||
<span v-if="item.wait_status==2">(已收款)</span> |
|||
</view> |
|||
<view class="list-btn df jcf"> |
|||
<div class="df aic jcsa one" v-if="item.sales_balance==1" |
|||
@click.stop="increased(item,item.order_id,item.member_id)">新增收款</div> |
|||
<div class="df aic jcsa two" v-if="item.sales_balance==1 " |
|||
@click.stop="affirm(item.order_id,item.member_id)">确认收款</div> |
|||
<div class="df aic jcsa sui" @click.stop="more(item)">再次订购</div> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
const timesfm = require('@/common/js/map/message.js') |
|||
import eventBus from '@/common/js/bus.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
show1: false, |
|||
indexa: 0, |
|||
columns: [], |
|||
value: '', |
|||
listsui: [], |
|||
show: false, |
|||
list: [], |
|||
page: 1, |
|||
dataList: [] |
|||
}; |
|||
}, |
|||
created() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitconfirm' |
|||
}, |
|||
success: res => { |
|||
console.log(res, '待收货'); |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
methods: { |
|||
getwrong(order_status, member_id, is_today, sales_status, searchText,start_time, |
|||
end_time) { |
|||
console.log(order_status, member_id, is_today, sales_status, searchText, start_time, end_time); |
|||
let obj = { |
|||
order_status, |
|||
member_id, |
|||
is_today, |
|||
sales_status, |
|||
searchText, |
|||
start_time, |
|||
end_time |
|||
} |
|||
obj.order_status = 'waitconfirm' |
|||
if (searchText) { |
|||
delete obj.sales_status |
|||
} |
|||
if (is_today) { |
|||
delete obj.sales_status |
|||
} |
|||
if (!sales_status) { |
|||
delete obj.sales_status |
|||
} |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: obj, |
|||
success: res => { |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllisttwo() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitconfirm', |
|||
// sales_status:false, |
|||
// wait_status:1 |
|||
}, |
|||
success: res => { |
|||
console.log(res, '待收货'); |
|||
this.list = res.data.list |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllistsui() { |
|||
this.page += 1 |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitconfirm', |
|||
page: this.page |
|||
}, |
|||
success: res => { |
|||
|
|||
this.list = [...this.list, ...res.data.list] |
|||
console.log(this.list, '待收货'); |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
queryList(pageNo, pageSize) { |
|||
// this.page+=10 |
|||
// this.$api.sendRequest({ |
|||
// url:'/api/salasmanorder/lists', |
|||
// data:{ |
|||
// order_status:'waitconfirm', |
|||
// page:this.page |
|||
// }, |
|||
// success:res=>{ |
|||
// console.log(res,'待收货'); |
|||
// // this.list=res.data.list |
|||
// this.list=res.data.list |
|||
// } |
|||
// }) |
|||
this.$refs.paging.complete(this.list); |
|||
|
|||
}, |
|||
statusbtn(item) { |
|||
// this.show=true |
|||
console.log('item', item); |
|||
}, |
|||
change(e) { |
|||
console.log('change', e); |
|||
}, |
|||
btn(order, member) { |
|||
// order 订单id member 下单客户id |
|||
let _this = this |
|||
setTimeout(() => { |
|||
eventBus.$emit('urlone', 3) |
|||
}, 500) |
|||
console.log(order, member); |
|||
uni.navigateTo({ |
|||
url: `../Order_details/Order_details?or=${order}&me=${member}` |
|||
}) |
|||
}, |
|||
click(index) { |
|||
console.log(index.index, 'index'); |
|||
this.indexa = index.index |
|||
}, |
|||
increased(item, order, member) { |
|||
// event.stopPropagation(); |
|||
// console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('Collection', item) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_order/Customer_payment/Customer_payment?id=${order}&di=${member}` |
|||
}) |
|||
}, |
|||
affirm(order_id, member_id) { |
|||
let _this = this |
|||
// event.stopPropagation(); |
|||
console.log(order_id, member_id); |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/detail', |
|||
data: { |
|||
order_id: order_id, |
|||
member_id: member_id |
|||
}, |
|||
success: res => { |
|||
this.data = res.data |
|||
console.log(res.data, '订单详情'); |
|||
// setTimeout(()=>{ |
|||
// uni.$emit('CommodityList',res.data.order_goods) |
|||
// },500) |
|||
// uni.navigateTo({ |
|||
// // url:this.list[this.current.URL] |
|||
// url:`/page_salesman_index/Commodity_list/Commodity_list` |
|||
// }) |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../Collection_record/Collection_record?id=${res.data.member_id}&di=${res.data.order_id}` |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
more(item) { |
|||
// event.stopPropagation(); |
|||
console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('zaicidinggou', { |
|||
one: item.order_goods, |
|||
two: 1 |
|||
}) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_index/Select_item/Select_item?st=${item.member_id}&di=${item.store_id}` |
|||
}) |
|||
} |
|||
}, |
|||
filters: { |
|||
time(num) { |
|||
return timesfm(num * 1000) |
|||
|
|||
} |
|||
} |
|||
|
|||
} |
|||
const timesfm = require('@/common/js/map/message.js') |
|||
import eventBus from '@/common/js/bus.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
show1: false, |
|||
indexa: 0, |
|||
columns: [], |
|||
value: '', |
|||
listsui: [], |
|||
show: false, |
|||
list: [], |
|||
page: 1, |
|||
dataList: [] |
|||
}; |
|||
}, |
|||
created() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitconfirm' |
|||
}, |
|||
success: res => { |
|||
console.log(res, '待收货'); |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
methods: { |
|||
getwrong(order_status, member_id, is_today, sales_status, searchText,start_time, |
|||
end_time) { |
|||
console.log(order_status, member_id, is_today, sales_status, searchText, start_time, end_time); |
|||
let obj = { |
|||
order_status, |
|||
member_id, |
|||
is_today, |
|||
sales_status, |
|||
searchText, |
|||
start_time, |
|||
end_time |
|||
} |
|||
obj.order_status = 'waitconfirm' |
|||
if (searchText) { |
|||
delete obj.sales_status |
|||
} |
|||
if (is_today) { |
|||
delete obj.sales_status |
|||
} |
|||
if (!sales_status) { |
|||
delete obj.sales_status |
|||
} |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: obj, |
|||
success: res => { |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllisttwo() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitconfirm', |
|||
// sales_status:false, |
|||
// wait_status:1 |
|||
}, |
|||
success: res => { |
|||
console.log(res, '待收货'); |
|||
this.list = res.data.list |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllistsui() { |
|||
this.page += 1 |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitconfirm', |
|||
page: this.page |
|||
}, |
|||
success: res => { |
|||
|
|||
this.list = [...this.list, ...res.data.list] |
|||
console.log(this.list, '待收货'); |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
queryList(pageNo, pageSize) { |
|||
// this.page+=10 |
|||
// this.$api.sendRequest({ |
|||
// url:'/api/salasmanorder/lists', |
|||
// data:{ |
|||
// order_status:'waitconfirm', |
|||
// page:this.page |
|||
// }, |
|||
// success:res=>{ |
|||
// console.log(res,'待收货'); |
|||
// // this.list=res.data.list |
|||
// this.list=res.data.list |
|||
// } |
|||
// }) |
|||
this.$refs.paging.complete(this.list); |
|||
|
|||
}, |
|||
statusbtn(item) { |
|||
// this.show=true |
|||
console.log('item', item); |
|||
}, |
|||
change(e) { |
|||
console.log('change', e); |
|||
}, |
|||
btn(order, member) { |
|||
// order 订单id member 下单客户id |
|||
let _this = this |
|||
setTimeout(() => { |
|||
eventBus.$emit('urlone', 3) |
|||
}, 500) |
|||
console.log(order, member); |
|||
uni.navigateTo({ |
|||
url: `../Order_details/Order_details?or=${order}&me=${member}` |
|||
}) |
|||
}, |
|||
click(index) { |
|||
console.log(index.index, 'index'); |
|||
this.indexa = index.index |
|||
}, |
|||
increased(item, order, member) { |
|||
// event.stopPropagation(); |
|||
// console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('Collection', item) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_order/Customer_payment/Customer_payment?id=${order}&di=${member}` |
|||
}) |
|||
}, |
|||
affirm(order_id, member_id) { |
|||
let _this = this |
|||
// event.stopPropagation(); |
|||
console.log(order_id, member_id); |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/detail', |
|||
data: { |
|||
order_id: order_id, |
|||
member_id: member_id |
|||
}, |
|||
success: res => { |
|||
this.data = res.data |
|||
console.log(res.data, '订单详情'); |
|||
// setTimeout(()=>{ |
|||
// uni.$emit('CommodityList',res.data.order_goods) |
|||
// },500) |
|||
// uni.navigateTo({ |
|||
// // url:this.list[this.current.URL] |
|||
// url:`/page_salesman_index/Commodity_list/Commodity_list` |
|||
// }) |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../Collection_record/Collection_record?id=${res.data.member_id}&di=${res.data.order_id}` |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
more(item) { |
|||
// event.stopPropagation(); |
|||
console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('zaicidinggou', { |
|||
one: item.order_goods, |
|||
two: 1 |
|||
}) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_index/Select_item/Select_item?st=${item.member_id}&di=${item.store_id}` |
|||
}) |
|||
} |
|||
}, |
|||
filters: { |
|||
time(num) { |
|||
return timesfm(num * 1000) |
|||
|
|||
} |
|||
} |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.box { |
|||
margin-top: -28rpx; |
|||
} |
|||
|
|||
.box .list:nth-child(1) { |
|||
margin: 34rpx 24rpx 0 24rpx !important; |
|||
// margin: 0 !important; |
|||
} |
|||
|
|||
.list { |
|||
margin: 42rpx 24rpx 0 24rpx; |
|||
width: 702rpx; |
|||
//height: 424rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 24rpx; |
|||
// padding: 32rpx; |
|||
box-sizing: border-box; |
|||
padding: 24rpx; |
|||
position: relative; |
|||
|
|||
.list-Openonbehalf { |
|||
text-align: center; |
|||
background: #00C594; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 0; |
|||
width: 142rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-Openonbehalftwo { |
|||
text-align: center; |
|||
background: #ff5500; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 140rpx; |
|||
width: 100rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-data {} |
|||
|
|||
.list-data div:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-data div:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
|
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-Splitline { |
|||
width: 638rpx; |
|||
height: 2rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 16rpx; |
|||
margin-top: 28rpx; |
|||
} |
|||
|
|||
.list-hospital { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-left: 42rpx; |
|||
margin-right: 16rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(2) { |
|||
width: 92rpx; |
|||
height: 36rpx; |
|||
font-size: 20rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FF7D02; |
|||
line-height: 28rpx; |
|||
background-color: rgb(255, 240, 226); |
|||
} |
|||
|
|||
.list-time { |
|||
margin-top: 24rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(1) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-right: 10rpx; |
|||
margin-left: 42rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-money { |
|||
margin-top: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(1) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(2) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-btn { |
|||
margin-top: 32rpx; |
|||
|
|||
.one { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 94rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.two { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.sui { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
background: #21BBF3; |
|||
border-radius: 30rpx; |
|||
margin-left: 24rpx; |
|||
|
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Medium, PingFang SC; |
|||
font-weight: 500; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
.list-mt { |
|||
// margin-top: 28rpx; |
|||
} |
|||
.box { |
|||
margin-top: -28rpx; |
|||
} |
|||
|
|||
.box .list:nth-child(1) { |
|||
margin: 34rpx 24rpx 0 24rpx !important; |
|||
// margin: 0 !important; |
|||
} |
|||
|
|||
.list { |
|||
margin: 42rpx 24rpx 0 24rpx; |
|||
width: 702rpx; |
|||
//height: 424rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 24rpx; |
|||
// padding: 32rpx; |
|||
box-sizing: border-box; |
|||
padding: 24rpx; |
|||
position: relative; |
|||
|
|||
.list-Openonbehalf { |
|||
text-align: center; |
|||
background: #00C594; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 0; |
|||
width: 142rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-Openonbehalftwo { |
|||
text-align: center; |
|||
background: #ff5500; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 140rpx; |
|||
width: 100rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-data {} |
|||
|
|||
.list-data div:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-data div:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
|
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-Splitline { |
|||
width: 638rpx; |
|||
height: 2rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 16rpx; |
|||
margin-top: 28rpx; |
|||
} |
|||
|
|||
.list-hospital { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-left: 42rpx; |
|||
margin-right: 16rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(2) { |
|||
width: 92rpx; |
|||
height: 36rpx; |
|||
font-size: 20rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FF7D02; |
|||
line-height: 28rpx; |
|||
background-color: rgb(255, 240, 226); |
|||
} |
|||
|
|||
.list-time { |
|||
margin-top: 24rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(1) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-right: 10rpx; |
|||
margin-left: 42rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-money { |
|||
margin-top: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(1) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(2) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-btn { |
|||
margin-top: 32rpx; |
|||
|
|||
.one { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 94rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.two { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.sui { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
background: #21BBF3; |
|||
border-radius: 30rpx; |
|||
margin-left: 24rpx; |
|||
|
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Medium, PingFang SC; |
|||
font-weight: 500; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
.list-mt { |
|||
// margin-top: 28rpx; |
|||
} |
|||
</style> |
|||
@ -1,461 +1,461 @@ |
|||
<template> |
|||
|
|||
<view class="box"> |
|||
<view class="list list-mt" v-for="(item,index) in listsui.length>0?listsui:list" :key="index" |
|||
@click="btn(item.order_id,item.member_id)"> |
|||
<view v-if="item.sales_money>0" class="list-Openonbehalf"> |
|||
特批价|代开 |
|||
</view> |
|||
<view v-if="item.is_first_order" class="list-Openonbehalftwo"> |
|||
首单 |
|||
</view> |
|||
<view class="list-data df jcsb"> |
|||
<div>订单编号: {{item.order_no}}</div> |
|||
<div>{{item.order_status_name}}</div> |
|||
<!-- <div style="color:#FF1449 ;" v-if="item.status==0">待审核</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==1">待出库</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==2">待出库(部分)</div> |
|||
<div style="color:#00C594 ;" v-if="item.status==3">待发货</div> |
|||
<div style="color:#00BEF9 ;" v-if="item.status==4">已收货</div> |
|||
<div style="color:#999999 ;" v-if="item.status==5">已取消</div> --> |
|||
</view> |
|||
<div class="list-Splitline"></div> |
|||
<div class="list-hospital">客户名称<span>{{item.nickname}}</span> |
|||
|
|||
<span v-if="item.order_type==1">普通订单</span> |
|||
<span v-if="item.order_type==2">门店订单</span> |
|||
<span v-if="item.order_type==3">本地配送订单</span> |
|||
<span v-if="item.order_type==4">虚拟订单</span> |
|||
|
|||
<span v-if="item.order_type==5">代客下单</span> |
|||
</div> |
|||
<view class="list-time"> |
|||
下单时间<span>{{item.create_time | time}}</span><span>{{item.time}}</span> |
|||
</view> |
|||
<view class="list-money"> |
|||
合计{{item.goods_num}}件商品， |
|||
<span v-if="item.sales_money>0">订单金额￥{{item.sales_money}}</span> |
|||
<span v-else>订单金额￥{{item.order_money}}</span> |
|||
<span v-if="item.wait_status==1">(待确认)</span> |
|||
<span v-if="item.wait_status==2">(已收款)</span> |
|||
</view> |
|||
<view class="list-btn df jcf"> |
|||
<div class="df aic jcsa one" v-if="item.sales_balance==1" |
|||
@click.stop="increased(item,item.order_id,item.member_id)">新增收款</div> |
|||
<div class="df aic jcsa two" v-if="item.sales_balance==1" |
|||
@click.stop="affirm(item.order_id,item.member_id)">确认收款</div> |
|||
<div class="df aic jcsa sui" @click.stop="more(item)">再次订购</div> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="box"> |
|||
<view class="list list-mt" v-for="(item,index) in listsui.length>0?listsui:list" :key="index" |
|||
@click="btn(item.order_id,item.member_id)"> |
|||
<view v-if="item.sales_money>0" class="list-Openonbehalf"> |
|||
特批价|代开 |
|||
</view> |
|||
<view v-if="item.is_first_order" class="list-Openonbehalftwo"> |
|||
首单 |
|||
</view> |
|||
<view class="list-data df jcsb"> |
|||
<div>订单编号: {{item.order_no}}</div> |
|||
<div>{{item.order_status_name}}</div> |
|||
<!-- <div style="color:#FF1449 ;" v-if="item.status==0">待审核</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==1">待出库</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==2">待出库(部分)</div> |
|||
<div style="color:#00C594 ;" v-if="item.status==3">待发货</div> |
|||
<div style="color:#00BEF9 ;" v-if="item.status==4">已收货</div> |
|||
<div style="color:#999999 ;" v-if="item.status==5">已取消</div> --> |
|||
</view> |
|||
<div class="list-Splitline"></div> |
|||
<div class="list-hospital">客户名称<span>{{item.nickname}}</span> |
|||
|
|||
<span v-if="item.order_type==1">普通订单</span> |
|||
<span v-if="item.order_type==2">门店订单</span> |
|||
<span v-if="item.order_type==3">本地配送订单</span> |
|||
<span v-if="item.order_type==4">虚拟订单</span> |
|||
|
|||
<span v-if="item.order_type==5">代客下单</span> |
|||
</div> |
|||
<view class="list-time"> |
|||
下单时间<span>{{item.create_time | time}}</span><span>{{item.time}}</span> |
|||
</view> |
|||
<view class="list-money"> |
|||
合计{{item.goods_num}}件商品， |
|||
<span v-if="item.sales_money>0">订单金额￥{{item.sales_money}}</span> |
|||
<span v-else>订单金额￥{{item.order_money}}</span> |
|||
<span v-if="item.wait_status==1">(待确认)</span> |
|||
<span v-if="item.wait_status==2">(已收款)</span> |
|||
</view> |
|||
<view class="list-btn df jcf"> |
|||
<div class="df aic jcsa one" v-if="item.sales_balance==1" |
|||
@click.stop="increased(item,item.order_id,item.member_id)">新增收款</div> |
|||
<div class="df aic jcsa two" v-if="item.sales_balance==1" |
|||
@click.stop="affirm(item.order_id,item.member_id)">确认收款</div> |
|||
<div class="df aic jcsa sui" @click.stop="more(item)">再次订购</div> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
const timesfm = require('@/common/js/map/message.js') |
|||
import eventBus from '@/common/js/bus.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
list: [], |
|||
page: 1, |
|||
listsui: [], |
|||
dataList: [] |
|||
} |
|||
}, |
|||
created() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'close' |
|||
}, |
|||
success: res => { |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
methods: { |
|||
getwrong(order_status, member_id, is_today, sales_status, searchText,start_time,end_time) { |
|||
|
|||
console.log(order_status, member_id, is_today, sales_status, searchText,start_time,end_time); |
|||
let obj = { |
|||
order_status, |
|||
member_id, |
|||
is_today, |
|||
sales_status, |
|||
searchText,start_time,end_time |
|||
} |
|||
obj.order_status = 'close' |
|||
if (searchText) { |
|||
delete obj.sales_status |
|||
} |
|||
if(is_today){ |
|||
delete obj.sales_status |
|||
} |
|||
if (!sales_status) { |
|||
delete obj.sales_status |
|||
} |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: obj, |
|||
success: res => { |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
// getwrong(order_status, member_id, is_today, sales_status, searchText, one){ |
|||
// let obj = { |
|||
// order_status, |
|||
// member_id, |
|||
// is_today, |
|||
// sales_status, |
|||
// searchText |
|||
// } |
|||
// obj.order_status='all' |
|||
// if (searchText) { |
|||
// delete obj.sales_status |
|||
// } |
|||
// this.$api.sendRequest({ |
|||
// url: '/api/salasmanorder/lists', |
|||
// data: obj, |
|||
// success: res => { |
|||
// this.listsui = res.data.list |
|||
// } |
|||
// }) |
|||
// }, |
|||
getwrongtllisttwo() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'close', |
|||
// sales_status:false, |
|||
// wait_status:1 |
|||
}, |
|||
success: res => { |
|||
console.log(res, '已收货'); |
|||
this.list = res.data.list |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllistsui() { |
|||
this.page += 1 |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'close', |
|||
page: this.page |
|||
}, |
|||
success: res => { |
|||
|
|||
this.list = [...this.list, ...res.data.list] |
|||
console.log(this.list, '已收货'); |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
queryList(pageNo, pageSize) { |
|||
console.log(pageNo, pageSize); |
|||
// this.page+=10 |
|||
// this.$api.sendRequest({ |
|||
// url:'/api/salasmanorder/lists', |
|||
// data:{ |
|||
// order_status:'close', |
|||
// page:this.page |
|||
// }, |
|||
// success:res=>{ |
|||
// console.log(res,'已收货'); |
|||
// this.list=res.data.list |
|||
// } |
|||
// }) |
|||
this.$refs.paging.complete(this.list) |
|||
// this.$refs.paging.complete(false); |
|||
}, |
|||
btn(order, member) { |
|||
console.log(order, member); |
|||
let _this = this |
|||
setTimeout(() => { |
|||
eventBus.$emit('urlone', 6) |
|||
}, 500) |
|||
|
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../../page_salesman_order/Goods_received/Goods_received?or=${order}&me=${member}`, |
|||
fail: function(res) { |
|||
console.log(res); |
|||
} |
|||
|
|||
}) |
|||
|
|||
}, |
|||
increased(item, order, member) { |
|||
// event.stopPropagation(); |
|||
// console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('Collection', item) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_order/Customer_payment/Customer_payment?id=${order}&di=${member}` |
|||
}) |
|||
}, |
|||
affirm(order_id, member_id) { |
|||
let _this = this |
|||
// event.stopPropagation(); |
|||
console.log(order_id, member_id); |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/detail', |
|||
data: { |
|||
order_id: order_id, |
|||
member_id: member_id |
|||
}, |
|||
success: res => { |
|||
this.data = res.data |
|||
console.log(res.data, '订单详情'); |
|||
// setTimeout(()=>{ |
|||
// uni.$emit('CommodityList',res.data.order_goods) |
|||
// },500) |
|||
// uni.navigateTo({ |
|||
// // url:this.list[this.current.URL] |
|||
// url:`/page_salesman_index/Commodity_list/Commodity_list` |
|||
// }) |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../Collection_record/Collection_record?id=${res.data.member_id}&di=${res.data.order_id}` |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
more(item) { |
|||
event.stopPropagation(); |
|||
setTimeout(() => { |
|||
uni.$emit('zaicidinggou', { |
|||
one: item.order_goods, |
|||
two: 1 |
|||
}) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_index/Select_item/Select_item?st=${item.member_id}&di=${item.store_id}` |
|||
}) |
|||
} |
|||
}, |
|||
filters: { |
|||
time(num) { |
|||
return timesfm(num * 1000) |
|||
|
|||
} |
|||
} |
|||
} |
|||
const timesfm = require('@/common/js/map/message.js') |
|||
import eventBus from '@/common/js/bus.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
list: [], |
|||
page: 1, |
|||
listsui: [], |
|||
dataList: [] |
|||
} |
|||
}, |
|||
created() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'close' |
|||
}, |
|||
success: res => { |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
methods: { |
|||
getwrong(order_status, member_id, is_today, sales_status, searchText,start_time,end_time) { |
|||
|
|||
console.log(order_status, member_id, is_today, sales_status, searchText,start_time,end_time); |
|||
let obj = { |
|||
order_status, |
|||
member_id, |
|||
is_today, |
|||
sales_status, |
|||
searchText,start_time,end_time |
|||
} |
|||
obj.order_status = 'close' |
|||
if (searchText) { |
|||
delete obj.sales_status |
|||
} |
|||
if(is_today){ |
|||
delete obj.sales_status |
|||
} |
|||
if (!sales_status) { |
|||
delete obj.sales_status |
|||
} |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: obj, |
|||
success: res => { |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
// getwrong(order_status, member_id, is_today, sales_status, searchText, one){ |
|||
// let obj = { |
|||
// order_status, |
|||
// member_id, |
|||
// is_today, |
|||
// sales_status, |
|||
// searchText |
|||
// } |
|||
// obj.order_status='all' |
|||
// if (searchText) { |
|||
// delete obj.sales_status |
|||
// } |
|||
// this.$api.sendRequest({ |
|||
// url: '/api/salasmanorder/lists', |
|||
// data: obj, |
|||
// success: res => { |
|||
// this.listsui = res.data.list |
|||
// } |
|||
// }) |
|||
// }, |
|||
getwrongtllisttwo() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'close', |
|||
// sales_status:false, |
|||
// wait_status:1 |
|||
}, |
|||
success: res => { |
|||
console.log(res, '已收货'); |
|||
this.list = res.data.list |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllistsui() { |
|||
this.page += 1 |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'close', |
|||
page: this.page |
|||
}, |
|||
success: res => { |
|||
|
|||
this.list = [...this.list, ...res.data.list] |
|||
console.log(this.list, '已收货'); |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
queryList(pageNo, pageSize) { |
|||
console.log(pageNo, pageSize); |
|||
// this.page+=10 |
|||
// this.$api.sendRequest({ |
|||
// url:'/api/salasmanorder/lists', |
|||
// data:{ |
|||
// order_status:'close', |
|||
// page:this.page |
|||
// }, |
|||
// success:res=>{ |
|||
// console.log(res,'已收货'); |
|||
// this.list=res.data.list |
|||
// } |
|||
// }) |
|||
this.$refs.paging.complete(this.list) |
|||
// this.$refs.paging.complete(false); |
|||
}, |
|||
btn(order, member) { |
|||
console.log(order, member); |
|||
let _this = this |
|||
setTimeout(() => { |
|||
eventBus.$emit('urlone', 6) |
|||
}, 500) |
|||
|
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../../page_salesman_order/Goods_received/Goods_received?or=${order}&me=${member}`, |
|||
fail: function(res) { |
|||
console.log(res); |
|||
} |
|||
|
|||
}) |
|||
|
|||
}, |
|||
increased(item, order, member) { |
|||
// event.stopPropagation(); |
|||
// console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('Collection', item) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_order/Customer_payment/Customer_payment?id=${order}&di=${member}` |
|||
}) |
|||
}, |
|||
affirm(order_id, member_id) { |
|||
let _this = this |
|||
// event.stopPropagation(); |
|||
console.log(order_id, member_id); |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/detail', |
|||
data: { |
|||
order_id: order_id, |
|||
member_id: member_id |
|||
}, |
|||
success: res => { |
|||
this.data = res.data |
|||
console.log(res.data, '订单详情'); |
|||
// setTimeout(()=>{ |
|||
// uni.$emit('CommodityList',res.data.order_goods) |
|||
// },500) |
|||
// uni.navigateTo({ |
|||
// // url:this.list[this.current.URL] |
|||
// url:`/page_salesman_index/Commodity_list/Commodity_list` |
|||
// }) |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../Collection_record/Collection_record?id=${res.data.member_id}&di=${res.data.order_id}` |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
more(item) { |
|||
event.stopPropagation(); |
|||
setTimeout(() => { |
|||
uni.$emit('zaicidinggou', { |
|||
one: item.order_goods, |
|||
two: 1 |
|||
}) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_index/Select_item/Select_item?st=${item.member_id}&di=${item.store_id}` |
|||
}) |
|||
} |
|||
}, |
|||
filters: { |
|||
time(num) { |
|||
return timesfm(num * 1000) |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.box .list:nth-child(1) { |
|||
margin: 34rpx 24rpx 0 24rpx !important; |
|||
// margin: 0 !important; |
|||
} |
|||
|
|||
.box { |
|||
margin-top: -28rpx !important; |
|||
} |
|||
|
|||
.list { |
|||
margin: 42rpx 24rpx 0 24rpx; |
|||
width: 702rpx; |
|||
height: 424rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 24rpx; |
|||
// padding: 32rpx; |
|||
box-sizing: border-box; |
|||
|
|||
padding: 24rpx; |
|||
position: relative; |
|||
|
|||
.list-Openonbehalf { |
|||
text-align: center; |
|||
background: #00C594; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 0; |
|||
width: 142rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-Openonbehalftwo { |
|||
text-align: center; |
|||
background: #ff5500; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 140rpx; |
|||
width: 100rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-data {} |
|||
|
|||
.list-data div:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-data div:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
|
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-Splitline { |
|||
width: 638rpx; |
|||
height: 2rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 16rpx; |
|||
margin-top: 28rpx; |
|||
} |
|||
|
|||
.list-hospital { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-left: 42rpx; |
|||
margin-right: 16rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(2) { |
|||
width: 92rpx; |
|||
height: 36rpx; |
|||
font-size: 20rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FF7D02; |
|||
line-height: 28rpx; |
|||
background-color: rgb(255, 240, 226); |
|||
} |
|||
|
|||
.list-time { |
|||
margin-top: 24rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(1) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-right: 10rpx; |
|||
margin-left: 42rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-money { |
|||
margin-top: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(1) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(2) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-btn { |
|||
margin-top: 32rpx; |
|||
|
|||
.one { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 94rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.two { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.sui { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
background: #21BBF3; |
|||
border-radius: 30rpx; |
|||
margin-left: 24rpx; |
|||
|
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Medium, PingFang SC; |
|||
font-weight: 500; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
.list-mt { |
|||
margin-top: 28rpx; |
|||
} |
|||
.box .list:nth-child(1) { |
|||
margin: 34rpx 24rpx 0 24rpx !important; |
|||
// margin: 0 !important; |
|||
} |
|||
|
|||
.box { |
|||
margin-top: -28rpx !important; |
|||
} |
|||
|
|||
.list { |
|||
margin: 42rpx 24rpx 0 24rpx; |
|||
width: 702rpx; |
|||
height: 424rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 24rpx; |
|||
// padding: 32rpx; |
|||
box-sizing: border-box; |
|||
|
|||
padding: 24rpx; |
|||
position: relative; |
|||
|
|||
.list-Openonbehalf { |
|||
text-align: center; |
|||
background: #00C594; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 0; |
|||
width: 142rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-Openonbehalftwo { |
|||
text-align: center; |
|||
background: #ff5500; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 140rpx; |
|||
width: 100rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-data {} |
|||
|
|||
.list-data div:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-data div:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
|
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-Splitline { |
|||
width: 638rpx; |
|||
height: 2rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 16rpx; |
|||
margin-top: 28rpx; |
|||
} |
|||
|
|||
.list-hospital { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-left: 42rpx; |
|||
margin-right: 16rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(2) { |
|||
width: 92rpx; |
|||
height: 36rpx; |
|||
font-size: 20rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FF7D02; |
|||
line-height: 28rpx; |
|||
background-color: rgb(255, 240, 226); |
|||
} |
|||
|
|||
.list-time { |
|||
margin-top: 24rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(1) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-right: 10rpx; |
|||
margin-left: 42rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-money { |
|||
margin-top: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(1) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(2) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-btn { |
|||
margin-top: 32rpx; |
|||
|
|||
.one { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 94rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.two { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.sui { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
background: #21BBF3; |
|||
border-radius: 30rpx; |
|||
margin-left: 24rpx; |
|||
|
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Medium, PingFang SC; |
|||
font-weight: 500; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
.list-mt { |
|||
margin-top: 28rpx; |
|||
} |
|||
</style> |
|||
File diff suppressed because it is too large
@ -1,462 +1,462 @@ |
|||
<template> |
|||
|
|||
<view class="box"> |
|||
<view class="list list-mt" v-for="(item,index) in listsui.length>0?listsui:list" :key="index" |
|||
@click="btn(item.order_id,item.member_id)"> |
|||
<view v-if="item.sales_money>0" class="list-Openonbehalf"> |
|||
特批价|代开 |
|||
</view> |
|||
<view v-if="item.is_first_order" class="list-Openonbehalftwo"> |
|||
首单 |
|||
</view> |
|||
<view class="list-data df jcsb"> |
|||
<div>订单编号: {{item.order_no}}</div> |
|||
<div>{{item.order_status_name}}</div> |
|||
<!-- <div style="color:#FF1449 ;" v-if="item.status==0">待审核</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==1">待出库</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==2">待出库(部分)</div> |
|||
<div style="color:#00C594 ;" v-if="item.status==3">待发货</div> |
|||
<div style="color:#00BEF9 ;" v-if="item.status==4">已收货</div> |
|||
<div style="color:#999999 ;" v-if="item.status==5">已取消</div> --> |
|||
</view> |
|||
<div class="list-Splitline"></div> |
|||
<div class="list-hospital">客户名称<span>{{item.nickname}}</span> |
|||
|
|||
<span v-if="item.order_type==1">普通订单</span> |
|||
<span v-if="item.order_type==2">门店订单</span> |
|||
<span v-if="item.order_type==3">本地配送订单</span> |
|||
<span v-if="item.order_type==4">虚拟订单</span> |
|||
|
|||
<span v-if="item.order_type==5">代客下单</span> |
|||
</div> |
|||
<view class="list-time"> |
|||
下单时间<span>{{item.create_time | time}}</span><span>{{item.time}}</span> |
|||
</view> |
|||
<view class="list-money"> |
|||
合计{{item.goods_num}}件商品， |
|||
<span v-if="item.sales_money>0">订单金额￥{{item.sales_money}}</span> |
|||
<span v-else>订单金额￥{{item.order_money}}</span> |
|||
<span v-if="item.wait_status==1">(待确认)</span> |
|||
<span v-if="item.wait_status==2">(已收款)</span> |
|||
</view> |
|||
<view class="list-btn df jcf"> |
|||
<div class="df aic jcsa one" v-if="item.sales_balance==1" |
|||
@click.stop="increased(item,item.order_id,item.member_id)">新增收款</div> |
|||
<div class="df aic jcsa two" v-if="item.sales_balance==1" |
|||
@click.stop="affirm(item.order_id,item.member_id)">确认收款</div> |
|||
<div class="df aic jcsa sui" @click.stop="more(item)">再次订购</div> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="box"> |
|||
<view class="list list-mt" v-for="(item,index) in listsui.length>0?listsui:list" :key="index" |
|||
@click="btn(item.order_id,item.member_id)"> |
|||
<view v-if="item.sales_money>0" class="list-Openonbehalf"> |
|||
特批价|代开 |
|||
</view> |
|||
<view v-if="item.is_first_order" class="list-Openonbehalftwo"> |
|||
首单 |
|||
</view> |
|||
<view class="list-data df jcsb"> |
|||
<div>订单编号: {{item.order_no}}</div> |
|||
<div>{{item.order_status_name}}</div> |
|||
<!-- <div style="color:#FF1449 ;" v-if="item.status==0">待审核</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==1">待出库</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==2">待出库(部分)</div> |
|||
<div style="color:#00C594 ;" v-if="item.status==3">待发货</div> |
|||
<div style="color:#00BEF9 ;" v-if="item.status==4">已收货</div> |
|||
<div style="color:#999999 ;" v-if="item.status==5">已取消</div> --> |
|||
</view> |
|||
<div class="list-Splitline"></div> |
|||
<div class="list-hospital">客户名称<span>{{item.nickname}}</span> |
|||
|
|||
<span v-if="item.order_type==1">普通订单</span> |
|||
<span v-if="item.order_type==2">门店订单</span> |
|||
<span v-if="item.order_type==3">本地配送订单</span> |
|||
<span v-if="item.order_type==4">虚拟订单</span> |
|||
|
|||
<span v-if="item.order_type==5">代客下单</span> |
|||
</div> |
|||
<view class="list-time"> |
|||
下单时间<span>{{item.create_time | time}}</span><span>{{item.time}}</span> |
|||
</view> |
|||
<view class="list-money"> |
|||
合计{{item.goods_num}}件商品， |
|||
<span v-if="item.sales_money>0">订单金额￥{{item.sales_money}}</span> |
|||
<span v-else>订单金额￥{{item.order_money}}</span> |
|||
<span v-if="item.wait_status==1">(待确认)</span> |
|||
<span v-if="item.wait_status==2">(已收款)</span> |
|||
</view> |
|||
<view class="list-btn df jcf"> |
|||
<div class="df aic jcsa one" v-if="item.sales_balance==1" |
|||
@click.stop="increased(item,item.order_id,item.member_id)">新增收款</div> |
|||
<div class="df aic jcsa two" v-if="item.sales_balance==1" |
|||
@click.stop="affirm(item.order_id,item.member_id)">确认收款</div> |
|||
<div class="df aic jcsa sui" @click.stop="more(item)">再次订购</div> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
const timesfm = require('@/common/js/map/message.js') |
|||
import eventBus from '@/common/js/bus.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
list: [], |
|||
page: 1, |
|||
listsui: [], |
|||
dataList: [] |
|||
} |
|||
}, |
|||
created() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitrate' |
|||
}, |
|||
success: res => { |
|||
console.log(res, '已收货'); |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
methods: { |
|||
getwrong(order_status, member_id, is_today, sales_status, searchText,start_time,end_time) { |
|||
|
|||
console.log(order_status, member_id, is_today, sales_status, searchText,start_time,end_time); |
|||
let obj = { |
|||
order_status, |
|||
member_id, |
|||
is_today, |
|||
sales_status, |
|||
searchText,start_time,end_time |
|||
} |
|||
obj.order_status = 'waitrate' |
|||
if (searchText) { |
|||
delete obj.sales_status |
|||
} |
|||
if(is_today){ |
|||
delete obj.sales_status |
|||
} |
|||
if (!sales_status) { |
|||
delete obj.sales_status |
|||
} |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: obj, |
|||
success: res => { |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
// getwrong(order_status, member_id, is_today, sales_status, searchText, one){ |
|||
// let obj = { |
|||
// order_status, |
|||
// member_id, |
|||
// is_today, |
|||
// sales_status, |
|||
// searchText |
|||
// } |
|||
// obj.order_status='all' |
|||
// if (searchText) { |
|||
// delete obj.sales_status |
|||
// } |
|||
// this.$api.sendRequest({ |
|||
// url: '/api/salasmanorder/lists', |
|||
// data: obj, |
|||
// success: res => { |
|||
// this.listsui = res.data.list |
|||
// } |
|||
// }) |
|||
// }, |
|||
getwrongtllisttwo() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitrate', |
|||
// sales_status:false, |
|||
// wait_status:1 |
|||
}, |
|||
success: res => { |
|||
console.log(res, '已收货'); |
|||
this.list = res.data.list |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllistsui() { |
|||
this.page += 1 |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitrate', |
|||
page: this.page |
|||
}, |
|||
success: res => { |
|||
|
|||
this.list = [...this.list, ...res.data.list] |
|||
console.log(this.list, '已收货'); |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
queryList(pageNo, pageSize) { |
|||
console.log(pageNo, pageSize); |
|||
// this.page+=10 |
|||
// this.$api.sendRequest({ |
|||
// url:'/api/salasmanorder/lists', |
|||
// data:{ |
|||
// order_status:'waitrate', |
|||
// page:this.page |
|||
// }, |
|||
// success:res=>{ |
|||
// console.log(res,'已收货'); |
|||
// this.list=res.data.list |
|||
// } |
|||
// }) |
|||
this.$refs.paging.complete(this.list) |
|||
// this.$refs.paging.complete(false); |
|||
}, |
|||
btn(order, member) { |
|||
console.log(order, member); |
|||
let _this = this |
|||
setTimeout(() => { |
|||
eventBus.$emit('urlone', 4) |
|||
}, 500) |
|||
|
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../../page_salesman_order/Goods_received/Goods_received?or=${order}&me=${member}`, |
|||
fail: function(res) { |
|||
console.log(res); |
|||
} |
|||
|
|||
}) |
|||
|
|||
}, |
|||
increased(item, order, member) { |
|||
// event.stopPropagation(); |
|||
// console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('Collection', item) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_order/Customer_payment/Customer_payment?id=${order}&di=${member}` |
|||
}) |
|||
}, |
|||
affirm(order_id, member_id) { |
|||
let _this = this |
|||
// event.stopPropagation(); |
|||
console.log(order_id, member_id); |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/detail', |
|||
data: { |
|||
order_id: order_id, |
|||
member_id: member_id |
|||
}, |
|||
success: res => { |
|||
this.data = res.data |
|||
console.log(res.data, '订单详情'); |
|||
// setTimeout(()=>{ |
|||
// uni.$emit('CommodityList',res.data.order_goods) |
|||
// },500) |
|||
// uni.navigateTo({ |
|||
// // url:this.list[this.current.URL] |
|||
// url:`/page_salesman_index/Commodity_list/Commodity_list` |
|||
// }) |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../Collection_record/Collection_record?id=${res.data.member_id}&di=${res.data.order_id}` |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
more(item) { |
|||
// event.stopPropagation(); |
|||
setTimeout(() => { |
|||
uni.$emit('zaicidinggou', { |
|||
one: item.order_goods, |
|||
two: 1 |
|||
}) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_index/Select_item/Select_item?st=${item.member_id}&di=${item.store_id}` |
|||
}) |
|||
} |
|||
}, |
|||
filters: { |
|||
time(num) { |
|||
return timesfm(num * 1000) |
|||
|
|||
} |
|||
} |
|||
} |
|||
const timesfm = require('@/common/js/map/message.js') |
|||
import eventBus from '@/common/js/bus.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
list: [], |
|||
page: 1, |
|||
listsui: [], |
|||
dataList: [] |
|||
} |
|||
}, |
|||
created() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitrate' |
|||
}, |
|||
success: res => { |
|||
console.log(res, '已收货'); |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
methods: { |
|||
getwrong(order_status, member_id, is_today, sales_status, searchText,start_time,end_time) { |
|||
|
|||
console.log(order_status, member_id, is_today, sales_status, searchText,start_time,end_time); |
|||
let obj = { |
|||
order_status, |
|||
member_id, |
|||
is_today, |
|||
sales_status, |
|||
searchText,start_time,end_time |
|||
} |
|||
obj.order_status = 'waitrate' |
|||
if (searchText) { |
|||
delete obj.sales_status |
|||
} |
|||
if(is_today){ |
|||
delete obj.sales_status |
|||
} |
|||
if (!sales_status) { |
|||
delete obj.sales_status |
|||
} |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: obj, |
|||
success: res => { |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
// getwrong(order_status, member_id, is_today, sales_status, searchText, one){ |
|||
// let obj = { |
|||
// order_status, |
|||
// member_id, |
|||
// is_today, |
|||
// sales_status, |
|||
// searchText |
|||
// } |
|||
// obj.order_status='all' |
|||
// if (searchText) { |
|||
// delete obj.sales_status |
|||
// } |
|||
// this.$api.sendRequest({ |
|||
// url: '/api/salasmanorder/lists', |
|||
// data: obj, |
|||
// success: res => { |
|||
// this.listsui = res.data.list |
|||
// } |
|||
// }) |
|||
// }, |
|||
getwrongtllisttwo() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitrate', |
|||
// sales_status:false, |
|||
// wait_status:1 |
|||
}, |
|||
success: res => { |
|||
console.log(res, '已收货'); |
|||
this.list = res.data.list |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllistsui() { |
|||
this.page += 1 |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitrate', |
|||
page: this.page |
|||
}, |
|||
success: res => { |
|||
|
|||
this.list = [...this.list, ...res.data.list] |
|||
console.log(this.list, '已收货'); |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
queryList(pageNo, pageSize) { |
|||
console.log(pageNo, pageSize); |
|||
// this.page+=10 |
|||
// this.$api.sendRequest({ |
|||
// url:'/api/salasmanorder/lists', |
|||
// data:{ |
|||
// order_status:'waitrate', |
|||
// page:this.page |
|||
// }, |
|||
// success:res=>{ |
|||
// console.log(res,'已收货'); |
|||
// this.list=res.data.list |
|||
// } |
|||
// }) |
|||
this.$refs.paging.complete(this.list) |
|||
// this.$refs.paging.complete(false); |
|||
}, |
|||
btn(order, member) { |
|||
console.log(order, member); |
|||
let _this = this |
|||
setTimeout(() => { |
|||
eventBus.$emit('urlone', 4) |
|||
}, 500) |
|||
|
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../../page_salesman_order/Goods_received/Goods_received?or=${order}&me=${member}`, |
|||
fail: function(res) { |
|||
console.log(res); |
|||
} |
|||
|
|||
}) |
|||
|
|||
}, |
|||
increased(item, order, member) { |
|||
// event.stopPropagation(); |
|||
// console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('Collection', item) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_order/Customer_payment/Customer_payment?id=${order}&di=${member}` |
|||
}) |
|||
}, |
|||
affirm(order_id, member_id) { |
|||
let _this = this |
|||
// event.stopPropagation(); |
|||
console.log(order_id, member_id); |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/detail', |
|||
data: { |
|||
order_id: order_id, |
|||
member_id: member_id |
|||
}, |
|||
success: res => { |
|||
this.data = res.data |
|||
console.log(res.data, '订单详情'); |
|||
// setTimeout(()=>{ |
|||
// uni.$emit('CommodityList',res.data.order_goods) |
|||
// },500) |
|||
// uni.navigateTo({ |
|||
// // url:this.list[this.current.URL] |
|||
// url:`/page_salesman_index/Commodity_list/Commodity_list` |
|||
// }) |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../Collection_record/Collection_record?id=${res.data.member_id}&di=${res.data.order_id}` |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
more(item) { |
|||
// event.stopPropagation(); |
|||
setTimeout(() => { |
|||
uni.$emit('zaicidinggou', { |
|||
one: item.order_goods, |
|||
two: 1 |
|||
}) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_index/Select_item/Select_item?st=${item.member_id}&di=${item.store_id}` |
|||
}) |
|||
} |
|||
}, |
|||
filters: { |
|||
time(num) { |
|||
return timesfm(num * 1000) |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.box .list:nth-child(1) { |
|||
margin: 34rpx 24rpx 0 24rpx !important; |
|||
// margin: 0 !important; |
|||
} |
|||
|
|||
.box { |
|||
margin-top: -28rpx !important; |
|||
} |
|||
|
|||
.list { |
|||
margin: 42rpx 24rpx 0 24rpx; |
|||
width: 702rpx; |
|||
//height: 424rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 24rpx; |
|||
// padding: 32rpx; |
|||
box-sizing: border-box; |
|||
|
|||
padding: 24rpx; |
|||
position: relative; |
|||
|
|||
.list-Openonbehalf { |
|||
text-align: center; |
|||
background: #00C594; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 0; |
|||
width: 142rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-Openonbehalftwo { |
|||
text-align: center; |
|||
background: #ff5500; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 140rpx; |
|||
width: 100rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-data {} |
|||
|
|||
.list-data div:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-data div:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
|
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-Splitline { |
|||
width: 638rpx; |
|||
height: 2rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 16rpx; |
|||
margin-top: 28rpx; |
|||
} |
|||
|
|||
.list-hospital { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-left: 42rpx; |
|||
margin-right: 16rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(2) { |
|||
width: 92rpx; |
|||
height: 36rpx; |
|||
font-size: 20rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FF7D02; |
|||
line-height: 28rpx; |
|||
background-color: rgb(255, 240, 226); |
|||
} |
|||
|
|||
.list-time { |
|||
margin-top: 24rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(1) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-right: 10rpx; |
|||
margin-left: 42rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-money { |
|||
margin-top: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(1) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(2) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-btn { |
|||
margin-top: 32rpx; |
|||
|
|||
.one { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 94rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.two { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.sui { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
background: #21BBF3; |
|||
border-radius: 30rpx; |
|||
margin-left: 24rpx; |
|||
|
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Medium, PingFang SC; |
|||
font-weight: 500; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
.list-mt { |
|||
margin-top: 28rpx; |
|||
} |
|||
.box .list:nth-child(1) { |
|||
margin: 34rpx 24rpx 0 24rpx !important; |
|||
// margin: 0 !important; |
|||
} |
|||
|
|||
.box { |
|||
margin-top: -28rpx !important; |
|||
} |
|||
|
|||
.list { |
|||
margin: 42rpx 24rpx 0 24rpx; |
|||
width: 702rpx; |
|||
//height: 424rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 24rpx; |
|||
// padding: 32rpx; |
|||
box-sizing: border-box; |
|||
|
|||
padding: 24rpx; |
|||
position: relative; |
|||
|
|||
.list-Openonbehalf { |
|||
text-align: center; |
|||
background: #00C594; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 0; |
|||
width: 142rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-Openonbehalftwo { |
|||
text-align: center; |
|||
background: #ff5500; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 140rpx; |
|||
width: 100rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-data {} |
|||
|
|||
.list-data div:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-data div:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
|
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-Splitline { |
|||
width: 638rpx; |
|||
height: 2rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 16rpx; |
|||
margin-top: 28rpx; |
|||
} |
|||
|
|||
.list-hospital { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-left: 42rpx; |
|||
margin-right: 16rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(2) { |
|||
width: 92rpx; |
|||
height: 36rpx; |
|||
font-size: 20rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FF7D02; |
|||
line-height: 28rpx; |
|||
background-color: rgb(255, 240, 226); |
|||
} |
|||
|
|||
.list-time { |
|||
margin-top: 24rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(1) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-right: 10rpx; |
|||
margin-left: 42rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-money { |
|||
margin-top: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(1) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(2) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-btn { |
|||
margin-top: 32rpx; |
|||
|
|||
.one { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 94rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.two { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.sui { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
background: #21BBF3; |
|||
border-radius: 30rpx; |
|||
margin-left: 24rpx; |
|||
|
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Medium, PingFang SC; |
|||
font-weight: 500; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
.list-mt { |
|||
margin-top: 28rpx; |
|||
} |
|||
</style> |
|||
File diff suppressed because it is too large
@ -1,498 +1,498 @@ |
|||
<template> |
|||
|
|||
<view class="box"> |
|||
<view class="list list-mt" v-for="(item,index) in listsui.length>0?listsui:list" :key="index" |
|||
@click="btn(item.order_id,item.member_id)"> |
|||
<view v-if="item.sales_money>0" class="list-Openonbehalf"> |
|||
特批价|代开 |
|||
</view> |
|||
<view v-if="item.is_first_order" class="list-Openonbehalftwo"> |
|||
首单 |
|||
</view> |
|||
<view class="list-data df jcsb"> |
|||
<div>订单编号: {{item.order_no}}</div> |
|||
<div>{{item.order_status_name}}</div> |
|||
<!-- <div style="color:#FF1449 ;" v-if="item.status==0">待审核</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==1">待出库</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==2">待出库(部分)</div> |
|||
<div style="color:#00C594 ;" v-if="item.status==3">待发货</div> |
|||
<div style="color:#00BEF9 ;" v-if="item.status==4">已收货</div> |
|||
<div style="color:#999999 ;" v-if="item.status==5">已取消</div> --> |
|||
</view> |
|||
<div class="list-Splitline"></div> |
|||
<div class="list-hospital">客户名称<span>{{item.nickname}}</span> |
|||
|
|||
<span v-if="item.order_type==1">普通订单</span> |
|||
<span v-if="item.order_type==2">门店订单</span> |
|||
<span v-if="item.order_type==3">本地配送订单</span> |
|||
<span v-if="item.order_type==4">虚拟订单</span> |
|||
|
|||
<span v-if="item.order_type==5">代客下单</span> |
|||
</div> |
|||
<view class="list-time"> |
|||
下单时间<span>{{item.create_time | time}}</span><span>{{item.time}}</span> |
|||
</view> |
|||
<view class="list-money"> |
|||
合计{{item.goods_num}}件商品， |
|||
<span v-if="item.sales_money>0">订单金额￥{{item.sales_money}}</span> |
|||
<span v-else>订单金额￥{{item.order_money}}</span> |
|||
<span v-if="item.wait_status==1">(待确认)</span> |
|||
<span v-if="item.wait_status==2">(已收款)</span> |
|||
</view> |
|||
<view class="list-btn df jcf"> |
|||
<div class="df aic jcsa listone" v-if="item.sales_balance==1 && item.sales_status==1" |
|||
@click.stop="increased(item,item.order_id,item.member_id)">新增收款</div> |
|||
<div class="df aic jcsa listtwo" v-if="item.sales_balance==1 && item.sales_status==1" |
|||
@click.stop="affirm(item.order_id,item.member_id)">确认收款</div> |
|||
<view class="box"> |
|||
<view class="list list-mt" v-for="(item,index) in listsui.length>0?listsui:list" :key="index" |
|||
@click="btn(item.order_id,item.member_id)"> |
|||
<view v-if="item.sales_money>0" class="list-Openonbehalf"> |
|||
特批价|代开 |
|||
</view> |
|||
<view v-if="item.is_first_order" class="list-Openonbehalftwo"> |
|||
首单 |
|||
</view> |
|||
<view class="list-data df jcsb"> |
|||
<div>订单编号: {{item.order_no}}</div> |
|||
<div>{{item.order_status_name}}</div> |
|||
<!-- <div style="color:#FF1449 ;" v-if="item.status==0">待审核</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==1">待出库</div> |
|||
<div style="color:#FF7D02 ;" v-if="item.status==2">待出库(部分)</div> |
|||
<div style="color:#00C594 ;" v-if="item.status==3">待发货</div> |
|||
<div style="color:#00BEF9 ;" v-if="item.status==4">已收货</div> |
|||
<div style="color:#999999 ;" v-if="item.status==5">已取消</div> --> |
|||
</view> |
|||
<div class="list-Splitline"></div> |
|||
<div class="list-hospital">客户名称<span>{{item.nickname}}</span> |
|||
|
|||
<span v-if="item.order_type==1">普通订单</span> |
|||
<span v-if="item.order_type==2">门店订单</span> |
|||
<span v-if="item.order_type==3">本地配送订单</span> |
|||
<span v-if="item.order_type==4">虚拟订单</span> |
|||
|
|||
<span v-if="item.order_type==5">代客下单</span> |
|||
</div> |
|||
<view class="list-time"> |
|||
下单时间<span>{{item.create_time | time}}</span><span>{{item.time}}</span> |
|||
</view> |
|||
<view class="list-money"> |
|||
合计{{item.goods_num}}件商品， |
|||
<span v-if="item.sales_money>0">订单金额￥{{item.sales_money}}</span> |
|||
<span v-else>订单金额￥{{item.order_money}}</span> |
|||
<span v-if="item.wait_status==1">(待确认)</span> |
|||
<span v-if="item.wait_status==2">(已收款)</span> |
|||
</view> |
|||
<view class="list-btn df jcf"> |
|||
<div class="df aic jcsa listone" v-if="item.sales_balance==1 && item.sales_status==1" |
|||
@click.stop="increased(item,item.order_id,item.member_id)">新增收款</div> |
|||
<div class="df aic jcsa listtwo" v-if="item.sales_balance==1 && item.sales_status==1" |
|||
@click.stop="affirm(item.order_id,item.member_id)">确认收款</div> |
|||
<!--订单处于待审核状态展示取消审核按钮-暂时注释--> |
|||
<!-- <div class="df aic jcsa listsui" v-if="item.sales_status != 0" @click.stop="cancelAudit(item.order_id,item.member_id)">取消审核</div>--> |
|||
<div class="df aic jcsa listsui" @click.stop="more(item)">再次订购</div> |
|||
</view> |
|||
</view> |
|||
<!-- <div class="df aic jcsa listsui" v-if="item.sales_status != 0" @click.stop="cancelAudit(item.order_id,item.member_id)">取消审核</div>--> |
|||
<div class="df aic jcsa listsui" @click.stop="more(item)">再次订购</div> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
const timesfm = require('@/common/js/map/message.js') |
|||
import eventBus from '@/common/js/bus.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
list: [], |
|||
page: 1, |
|||
listsui: [], |
|||
dataList: [{ |
|||
sex: '202209012-0001', |
|||
status: 1, |
|||
household: '好大夫诊所', |
|||
type: 0, |
|||
date: '2021-09-12', |
|||
time: '18:20:21', |
|||
statusdata: '￥1000', |
|||
Received: 2, |
|||
box: 0 |
|||
}, |
|||
{ |
|||
sex: '202209012-0001', |
|||
status: 3, |
|||
household: '好大夫诊所', |
|||
type: 0, |
|||
date: '2021-09-12', |
|||
time: '18:20:21', |
|||
statusdata: '￥1000', |
|||
Received: 2, |
|||
box: 0 |
|||
}, |
|||
|
|||
] |
|||
|
|||
} |
|||
}, |
|||
created() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitsend' |
|||
}, |
|||
success: res => { |
|||
console.log(res, '待发货'); |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
methods: { |
|||
getwrong(order_status, member_id, is_today, sales_status, searchText, start_time, end_time) { |
|||
|
|||
console.log(order_status, member_id, is_today, sales_status, searchText, start_time, end_time); |
|||
let obj = { |
|||
order_status, |
|||
member_id, |
|||
is_today, |
|||
sales_status, |
|||
searchText, |
|||
start_time, |
|||
end_time |
|||
} |
|||
obj.order_status = 'waitsend' |
|||
if (searchText) { |
|||
delete obj.sales_status |
|||
} |
|||
if (is_today) { |
|||
delete obj.sales_status |
|||
} |
|||
if (!sales_status) { |
|||
delete obj.sales_status |
|||
} |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: obj, |
|||
success: res => { |
|||
this.listsui = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllisttwo() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitsend' |
|||
}, |
|||
success: res => { |
|||
console.log(res, '待发货'); |
|||
this.list = res.data.list |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
getwrongtllistsui() { |
|||
this.page += 1 |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitsend', |
|||
page: this.page |
|||
}, |
|||
success: res => { |
|||
this.list = [...this.list, ...res.data.list] |
|||
console.log(this.list, '待发货'); |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
queryList(pageNo, pageSize) { |
|||
// this.page+=1 |
|||
// this.$api.sendRequest({ |
|||
// url:'/api/salasmanorder/lists', |
|||
// data:{ |
|||
// order_status:'waitsend', |
|||
// page:this.page |
|||
// }, |
|||
// success:res=>{ |
|||
// console.log(res,'待发货'); |
|||
// this.list.push(res.data.list) |
|||
// } |
|||
// }) |
|||
// console.log(pageNo, pageSize); |
|||
// this.$refs.paging.complete(this.list) |
|||
// this.$refs.paging.complete(false); |
|||
}, |
|||
btn(order, member) { |
|||
let _this = this |
|||
setTimeout(() => { |
|||
eventBus.$emit('urlone', 2) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `/page_salesman_index/Tobe_shipped/Tobe_shipped?or=${order}&me=${member}`, |
|||
fail: function(res) { |
|||
console.log(res); |
|||
} |
|||
|
|||
}) |
|||
|
|||
}, |
|||
increased(item, order, member) { |
|||
// event.stopPropagation(); |
|||
// console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('Collection', item) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_order/Customer_payment/Customer_payment?id=${order}&di=${member}` |
|||
}) |
|||
}, |
|||
affirm(order_id, member_id) { |
|||
let _this = this |
|||
// event.stopPropagation(); |
|||
console.log(order_id, member_id); |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/detail', |
|||
data: { |
|||
order_id: order_id, |
|||
member_id: member_id |
|||
}, |
|||
success: res => { |
|||
this.data = res.data |
|||
console.log(res.data, '订单详情'); |
|||
// setTimeout(()=>{ |
|||
// uni.$emit('CommodityList',res.data.order_goods) |
|||
// },500) |
|||
// uni.navigateTo({ |
|||
// // url:this.list[this.current.URL] |
|||
// url:`/page_salesman_index/Commodity_list/Commodity_list` |
|||
// }) |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../Collection_record/Collection_record?id=${res.data.member_id}&di=${res.data.order_id}` |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
more(item) { |
|||
// event.stopPropagation(); |
|||
console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('zaicidinggou', { |
|||
one: item.order_goods, |
|||
two: 1 |
|||
}) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_index/Select_item/Select_item?st=${item.member_id}&di=${item.store_id}` |
|||
}) |
|||
}, |
|||
//取消审核(审核状态转为=>待审核) |
|||
cancelAudit(order_id,member_id){ |
|||
console.log(order_id,'取消审核') |
|||
//通过 |
|||
this.$api.sendRequest({ |
|||
//url: `/api/salasmanorder/doExamineOrder`,//旧审核接口 |
|||
url: `/api/salasmanorder/editSalesStatus`,//新审核接口(2024-11-28 11:30) |
|||
data: { |
|||
order_id: order_id, |
|||
member_id: member_id, |
|||
sales_status: 0,//0=待审核 |
|||
// remark:'' |
|||
}, |
|||
success: res => { |
|||
//获取列表数据 |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitsend' |
|||
}, |
|||
success: res => { |
|||
console.log(res, '待发货'); |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
this.$util.showToast({ |
|||
title: '操作成功' |
|||
}); |
|||
} |
|||
}) |
|||
const timesfm = require('@/common/js/map/message.js') |
|||
import eventBus from '@/common/js/bus.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
list: [], |
|||
page: 1, |
|||
listsui: [], |
|||
dataList: [{ |
|||
sex: '202209012-0001', |
|||
status: 1, |
|||
household: '好大夫诊所', |
|||
type: 0, |
|||
date: '2021-09-12', |
|||
time: '18:20:21', |
|||
statusdata: '￥1000', |
|||
Received: 2, |
|||
box: 0 |
|||
}, |
|||
{ |
|||
sex: '202209012-0001', |
|||
status: 3, |
|||
household: '好大夫诊所', |
|||
type: 0, |
|||
date: '2021-09-12', |
|||
time: '18:20:21', |
|||
statusdata: '￥1000', |
|||
Received: 2, |
|||
box: 0 |
|||
}, |
|||
|
|||
] |
|||
|
|||
} |
|||
}, |
|||
created() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitsend' |
|||
}, |
|||
}, |
|||
filters: { |
|||
time(num) { |
|||
return timesfm(num * 1000) |
|||
|
|||
} |
|||
} |
|||
} |
|||
success: res => { |
|||
console.log(res, '待发货'); |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
methods: { |
|||
getwrong(order_status, member_id, is_today, sales_status, searchText, start_time, end_time) { |
|||
|
|||
console.log(order_status, member_id, is_today, sales_status, searchText, start_time, end_time); |
|||
let obj = { |
|||
order_status, |
|||
member_id, |
|||
is_today, |
|||
sales_status, |
|||
searchText, |
|||
start_time, |
|||
end_time |
|||
} |
|||
obj.order_status = 'waitsend' |
|||
if (searchText) { |
|||
delete obj.sales_status |
|||
} |
|||
if (is_today) { |
|||
delete obj.sales_status |
|||
} |
|||
if (!sales_status) { |
|||
delete obj.sales_status |
|||
} |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: obj, |
|||
success: res => { |
|||
this.listsui = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllisttwo() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitsend' |
|||
}, |
|||
success: res => { |
|||
console.log(res, '待发货'); |
|||
this.list = res.data.list |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
getwrongtllistsui() { |
|||
this.page += 1 |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitsend', |
|||
page: this.page |
|||
}, |
|||
success: res => { |
|||
this.list = [...this.list, ...res.data.list] |
|||
console.log(this.list, '待发货'); |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
queryList(pageNo, pageSize) { |
|||
// this.page+=1 |
|||
// this.$api.sendRequest({ |
|||
// url:'/api/salasmanorder/lists', |
|||
// data:{ |
|||
// order_status:'waitsend', |
|||
// page:this.page |
|||
// }, |
|||
// success:res=>{ |
|||
// console.log(res,'待发货'); |
|||
// this.list.push(res.data.list) |
|||
// } |
|||
// }) |
|||
// console.log(pageNo, pageSize); |
|||
// this.$refs.paging.complete(this.list) |
|||
// this.$refs.paging.complete(false); |
|||
}, |
|||
btn(order, member) { |
|||
let _this = this |
|||
setTimeout(() => { |
|||
eventBus.$emit('urlone', 2) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `/page_salesman_index/Tobe_shipped/Tobe_shipped?or=${order}&me=${member}`, |
|||
fail: function(res) { |
|||
console.log(res); |
|||
} |
|||
|
|||
}) |
|||
|
|||
}, |
|||
increased(item, order, member) { |
|||
// event.stopPropagation(); |
|||
// console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('Collection', item) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_order/Customer_payment/Customer_payment?id=${order}&di=${member}` |
|||
}) |
|||
}, |
|||
affirm(order_id, member_id) { |
|||
let _this = this |
|||
// event.stopPropagation(); |
|||
console.log(order_id, member_id); |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/detail', |
|||
data: { |
|||
order_id: order_id, |
|||
member_id: member_id |
|||
}, |
|||
success: res => { |
|||
this.data = res.data |
|||
console.log(res.data, '订单详情'); |
|||
// setTimeout(()=>{ |
|||
// uni.$emit('CommodityList',res.data.order_goods) |
|||
// },500) |
|||
// uni.navigateTo({ |
|||
// // url:this.list[this.current.URL] |
|||
// url:`/page_salesman_index/Commodity_list/Commodity_list` |
|||
// }) |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../Collection_record/Collection_record?id=${res.data.member_id}&di=${res.data.order_id}` |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
more(item) { |
|||
// event.stopPropagation(); |
|||
console.log(item); |
|||
setTimeout(() => { |
|||
uni.$emit('zaicidinggou', { |
|||
one: item.order_goods, |
|||
two: 1 |
|||
}) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_index/Select_item/Select_item?st=${item.member_id}&di=${item.store_id}` |
|||
}) |
|||
}, |
|||
//取消审核(审核状态转为=>待审核) |
|||
cancelAudit(order_id,member_id){ |
|||
console.log(order_id,'取消审核') |
|||
//通过 |
|||
this.$api.sendRequest({ |
|||
//url: `/api/salasmanorder/doExamineOrder`,//旧审核接口 |
|||
url: `/api/salasmanorder/editSalesStatus`,//新审核接口(2024-11-28 11:30) |
|||
data: { |
|||
order_id: order_id, |
|||
member_id: member_id, |
|||
sales_status: 0,//0=待审核 |
|||
// remark:'' |
|||
}, |
|||
success: res => { |
|||
//获取列表数据 |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
order_status: 'waitsend' |
|||
}, |
|||
success: res => { |
|||
console.log(res, '待发货'); |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
this.$util.showToast({ |
|||
title: '操作成功' |
|||
}); |
|||
} |
|||
}) |
|||
}, |
|||
}, |
|||
filters: { |
|||
time(num) { |
|||
return timesfm(num * 1000) |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.box .list:nth-child(1) { |
|||
margin: 34rpx 24rpx 0 24rpx !important; |
|||
// margin: 0 !important; |
|||
} |
|||
|
|||
.box { |
|||
margin-top: -28rpx !important; |
|||
} |
|||
|
|||
.list { |
|||
margin: 42rpx 24rpx 0 24rpx; |
|||
width: 702rpx; |
|||
//height: 424rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 24rpx; |
|||
// padding: 32rpx; |
|||
box-sizing: border-box; |
|||
|
|||
padding: 24rpx; |
|||
position: relative; |
|||
|
|||
.list-Openonbehalf { |
|||
text-align: center; |
|||
background: #00C594; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 0; |
|||
width: 142rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-Openonbehalftwo { |
|||
text-align: center; |
|||
background: #ff5500; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 140rpx; |
|||
width: 100rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-data {} |
|||
|
|||
.list-data div:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-data div:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
|
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-Splitline { |
|||
width: 638rpx; |
|||
height: 2rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 16rpx; |
|||
margin-top: 28rpx; |
|||
} |
|||
|
|||
.list-hospital { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-left: 42rpx; |
|||
margin-right: 16rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(2) { |
|||
width: 92rpx; |
|||
height: 36rpx; |
|||
font-size: 20rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FF7D02; |
|||
line-height: 28rpx; |
|||
background-color: rgb(255, 240, 226); |
|||
} |
|||
|
|||
.list-time { |
|||
margin-top: 24rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(1) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-right: 10rpx; |
|||
margin-left: 42rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-money { |
|||
margin-top: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(1) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(2) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-btn { |
|||
margin-top: 32rpx; |
|||
|
|||
.listone { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 94rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.listtwo { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.listsui { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
background: #21BBF3; |
|||
border-radius: 30rpx; |
|||
margin-left: 24rpx; |
|||
|
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Medium, PingFang SC; |
|||
font-weight: 500; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
.list-mt { |
|||
margin-top: 28rpx; |
|||
} |
|||
.box .list:nth-child(1) { |
|||
margin: 34rpx 24rpx 0 24rpx !important; |
|||
// margin: 0 !important; |
|||
} |
|||
|
|||
.box { |
|||
margin-top: -28rpx !important; |
|||
} |
|||
|
|||
.list { |
|||
margin: 42rpx 24rpx 0 24rpx; |
|||
width: 702rpx; |
|||
//height: 424rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 24rpx; |
|||
// padding: 32rpx; |
|||
box-sizing: border-box; |
|||
|
|||
padding: 24rpx; |
|||
position: relative; |
|||
|
|||
.list-Openonbehalf { |
|||
text-align: center; |
|||
background: #00C594; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 0; |
|||
width: 142rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-Openonbehalftwo { |
|||
text-align: center; |
|||
background: #ff5500; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 140rpx; |
|||
width: 100rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-data {} |
|||
|
|||
.list-data div:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-data div:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
|
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-Splitline { |
|||
width: 638rpx; |
|||
height: 2rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 16rpx; |
|||
margin-top: 28rpx; |
|||
} |
|||
|
|||
.list-hospital { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-left: 42rpx; |
|||
margin-right: 16rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(2) { |
|||
width: 92rpx; |
|||
height: 36rpx; |
|||
font-size: 20rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FF7D02; |
|||
line-height: 28rpx; |
|||
background-color: rgb(255, 240, 226); |
|||
} |
|||
|
|||
.list-time { |
|||
margin-top: 24rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(1) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-right: 10rpx; |
|||
margin-left: 42rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-money { |
|||
margin-top: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(1) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(2) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-btn { |
|||
margin-top: 32rpx; |
|||
|
|||
.listone { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 94rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.listtwo { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.listsui { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
background: #21BBF3; |
|||
border-radius: 30rpx; |
|||
margin-left: 24rpx; |
|||
|
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Medium, PingFang SC; |
|||
font-weight: 500; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
.list-mt { |
|||
margin-top: 28rpx; |
|||
} |
|||
</style> |
|||
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -1,500 +1,501 @@ |
|||
<template> |
|||
|
|||
<view class="box"> |
|||
<view class="list list-mt" v-for="(item,index) in zuanti?listsui:list" :key="index" |
|||
@click="btn(item.order_id,item.member_id)"> |
|||
<view v-if="item.sales_money>0" class="list-Openonbehalf"> |
|||
特批价|代开 |
|||
</view> |
|||
<view v-if="item.is_first_order" class="list-Openonbehalftwo"> |
|||
首单 |
|||
</view> |
|||
<view class="list-data df jcsb"> |
|||
<div>订单编号: {{item.order_no}}</div> |
|||
{{item.order_status_name}} |
|||
</view> |
|||
<div class="list-Splitline"></div> |
|||
<div class="list-hospital">客户名称<span>{{item.nickname}}</span> |
|||
|
|||
<span v-if="item.order_type==1">普通订单</span> |
|||
<span v-if="item.order_type==2">门店订单</span> |
|||
<span v-if="item.order_type==3">本地配送订单</span> |
|||
<span v-if="item.order_type==4">虚拟订单</span> |
|||
|
|||
<span v-if="item.order_type==5">代客下单</span> |
|||
</div> |
|||
<view class="list-time"> |
|||
下单时间<span>{{item.create_time | time}}</span><span>{{item.time}}</span> |
|||
</view> |
|||
<view class="box"> |
|||
<view class="list list-mt" v-for="(item,index) in zuanti?listsui:list" :key="index" |
|||
@click="btn(item.order_id,item.member_id)"> |
|||
<view v-if="item.sales_money>0" class="list-Openonbehalf"> |
|||
特批价|代开 |
|||
</view> |
|||
<view v-if="item.is_first_order" class="list-Openonbehalftwo"> |
|||
首单 |
|||
</view> |
|||
<view class="list-data df jcsb"> |
|||
<div>订单编号: {{item.order_no}}</div> |
|||
{{item.order_status_name}} |
|||
</view> |
|||
<div class="list-Splitline"></div> |
|||
<div class="list-hospital">客户名称<span>{{item.nickname}}</span> |
|||
|
|||
<span v-if="item.order_type==1">普通订单</span> |
|||
<span v-if="item.order_type==2">门店订单</span> |
|||
<span v-if="item.order_type==3">本地配送订单</span> |
|||
<span v-if="item.order_type==4">虚拟订单</span> |
|||
|
|||
<span v-if="item.order_type==5">代客下单</span> |
|||
</div> |
|||
<view class="list-time"> |
|||
下单时间<span>{{item.create_time | time}}</span><span>{{item.time}}</span> |
|||
</view> |
|||
<view class="list-time"> |
|||
支付状态<span>{{item.pay_status_name}}</span> |
|||
<span v-if="item.pay.pay_money > 0">剩余未支付金额{{item.pay.pay_money}}</span> |
|||
<span v-if="item.pay.pay_money > 0">剩余未支付金额{{item.pay.pay_money}}</span> |
|||
</view> |
|||
<view class="list-money"> |
|||
合计{{item.goods_num}}件商品， |
|||
<span v-if="item.sales_money>0">订单金额￥{{item.sales_money}}</span> |
|||
<span v-else>订单金额￥{{item.order_money}}</span> |
|||
<span v-if="item.wait_status==1">(待收款)</span> |
|||
<span v-if="item.wait_status==2">(已收款)</span> |
|||
</view> |
|||
<view class="list-money"> |
|||
合计{{item.goods_num}}件商品， |
|||
<span v-if="item.sales_money>0">订单金额￥{{item.sales_money}}</span> |
|||
<span v-else>订单金额￥{{item.order_money}}</span> |
|||
<span v-if="item.wait_status==1">(待收款)</span> |
|||
<span v-if="item.wait_status==2">(已收款)</span> |
|||
</view> |
|||
<view class="list-btn df jcf"> |
|||
<div class="df aic jcsa listone" v-if="item.sales_balance==1 " |
|||
@click.stop="increased(item,item.order_id,item.member_id,item.sales_balance,item.sales_status)">新增收款 |
|||
</div> |
|||
|
|||
<div class="df aic jcsa listtwo" v-if="item.sales_balance==1 " |
|||
@click.stop="affirm(item.order_id,item.member_id,item.sales_balance,item.sales_status)">确认收款</div> |
|||
<div class="df aic jcsa listsui" @click.stop="more(item)">再次订购</div> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="list-btn df jcf"> |
|||
<div class="df aic jcsa listone" v-if="item.sales_balance==1 " |
|||
@click.stop="increased(item,item.order_id,item.member_id,item.sales_balance,item.sales_status)">新增收款 |
|||
</div> |
|||
|
|||
<div class="df aic jcsa listtwo" v-if="item.sales_balance==1 " |
|||
@click.stop="affirm(item.order_id,item.member_id,item.sales_balance,item.sales_status)">确认收款</div> |
|||
<div class="df aic jcsa listsui" @click.stop="more(item)">再次订购</div> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
const timesfm = require('@/common/js/map/message.js') |
|||
import eventBus from '@/common/js/bus.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
show1: false, |
|||
indexa: 0, |
|||
columns: [ |
|||
['中国', '美国', '日本'] |
|||
], |
|||
value: '', |
|||
listsui: [], |
|||
show: false, |
|||
page: 1, |
|||
list: [],//全部订单数据 |
|||
// url:'/page_salesman_order/index/index?index=${index=0}', |
|||
dataList: [], |
|||
zuanti: false |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getwrongtllist() |
|||
console.log(this.zuanti); |
|||
}, |
|||
methods: { |
|||
// queryList(pageNo, pageSize) { |
|||
// this.page += 10 |
|||
// this.$api.sendRequest({ |
|||
// url: '/api/salasmanorder/lists', |
|||
// data: { |
|||
// page_size: this.page |
|||
// }, |
|||
// success: res => { |
|||
// console.log(res, '全部'); |
|||
// this.list = res.data.list |
|||
// } |
|||
// }) |
|||
// this.$refs.paging.reload(); |
|||
// this.$refs.loadingCover.hide(); |
|||
// this.$refs.paging.complete(this.list); |
|||
|
|||
// }, |
|||
getwrong(order_status, member_id, is_today, sales_status, searchText, one, start_time, |
|||
end_time) { |
|||
let obj = { |
|||
order_status, |
|||
member_id, |
|||
is_today, |
|||
sales_status, |
|||
searchText, |
|||
start_time, |
|||
end_time |
|||
} |
|||
if (searchText) { |
|||
delete obj.sales_status |
|||
} |
|||
if (is_today) { |
|||
delete obj.sales_status |
|||
} |
|||
if (!sales_status) { |
|||
delete obj.sales_status |
|||
} |
|||
console.log(one, '开关123'); |
|||
this.zuanti = one |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: obj, |
|||
success: res => { |
|||
this.listsui = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
statusbtn(item) { |
|||
// this.show=true |
|||
console.log('item', item); |
|||
}, |
|||
getwrongtllist() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: {}, |
|||
success: res => { |
|||
console.log(res, '全部'); |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllisttwo() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: {}, |
|||
success: res => { |
|||
console.log(res, '全部'); |
|||
this.list = res.data.list |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllistsui() { |
|||
this.page += 1 |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
page: this.page |
|||
}, |
|||
success: res => { |
|||
|
|||
this.list = [...this.list, ...res.data.list] |
|||
console.log(this.list, '全部'); |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
change(e) { |
|||
console.log('change', e); |
|||
}, |
|||
btn(order, member) { |
|||
// order 订单id member 下单客户id |
|||
// console.log(this.url,'路径1'); |
|||
let _this = this |
|||
setTimeout(() => { |
|||
eventBus.$emit('urlone', 0) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `../Order_details/Order_details?or=${order}&me=${member}` |
|||
}) |
|||
}, |
|||
click(index) { |
|||
console.log(index.index, 'index'); |
|||
this.indexa = index.index |
|||
}, |
|||
increased(item, order, member, sales_balance, sales_status) { |
|||
// event.stopPropagation(); |
|||
// console.log(item); |
|||
let _this = this |
|||
if (sales_balance == 0) { |
|||
this.$util.showToast({ |
|||
title: '无收款记录' |
|||
}); |
|||
return |
|||
} |
|||
if (sales_status == 0) { |
|||
this.$util.showToast({ |
|||
title: '未审核' |
|||
}); |
|||
return |
|||
} |
|||
if (sales_status == 2) { |
|||
this.$util.showToast({ |
|||
title: '已驳回' |
|||
}); |
|||
return |
|||
} |
|||
setTimeout(() => { |
|||
uni.$emit('Collection', item) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_order/Customer_payment/Customer_payment?id=${order}&di=${member}` |
|||
}) |
|||
}, |
|||
affirm(order_id, member_id, sales_balance, sales_status) { |
|||
let _this = this |
|||
if (sales_balance == 0) { |
|||
this.$util.showToast({ |
|||
title: '无收款记录' |
|||
}); |
|||
return |
|||
} |
|||
if (sales_status == 0) { |
|||
this.$util.showToast({ |
|||
title: '未审核' |
|||
}); |
|||
return |
|||
} |
|||
if (sales_status == 2) { |
|||
this.$util.showToast({ |
|||
title: '已驳回' |
|||
}); |
|||
return |
|||
} |
|||
// event.stopPropagation(); |
|||
console.log(order_id, member_id); |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/detail', |
|||
data: { |
|||
order_id: order_id, |
|||
member_id: member_id |
|||
}, |
|||
success: res => { |
|||
this.data = res.data |
|||
console.log(res.data, '订单详情'); |
|||
// setTimeout(()=>{ |
|||
// uni.$emit('CommodityList',res.data.order_goods) |
|||
// },500) |
|||
// uni.navigateTo({ |
|||
// // url:this.list[this.current.URL] |
|||
// url:`/page_salesman_index/Commodity_list/Commodity_list` |
|||
// }) |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../Collection_record/Collection_record?id=${res.data.member_id}&di=${res.data.order_id}` |
|||
}) |
|||
} |
|||
}) |
|||
// this.$util.showToast({ |
|||
// title: '收款成功' |
|||
// }); |
|||
}, |
|||
more(item) { |
|||
// event.stopPropagation(); |
|||
console.log(item); |
|||
// setTimeout(() => { |
|||
// uni.$emit('zaicidinggou', item.order_goods) |
|||
// }, 500) |
|||
// uni.navigateTo({ |
|||
// url: `/page_salesman_index/affirm_order/affirm_order?id=${item.member_id}&shop=${item.store_id}` |
|||
// }) |
|||
setTimeout(() => { |
|||
uni.$emit('zaicidinggou', { |
|||
one: item.order_goods, |
|||
two: 1 |
|||
}) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_index/Select_item/Select_item?st=${item.member_id}&di=${item.store_id}` |
|||
}) |
|||
} |
|||
}, |
|||
filters: { |
|||
time(num) { |
|||
return timesfm(num * 1000) |
|||
|
|||
} |
|||
}, |
|||
|
|||
} |
|||
const timesfm = require('@/common/js/map/message.js') |
|||
import eventBus from '@/common/js/bus.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
show1: false, |
|||
indexa: 0, |
|||
columns: [ |
|||
['中国', '美国', '日本'] |
|||
], |
|||
value: '', |
|||
listsui: [], |
|||
show: false, |
|||
page: 1, |
|||
list: [],//全部订单数据 |
|||
// url:'/page_salesman_order/index/index?index=${index=0}', |
|||
dataList: [], |
|||
zuanti: false |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getwrongtllist() |
|||
console.log(this.zuanti); |
|||
}, |
|||
methods: { |
|||
// queryList(pageNo, pageSize) { |
|||
// this.page += 10 |
|||
// this.$api.sendRequest({ |
|||
// url: '/api/salasmanorder/lists', |
|||
// data: { |
|||
// page_size: this.page |
|||
// }, |
|||
// success: res => { |
|||
// console.log(res, '全部'); |
|||
// this.list = res.data.list |
|||
// } |
|||
// }) |
|||
// this.$refs.paging.reload(); |
|||
// this.$refs.loadingCover.hide(); |
|||
// this.$refs.paging.complete(this.list); |
|||
|
|||
// }, |
|||
getwrong(order_status, member_id, is_today, sales_status, searchText, one, start_time, |
|||
end_time) { |
|||
let obj = { |
|||
order_status, |
|||
member_id, |
|||
is_today, |
|||
sales_status, |
|||
searchText, |
|||
start_time, |
|||
end_time |
|||
} |
|||
if (searchText) { |
|||
delete obj.sales_status |
|||
} |
|||
if (is_today) { |
|||
delete obj.sales_status |
|||
} |
|||
if (!sales_status) { |
|||
delete obj.sales_status |
|||
} |
|||
console.log(one, '开关123'); |
|||
this.zuanti = one |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: obj, |
|||
success: res => { |
|||
this.listsui = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
statusbtn(item) { |
|||
// this.show=true |
|||
console.log('item', item); |
|||
}, |
|||
getwrongtllist() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: {}, |
|||
success: res => { |
|||
console.log(res, '全部'); |
|||
this.list = res.data.list |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllisttwo() { |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: {}, |
|||
success: res => { |
|||
console.log(res, '全部'); |
|||
this.list = res.data.list |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
getwrongtllistsui() { |
|||
this.page += 1 |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/lists', |
|||
data: { |
|||
page: this.page |
|||
}, |
|||
success: res => { |
|||
|
|||
this.list = [...this.list, ...res.data.list] |
|||
console.log(this.list, '全部'); |
|||
uni.stopPullDownRefresh() |
|||
} |
|||
}) |
|||
}, |
|||
change(e) { |
|||
console.log('change', e); |
|||
}, |
|||
btn(order, member) { |
|||
// order 订单id member 下单客户id |
|||
// console.log(this.url,'路径1'); |
|||
let _this = this |
|||
setTimeout(() => { |
|||
eventBus.$emit('urlone', 0) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `../Order_details/Order_details?or=${order}&me=${member}` |
|||
}) |
|||
}, |
|||
click(index) { |
|||
console.log(index.index, 'index'); |
|||
this.indexa = index.index |
|||
}, |
|||
increased(item, order, member, sales_balance, sales_status) { |
|||
// event.stopPropagation(); |
|||
// console.log(item); |
|||
let _this = this |
|||
if (sales_balance == 0) { |
|||
this.$util.showToast({ |
|||
title: '无收款记录' |
|||
}); |
|||
return |
|||
} |
|||
if (sales_status == 0) { |
|||
this.$util.showToast({ |
|||
title: '未审核' |
|||
}); |
|||
return |
|||
} |
|||
if (sales_status == 2) { |
|||
this.$util.showToast({ |
|||
title: '已驳回' |
|||
}); |
|||
return |
|||
} |
|||
setTimeout(() => { |
|||
uni.$emit('Collection', item) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_order/Customer_payment/Customer_payment?id=${order}&di=${member}` |
|||
}) |
|||
}, |
|||
affirm(order_id, member_id, sales_balance, sales_status) { |
|||
let _this = this |
|||
if (sales_balance == 0) { |
|||
this.$util.showToast({ |
|||
title: '无收款记录' |
|||
}); |
|||
return |
|||
} |
|||
if (sales_status == 0) { |
|||
this.$util.showToast({ |
|||
title: '未审核' |
|||
}); |
|||
return |
|||
} |
|||
if (sales_status == 2) { |
|||
this.$util.showToast({ |
|||
title: '已驳回' |
|||
}); |
|||
return |
|||
} |
|||
// event.stopPropagation(); |
|||
console.log(order_id, member_id); |
|||
this.$api.sendRequest({ |
|||
url: '/api/salasmanorder/detail', |
|||
data: { |
|||
order_id: order_id, |
|||
member_id: member_id |
|||
}, |
|||
success: res => { |
|||
this.data = res.data |
|||
console.log(res.data, '订单详情'); |
|||
// setTimeout(()=>{ |
|||
// uni.$emit('CommodityList',res.data.order_goods) |
|||
// },500) |
|||
// uni.navigateTo({ |
|||
// // url:this.list[this.current.URL] |
|||
// url:`/page_salesman_index/Commodity_list/Commodity_list` |
|||
// }) |
|||
uni.navigateTo({ |
|||
// url:this.list[this.current.URL] |
|||
url: `../Collection_record/Collection_record?id=${res.data.member_id}&di=${res.data.order_id}` |
|||
}) |
|||
} |
|||
}) |
|||
// this.$util.showToast({ |
|||
// title: '收款成功' |
|||
// }); |
|||
}, |
|||
more(item) { |
|||
// event.stopPropagation(); |
|||
console.log(item); |
|||
// setTimeout(() => { |
|||
// uni.$emit('zaicidinggou', item.order_goods) |
|||
// }, 500) |
|||
// uni.navigateTo({ |
|||
// url: `/page_salesman_index/affirm_order/affirm_order?id=${item.member_id}&shop=${item.store_id}` |
|||
// }) |
|||
setTimeout(() => { |
|||
uni.$emit('zaicidinggou', { |
|||
one: item.order_goods, |
|||
two: 1 |
|||
}) |
|||
}, 500) |
|||
uni.navigateTo({ |
|||
url: `/page_salesman_index/Select_item/Select_item?st=${item.member_id}&di=${item.store_id}` |
|||
}) |
|||
} |
|||
}, |
|||
filters: { |
|||
time(num) { |
|||
return timesfm(num * 1000) |
|||
|
|||
} |
|||
}, |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.box { |
|||
margin-top: -28rpx; |
|||
} |
|||
|
|||
.box .list:nth-child(1) { |
|||
margin: 34rpx 24rpx 0 24rpx !important; |
|||
// margin: 0 !important; |
|||
} |
|||
|
|||
.list { |
|||
margin: 42rpx 24rpx 0 24rpx; |
|||
width: 702rpx; |
|||
//height: 424rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 24rpx; |
|||
// padding: 32rpx; |
|||
box-sizing: border-box; |
|||
padding: 24rpx; |
|||
position: relative; |
|||
|
|||
.list-Openonbehalf { |
|||
text-align: center; |
|||
background: #00C594; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 0; |
|||
width: 142rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-Openonbehalftwo { |
|||
text-align: center; |
|||
background: #ff5500; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 140rpx; |
|||
width: 100rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-data {} |
|||
|
|||
.list-data div:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-data div:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
|
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-Splitline { |
|||
width: 638rpx; |
|||
height: 2rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 16rpx; |
|||
margin-top: 28rpx; |
|||
} |
|||
|
|||
.list-hospital { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-left: 42rpx; |
|||
margin-right: 16rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(2) { |
|||
width: 92rpx; |
|||
height: 36rpx; |
|||
font-size: 20rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FF7D02; |
|||
line-height: 28rpx; |
|||
background-color: rgb(255, 240, 226); |
|||
} |
|||
|
|||
.list-time { |
|||
margin-top: 24rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(1) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-right: 10rpx; |
|||
margin-left: 42rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-money { |
|||
margin-top: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(1) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(2) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-btn { |
|||
margin-top: 32rpx; |
|||
|
|||
.listone { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 94rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.listtwo { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.listsui { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
background: #21BBF3; |
|||
border-radius: 30rpx; |
|||
margin-left: 24rpx; |
|||
|
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Medium, PingFang SC; |
|||
font-weight: 500; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
} |
|||
|
|||
} |
|||
|
|||
.list-mt { |
|||
// margin-top: 28rpx; |
|||
} |
|||
.box { |
|||
margin-top: -28rpx; |
|||
} |
|||
|
|||
.box .list:nth-child(1) { |
|||
margin: 34rpx 24rpx 0 24rpx !important; |
|||
// margin: 0 !important; |
|||
} |
|||
|
|||
.list { |
|||
margin: 42rpx 24rpx 0 24rpx; |
|||
width: 702rpx; |
|||
height: 480rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 24rpx; |
|||
// padding: 32rpx; |
|||
box-sizing: border-box; |
|||
padding: 24rpx; |
|||
position: relative; |
|||
|
|||
.list-Openonbehalf { |
|||
text-align: center; |
|||
background: #00C594; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 0; |
|||
width: 142rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-Openonbehalftwo { |
|||
text-align: center; |
|||
background: #ff5500; |
|||
border-radius: 30rpx; |
|||
position: absolute; |
|||
top: -10rpx; |
|||
left: 140rpx; |
|||
width: 100rpx; |
|||
height: 34rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-data {} |
|||
|
|||
.list-data div:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-data div:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
|
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-Splitline { |
|||
width: 638rpx; |
|||
height: 2rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 16rpx; |
|||
margin-top: 28rpx; |
|||
} |
|||
|
|||
.list-hospital { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(1) { |
|||
|
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-left: 42rpx; |
|||
margin-right: 16rpx; |
|||
} |
|||
|
|||
.list-hospital span:nth-child(2) { |
|||
width: 92rpx; |
|||
height: 36rpx; |
|||
font-size: 20rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #FF7D02; |
|||
line-height: 28rpx; |
|||
background-color: rgb(255, 240, 226); |
|||
} |
|||
|
|||
.list-time { |
|||
margin-top: 24rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(1) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
margin-right: 10rpx; |
|||
margin-left: 42rpx; |
|||
} |
|||
|
|||
.list-time span:nth-child(2) { |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #222222; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.list-money { |
|||
margin-top: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(1) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-money span:nth-child(2) { |
|||
color: rgb(58, 58, 58); |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.list-btn { |
|||
margin-top: 32rpx; |
|||
// height: 500rpx !important; |
|||
|
|||
.listone { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 94rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.listtwo { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
border-radius: 30rpx; |
|||
border: 2rpx solid #E8E8E8; |
|||
margin-left: 24rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
line-height: 34rpx; |
|||
} |
|||
|
|||
.listsui { |
|||
width: 176rpx; |
|||
height: 60rpx; |
|||
background: #21BBF3; |
|||
border-radius: 30rpx; |
|||
margin-left: 24rpx; |
|||
|
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Medium, PingFang SC; |
|||
font-weight: 500; |
|||
color: #FFFFFF; |
|||
line-height: 34rpx; |
|||
} |
|||
} |
|||
|
|||
} |
|||
|
|||
.list-mt { |
|||
// margin-top: 28rpx; |
|||
} |
|||
</style> |
|||
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -1,250 +1,250 @@ |
|||
<template> |
|||
<page-meta :page-style="themeColor"></page-meta> |
|||
<view class="goods-select"> |
|||
<view class="top"> |
|||
共<text class="color-base-text">{{refund_data.length}}</text>件商品 |
|||
</view> |
|||
|
|||
<view class="body"> |
|||
<view class="item" v-for="(item,index) in refund_data" :key="index"> |
|||
<view @click="single(index)" v-if="promotion_type != 'bundling'"> |
|||
<text v-if="item.judge" class="iconfont icon-yuan_checked color-base-text"></text> |
|||
<text v-else class="iconfont icon-yuan_checkbox"></text> |
|||
</view> |
|||
<image :src="$util.img(item.sku_image)" @error="error(index)"></image> |
|||
<view class="title"> |
|||
<text>{{item.sku_name}}</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="bottom-all"> |
|||
<view @click="all" v-if="promotion_type != 'bundling'"> |
|||
<text v-if=" judge" class="iconfont icon-yuan_checked color-base-text"></text> |
|||
<text v-else class="iconfont icon-yuan_checkbox"></text> |
|||
<text style="margin-left: 10rpx;">全选</text> |
|||
</view> |
|||
<view class="" v-else> |
|||
|
|||
</view> |
|||
|
|||
<view v-if="nexthover" class="next" @click="next">下一步</view> |
|||
<view v-else class="next nexthover">请选择商品</view> |
|||
</view> |
|||
|
|||
<!-- <loading-cover ref="loadingCover"></loading-cover> --> |
|||
</view> |
|||
<page-meta :page-style="themeColor"></page-meta> |
|||
<view class="goods-select"> |
|||
<view class="top"> |
|||
共<text class="color-base-text">{{refund_data.length}}</text>件商品 |
|||
</view> |
|||
|
|||
<view class="body"> |
|||
<view class="item" v-for="(item,index) in refund_data" :key="index"> |
|||
<view @click="single(index)" v-if="promotion_type != 'bundling'"> |
|||
<text v-if="item.judge" class="iconfont icon-yuan_checked color-base-text"></text> |
|||
<text v-else class="iconfont icon-yuan_checkbox"></text> |
|||
</view> |
|||
<image :src="$util.img(item.sku_image)" @error="error(index)"></image> |
|||
<view class="title"> |
|||
<text>{{item.sku_name}}</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="bottom-all"> |
|||
<view @click="all" v-if="promotion_type != 'bundling'"> |
|||
<text v-if=" judge" class="iconfont icon-yuan_checked color-base-text"></text> |
|||
<text v-else class="iconfont icon-yuan_checkbox"></text> |
|||
<text style="margin-left: 10rpx;">全选</text> |
|||
</view> |
|||
<view class="" v-else> |
|||
|
|||
</view> |
|||
|
|||
<view v-if="nexthover" class="next" @click="next">下一步</view> |
|||
<view v-else class="next nexthover">请选择商品</view> |
|||
</view> |
|||
|
|||
<!-- <loading-cover ref="loadingCover"></loading-cover> --> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
refund_type: 1, |
|||
refund_data: [], |
|||
judge: false, |
|||
order_goods_id: [], |
|||
nexthover: true, |
|||
promotion_type: "", |
|||
} |
|||
}, |
|||
|
|||
onLoad(option) { |
|||
if (option.promotion_type) { |
|||
this.promotion_type = option.promotion_type |
|||
} |
|||
if (option.refund_type) { |
|||
this.refund_type = option.refund_type; |
|||
this.getGoodsInfo() |
|||
} else { |
|||
uni.showToast({ |
|||
title: '未查找到订单信息', |
|||
icon: 'none' |
|||
}) |
|||
setTimeout(() => { |
|||
this.$util.redirectTo('/pages/order/list'); |
|||
}, 1000) |
|||
} |
|||
}, |
|||
|
|||
methods: { |
|||
/** |
|||
* 处理商品选中数据 |
|||
*/ |
|||
getGoodsInfo() { |
|||
uni.getStorage({ |
|||
key: 'refund_goods_data', |
|||
success: res => { |
|||
let refund_data = JSON.parse(res.data); |
|||
this.refund_data = []; |
|||
refund_data.forEach(item => { |
|||
if (item.refund_status == 0) { |
|||
item.judge = false; |
|||
this.refund_data.push(item); |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
/** |
|||
*单选事件 |
|||
*/ |
|||
single(key) { |
|||
this.refund_data[key].judge = !this.refund_data[key].judge; |
|||
let allJudge = true; |
|||
|
|||
this.refund_data.forEach((item) => { |
|||
if (!item.judge) { |
|||
allJudge = false; |
|||
} |
|||
}) |
|||
this.judge = allJudge; |
|||
|
|||
this.getOrderIdInfo(); |
|||
this.$forceUpdate() |
|||
}, |
|||
/** |
|||
* 全选选择 |
|||
*/ |
|||
all() { |
|||
|
|||
this.judge = !this.judge; |
|||
this.refund_data.map(item => { |
|||
item.judge = this.judge; |
|||
return item; |
|||
}) |
|||
|
|||
this.getOrderIdInfo(); |
|||
this.$forceUpdate() |
|||
}, |
|||
|
|||
/** |
|||
* 获取选择的order_goods_id |
|||
*/ |
|||
getOrderIdInfo() { |
|||
this.order_goods_id = []; |
|||
this.refund_data.forEach(item => { |
|||
if (item.judge) { |
|||
this.order_goods_id.push(item.order_goods_id) |
|||
} |
|||
}) |
|||
if (this.order_goods_id.length == 0) { |
|||
this.nexthover = false; |
|||
} else { |
|||
this.nexthover = true; |
|||
} |
|||
|
|||
this.$forceUpdate(); |
|||
}, |
|||
/** |
|||
* 跳转退款界面 |
|||
*/ |
|||
next() { |
|||
if (this.order_goods_id.length == 0) { |
|||
this.getOrderIdInfo(); |
|||
} |
|||
|
|||
if (this.refund_type == '4') { |
|||
//仅退货=4 |
|||
this.$util.redirectTo('/pages_tool/order/sales_return', { |
|||
order_goods_id: this.order_goods_id.join(), |
|||
refund_type: this.refund_type |
|||
}); |
|||
}else{ |
|||
this.$util.redirectTo('/pages_tool/order/refund_batch', { |
|||
order_goods_id: this.order_goods_id.join(), |
|||
refund_type: this.refund_type |
|||
}); |
|||
export default { |
|||
data() { |
|||
return { |
|||
refund_type: 1, |
|||
refund_data: [], |
|||
judge: false, |
|||
order_goods_id: [], |
|||
nexthover: true, |
|||
promotion_type: "", |
|||
} |
|||
}, |
|||
|
|||
onLoad(option) { |
|||
if (option.promotion_type) { |
|||
this.promotion_type = option.promotion_type |
|||
} |
|||
if (option.refund_type) { |
|||
this.refund_type = option.refund_type; |
|||
this.getGoodsInfo() |
|||
} else { |
|||
uni.showToast({ |
|||
title: '未查找到订单信息', |
|||
icon: 'none' |
|||
}) |
|||
setTimeout(() => { |
|||
this.$util.redirectTo('/pages/order/list'); |
|||
}, 1000) |
|||
} |
|||
}, |
|||
|
|||
methods: { |
|||
/** |
|||
* 处理商品选中数据 |
|||
*/ |
|||
getGoodsInfo() { |
|||
uni.getStorage({ |
|||
key: 'refund_goods_data', |
|||
success: res => { |
|||
let refund_data = JSON.parse(res.data); |
|||
this.refund_data = []; |
|||
refund_data.forEach(item => { |
|||
if (item.refund_status == 0) { |
|||
item.judge = false; |
|||
this.refund_data.push(item); |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
/** |
|||
* 默认图片处理 |
|||
*/ |
|||
error(index) { |
|||
this.refund_data[index].sku_image = this.$util.getDefaultImage().goods |
|||
this.$forceUpdate(); |
|||
} |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
/** |
|||
*单选事件 |
|||
*/ |
|||
single(key) { |
|||
this.refund_data[key].judge = !this.refund_data[key].judge; |
|||
let allJudge = true; |
|||
|
|||
this.refund_data.forEach((item) => { |
|||
if (!item.judge) { |
|||
allJudge = false; |
|||
} |
|||
}) |
|||
this.judge = allJudge; |
|||
|
|||
this.getOrderIdInfo(); |
|||
this.$forceUpdate() |
|||
}, |
|||
/** |
|||
* 全选选择 |
|||
*/ |
|||
all() { |
|||
|
|||
this.judge = !this.judge; |
|||
this.refund_data.map(item => { |
|||
item.judge = this.judge; |
|||
return item; |
|||
}) |
|||
|
|||
this.getOrderIdInfo(); |
|||
this.$forceUpdate() |
|||
}, |
|||
|
|||
/** |
|||
* 获取选择的order_goods_id |
|||
*/ |
|||
getOrderIdInfo() { |
|||
this.order_goods_id = []; |
|||
this.refund_data.forEach(item => { |
|||
if (item.judge) { |
|||
this.order_goods_id.push(item.order_goods_id) |
|||
} |
|||
}) |
|||
if (this.order_goods_id.length == 0) { |
|||
this.nexthover = false; |
|||
} else { |
|||
this.nexthover = true; |
|||
} |
|||
|
|||
this.$forceUpdate(); |
|||
}, |
|||
/** |
|||
* 跳转退款界面 |
|||
*/ |
|||
next() { |
|||
if (this.order_goods_id.length == 0) { |
|||
this.getOrderIdInfo(); |
|||
} |
|||
|
|||
if (this.refund_type == '4') { |
|||
//仅退货=4 |
|||
this.$util.redirectTo('/pages_tool/order/sales_return', { |
|||
order_goods_id: this.order_goods_id.join(), |
|||
refund_type: this.refund_type |
|||
}); |
|||
}else{ |
|||
this.$util.redirectTo('/pages_tool/order/refund_batch', { |
|||
order_goods_id: this.order_goods_id.join(), |
|||
refund_type: this.refund_type |
|||
}); |
|||
} |
|||
}, |
|||
/** |
|||
* 默认图片处理 |
|||
*/ |
|||
error(index) { |
|||
this.refund_data[index].sku_image = this.$util.getDefaultImage().goods |
|||
this.$forceUpdate(); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.goods-select { |
|||
margin-top: 30rpx; |
|||
.top { |
|||
padding: 20rpx 30rpx; |
|||
box-sizing: border-box; |
|||
font-size: 28rpx; |
|||
background: #FFFFFF; |
|||
|
|||
text { |
|||
font-size: 30rpx; |
|||
margin: 0 10rpx; |
|||
font-weight: bold; |
|||
} |
|||
} |
|||
|
|||
.iconfont { |
|||
font-size: 40rpx; |
|||
} |
|||
|
|||
.body { |
|||
margin: 30rpx; |
|||
border-radius: 10rpx; |
|||
background: #FFFFFF; |
|||
padding: 30rpx 0 0; |
|||
|
|||
.item { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 0 30rpx 30rpx; |
|||
|
|||
image { |
|||
width: 180rpx; |
|||
height: 180rpx; |
|||
border-radius: 10rpx; |
|||
} |
|||
|
|||
.title { |
|||
width: 368rpx; |
|||
height: 180rpx; |
|||
font-size: 28rpx; |
|||
|
|||
text { |
|||
text-overflow: -o-ellipsis-lastline; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 3; |
|||
line-clamp: 3; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.bottom-all { |
|||
padding-left: 30rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
background: #FFFFFF; |
|||
position: fixed; |
|||
left: 0; |
|||
bottom: 0; |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
|
|||
.next { |
|||
padding: 16rpx 80rpx; |
|||
color: #FFFFFF; |
|||
background: #ff4544; |
|||
} |
|||
|
|||
.nexthover { |
|||
background: #e7dcdc !important; |
|||
} |
|||
} |
|||
} |
|||
.goods-select { |
|||
margin-top: 30rpx; |
|||
.top { |
|||
padding: 20rpx 30rpx; |
|||
box-sizing: border-box; |
|||
font-size: 28rpx; |
|||
background: #FFFFFF; |
|||
|
|||
text { |
|||
font-size: 30rpx; |
|||
margin: 0 10rpx; |
|||
font-weight: bold; |
|||
} |
|||
} |
|||
|
|||
.iconfont { |
|||
font-size: 40rpx; |
|||
} |
|||
|
|||
.body { |
|||
margin: 30rpx; |
|||
border-radius: 10rpx; |
|||
background: #FFFFFF; |
|||
padding: 30rpx 0 0; |
|||
|
|||
.item { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 0 30rpx 30rpx; |
|||
|
|||
image { |
|||
width: 180rpx; |
|||
height: 180rpx; |
|||
border-radius: 10rpx; |
|||
} |
|||
|
|||
.title { |
|||
width: 368rpx; |
|||
height: 180rpx; |
|||
font-size: 28rpx; |
|||
|
|||
text { |
|||
text-overflow: -o-ellipsis-lastline; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 3; |
|||
line-clamp: 3; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.bottom-all { |
|||
padding-left: 30rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
background: #FFFFFF; |
|||
position: fixed; |
|||
left: 0; |
|||
bottom: 0; |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
|
|||
.next { |
|||
padding: 16rpx 80rpx; |
|||
color: #FFFFFF; |
|||
background: #ff4544; |
|||
} |
|||
|
|||
.nexthover { |
|||
background: #e7dcdc !important; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue