TmOct5/barter-app
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

['我的提货单，合并退货单快递单自提单']

Browse Source
This commit is contained in:
张冬雪
2021-09-16 15:48:07 +08:00
parent e8dd09c0a1
commit 5f3893fe77
9 changed files with 861 additions and 369 deletions
Download Patch File Download Diff File Expand all files Collapse all files

175
components/mall-refunds-template/mall-refunds-template.vue Normal file
View File

@@ -0,0 +1,175 @@
<template>
<view class="MallRefundsTemplate">
<view class="top">
<view class="company">
<view class="company-logo">
<image :src="item.shop.cover" mode="aspectFill" />
<view class="name ellipsis">{{item.shop.name}}</view>
</view>
<view class="no ellipsis">退货单号： {{item.refund_no}}</view>
</view>
<view class="status" style="color:#ff5500;">{{item.state.text}}</view>
</view>
<view class="goods-info" @click="goDetail(item.goods_sku.goods_id)">
<image class="goods-img" :src="item.goods_sku.cover" mode="aspectFill" />
<view class="goods">
<view class="name">
<view class="name1 ellipsis-2">{{item.goods_sku.goods_name}}</view>
<!-- <span>￥{{item.account.balance}}</span> -->
</view>
<view class="sku">数权个数 <span>x {{item.qty}}</span> </view>
<!-- <view class="sku">提货方式 <span> {{item.type_text}}</span> </view> -->
</view>
</view>
</view>
</template>
<script>
export default {
name: "MallRefundsTemplate",
data() {
return {
};
},
props: {
item: Object
},
methods: {
// 跳转到商品详情页面
goDetail(id) {
uni.navigateTo({
url: '/pages/goods/detail?id=' + id
})
}
}
}
</script>
<style lang="scss" scoped>
.MallRefundsTemplate{
position: relative;
z-index: 0;
}
// 顶部信息
.top {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding-bottom: 20rpx;
border-bottom: solid 1rpx #f7f7f7;
position: relative;
z-index: 0;
.company-logo {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
image {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
margin-right: 20rpx;
}
.name {
width: 460rpx;
font-size: 30rpx;
color: #484848;
font-weight: bold;
}
}
.no {
margin-top: 10rpx;
font-size: $title-size*0.8;
color: #999;
width: 500rpx;
}
.status {
color: #999;
font-size: $title-size*.9;
position: absolute;
top: 0;
right: 0;
}
}
// 商品信息
.goods-info {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
box-sizing: border-box;
margin-top: 36rpx;
.goods-img {
width: 120rpx;
height: 120rpx;
border-radius: 10rpx;
}
.goods {
flex: 1;
margin-left: 20rpx;
margin-bottom: 10rpx;
.name {
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
box-sizing: border-box;
font-size: 30rpx;
// font-weight: bold;
.name1 {
// width: 340rpx;
}
span {
font-size: 32rpx;
font-weight: normal;
}
}
.sku {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
margin-top: 10rpx;
font-size: 28rpx;
color: #999;
}
}
}
.flexrow {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
width: 100%;
.copy {
color: $main-color;
font-size: $title-size*0.8;
font-weight: 400;
padding: 0 30rpx;
}
}
</style>

171
components/mall-shipments-template/mall-shipments-template.vue Normal file
View File

@@ -0,0 +1,171 @@
<template>
<view class="MallShipmentTemplate" >
<view class="top" >
<view class="company">
<view class="company-logo">
<image :src="item.shop.cover" mode="aspectFill" />
<view class="name ellipsis">{{item.shop.name}}</view>
</view>
<view class="no ellipsis">发货单号： {{item.shipment_no}}</view>
<!-- <view class="no ellipsis">创建时间： {{item.created_at}}</view> -->
</view>
<view class="status" style="color:#DD524D;">{{item.state_text}}</view>
</view>
<view class="goods-info" @click="goDetail(item.goods_sku.goods_id)">
<image class="goods-img" :src="item.goods_sku.cover" mode="aspectFill" />
<view class="goods">
<view class="name">
<view class="name1 ellipsis-2">{{item.goods_sku.goods_name}}</view>
<!-- <span>￥{{item.account.balance}}</span> -->
</view>
<view class="sku">数权个数 <span>x {{item.qty}}</span> </view>
<view class="sku">提货方式 <span> {{item.type_text}}</span> </view>
</view>
</view>
</view>
</template>
<script>
export default {
name: "MallShipmentTemplate",
data() {
return {
};
},
props:{
item:Object
},
methods: {
// 跳转到商品详情页面
goDetail(id) {
uni.navigateTo({
url: '/pages/goods/detail?id='+id
})
}
}
}
</script>
<style lang="scss" scoped>
// 顶部信息
.top {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding-bottom: 20rpx;
border-bottom: solid 1rpx #f7f7f7;
position: relative;
z-index: 0;
.company-logo {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
image {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
margin-right: 20rpx;
}
.name {
width: 460rpx;
font-size: 30rpx;
color: #484848;
font-weight: bold;
}
}
.no {
margin-top: 10rpx;
font-size: $title-size*0.8;
color: #999;
width: 530rpx;
}
.status {
color: #999;
font-size: $title-size*.9;
position: absolute;
top: 0;
right: 0;
}
}
// 商品信息
.goods-info {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
box-sizing: border-box;
margin-top: 36rpx;
.goods-img {
width: 120rpx;
height: 120rpx;
border-radius: 10rpx;
}
.goods {
flex: 1;
margin-left: 20rpx;
margin-bottom: 10rpx;
.name {
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
box-sizing: border-box;
font-size: 30rpx;
// font-weight: bold;
.name1 {
// width: 340rpx;
}
span {
font-size: 32rpx;
font-weight: normal;
}
}
.sku {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
margin-top: 10rpx;
font-size: 28rpx;
color: #999;
}
}
}
.flexrow{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
width: 100%;
.copy{
color: $main-color;
font-size: $title-size*0.8;
font-weight: 400;
padding: 0 30rpx;
}
}
</style>

36
pages.json
View File

@@ -67,7 +67,7 @@
"path": "pages/property/order/numberWeightInfo", "path": "pages/property/order/numberWeightInfo",
"name": "NumberWeightInfo", "name": "NumberWeightInfo",
"style": { "style": {
"navigationBarTitleText": "我的详情", "navigationBarTitleText": "权证详情",
"navigationBarTextStyle": "white", "navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#e93340" "navigationBarBackgroundColor": "#e93340"
} }
@@ -75,7 +75,39 @@
"path": "pages/property/order/mallShipments", "path": "pages/property/order/mallShipments",
"name": "MallShipments", "name": "MallShipments",
"style": { "style": {
"navigationBarTitleText": "已提货列表", "navigationBarTitleText": "已经提货",
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#e93340"
}
},{
"path": "pages/property/order/logistics",
"name": "Orderlogistics",
"style": {
"navigationBarTitleText": "查看物流",
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#e93340"
}
},{
"path": "pages/property/order/mallShipmentsInfo",
"name": "MallShipmentsInfo",
"style": {
"navigationBarTitleText": "提货单详情页面",
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#e93340"
}
},{
"path": "pages/property/order/mallRefundsInfo",
"name": "MallRefundsInfo",
"style": {
"navigationBarTitleText": "退货单详情",
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#e93340"
}
},{
"path": "pages/property/order/mallShipmentsRefund",
"name": "MallShipmentsRefund",
"style": {
"navigationBarTitleText": "申请退货",
"navigationBarTextStyle": "white", "navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#e93340" "navigationBarBackgroundColor": "#e93340"
} }

6
pages/property/index.vue
View File

@@ -66,15 +66,15 @@
<view class="item-num">0</view> <view class="item-num">0</view>
<view class="item-title">权证持有</view> <view class="item-title">权证持有</view>
</view> </view>
<view class="item"> <view class="item" @click="$Router.push({name:'33'})">
<view class="item-num">0</view> <view class="item-num">0</view>
<view class="item-title">权证转让</view> <view class="item-title">权证转让</view>
</view> </view>
<view class="item"> <view class="item" @click="$Router.push({name:'334'})">
<view class="item-num">0</view> <view class="item-num">0</view>
<view class="item-title">已使用</view> <view class="item-title">已使用</view>
</view> </view>
<view class="item"> <view class="item" @click="$Router.push({name:'MallShipments'})">
<view class="item-num">0</view> <view class="item-num">0</view>
<view class="item-title">已提货</view> <view class="item-title">已提货</view>
</view> </view>

6
pages/property/order/logistics.vue
View File

@@ -39,7 +39,7 @@
} }
}, },
onLoad(e) { onLoad(e) {
this.no = e.no this.no = this.$route.params.no
this.getLogistic(this.no) this.getLogistic(this.no)
}, },
methods: { methods: {
@@ -78,7 +78,7 @@
.LogisticsIndex { .LogisticsIndex {
font-size: $title-size; font-size: $title-size;
color: $text-color-333; color: #333;
margin-top: 20rpx; margin-top: 20rpx;
// 物流名称 // 物流名称
@@ -155,7 +155,7 @@
margin-left: 60rpx; margin-left: 60rpx;
// padding: 10rpx 0; // padding: 10rpx 0;
font-size: $title-size * 0.9; font-size: $title-size * 0.9;
color: $text-color-666; color: #666;
position: relative; position: relative;
top: -10rpx; top: -10rpx;

8
pages/property/order/mallRefundsInfo.vue
View File

@@ -6,7 +6,7 @@
{{info.state.text}} {{info.state.text}}
<span>{{info.state.remark}}</span> <span>{{info.state.remark}}</span>
</view> </view>
<image src="/static/images/fire.png" mode="widthFix"></image> <image src="/static/imgs/fire.png" mode="widthFix"></image>
</view> </view>
<!-- 收货人 --> <!-- 收货人 -->
<view class="acceptInfo" v-if="type === '2'"> <view class="acceptInfo" v-if="type === '2'">
@@ -109,8 +109,8 @@
}; };
}, },
onLoad(e) { onLoad(e) {
this.refund_id = e.no this.refund_id = this.$route.params.no
this.getInfo(e.no) this.getInfo(this.refund_id)
}, },
onShow() { onShow() {
if (uni.getStorageSync('refresh')) { if (uni.getStorageSync('refresh')) {
@@ -693,7 +693,7 @@
margin-left: 60rpx; margin-left: 60rpx;
// padding: 10rpx 0; // padding: 10rpx 0;
font-size: $title-size * 0.9; font-size: $title-size * 0.9;
color: $text-color-666; color: #666;
position: relative; position: relative;
top: -10rpx; top: -10rpx;

792
pages/property/order/mallShipments.vue
View File

@@ -1,372 +1,486 @@
<template> <template>
<view class="NumberWeight"> <view class="NumberWeight">
<!-- 订单分类 --> <!-- 订单分类 -->
<view class="nav" > <view class="nav">
<view :class="['nav-item' ,selectNavId === item.id?'nav-item-selected':'']" v-for="(item,index) in navList" <view :class="['nav-item' ,selectTypeId === item.id?'nav-item-selected':'']"
:key="index" @click="selectNav(item.id)"> v-for="(item,index) in typeList" :key="index" @click="selectType(item.id,index)">
{{item.name}} {{item.name}}
{{item.id ==='signed' && count.signed >0 ? '('+count.signed + ')':''}} {{item.id ==='signed' && count.signed >0 ? '('+count.signed + ')':''}}
{{item.id ==='completed' && count.completed >0 ?'('+count.completed + ')':''}} {{item.id ==='completed' && count.completed >0 ?'('+count.completed + ')':''}}
{{item.id ==='init' && count.init >0 ?'('+count.init + ')':''}} {{item.id ==='init' && count.init >0 ?'('+count.init + ')':''}}
{{item.id ==='delivered' && count.delivered >0 ?'('+count.delivered + ')':''}} {{item.id ==='delivered' && count.delivered >0 ?'('+count.delivered + ')':''}}
</view>
</view> </view>
</view> <!-- 快递点 自提单显示 -->
<scroll-view class="nav1" v-if='selectTypeIndex === 0 || selectTypeIndex === 1' scroll-x="true" scroll-with-animation="true">
<view :class="['nav-item' ,state === it.id?'nav-item-selected':'']" v-for="(it,idx) in typeList[selectTypeIndex].categrery"
:key="idx" @click="selectNav(it.id)">
{{it.name}}
{{it.id ==='signed' && count.signed >0 ? '('+count.signed + ')':''}}
{{it.id ==='completed' && count.completed >0 ?'('+count.completed + ')':''}}
{{it.id ==='init' && count.init >0 ?'('+count.init + ')':''}}
{{it.id ==='delivered' && count.delivered >0 ?'('+count.delivered + ')':''}}
</view>
</scroll-view>
<!--退货单 -->
<scroll-view class="nav1" v-else scroll-x="true" scroll-with-animation="true">
<view :class="['nav-item' ,state === it.id?'nav-item-selected':'']" v-for="(it,idx) in typeList[selectTypeIndex].categrery"
:key="idx" @click="selectNav(it.id)">
{{it.name}}
{{it.id ==='apply' && count.apply >0 ? '('+count.apply + ')':''}}
{{it.id ==='deliver' && count.deliver >0 ?'('+count.deliver + ')':''}}
{{it.id ==='delivered' && count.delivered >0 ?'('+count.delivered + ')':''}}
{{it.id ==='signed' && count.signed >0 ?'('+count.signed + ')':''}}
{{it.id ==='process' && count.process >0 ?'('+count.process + ')':''}}
{{it.id ==='completed' && count.completed >0 ?'('+count.completed + ')':''}}
</view>
</scroll-view>
<!-- 有订单列表 --> <!-- 有订单列表 -->
<block v-if="lists.length > 0"> <block v-if="lists.length > 0">
<!-- 订单列表 --> <!-- 订单列表 -->
<view class="order-list" v-for="(item,index) in lists" :key="index"> <view class="order-list" v-for="(item,index) in lists" :key="index" v-if='selectTypeIndex === 0 || selectTypeIndex === 1'>
<MallShipmentsTemplate :item="item" /> <MallShipmentsTemplate :item="item" />
<view class="actions"> <view class="actions">
<view class="nowPay" @click="goDetail(item.shipment_no)" >查看详情</view> <view class="nowPay" @click="goDetail(item.shipment_no)">查看详情</view>
<view v-if="item.can.cancel" @click="nowCancel(index,item.shipment_no)" class="nowPay">取消订单</view> <view v-if="item.can.cancel" @click="nowCancel(index,item.shipment_no)" class="nowPay">取消订单</view>
<view v-if="item.can.sign && type==='1'" @click="nowSign(index,item.shipment_no)" class="nowPay">确认签收</view> <view v-if="item.can.sign" @click="nowSign(index,item.shipment_no)" class="nowPay">确认签收</view>
<view v-if="item.can.refund" @click="nowRefund(item.shipment_no)" class="nowPay">申请退货</view> <view v-if="item.can.refund" @click="nowRefund(item.shipment_no)" class="nowPay">申请退货</view>
<view v-if="item.can.logistic" @click="nowLogistics(item.shipment_no)" class="nowPay">查看物流</view> <view v-if="item.can.logistic" @click="nowLogistics(item.shipment_no)" class="nowPay">查看物流</view>
</view> </view>
</view> </view>
</block> <!-- 有订单列表 -->
<!-- 没有订单列表 --> <view class="" v-if="selectTypeIndex === 2">
<no-list v-if="lists.length === 0" name='no-order' txt="暂无数据~" /> <!-- 订单列表 -->
<view class="order-list" v-for="(item,index) in lists" :key="index">
<MallRefundsTemplate :item="item" />
<view class="actions">
<view @click="goDetail1(item.refund_id)" class="nowPay">查看详情</view>
</view>
</view>
</view>
</block>
<!-- <u-toast ref="uToast" /> --> <!-- 没有订单列表 -->
<u-toast ref="uToast" /> <no-list v-if="lists.length === 0" name='no-order' txt="暂无数据~" />
</view>
<!-- <u-toast ref="uToast" /> -->
<u-toast ref="uToast" />
</view>
</template> </template>
<script> <script>
import { MallShipmentsTemplate } from '@/components/mall-shipments-template/mall-shipments-template' import MallShipmentsTemplate from '@/components/mall-shipments-template/mall-shipments-template'
import { mallShipmentsPostShop , mallShipmentsSign , mallShipmentsCancel } from '@/apis/interfaces/numberWeight' import MallRefundsTemplate from '@/components/mall-refunds-template/mall-refunds-template'
export default { import {
components: { mallShipmentsPostShop,
MallShipmentsTemplate mallShipmentsSign,
}, mallShipmentsCancel
data() { } from '@/apis/interfaces/numberWeight'
return { export default {
lists: [], components: {
page:1, MallShipmentsTemplate,MallRefundsTemplate
total:0,
navList: [],
type:'',// post 快递单 空为自提单
selectNavId: 'init',
count:{},// 订单数量
};
},
onLoad(e) {
console.log(e.type)
this.type = e.type
if(e.type === 'post'){
this.navList = [
{
name: '待发货',
id: 'init'
},
{
name: '已发货',
id: 'delivered'
},
{
name: '已签收',
id: 'signed'
},
{
name: '已完成',
id: 'completed'
}
]
uni.setNavigationBarTitle({
title:'我的快递单'
})
this.selectNavId = 'init'
}else{
this.navList = [
// {
// name: '待提货',
// id: 'init'
// },
{
name: '已提货',
id: 'signed'
},
{
name: '已完成',
id: 'completed'
}
]
this.selectNavId = 'signed'
uni.setNavigationBarTitle({
title:'我的提货单'
})
}
this.getList()
},
onShow(){
console.log(uni.getStorageSync('refresh'),'getStorageSync')
if(uni.getStorageSync('refresh')){
this.reset()
}
},
onUnload() {
uni.setStorageSync('refresh',false)
},
onReachBottom() {
if(this.total>this.lists.length){
this.page = this.page + 1
this.getList()
}else{
this.$refs.uToast.show({
title: '吼吼吼~我是有底的~',
type: 'error',icon:false,
duration: 3000
})
}
},
methods: {
reset(){
this.page =1
this.total = 0
this.lists = []
this.getList()
uni.setStorageSync('refresh',false)
}, },
// 选择订单 data() {
selectNav(id) { return {
if (this.selectNavId !== id) { lists: [],
this.selectNavId = id page: 1,
this.reset() total: 0,
} navList: [],
count: {}, // 订单数量
typeList: [{
name: '快递单',
id: 'post',
categrery: [{
name: '待发货',
id: 'init'
},
{
name: '已发货',
id: 'delivered'
},
{
name: '已签收',
id: 'signed'
},
{
name: '已完成',
id: 'completed'
}
]
},
{
name: '自提单',
id: 'take',
categrery: [{
name: '已提货',
id: 'signed'
},
{
name: '已完成',
id: 'completed'
}
]
},
{
name: '退货单',
id: 'refund',
categrery: [{
name: '待审核',
id: 'apply'
}, {
name: '待返货',
id: 'deliver'
}, {
name: '待签收',
id: 'delivered'
}, {
name: '已签收',
id: 'signed'
},
{
name: '待退数权',
id: 'process'
},
{
name: '完成退货',
id: 'completed'
}
]
},
],
selectTypeId: 'post',
state: 'init',
selectTypeIndex: 0
};
}, },
// 获取订单列表 onLoad(e) {
getList(){ this.getList()
let data = { },
pageSize:4, onShow() {
page:this.page, console.log(uni.getStorageSync('refresh'), 'getStorageSync')
state:this.selectNavId if (uni.getStorageSync('refresh')) {
this.reset()
} }
let apiUrl = '' },
if(this.type === 'post'){ onUnload() {
apiUrl = 'mall/shipments/post' uni.setStorageSync('refresh', false)
}else{ },
apiUrl = 'mall/shipments/shop' onReachBottom() {
} if (this.total > this.lists.length) {
mallShipmentsPostShop(apiUrl,data).then(res=>{ this.page = this.page + 1
console.log(res.count) this.getList()
this.count = res.count } else {
this.lists = this.lists.concat(res.lists.data)
this.total = res.lists.page.total
}).catch(err=>{
this.$refs.uToast.show({ this.$refs.uToast.show({
title: err.message, title: '吼吼吼~我是有底的~',
type: 'error',icon:false, type: 'error',
duration: 3000 icon: false,
duration: 3000
}) })
}) }
}, },
// 取消提货单 methods: {
nowCancel(index,no){ reset() {
console.log(index,no) this.page = 1
uni.showModal({ this.total = 0
title: '哎呦，提醒你', this.lists = []
content: '是否确认要取消订单啊，取消后请去我的数权中查看', this.getList()
success: (res) =>{ uni.setStorageSync('refresh', false)
if (res.confirm) { },
mallShipmentsCancel(no).then(res=>{ // 选择状态
console.log(res) selectNav(id) {
this.$refs.uToast.show({ if (this.state !== id) {
title:res, this.state = id
type: 'error',icon:false, this.reset()
duration: 3000 }
},
// 快递单post 提货单 take 退货单refund
selectType(id,index) {
console.log('id：' + id)
if (this.selectTypeId !== id) {
this.state = this.typeList[index].categrery[0].id
this.selectTypeId = id
this.selectTypeIndex = index
this.reset()
}
},
// 获取订单列表
getList() {
let data = {
pageSize: 4,
page: this.page,
state: this.state
}
let apiUrl = ''
if (this.selectTypeId === 'post') {
apiUrl = 'mall/shipments/post'
} else if(this.selectTypeId === 'take') {
apiUrl = 'mall/shipments/shop'
} else if(this.selectTypeId === 'refund') {
apiUrl = 'mall/refunds'
}
mallShipmentsPostShop(apiUrl, data).then(res => {
console.log(res.count)
this.count = res.count
this.lists = this.lists.concat(res.lists.data)
this.total = res.lists.page.total
}).catch(err => {
this.$refs.uToast.show({
title: err.message,
type: 'error',
icon: false,
duration: 3000
})
})
},
// 取消提货单
nowCancel(index, no) {
console.log(index, no)
uni.showModal({
title: '哎呦，提醒你',
content: '是否确认要取消订单啊，取消后请去我的数权中查看',
success: (res) => {
if (res.confirm) {
mallShipmentsCancel(no).then(res => {
console.log(res)
this.$refs.uToast.show({
title: res,
type: 'error',
icon: false,
duration: 3000
})
this.lists.splice(index, 1)
this.total = this.total - 1
}).catch(err => {
this.$refs.uToast.show({
title: err.message,
type: 'error',
icon: false,
duration: 3000
})
}) })
this.lists.splice(index,1) } else if (res.cancel) {
this.total = this.total - 1
}).catch(err=>{
this.$refs.uToast.show({
title: err.message,
type: 'error',icon:false,
duration: 3000
})
})
} else if (res.cancel) {
this.$refs.uToast.show({
title:'放弃了~',
type: 'error',icon:false,
duration: 3000
})
}
}
});
},
// 签收提货单
nowSign(index,no){
console.log(index,no)
uni.showModal({
title: '哎呦，提醒你',
content: '是否确认已经收到商品了呀',
success: (res) =>{
if (res.confirm) {
console.log(no)
mallShipmentsSign(no).then(res=>{
console.log(res)
this.$refs.uToast.show({ this.$refs.uToast.show({
title:res, title: '放弃了~',
type: 'error',icon:false, type: 'error',
duration: 3000 icon: false,
duration: 3000
}) })
this.lists.splice(index,1) }
this.total = this.total - 1 }
}).catch(err=>{ });
this.$refs.uToast.show({
title: err.message,
type: 'error',icon:false,
duration: 3000
})
})
} else if (res.cancel) { },
this.$refs.uToast.show({ // 签收提货单
title:'放弃了~', nowSign(index, no) {
type: 'error',icon:false, console.log(index, no)
duration: 3000 uni.showModal({
}) title: '哎呦，提醒你',
} content: '是否确认已经收到商品了呀',
} success: (res) => {
}); if (res.confirm) {
}, console.log(no)
mallShipmentsSign(no).then(res => {
console.log(res)
this.$refs.uToast.show({
title: res,
type: 'error',
icon: false,
duration: 3000
})
this.lists.splice(index, 1)
this.total = this.total - 1
}).catch(err => {
this.$refs.uToast.show({
title: err.message,
type: 'error',
icon: false,
duration: 3000
})
})
} else if (res.cancel) {
this.$refs.uToast.show({
title: '放弃了~',
type: 'error',
icon: false,
duration: 3000
})
}
}
});
},
// 申请退货
nowRefund(no) {
this.$Router.push({
name: 'MallShipmentsRefund',
params: {
no: no
}
})
},
// 查看物流
nowLogistics(no) {
this.$Router.push({
name: 'Orderlogistics',
params: {
no: no
}
})
},
// 查看详情
goDetail(no) {
this.$Router.push({
name: 'MallShipmentsInfo',
params: {
no: no
}
})
},
// 查看退货单详情
// 查看详情
goDetail1(no){
this.$Router.push({
name: 'MallRefundsInfo',
params:{
no:no
}
})
}
// 申请退货
nowRefund(no){
this.$Router.push({
name: 'MallShipmentsRefund',
params:{
no:no
}
})
},
// 查看物流
nowLogistics(no){
this.$Router.push({
name: 'Orderlogistics',
params:{
no:no
}
})
},
// 查看详情
goDetail(no){
this.$Router.push({
name: 'MallShipmentsInfo',
params:{
no:no
}
})
} }
} }
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
page { page {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.NumberWeight { .NumberWeight {
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
box-sizing: border-box; box-sizing: border-box;
background-color: #F7F7F7; background-color: #F7F7F7;
// 订单nav // 订单nav
.nav { .nav {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
box-sizing: border-box; box-sizing: border-box;
font-size: $title-size*0.95; font-size: $title-size*0.95;
padding: 0 30rpx; padding: 0 30rpx;
background-color: #fff; background-color: #fff;
color: #666; color: #666;
border-top: solid 20rpx #f7f7f7; border-top: solid 20rpx #f7f7f7;
position: sticky; position: sticky;
top: 0rpx; top: 0rpx;
z-index: 10000; z-index: 10000;
.nav-item { .nav-item {
border-bottom: solid 4rpx #fff; border-bottom: solid 4rpx #fff;
padding: 30rpx 10rpx; padding: 30rpx 10rpx;
} }
.nav-item-selected { .nav-item-selected {
border-bottom: solid 4rpx $main-color; border-bottom: solid 4rpx $main-color;
color: $main-color; color: $main-color;
} }
} }
// 订单列表 .nav1 {
.order-list { display: flex;
background-color: #fff; flex-direction: row;
border-radius: 20rpx; align-items: center;
min-height: 300rpx; justify-content: flex-start;
margin: 30rpx 20rpx 0 20rpx; box-sizing: border-box;
padding:30rpx 30rpx 20rpx 30rpx ; white-space: nowrap;
// border-top: solid 4rpx #cacaca; font-size: $title-size*0.95;
padding:30rpx 30rpx 20rpx 30rpx;
color: #666;
position: sticky;
top: 120rpx;
z-index: 10000;
background-color: #f7f7f7;
// 操作信息 .nav-item {
.actions { display: inline-block;
display: flex; padding-right: 30rpx;
flex-direction: row; }
align-items: center;
justify-content: flex-end;
box-sizing: border-box;
flex-wrap: wrap;
flex: 1;
font-size: 28rpx;
color: #fff;
border-top: solid 1rpx #EFF4F2;
.nowPay {
padding: 4rpx 20rpx;
border-radius: 40rpx;
margin-left: 20rpx;
margin-top: 20rpx;
// background-color: $main-color;
color: #999;
border:solid 1rpx #cacaca;
}
.cancelOrder { .nav-item-selected {
padding: 10rpx 30rpx; color: $main-color;
border-radius: 40rpx; }
margin-left: 20rpx; }
margin-top: 20rpx;
background-color: #DD524D;
}
.logistics { // 订单列表
background-color: $main-color; .order-list {
padding: 10rpx 30rpx; background-color: #fff;
border-radius: 40rpx; border-radius: 20rpx;
margin-left: 20rpx; min-height: 300rpx;
margin-top: 20rpx; margin: 30rpx 20rpx 0 20rpx;
} padding: 30rpx 30rpx 20rpx 30rpx;
// border-top: solid 4rpx #cacaca;
.sign { // 操作信息
background-color: #DD524D; .actions {
padding: 10rpx 30rpx; display: flex;
border-radius: 40rpx; flex-direction: row;
margin-left: 20rpx; align-items: center;
margin-top: 20rpx; justify-content: flex-end;
} box-sizing: border-box;
flex-wrap: wrap;
flex: 1;
font-size: 28rpx;
color: #fff;
border-top: solid 1rpx #EFF4F2;
.evaluate { .nowPay {
background-color: $main-color; padding: 4rpx 20rpx;
padding: 10rpx 30rpx; border-radius: 40rpx;
border-radius: 40rpx; margin-left: 20rpx;
margin-left: 20rpx; margin-top: 20rpx;
margin-top: 20rpx; // background-color: $main-color;
} color: #999;
} border: solid 1rpx #cacaca;
} }
}
.cancelOrder {
padding: 10rpx 30rpx;
border-radius: 40rpx;
margin-left: 20rpx;
margin-top: 20rpx;
background-color: #DD524D;
}
.logistics {
background-color: $main-color;
padding: 10rpx 30rpx;
border-radius: 40rpx;
margin-left: 20rpx;
margin-top: 20rpx;
}
.sign {
background-color: #DD524D;
padding: 10rpx 30rpx;
border-radius: 40rpx;
margin-left: 20rpx;
margin-top: 20rpx;
}
.evaluate {
background-color: $main-color;
padding: 10rpx 30rpx;
border-radius: 40rpx;
margin-left: 20rpx;
margin-top: 20rpx;
}
}
}
}
</style> </style>

9
pages/property/order/mallShipmentsInfo.vue
View File

@@ -6,7 +6,7 @@
{{info.state_text}} {{info.state_text}}
<span>您的快递正在坐着火箭朝您飞来</span> <span>您的快递正在坐着火箭朝您飞来</span>
</view> </view>
<image src="/static/images/fire.png" mode="widthFix"></image> <image src="/static/imgs/fire.png" mode="widthFix"></image>
</view> </view>
<!-- 收货人 --> <!-- 收货人 -->
<view class="acceptInfo" v-if="type === '1'" > <view class="acceptInfo" v-if="type === '1'" >
@@ -109,11 +109,8 @@
}; };
}, },
onLoad(e) { onLoad(e) {
console.log(e) this.shipment_no = this.$route.params.no
this.shipment_no = e.no this.getInfo(this.$route.params.no)
this.getInfo(e.no)
console.log(this.shipment_no)
// this.getInfo('2021081817410747800300000004')
}, },
onShow() { onShow() {
if(uni.getStorageSync('refresh')){ if(uni.getStorageSync('refresh')){

21
pages/property/order/mallShipmentsRefund.vue
View File

@@ -25,7 +25,7 @@
<view class="list-right-img"> <view class="list-right-img">
<view class="upImg" v-for="(item,index) in pictures.showpath"> <view class="upImg" v-for="(item,index) in pictures.showpath">
<image @click="priviewImg(index)" mode="aspectFill" :src="item" /> <image @click="priviewImg(index)" mode="aspectFill" :src="item" />
<u-icon name="close" @click='closeImg(index)' /> <u-icon name="close" @click='closeImg(index)' class='closeImg' />
</view> </view>
<view class="addImg" @click="updImgs"> <view class="addImg" @click="updImgs">
<u-icon name="plus" label='上传图片' label-pos='bottom' size='50' margin-bottom='10' color='#606266' <u-icon name="plus" label='上传图片' label-pos='bottom' size='50' margin-bottom='10' color='#606266'
@@ -78,8 +78,8 @@
}; };
}, },
onLoad(e) { onLoad(e) {
this.shipment_no = e.no this.shipment_no = this.$route.params.no
this.getInfo(e.no) this.getInfo(this.shipment_no)
}, },
methods: { methods: {
// 预览上传图片 // 预览上传图片
@@ -215,13 +215,13 @@
page { page {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: #f7f7f7; background-color: #fff;
} }
// //
.mes-des { .mes-des {
background-color: rgba($color: #00aaff, $alpha: .2); background-color: rgba($color: #ff0000, $alpha: .1);
color: #5555ff; color: #ff0000;
text-shadow: 0 0 6rpx rgba($color: #000000, $alpha:.1); text-shadow: 0 0 6rpx rgba($color: #000000, $alpha:.1);
padding: 32rpx; padding: 32rpx;
text-align: center; text-align: center;
@@ -267,6 +267,10 @@
width: 100%; width: 100%;
margin-top: 30rpx; margin-top: 30rpx;
} }
.list-right {
width: 100%;
margin-top: 30rpx;
}
} }
.list { .list {
@@ -313,12 +317,11 @@
height: 100%; height: 100%;
} }
u-icon { .closeImg {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
z-index: 1000; z-index: 1;
background-color: red;
padding: 20rpx; padding: 20rpx;
} }
} }