新增供货订单详情确认发货UI

pages/supply/gonghuo/detail.vue

@@ -31,7 +31,7 @@
 			</view>
 			<view v-if="type == 2" class="lf-row-flex-end">
 				<button class="btn btn1" @click="is_show_voucher = true">上传凭证</button>
-				<button class="btn btn2" @click="confirmDeliver">确认发货</button>
+				<button class="btn btn2" @click="is_show_receiving = true">确认发货</button>
 			</view>
 			<view v-if="type == 3" class="lf-row-flex-end">
 				<view class="lf-font-32" style="color: #11D189;">已完成</view>
@@ -62,6 +62,31 @@
 				</view>
 			</view>
 		</u-popup>
+		<!-- 弹出层-确认收货 -->
+		<u-popup v-model="is_show_receiving" mode="center" border-radius="20">
+			<view class="popup-box">
+				<view class="content">
+					<view class="popup-title">发货提醒</view>
+					<view class="popup-desc">请填写车辆信息、司机信息</view>
+					<view class="lf-row-between popup-input">
+						<view>车牌号</view>
+						<input placeholder="请输入车牌号" v-model="l_p_num" />
+					</view>
+					<view class="lf-row-between popup-input">
+						<view>司机姓名</view>
+						<input placeholder="请输入司机姓名" v-model="driver_name" />
+					</view>
+					<view class="lf-row-between popup-input lf-m-b-30">
+						<view>司机电话</view>
+						<input placeholder="请输入司机电话" maxlength="11" v-model="driver_phone" />
+					</view>
+				</view>
+				<view class="foot-btn">
+					<u-button class="popup-btn" @click="is_show_receiving = false">取消</u-button>
+					<u-button class="popup-btn" @click="confirmDeliver">确定</u-button>
+				</view>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
@@ -89,17 +114,21 @@
 					key: 'after_tax_price'
 				}],
 				contents: [],
-				is_show_voucher: true, // 是否显示凭证上传弹出层
+				is_show_voucher: false, // 是否显示凭证上传弹出层
+				is_show_receiving: false,
 				voucher_list: [], // 已上传的凭证列表
 				voucher_count: 6, // 最多可以上传多少张凭证
 				type: 2, // 订单状态
 				p_sn: '',
-				order: {}
+				order: {},
+				l_p_num: '',
+				driver_name: '',
+				driver_phone: ''
 			}
 		},
 		onLoad(options){
 			this.p_sn = options.p_sn;
-			this.getData();
+			// this.getData();
 		},
 		methods: {
 			getData(){
@@ -218,6 +247,17 @@
 			},
 			// 确认发货
 			confirmDeliver(){
+				let l_p_num = this.l_p_num;
+				let driver_name = this.driver_name;
+				let driver_phone = this.driver_phone;
+				if(!l_p_num){
+					return this.$msg('请输入车牌号')
+				}else if(!driver_name){
+					return this.$msg('请输入司机姓名')
+				}else if(!driver_phone){
+					return this.$msg('请输入司机电话')
+				}
+				this.is_show_receiving = false;
 				this.$http(this.API.API_SUPPLIER_PURCHASEORDERSENDOUT, {
 					p_sn: this.p_sn
 				}).then(res => {
@@ -351,6 +391,16 @@
 					color: #777777;
 				}
 			}
+			.popup-input{
+				padding: 0 60rpx;
+				box-sizing: border-box;
+				height: 90rpx;
+				font-size: 28rpx;
+				color: #555555;
+				input{
+					text-align: right;
+				}
+			}
 		}
 		.foot-btn{
 			height: 90rpx;