兼容web端拨打电话

order/pages/refund/refund.vue

@@ -33,8 +33,8 @@
 						<image :src="refundImg" mode="aspectFill" class="image"></image>
 					</view>
 
-					<input v-model="alipayOrder" class="input mt-30" type="digit" placeholder="请输入支付宝订单号" />
-					<text class="guide-text" style="margin-top: 30rpx;" @click="openTip">立即退款</text>
+					<input v-model="alipayOrder" class="input mt-30" type="digit" placeholder="请输入支付宝订单号 或 商家订单号" />
+					<text class="guide-text2" style="margin-top: 30rpx;" @click="openTip">立即退款</text>
 				</view>
 			</view>
 		</uni-popup>
@@ -43,6 +43,11 @@
 			<uni-popup-dialog :style="{color:refundColor}" :title="refundResult" :duration="2000"
 				:showClose="showTipColse" @close="closeTip" @confirm="confirm"></uni-popup-dialog>
 		</uni-popup>
+		
+		<uni-popup class="popup2" ref="popup4" type="center">
+			<uni-popup-dialog style="color: #909399;" title="客服电话\n4000969950" :duration="2000"
+			 @close="closeKefu" @confirm="closeKefu"></uni-popup-dialog>
+		</uni-popup>
 	</view>
 </template>
 
@@ -76,6 +81,7 @@
 				refundResult: '\n是否确定要退款?',
 				refundColor: "#909399",
 				showTipColse: true,
+				showKefuColse: false,
 				guideText: "下一步",
 				curGuideIndex: 0
 			};
@@ -118,6 +124,11 @@
 				});
 			},
 			callPhone() {
+				// #ifdef H5
+				this.$refs.popup4.open()
+				// #endif
+				
+				// #ifdef MP-ALIPAY
 				my.makePhoneCall({
 					number: '4000969950',
 					success: function(res) {
@@ -127,6 +138,8 @@
 						console.log('拨打电话失败！');
 					}
 				})
+				// #endif
+				
 			},
 			changeGuide(e) {
 				this.curGuideIndex = e.detail.current
@@ -172,6 +185,9 @@
 			closeTip() {
 				this.$refs.popup3.close()
 			},
+			closeKefu() {
+				this.$refs.popup4.close()
+			},
 			confirm() {
 				this.closeTip()
 
@@ -249,7 +265,6 @@
 				flex-direction: column;
 				align-items: center;
 				overflow: hidden;
-
 				.image-wrap {
 					height: 800rpx;
 					background-color: #579BEB;
@@ -264,6 +279,7 @@
 				}
 
 				.input {
+					width: 80%;
 					border-radius: 10rpx;
 					border: solid 1px #C9C9C9;
 				}
@@ -306,6 +322,18 @@
 			border-radius: 8rpx;
 		}
 
+		.guide-text2 {
+			text-align: center;
+			margin-top: 100rpx;
+			font-size: 34rpx;
+			color: #F9F9F9;
+			width: 89%;
+			height: 85rpx;
+			line-height: 85rpx;
+			background: #3881F3;
+			border-radius: 8rpx;
+		}
+
 		.success-text {
 			color: #09bb07;
 		}