You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
336 lines
7.2 KiB
336 lines
7.2 KiB
<template>
|
|
<z-paging ref="paging" v-model="dataList" @query="queryList">
|
|
<!-- #ifdef APP -->
|
|
<template slot="top">
|
|
<view style="width: 70rpx;height: 50rpx;margin-top: 80rpx;"></view>
|
|
</template>
|
|
<!-- #endif -->
|
|
<view class="box" style="margin-top: 60rpx;">
|
|
<view class="list list-mt" v-for="(item,index) in dataList" :key="index" @click="btn(item.order_id,item.member_id)">
|
|
<view v-if="item.box==1" class="list-Openonbehalf">
|
|
特批价|代开
|
|
</view>
|
|
<view class="list-data df jcsb">
|
|
<div>订单编号: {{item.order_no}}</div>
|
|
<div style="color: rgb(255, 125, 2);">{{item.order_status_name}}</div>
|
|
</view>
|
|
<div class="list-Splitline"></div>
|
|
<div class="list-hospital">客户名称<span>{{item.name}}</span> </div>
|
|
<view class="list-time">
|
|
下单时间<span>{{item.create_time | time}}</span><span>{{item.time}}</span>
|
|
</view>
|
|
<view class="list-money">
|
|
合计1种商品，<span>订单金额{{item.goods_money}}</span>
|
|
<span v-if="item.wait_status==1">(待确认)</span>
|
|
<span v-if="item.wait_status==2">(已收款)</span>
|
|
</view>
|
|
<view class="list-btn df">
|
|
<div style="border: 0rpx;"></div>
|
|
<!-- <div class="df aic jcsa" @click="increased">新增收款</div> -->
|
|
<div class="df aic jcsa" @click="affirm">取消订单</div>
|
|
<!-- <div class="df aic jcsa" @click="more(item.order_id,item.member_id)">确认出库</div> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</z-paging>
|
|
</template>
|
|
|
|
<script>
|
|
const timesfm = require('@/common/js/map/message.js')
|
|
export default{
|
|
data(){
|
|
return {
|
|
|
|
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: 1,
|
|
household: '好大夫诊所',
|
|
type: 0,
|
|
date: '2021-09-12',
|
|
time: '18:20:21',
|
|
statusdata: '￥1000',
|
|
Received: 0,
|
|
box: 1
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
},
|
|
created() {
|
|
this.$api.sendRequest({
|
|
url:'/api/salasmanorder/lists',
|
|
data:{
|
|
order_status:'waitsend'
|
|
},
|
|
success:res=>{
|
|
console.log(res,'待出库');
|
|
this.dataList=res.data.list
|
|
}
|
|
})
|
|
},
|
|
methods:{
|
|
queryList(pageNo, pageSize) {
|
|
console.log(pageNo, pageSize);
|
|
this.$refs.paging.complete(this.dataList)
|
|
// this.$refs.paging.complete(false);
|
|
},
|
|
btn(order_id,member_id){
|
|
uni.navigateTo({
|
|
// url:this.list[this.current.URL]
|
|
url:`/page_salesman_index/deliveredsa/deliveredsa?id=${order_id}&di=${member_id}`,
|
|
fail:function(res){
|
|
console.log(res);
|
|
}
|
|
})
|
|
},
|
|
increased(){
|
|
event.stopPropagation();
|
|
uni.navigateTo({
|
|
url:'/page_salesman_order/Customer_payment/Customer_payment'
|
|
})
|
|
},
|
|
affirm(){
|
|
event.stopPropagation();
|
|
},
|
|
more(order_id,member_id){
|
|
event.stopPropagation();
|
|
this.$api.sendRequest({
|
|
url:'/api/salasmanorder/getOrderGoodsList',
|
|
data:{
|
|
order_id,
|
|
member_id,
|
|
},
|
|
success:res=>{
|
|
console.log(res,'客户可出库商品list');
|
|
|
|
|
|
// this.$api.sendRequest({
|
|
// url:'/api/salasmanorder/orderGoodsOutAdd',
|
|
// header: {
|
|
// 'Content-Type': 'application/json' //自定义请求头信息
|
|
// },
|
|
// data:{
|
|
// order_id,
|
|
// member_id,
|
|
// goods_params:a
|
|
// },
|
|
// success:rea=>{
|
|
// console.log(rea,'出库成功');
|
|
// }
|
|
// })
|
|
|
|
}
|
|
})
|
|
}
|
|
},
|
|
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-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;
|
|
}
|
|
|
|
.list-btn div:nth-child(1) {
|
|
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;
|
|
}
|
|
|
|
.list-btn div:nth-child(2) {
|
|
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;
|
|
}
|
|
|
|
.list-btn div:nth-child(3) {
|
|
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>
|
|
|