新增eturn-delivery退货物流提交页
落日晚风
parent
2952ad695c
commit
aad925ed51
51
pages.json
51
pages.json
|
|
@ -6,8 +6,7 @@
|
||||||
"^su-(.*)": "@/sheep/ui/su-$1/su-$1.vue"
|
"^su-(.*)": "@/sheep/ui/su-$1/su-$1.vue"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"pages": [
|
"pages": [{
|
||||||
{
|
|
||||||
"path": "pages/index/index",
|
"path": "pages/index/index",
|
||||||
"aliasPath": "/",
|
"aliasPath": "/",
|
||||||
"style": {
|
"style": {
|
||||||
|
|
@ -85,11 +84,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"subPackages": [
|
"subPackages": [{
|
||||||
{
|
|
||||||
"root": "pages/goods",
|
"root": "pages/goods",
|
||||||
"pages": [
|
"pages": [{
|
||||||
{
|
|
||||||
"path": "index",
|
"path": "index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "商品详情"
|
"navigationBarTitleText": "商品详情"
|
||||||
|
|
@ -165,8 +162,7 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"root": "pages/order",
|
"root": "pages/order",
|
||||||
"pages": [
|
"pages": [{
|
||||||
{
|
|
||||||
"path": "detail",
|
"path": "detail",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "订单详情"
|
"navigationBarTitleText": "订单详情"
|
||||||
|
|
@ -280,13 +276,21 @@
|
||||||
"auth": true,
|
"auth": true,
|
||||||
"title": "订单包裹"
|
"title": "订单包裹"
|
||||||
}
|
}
|
||||||
|
}, {
|
||||||
|
"path": "aftersale/eturn-delivery",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "退货物流"
|
||||||
|
},
|
||||||
|
"meta": {
|
||||||
|
"auth": true
|
||||||
|
// "title": "退货物流"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"root": "pages/user",
|
"root": "pages/user",
|
||||||
"pages": [
|
"pages": [{
|
||||||
{
|
|
||||||
"path": "info",
|
"path": "info",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "我的信息"
|
"navigationBarTitleText": "我的信息"
|
||||||
|
|
@ -406,8 +410,7 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"root": "pages/commission",
|
"root": "pages/commission",
|
||||||
"pages": [
|
"pages": [{
|
||||||
{
|
|
||||||
"path": "index",
|
"path": "index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "分销"
|
"navigationBarTitleText": "分销"
|
||||||
|
|
@ -483,8 +486,7 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"root": "pages/app",
|
"root": "pages/app",
|
||||||
"pages": [
|
"pages": [{
|
||||||
{
|
|
||||||
"path": "sign",
|
"path": "sign",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "签到中心"
|
"navigationBarTitleText": "签到中心"
|
||||||
|
|
@ -512,8 +514,7 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"root": "pages/public",
|
"root": "pages/public",
|
||||||
"pages": [
|
"pages": [{
|
||||||
{
|
|
||||||
"path": "setting",
|
"path": "setting",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "系统设置"
|
"navigationBarTitleText": "系统设置"
|
||||||
|
|
@ -574,8 +575,7 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"root": "pages/coupon",
|
"root": "pages/coupon",
|
||||||
"pages": [
|
"pages": [{
|
||||||
{
|
|
||||||
"path": "list",
|
"path": "list",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "领券中心"
|
"navigationBarTitleText": "领券中心"
|
||||||
|
|
@ -602,8 +602,7 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"root": "pages/chat",
|
"root": "pages/chat",
|
||||||
"pages": [
|
"pages": [{
|
||||||
{
|
|
||||||
"path": "index",
|
"path": "index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "客服"
|
"navigationBarTitleText": "客服"
|
||||||
|
|
@ -614,13 +613,11 @@
|
||||||
"title": "客服",
|
"title": "客服",
|
||||||
"group": "客服"
|
"group": "客服"
|
||||||
}
|
}
|
||||||
}
|
}]
|
||||||
]
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"root": "pages/pay",
|
"root": "pages/pay",
|
||||||
"pages": [
|
"pages": [{
|
||||||
{
|
|
||||||
"path": "index",
|
"path": "index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "收银台"
|
"navigationBarTitleText": "收银台"
|
||||||
|
|
@ -684,8 +681,7 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"root": "pages/activity",
|
"root": "pages/activity",
|
||||||
"pages": [
|
"pages": [{
|
||||||
{
|
|
||||||
"path": "groupon/detail",
|
"path": "groupon/detail",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "拼团详情"
|
"navigationBarTitleText": "拼团详情"
|
||||||
|
|
@ -748,8 +744,7 @@
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
},
|
},
|
||||||
"tabBar": {
|
"tabBar": {
|
||||||
"list": [
|
"list": [{
|
||||||
{
|
|
||||||
"pagePath": "pages/index/index"
|
"pagePath": "pages/index/index"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,215 @@
|
||||||
|
<template>
|
||||||
|
<s-layout>
|
||||||
|
<!-- title='退货物流' -->
|
||||||
|
<!-- 不知为何加上页面就错误 -->
|
||||||
|
<view>
|
||||||
|
<form @submit="subRefund" report-submit='true'>
|
||||||
|
<view class='apply-return'>
|
||||||
|
<view class='list borRadius14'>
|
||||||
|
<view class='item acea-row row-between-wrapper' style="display: flex;align-items: center;">
|
||||||
|
<view>物流公司</view>
|
||||||
|
<picker mode='selector' class='num' @change="bindPickerChange" :value="state.expressIndex"
|
||||||
|
:range="state.expresses" range-key="name">
|
||||||
|
<view class="picker acea-row row-between-wrapper">
|
||||||
|
<view class='reason'>{{ state.expresses[state.expressIndex].name }}</view>
|
||||||
|
<text class='iconfont icon-jiantou'></text>
|
||||||
|
</view>
|
||||||
|
</picker>
|
||||||
|
</view>
|
||||||
|
<view class='item textarea acea-row row-between' style="display: flex;align-items: center;">
|
||||||
|
<view>物流单号</view>
|
||||||
|
<input placeholder='请填写物流单号' class='num' name="logisticsNo"
|
||||||
|
placeholder-class='placeholder' />
|
||||||
|
</view>
|
||||||
|
<button class='returnBnt bg-color ss-reset-button ui-BG-Main-Gradient sub-btn'
|
||||||
|
form-type="submit"
|
||||||
|
style="background: linear-gradient(90deg,var(--ui-BG-Main),var(--ui-BG-Main-gradient))!important">提交</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</form>
|
||||||
|
</view>
|
||||||
|
</s-layout>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import sheep from '@/sheep';
|
||||||
|
import {
|
||||||
|
onLoad,
|
||||||
|
onReachBottom,
|
||||||
|
onPullDownRefresh
|
||||||
|
} from '@dcloudio/uni-app';
|
||||||
|
import {
|
||||||
|
computed,
|
||||||
|
watch,
|
||||||
|
ref,
|
||||||
|
reactive,
|
||||||
|
unref
|
||||||
|
} from 'vue';
|
||||||
|
const state = reactive({
|
||||||
|
expressIndex: 0,
|
||||||
|
expresses: [{
|
||||||
|
"id": 1,
|
||||||
|
"name": "申通快递"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 2,
|
||||||
|
"name": "顺丰速运"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 3,
|
||||||
|
"name": "中通快递"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 4,
|
||||||
|
"name": "韵达快递"
|
||||||
|
}
|
||||||
|
], //模拟物流公司数组
|
||||||
|
})
|
||||||
|
|
||||||
|
function bindPickerChange(e) {
|
||||||
|
state.expressIndex = e.detail.value;
|
||||||
|
}
|
||||||
|
|
||||||
|
function subRefund(e) {
|
||||||
|
const formData = e.detail.value;
|
||||||
|
console.log(formData, '表单数据');
|
||||||
|
console.log(state.expresses[state.expressIndex].id, '物流公司id');
|
||||||
|
return;
|
||||||
|
// 下面是参考逻辑
|
||||||
|
AfterSaleApi.deliveryAfterSale({
|
||||||
|
id: this.id,
|
||||||
|
logisticsId: this.expresses[this.expressIndex].id,
|
||||||
|
logisticsNo: formData.logisticsNo,
|
||||||
|
}).then(res => {
|
||||||
|
this.$util.Tips({
|
||||||
|
title: '填写退货成功',
|
||||||
|
icon: 'success'
|
||||||
|
}, {
|
||||||
|
tab: 5,
|
||||||
|
url: '/pages/users/user_return_detail/index?id=' + this.id
|
||||||
|
});
|
||||||
|
}).catch(err => {
|
||||||
|
return this.$util.Tips({
|
||||||
|
title: err
|
||||||
|
});
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function getList() {
|
||||||
|
|
||||||
|
}
|
||||||
|
onLoad(() => {
|
||||||
|
// 拿退货编号
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.apply-return {
|
||||||
|
padding: 20rpx 30rpx 70rpx 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list {
|
||||||
|
background-color: #fff;
|
||||||
|
margin-top: 18rpx;
|
||||||
|
padding: 0 24rpx 70rpx 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item {
|
||||||
|
min-height: 90rpx;
|
||||||
|
border-bottom: 1rpx solid #eee;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item .num {
|
||||||
|
color: #282828;
|
||||||
|
margin-left: 27rpx;
|
||||||
|
// width: 227rpx;
|
||||||
|
// text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item .num .picker .reason {
|
||||||
|
width: 385rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item .num .picker .iconfont {
|
||||||
|
color: #666;
|
||||||
|
font-size: 30rpx;
|
||||||
|
margin-top: 2rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item.textarea {
|
||||||
|
padding: 24rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item textarea {
|
||||||
|
height: 100rpx;
|
||||||
|
font-size: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item .placeholder {
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item .title {
|
||||||
|
height: 95rpx;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item .title .tip {
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item .upload {
|
||||||
|
padding-bottom: 36rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item .upload .pictrue {
|
||||||
|
border-radius: 14rpx;
|
||||||
|
margin: 22rpx 23rpx 0 0;
|
||||||
|
width: 156rpx;
|
||||||
|
height: 156rpx;
|
||||||
|
position: relative;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item .upload .pictrue:nth-of-type(4n) {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item .upload .pictrue image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item .upload .pictrue .icon-guanbi1 {
|
||||||
|
position: absolute;
|
||||||
|
font-size: 45rpx;
|
||||||
|
top: -10rpx;
|
||||||
|
right: -10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item .upload .pictrue .icon-icon25201 {
|
||||||
|
color: #bfbfbf;
|
||||||
|
font-size: 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .list .item .upload .pictrue:nth-last-child(1) {
|
||||||
|
border: 1rpx solid #ddd;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apply-return .returnBnt {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #fff;
|
||||||
|
width: 100%;
|
||||||
|
height: 86rpx;
|
||||||
|
border-radius: 50rpx;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 86rpx;
|
||||||
|
margin: 43rpx auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue