完成代码

.gitignore

+/unpackage

api/apis.js

@@ -330,3 +330,16 @@ export function sendAppointment(params){
 		data:params
 	})
 }
+/**
+ * @description 缴纳信息费
+ * @param {Object} params 
+ */
+export function postInformationCost(params){
+	return http({
+		url:'/api/Order/PayInfoFee',
+		method:'POST',
+		data:params
+	})
+}
+
+

pages/index/index.vue

@@ -2,7 +2,7 @@
 	<view class="index">
 		<view class="header">
 			<view class="search-bar">
-				<u-row>
+				<u-row class="searchTest">
 					<u-col span="10">
 						<u-search placeholder="客户姓名/手机号/订单号/订单名称" :disabled="true" bg-color="#ffffff"
 							:show-action="false" @click="navigator('/pages/search/search')"></u-search>
@@ -112,19 +112,6 @@
 			// 	this.sfview()
 			// }
 		},
-		// onHide() {
-		// 	if(this.timer) {  
-		// 			clearTimeout(this.timer);  
-		// 			this.timer = null;  
-		// 		}  
-
-		// },
-		// onUnload() {
-		// 	if(this.timer) {  
-		// 		clearTimeout(this.timer);  
-		// 		this.timer = null;  
-		// 	}  
-		// },
 		data() {
 			return {
 				showModal: false,
@@ -245,12 +232,12 @@
 									that.$store.state.loading = true
 									//查询订单信息
 									that.sfview()
-									// if(that.$store.state.userInfo.FCheckStatus == '0'){
-									// 	console.log("未实名认证,弹出认证窗口")
-									// 	that.authModal = true
-									// }else{
-									// 	console.log("实名认证了,继续操作吧")
-									// }
+									if(that.$store.state.userInfo.FCheckStatus == '0'){
+										console.log("未实名认证,弹出认证窗口")
+										that.authModal = true
+									}else{
+										console.log("实名认证了,继续操作吧")
+									}
 								}
 							} else {
 								hidden()
@@ -294,12 +281,15 @@
 									that.$store.state.loading = true
 									//查询订单信息
 									that.sfview()
-									// if(that.$store.state.userInfo.FCheckStatus == '0'){
-									// 	console.log("未实名认证,弹出认证窗口")
-									// 	that.authModal = true
-									// }else{
-									// 	console.log("实名认证了,继续操作吧")
-									// }
+									if(that.$store.state.userInfo.FCheckStatus == '0'){
+										console.log("未实名认证,弹出认证窗口")
+										that.authModal = true
+									}else{
+										console.log("实名认证了,继续操作吧")
+									}
+									if(that.$store.state.userInfo.FServiceTypeEntity.length<1){
+										toast("请去设置服务类目，以防无法查询相应订单")
+									}
 								}
 							} else {
 								hidden()
@@ -582,7 +572,8 @@
 	}
 
 	.deom-flex {
-		padding-top: 15rpx;
+		padding-top: 30rpx;
+		padding-bottom: 5rpx;
 		text-align: center;
 		vertical-align: middle;
 		display: flex;

pages/orderDetails/orderDetails.vue

@@ -16,14 +16,16 @@
 							<u-icon size="36" name='map'></u-icon>
 							<text class="label">{{orderDetails.Maindata[0].FCustomerName}}</text>
 						</view>
+						<view class="item"
+							v-show="orderDetails.Maindata[0].caption != '待预约' && orderDetails.Maindata[0].HasQuoted!=0">
+							<u-icon size="36" name='phone'></u-icon>
+							<text class="label">{{orderDetails.Maindata[0].FCustomerPhone}}</text>
+							<u-icon size="50" name='phone-fill' @click="callPhone" class="phonestyle"></u-icon>
+						</view>
 						<view class="item">
 							<text
 								class="label">{{orderDetails.Maindata[0].FPROVINCE + orderDetails.Maindata[0].FCITY + orderDetails.Maindata[0].FCOUNTY + orderDetails.Maindata[0].FAdress}}</text>
 						</view>
-						<view class="item" v-show="orderDetails.Maindata[0].caption != '待预约' && orderDetails.Maindata[0].HasQuoted!=0">
-							<u-icon size="36" name='phone'></u-icon>
-							<text class="label">{{orderDetails.Maindata[0].FCustomerPhone}}</text>
-						</view>
 						<view class="item">
 							<u-icon size="36" name='clock'></u-icon>
 							<text class="label">{{orderDetails.Maindata[0].FHopeServiceTime}}</text>
@@ -165,8 +167,7 @@
 					</u-button>
 				</view>
 			</view>
-			<view
-				v-else-if="orderDetails.Maindata[0].caption == '待结算'&&orderDetails.Maindata[0].FPayWay==3">
+			<view v-else-if="orderDetails.Maindata[0].caption == '待结算'&&orderDetails.Maindata[0].FPayWay==3">
 				<view class="btn" :style="'width:'+width*0.3+'px'">
 					<u-button open-type="contact" :hair-line="false">联系客服</u-button>
 				</view>
@@ -230,6 +231,15 @@
 					</u-form-item>
 				</u-form>
 			</view>
+			<view v-show="orderDetails.Maindata[0].caption == '待结算'&&orderDetails.Maindata[0].FPayWay==3">
+				<u-form label-width="190" label-align="center" ref="Cform" :model="form">
+					<u-form-item prop="WanGongCode" :required="true">
+						<view class="item">
+							<u-icon :label="'您应缴纳的信息费为：'+orderDetails.Maindata[0].FINFOFEE"></u-icon>
+						</view>
+					</u-form-item>
+				</u-form>
+			</view>
 		</u-modal>
 
 		<u-popup v-model="showPopup" mode="bottom" z-index="100">
@@ -271,9 +281,6 @@
 				</u-form>
 				<u-button hover-class="none" :custom-style="btnStyle" @click="WanGongConfirm">确定</u-button>
 			</view>
-			<view v-show="orderDetails.Maindata[0].caption == '待结算'&&orderDetails.Maindata[0].FPayWay==3">
-				zzzzzzz
-			</view>
 		</u-popup>
 
 
@@ -287,7 +294,8 @@
 		getOrderDetails,
 		doneOrder,
 		sendAppointment,
-		donePic
+		donePic,
+		postInformationCost
 	} from '../../api/apis.js'
 	import {
 		loading,
@@ -838,6 +846,24 @@
 					});
 
 				}
+				
+				if (this.orderDetails.Maindata[0].caption == '待结算') {
+					let params={
+						FID: '',
+						appid:'',
+					}
+					params.appid=that.$store.state.appid
+					params.FID = that.orderDetails.Maindata[0].FID
+					postInformationCost(params).then((res)=>{
+						if(res.data.code==100){
+							toast(res.data.message)
+							that.$refs.uModal.clearLoading()
+						}
+						else{
+							
+						}
+					})
+				}
 			},
 			bottomBtn() {
 				switch (this.orderDetails.Maindata[0].caption) {
@@ -853,6 +879,9 @@
 					case '待服务':
 						this.showPopup = true
 						break
+					case '待结算':
+						this.showModal = true
+						break
 				}
 			},
 
@@ -1081,4 +1110,11 @@
 		margin-top: 5rpx;
 		margin-bottom: 10prx;
 	}
+	.phonestyle{
+		margin-left: 300rpx;
+		border: 1rpx,solid,#000000;
+		border-radius: 50%;
+		background-color: #626262;
+		color: #ffffff;
+	}
 </style>