图片

pages/my/bindDialog.vue

@@ -0,0 +1,93 @@
+<template>
+	<view class="my-tel-dialog">
+		<view class="my-tel-content">
+			<view class="tel-close" @click="telClose"></view>
+			<view class="yzm-row">
+				<view class="my-tel-title">绑定新手机号</view>
+				<view class="yzm-tip" v-if="bindObj.getYzmFlag">验证码已发送至：{{bindObj.telNumber}}</view>
+				<view class="my-input-box">
+					<input class="my-input" type="text" v-model="bindObj.yzmNumber" placeholder="请输入验证码" maxlength="6"
+						@input="changeYzmInput" />
+					<view class="close-btn" v-if="bindObj.clearYzmIcon" @click="clearYzm"></view>
+				</view>
+				<view @click="bindBtn" class="my-bind-btn">绑定</view>
+			</view>
+
+		</view>
+	</view>
+</template>
+<script>
+	import captcha from "../../components/captcha4/index.vue";
+	import cacheManager from '@/utils/cacheManager.js';
+	import {
+		telBind,
+		sendCode
+	} from "@/api/login.js"
+	import {
+		toast
+	} from "../../utils/common";
+	export default {
+		data() {
+			return {
+				bindObj: {
+					telNumber: '',
+					yzmNumber: '',
+					clearYzmIcon: false,
+					/*** 验证码 ***/
+					yzmStatus: 'login-btn-disabled',
+					timeLeft: 60, // 初始倒计时时间（秒）
+					intervalId: null, // 定时器ID
+				},
+			}
+		},
+		methods: {
+			telClose() {
+				this.$emit('telClose')
+			},
+			
+
+			// 清空验证码
+			clearYzm() {
+				this.bindObj.yzmNumber = '';
+				this.bindObj.clearYzmIcon = false;
+			},
+
+			// 判断是否显示验证码的清除按钮
+			changeYzmInput(event) {
+				if (event.detail.value.length > 0) {
+					this.bindObj.clearYzmIcon = true;
+				} else {
+					this.bindObj.clearYzmIcon = false;
+				}
+			},
+
+			// 绑定按钮
+			bindBtn() {
+				if (this.bindObj.yzmNumber === '') {
+					toast('验证码不能为空')
+					return;
+				}
+
+				let req = {
+					tel: this.bindObj.telNumber,
+					code: this.bindObj.yzmNumber,
+				}
+				telBind(req).then(res => {
+					if (res.code == 0) {
+						toast('手机号绑定成功')
+						this.updataTel(this.bindObj.telNumber);
+						this.telReset();
+						this.$emit('bindBtn')
+					}
+				})
+			},
+
+			// 在缓存中修改手机号
+			updataTel(data) {
+				cacheManager.updateObject('auth', {
+					userName: data
+				})
+			}
+		}
+	}
+</script>

pages/pay/paySuccess.vue

@@ -0,0 +1,27 @@
+<!-- 蛋破壳弹窗 -->
+<template>
+	<uni-popup ref="paySuccessPopup" :animation="false" :is-mask-click="false"
+	 mask-background-color="rgba(51, 137, 217, 0.65);">
+	 <view class="ezy-pay-success-dialog"> </view>
+	</uni-popup>
+</template>
+
+<script setup>
+	import { ref } from 'vue';
+	const paySuccessPopup = ref(null); // 索引
+	// 打开弹窗
+	function handleShow() {
+		paySuccessPopup.value.open();
+	}
+	// 取消
+	function handleClose() {
+		paySuccessPopup.value.close();
+	}
+	defineExpose({
+			handleShow,
+			handleClose
+		})
+</script>
+
+<style>
+</style>