2021
3 years ago
8 changed files with 469 additions and 70 deletions
@ -0,0 +1,174 @@
|
||||
<!-- 提交物流 --> |
||||
<template> |
||||
<view class="submitExpress"> |
||||
<!-- 填写物流 --> |
||||
<view class="form"> |
||||
<picker class="picker" |
||||
:value="express" |
||||
:range="expressPicker" |
||||
@change="changeExpress" |
||||
> |
||||
<view class="item acea-row row-between-wrapper"> |
||||
<view class="title"> |
||||
<view class="point"> |
||||
* |
||||
</view> |
||||
物流公司 |
||||
</view> |
||||
<view class="num">{{ express }}</view> |
||||
<text class="iconfont icon-jiantou"></text> |
||||
</view> |
||||
</picker> |
||||
<view class="item"> |
||||
<view class="title"> |
||||
<view class="point"> |
||||
* |
||||
</view> |
||||
物流单号: |
||||
</view> |
||||
<input class="input" v-model="expressQuery.postalCode" placeholder="请输入物流单号" /> |
||||
</view> |
||||
</view> |
||||
<!-- 提交按钮 --> |
||||
<view class="btnContainer"> |
||||
<view class="addBtn" @click="addExpress"> |
||||
提交 |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
getExpressData, |
||||
addExpressData |
||||
} from '@/api/aftersales.js' |
||||
export default { |
||||
data () { |
||||
return { |
||||
expressQuery: { |
||||
code: '', // 快递公司编码 |
||||
name: '', // 快递公司名称 |
||||
postalCode: 'SF1213132132', // 快递编号 |
||||
orderCode: '' // 订单编号 |
||||
}, |
||||
expressList: [], |
||||
expressPicker: [], |
||||
express: '' |
||||
} |
||||
}, |
||||
mounted () { |
||||
this.expressQuery.orderCode = this.$yroute.query.orderCode |
||||
this.getExpress() |
||||
}, |
||||
methods: { |
||||
async getExpress () { |
||||
const res = await getExpressData() |
||||
console.log(res) |
||||
this.expressList = res.data.map(item => { |
||||
return { |
||||
id: item.id, |
||||
name: item.name, |
||||
code: item.code |
||||
} |
||||
}) |
||||
this.expressPicker = res.data.map(item => { |
||||
return item.name |
||||
}) |
||||
}, |
||||
changeExpress(e) { |
||||
this.express = this.expressPicker[e.mp.detail.value]; |
||||
this.expressQuery.code = this.expressList[e.mp.detail.value].code |
||||
this.expressQuery.name = this.expressList[e.mp.detail.value].name |
||||
}, |
||||
async addExpress () { |
||||
let errMsg = '请选择' |
||||
if (!this.expressQuery.code || !this.expressQuery.code) { |
||||
errMsg += ' 快递公司 ' |
||||
} |
||||
if (!this.expressQuery.postalCode) { |
||||
errMsg += ' 快递单号 ' |
||||
} |
||||
if (errMsg.length > 3) { |
||||
uni.showToast({ |
||||
title: errMsg, |
||||
icon: 'none', |
||||
duration: 2000, |
||||
}) |
||||
} |
||||
console.log(this.expressQuery) |
||||
const res = await addExpressData(this.expressQuery) |
||||
if (res.status === 200) { |
||||
uni.showToast({ |
||||
title: '物流填写成功！', |
||||
icon: 'none', |
||||
duration: 2000, |
||||
}) |
||||
this.$yrouter.push({ |
||||
path: '/pages/order/ReturnList/index' |
||||
}) |
||||
} else { |
||||
uni.showToast({ |
||||
title: '提交物流信息失败！', |
||||
icon: 'none', |
||||
duration: 2000, |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.submitExpress{ |
||||
.form{ |
||||
margin-bottom: 170rpx; |
||||
.picker{ |
||||
margin: 0; |
||||
padding: 0; |
||||
font-size: 28rpx; |
||||
color: #999999; |
||||
} |
||||
.item{ |
||||
width: 100%; |
||||
height: 80rpx; |
||||
padding: 0 32rpx; |
||||
line-height: 80rpx; |
||||
background-color: #FFF; |
||||
display: flex; |
||||
.title{ |
||||
font-size: 28rpx; |
||||
color: #333333; |
||||
display: flex; |
||||
.point{ |
||||
color: #EA3729; |
||||
} |
||||
} |
||||
.input{ |
||||
height: 80rpx; |
||||
line-height: 80rpx; |
||||
font-size: 28rpx; |
||||
color: #999999; |
||||
} |
||||
} |
||||
} |
||||
.btnContainer{ |
||||
width: 100%; |
||||
height: 170rpx; |
||||
background-color: #FFF; |
||||
box-shadow: 0px 0px 0px rgba(197, 202, 207, 0.5); |
||||
position: fixed; |
||||
bottom: 0; |
||||
.addBtn{ |
||||
height: 90rpx; |
||||
margin: 40rpx 30rpx; |
||||
line-height: 90rpx; |
||||
text-align: center; |
||||
border-radius: 50rpx; |
||||
font-size: 28rpx; |
||||
color: #FFF; |
||||
background: linear-gradient(90deg, #E93526 0%, #FF8E3C 100%); |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue