优化采购单详情页逻辑

canteen/pages/purchase/detail.vue

@@ -20,26 +20,24 @@
 			<view class="lf-p-l-32 lf-p-r-32 lf-border-box lf-bg-white">
 				<lf-stepbar :list="order.state_log" themeColor="#11D189" v-if="order.state_log"></lf-stepbar>
 			</view>
-			<self-line v-if="order.car_license || supplier_voucher.length || canteen_voucher.length"></self-line>
+			<self-line></self-line>
 			<view class="head">
-				<block v-if="order.car_license">
-					<view class="lf-row-between list">
-						<view>车辆</view>
-						<view class="lf-font-bold">{{order.car_license}}</view>
-					</view>
-					<view class="lf-row-between list">
-						<view>司机</view>
-						<view class="lf-font-bold">{{order.deliver_man}}</view>
-					</view>
-					<view class="lf-row-between list" @click="call(order.deliver_phone)">
-						<view>联系电话</view>
-						<view class="lf-font-bold" style="color: rgb(17, 209, 137);">{{order.deliver_phone}}</view>
-					</view>
-					<view class="lf-row-between list">
-						<view>收货时间</view>
-						<view class="lf-font-bold">{{order.deadline}}</view>
-					</view>
-				</block>
+				<view class="lf-row-between list" v-if="order.car_license">
+					<view>车辆</view>
+					<view class="lf-font-bold">{{order.car_license}}</view>
+				</view>
+				<view class="lf-row-between list" v-if="order.deliver_man">
+					<view>司机</view>
+					<view class="lf-font-bold">{{order.deliver_man}}</view>
+				</view>
+				<view class="lf-row-between list" @click="call(order.deliver_phone)" v-if="order.deliver_phone">
+					<view>联系电话</view>
+					<view class="lf-font-bold" style="color: rgb(17, 209, 137);">{{order.deliver_phone}}</view>
+				</view>
+				<view class="lf-row-between list">
+					<view>收货时间</view>
+					<view class="lf-font-bold">{{order.deadline_text}}</view>
+				</view>
 				<view class="list" v-if="supplier_voucher.length">
 					<view>证明材料-供应端</view>
 					<view class="lf-flex-wrap lf-m-t-10">
@@ -303,23 +301,31 @@
 			},
 			// 改变订单状态
 			orderStateChange(state){
-				uni.showModal({
-					title: '温馨提示',
-					content: '确定继续退单吗？',
-					confirmColor: '#FF0000',
-					cancelColor: '#11D189',
-					success: result => {
-						if(result.confirm){
-							this.$http(this.API.API_CANTEEN_PURCHASEUPDATE, {
-								p_sn: this.p_sn,
-								state: state
-							}).then(res => {
-								console.log("orderStateChange", res);
-								this.$msg('操作成功').then(()=> this.getData());
-							})
+				let that = this;
+				if(state == '已退单'){
+					uni.showModal({
+						title: '温馨提示',
+						content: '退单前请与供应商协商，以免造成损失！确定继续退单操作吗？',
+						confirmColor: '#FF0000',
+						cancelColor: '#11D189',
+						success: result => {
+							if(result.confirm){
+								$change();
+							}
 						}
-					}
-				})
+					})
+				}else{
+					$change();
+				}
+				
+				function $change(){
+					that.$http(that.API.API_CANTEEN_PURCHASEUPDATE, {
+						p_sn: that.p_sn,
+						state: state
+					}).then(res => {
+						that.$msg('操作成功').then(()=> that.getData());
+					})
+				}
 			}
 		}
 	}