订单

my/order/payModify.vue

@@ -120,12 +120,14 @@
 				</view>
 			</view>
 			<view class="header-view header-padd header-margin">
-				<view class="d-title title-font">备注</view>
+				<view class="d-title title-font">
+					<span>给技师捎句话</span>
+					<span style="color: rgb(9, 111, 75);" @click="kuaijie">快捷输入</span>
+				</view>
 				<view class="list-pay">
 					<view class="textarea-pay-list">
 						<textarea @input="textareaChange" class="textarea-pay" v-model="textareaData" placeholder="请输入备注" name="" maxlength="100"></textarea>
 					</view>
-
 				</view>
 			</view>
 			<view class="push-button">
@@ -195,6 +197,20 @@
 				</scroll-view>
 			</view>
 		</u-popup>
+		<!-- 快捷输入 -->
+		<u-popup v-model="popupKj" mode="bottom">
+			<view>
+				<scroll-view scroll-y="true" style="background: #f7f7f7;">
+					<view class="guke-list">
+						<view class="guke-btn huiBtn" :class="{ lanBtn: selected.includes(item) }"
+							@click="gukeBtn(item)" v-for="(item,index) in fuwuBtn" :key="index">
+							{{item.title}}
+						</view>
+					</view>
+					<view class="kuaijie-btn" @click="quxiaoKj">取消</view>
+				</scroll-view>
+			</view>
+		</u-popup>
 	</view>
 
 </template>
@@ -203,6 +219,7 @@
 	export default {
 		data() {
 			return {
+				selectedString:'',
 				startTime: '',
 				msTimeList: [],
 				msTimeDate: 0,
@@ -254,6 +271,7 @@
 				birthDate: '',
 				age: '',
 				showpay: false,
+				popupKj:false,
 				openLists: [],
 				openWay: 1,
 				closeable: true,
@@ -283,7 +301,14 @@
 				orderXm:[],
 				number:1,
 				qyMinNum:'',
-				technicianRate:''
+				technicianRate:'',
+				selected:[],
+				fuwuBtn: [
+					{'title':'请速回电确认服务时间地点'},
+					{'title':'到达后请先电话联系，切勿大声敲门'},
+					{'title':'时间紧张，请尽快到达服务位置'},
+					{'title':'直接来即可'},
+				],
 			}
 		},
 		onLoad(e) {
@@ -363,6 +388,27 @@
 			// #endif
 		},
 		methods: {
+			quxiaoKj(){//快捷输入 取消
+				this.textareaData='';
+				this.selected=[];
+				this.popupKj=false;
+			},
+			kuaijie(){//快捷输入
+				this.popupKj=true;
+			},
+			gukeBtn(item) {
+				var index = this.selected.indexOf(item);
+				if (index === -1) {
+					this.selected.push(item);
+				} else {
+					this.selected.splice(index, 1);
+				}
+				var data = [];
+				for (var i = 0; i < this.selected.length; i++) {
+						data.push(this.selected[i].title)
+				}
+				this.textareaData = data.join(",")
+			},
 			changeValue(value){
 				this.number=value
 			},
@@ -1313,7 +1359,54 @@
 </script>
 
 <style lang="scss" scoped>
-
+	.kuaijie-btn{
+		width: 100%;
+		height: 40px;
+		text-align: center;
+		line-height: 40px;
+		font-weight: bold;
+		font-size: 14px;
+		margin-top: 10px;
+		background: #fff;
+		// color: #049F89;
+	}
+	.huiBtn {
+		// background: #f6f6f6;
+		color: #333333;
+	}
+	
+	.lanBtn {
+		// background-color: #049F89;
+		color: #049F89;
+	}
+	.guke{
+		width: 100%;
+		display: flex;
+		margin-top: 20px;
+		flex-direction: column;
+		background-color: #fff;
+	}
+	.guke-btn {
+		width: 100%;
+		height: 40px;
+		line-height: 40px;
+		margin-left: 5px;
+		text-align: center;
+		line-height: 40px;
+		font-weight: bold;
+		font-size: 12px;
+		border-radius: 6px;
+		border-bottom: 1px solid #ccc;
+	}
+	.guke-list {
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		flex-wrap: wrap;
+		box-sizing: border-box;
+		background-color: #fff;
+	}
 	.jusitify-line{
 		height: 76rpx;
 		display: flex;
@@ -1680,6 +1773,9 @@
 		font-weight: bold;
 		font-size: 32rpx;
 		color: #333333;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
 	}
 	.checkbox-data{
 		padding: 0px 11px;

pages/therapist/therapistDingdan.vue

@@ -2,11 +2,11 @@
 	<view class="content">
 		<view class="content-head">
 			<view class="padding-top-sm flex align-center" style="padding-bottom: 9px;">
-				<view v-if="XCXIsSelect != '否'" class="flex align-center justify-between margin-right-sm"
+				<!-- <view v-if="XCXIsSelect != '否'" class="flex align-center justify-between margin-right-sm"
 					@tap="showCityList" style="line-height: 68rpx;">
 					<image src="../../static/liliao-1.png" class="dingwei-img"></image>
 					<view class="localName">{{ city }}</view>
-				</view>
+				</view> -->
 				<u-search class="flex-sub" placeholder="请输入技师名字" :focus="false" shape="square" v-model="artificerName"
 					:show-action="true" :animation="true" bg-color="#f5f5f5" color="#1A1A1A" @search="onSearch()"
 					action-text="搜索" @custom="onSearch()"></u-search>