common/http.api.js

@@ -121,6 +121,10 @@ const install = (Vue, vm) => {
 		bindcarer({order_id,takeawayer_id}){
 		    return vm.$u.post("/order/orderRider",{order_id,takeawayer_id})
 		},
+        // 自提
+        bindmention({shipping_express_id,deliver_explain,order_id,sendimg}) {
+            return vm.$u.post("/order/send",{shipping_express_id,deliver_explain,order_id,sendimg})
+        },
 		// 发货物流公司
 		pushcompany(){
 		    return vm.$u.post("/order/getExpress")

pages.json

@@ -273,7 +273,13 @@
 				}
 			}
 		}
-	],
+	    ,{
+            "path" : "pages/index/mention",
+            "style" : {
+                "navigationBarTitleText": "上传凭证"
+            }
+        }
+    ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "uni-app",

pages/index/details.vue

@@ -49,6 +49,10 @@
 					<view class="title">收货地址</view>
 					<view class="value u-line-1">{{ info.extend_order_common.reciver_info.address }}</view>
 				</view>
+                <view>
+                    <view class="title">派送方式</view>
+                    <view class="value u-line-1">{{ cur == 0 ? "快递" : cur == 1 ? "骑手" : "自提" }}</view>
+                </view>
 			</view>
 		</view>
 		<!-- 待处理之后的 -->
@@ -74,6 +78,7 @@
 			<view class="methods">
 				<view :class="{ active: cur == 0 }" @click="pushstyleA">快递</view>
 				<view :class="{ active: cur == 1 }" @click="pushstyleB">骑手</view>
+				<view :class="{ active: cur == 2 }" @click="pushstyleC">自提</view>
 			</view>
 			<view v-if="cur != 2 && (pushid || selctcar)">
 				<view class="title">{{cur == 0 ? '快递单号':'骑手信息'}}</view>
@@ -122,7 +127,7 @@
 			title="请选择公司"
 			confirm-text="下一步"
 		></u-picker>
-		<u-popup v-model="showExpress" mode="center" border-radius="10" class="delivery-popup">
+		<u-popup v-model="showExpress" :mask-close-able="false" mode="center" border-radius="10" class="delivery-popup">
 			<view class="title">填写快递单号</view>
 			<view class="input-info"><input type="text" style="color: #333; line-height: 1;" placeholder="请输入快递单号" v-model="pushid" /></view>
 			<view class="btn" @click="saveDelivery">确认</view>
@@ -151,7 +156,7 @@ export default {
 	data() {
 		return {
 			status: 1, // 订单状态
-			cur: 2,
+			cur: null,
 			showDelivery: false, // 填写骑手信息
 			showExpress: false, // 填写快递单号
 			showRefunds: false, // 平台退货处理
@@ -252,6 +257,10 @@ export default {
 			this.cur = 1;
 			this.show = true;
 		},
+		// 选择骑手
+		pushstyleC() {
+			this.cur = 2;
+		},
 		// 获取物流公司列表
 		getcompanyinfo() {
 			let that = this;
@@ -357,8 +366,8 @@ export default {
 		},
 		// 绑定配送方式
 		confirmpushstyle() {
-            console.log(this.cur);
+            // console.log(this.cur);
-            if (this.cur != 0 && this.cur != 1) {
+            if (this.cur < 0) {
                 this.$refs.uToast.show({
                     title: '请选择派送方式！',
                     type: 'warning ',
@@ -373,7 +382,7 @@ export default {
                     })
                     return;
                 }
-				console.log(this.pushid);
+				// console.log(this.pushid);
 				this.$u.api.bindpushid({
 					order_id: this.orderid,
 					shipping_code: this.pushid,
@@ -394,7 +403,7 @@ export default {
 						});
 					}
 				});
-			} else {
+			} else if (this.cur == 1) {
                 if (!this.selctcar) {
                     this.$refs.uToast.show({
                         title: '请选择派送方式！',
@@ -422,7 +431,11 @@ export default {
 						});
 					}
 				});
-			}
+			} else {
+                uni.navigateTo({
+                    url: "mention?id=" + this.orderid
+                })
+            }
 		},
 		// 选择骑手
 		getselect(e) {
@@ -598,10 +611,11 @@ export default {
 		.methods {
 			display: flex;
 			flex-wrap: wrap;
+            justify-content: space-around;
 			> view {
 				font-size: 30rpx;
 				color: rgba(0, 0, 51, 1);
-				width: 335rpx;
+				width: 30%;
 				height: 80rpx;
 				border: 1rpx solid rgba(236, 236, 236, 1);
 				background: rgba(236, 236, 236, 1);
@@ -609,9 +623,6 @@ export default {
 				text-align: center;
 				line-height: 80rpx;
 				margin-bottom: 20rpx;
-				&:nth-child(2n-1) {
-					margin-right: 20rpx;
-				}
 			}
 			.active {
 				border: 1rpx solid #ff780f;
@@ -647,6 +658,7 @@ export default {
 			color: rgba(51, 51, 51, 1);
 		}
 		.timelineid {
+            margin: 18rpx 0;
 			min-height: 40rpx;
 			font-size: 24rpx;
 			font-weight: 400;

pages/index/mention.vue

@@ -0,0 +1,139 @@
+<template>
+	<view class="container">
+		<view class="upload">
+            <view class="title">
+                <text>上传凭证</text>
+                <text class="tips">（仅可上传1张凭证）</text>
+            </view>
+            <u-upload class="upload-box" :form-data="coverformdata" :action="action" :header="header" name="common" :max-count="1" @on-success="uploadSuc"></u-upload>
+        </view>
+        <view class="remarks">
+            <view>备注:</view>
+            <textarea class="textarea-box" v-model="textareaVal" placeholder="请输入内容..." placeholder-class="placeholder-style" />
+        </view>
+        <u-button class="btn-submit" @click="submitInfo">提交</u-button>
+        <u-toast ref="uToast" />
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+                header: {
+                	Authorization: 'Bearer' + ' ' + uni.getStorageSync('token')
+                },
+				action: "https://mall.dmygkeji.com/api/Upload/uploadfile",
+                coverformdata: {
+                	name: 'common'
+                },
+                img_url: "", // 图片路径
+                textareaVal: "", // 备注
+			};
+		},
+        onLoad(option) {
+            // console.log(option);
+            this.order_id = option.id;
+        },
+        methods: {
+            // 上传成功
+            uploadSuc(e) {
+                if (e.errCode == 0) {
+                    this.$refs.uToast.show({
+                        title: e.message,
+                        type: "success"
+                    })
+                    console.log(e.data);
+                    this.img_url = e.data.file_path;
+                } else {
+                    this.$refs.uToast.show({
+                        title: e.message,
+                    })
+                }
+            },
+            // 自提提交
+            submitInfo() {
+                if (!this.img_url) {
+                    this.$refs.uToast.show({
+                        title: "请上传凭证!",
+                        type: "warning"
+                    })
+                    return;
+                }
+                if (!this.$u.trim(this.textareaVal)) {
+                    this.$refs.uToast.show({
+                        title: "请填写备注!",
+                        type: "warning"
+                    })
+                    return;
+                }
+                // 提交
+                this.$u.api.bindmention({
+                    shipping_express_id: "e1000",
+                    deliver_explain: this.textareaVal,
+                    order_id: this.order_id,
+                    sendimg: this.img_url,
+                }).then(res => {
+                    console.log(res);
+                    if (res.errCode == 0) {
+                        this.$refs.uToast.show({
+                            title: res.message,
+                            type: "success",
+                            url: "/pages/index/index"
+                        })
+                    } else {
+                        this.$refs.uToast.show({
+                            title: res.message,
+                            type: "warning"
+                        })
+                    }
+                })
+            }
+        }
+	}
+</script>
+
+<style lang="scss">
+.container {
+    padding: 30rpx;
+}
+.upload {
+    .title {
+        display: flex;
+        align-items: center;
+        font-size: 30rpx;
+        font-weight: 400;
+        color: #333;
+        .tips {
+            font-size: 20rpx;
+            color: #999;
+        }
+    }
+    .upload-box {
+        margin: 20rpx 0;
+    }
+}
+.remarks {
+    .textarea-box {
+        width: calc(100% - 42rpx);
+        padding: 20rpx;
+        margin-top: 20rpx;
+        font-size: 28rpx;
+        color: #333;
+        border-radius: 10rpx;
+        border: 1px solid #BABABA;
+    }
+    .placeholder-style {
+        color: #999;
+        font-size: 26rpx;
+    }
+}
+.btn-submit {
+    width: 690rpx;
+    height: 98rpx;
+    margin-top: 70rpx;
+    color: #fff;
+    border-radius: 50rpx;
+    background-color: #FF780F;
+}
+</style>