Przeglądaj źródła

feat:技师端叫号点击“下一位”后,显示添加手机尾号,服务对象头像可放大查看

zhanghui 2 lat temu
rodzic
commit
a2683722b5
2 zmienionych plików z 27 dodań i 3 usunięć
  1. 10 0
      pages/index/index.rpx.css
  2. 17 3
      pages/index/index.vue

+ 10 - 0
pages/index/index.rpx.css

@@ -534,3 +534,13 @@
 	border-radius: 5rpx;
 	font-weight: bold;
 }
+.avatarView{
+	width: 600rpx;
+	border-radius: 10rpx;
+	background: white;
+	padding: 20rpx 0;
+}
+.avatarOpen{
+	width: 550rpx;
+	border-radius: 10rpx;
+}

+ 17 - 3
pages/index/index.vue

@@ -61,7 +61,7 @@
 		<view class="flex-row justify-center ">
 			<view class="serviceMsg " v-if="currService">
 				<view class="flex-row serviceInfo ">
-					<image class="serviceProfile" :src="currService.avatar || '/static/ud4.png'"></image>
+					<image class="serviceProfile" :src="currService.avatar || '/static/ud4.png'" @click="avatarOpen"></image>
 					<view class="flex-col justify-end serviceInfo-rigth ">
 						<view class="flex-row justify-between ">
 							<view>
@@ -119,8 +119,8 @@
 					</view>
 					<view class="flex-row">
 						<u-icon name="/static/index/tel.png" size="20"></u-icon>
-						<text class="key">用户电话:</text>
-						<text class="value">{{currService.phone}}</text>
+						<text class="key">手机尾号:</text>
+						<text class="value">{{currService.phone.substring(7,11)}}</text>
 					</view>
 				</view>
 				<view class="flex-row justify-center">
@@ -149,6 +149,17 @@
 			</view>
 		</view>
 
+		<uni-popup ref="avatarPopup" type="center">
+			<view class="avatarView ">
+				<view class="flex-row justify-center">
+					<image class="avatarOpen" mode="widthFix" :src="currService.avatar || '/static/ud4.png'"></image>
+				</view>
+				<view class="flex-row justify-center" :style="{'marginTop':'20rpx'}">
+					<text>服务对象:{{currService.serviceObjectName}}</text>
+				</view>
+			</view>
+		</uni-popup>
+
 		<uni-popup ref="reminderPopup" type="center">
 			<view class="reminderView ">
 				<view class="reminderTitle">
@@ -306,6 +317,9 @@
 			// }
 		},
 		methods: {
+			avatarOpen(){
+				this.$refs.avatarPopup.open()
+			},
 
 			promotion(){
 				let data = {