兼容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>
@@ -42,6 +42,11 @@
 		<uni-popup class="popup2" ref="popup3" type="center">
 			<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>
@@ -75,7 +80,8 @@
 				refundImg: "https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_guide_alipay_back.png",
 				refundResult: '\n是否确定要退款?',
 				refundColor: "#909399",
-				showTipColse: true,
+				showTipColse: true,
+				showKefuColse: false,
 				guideText: "下一步",
 				curGuideIndex: 0
 			};
@@ -117,16 +123,23 @@
 					}
 				});
 			},
-			callPhone() {
-				my.makePhoneCall({
-					number: '4000969950',
-					success: function(res) {
-						console.log('拨打电话成功！');
-					},
-					fail: function(res) {
-						console.log('拨打电话失败！');
-					}
-				})
+			callPhone() {
+				// #ifdef H5
+				this.$refs.popup4.open()
+				// #endif
+				
+				// #ifdef MP-ALIPAY
+				my.makePhoneCall({
+					number: '4000969950',
+					success: function(res) {
+						console.log('拨打电话成功！');
+					},
+					fail: function(res) {
+						console.log('拨打电话失败！');
+					}
+				})
+				// #endif
+				
 			},
 			changeGuide(e) {
 				this.curGuideIndex = e.detail.current
@@ -171,6 +184,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;
@@ -263,7 +278,8 @@
 					}
 				}
 
-				.input {
+				.input {
+					width: 80%;
 					border-radius: 10rpx;
 					border: solid 1px #C9C9C9;
 				}
@@ -292,14 +308,26 @@
 				}
 			}
 
+		}
+		
+		.guide-text {
+			text-align: center;
+			margin-top: 100rpx;
+			font-size: 34rpx;
+			color: #F9F9F9;
+			width: 320rpx;
+			height: 85rpx;
+			line-height: 85rpx;
+			background: #3881F3;
+			border-radius: 8rpx;
 		}
 
-		.guide-text {
+		.guide-text2 {
 			text-align: center;
 			margin-top: 100rpx;
 			font-size: 34rpx;
 			color: #F9F9F9;
-			width: 320rpx;
+			width: 89%;
 			height: 85rpx;
 			line-height: 85rpx;
 			background: #3881F3;