From de498b0441232d024dde54d2eaad2fe965ab6364 Mon Sep 17 00:00:00 2001
From: tangyi <275503107@qq.com>
Date: Thu, 3 Mar 2022 18:16:30 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BF=97=E6=84=BF=E6=B5=8B=E8=AF=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/user/bind/index.vue    | 189 ++++++++++++++++++++-----------
 src/views/user/ucenter/index.vue |  12 +-
 2 files changed, 131 insertions(+), 70 deletions(-)

diff --git a/src/views/user/bind/index.vue b/src/views/user/bind/index.vue
index cd6884c..27302b4 100644
--- a/src/views/user/bind/index.vue
+++ b/src/views/user/bind/index.vue
@@ -1,79 +1,130 @@
 <template>
-	<div class="content bind-content">
-		<!-- 头部 -->
-		<div :class="{'header':true,'scroll white':isScrollTop,'white':true}">
-			<div class="back" @click="$router.go(-1)"><img src="../../../assets/images/home/expert/back.png" alt=""></div>
-			<div v-if="centerUserData.mobile" class="header-title">修改号码</div>
-					<div v-else class="header-title">手机绑定</div>
-		</div>
-		<div class="feedback-bg pull-content">
-			<ul class="phone-bind">
-				<li><span>手机号</span>18683958573</li>
-				<li><span>验证码</span><input type="text" value="" placeholder="请输入验证码"/><em>获取验证码</em></li>
-			</ul>
-		</div>
-		<div class="bind-btn">确定</div>
-	</div>
+  <div class="content bind-content">
+    <!-- 头部 -->
+    <div :class="{ header: true, 'scroll white': isScrollTop, white: true }">
+      <div class="back" @click="$router.go(-1)">
+        <img src="../../../assets/images/home/expert/back.png" alt="" />
+      </div>
+      <div v-if="centerUserData.mobile" class="header-title">修改号码</div>
+      <div v-else class="header-title">手机绑定</div>
+    </div>
+    <div class="feedback-bg pull-content">
+      <ul class="phone-bind">
+        <li>
+          <span>手机号</span
+          ><input
+            type="text"
+            v-model="phoneNumber"
+            value=""
+            placeholder="请输入手机号"
+          />
+        </li>
+        <li>
+          <span>验证码</span
+          ><input type="text" value="" v-model="sms_code" placeholder="请输入验证码" /><em
+          @click="captcha()"  >获取验证码</em
+          >
+        </li>
+      </ul>
+    </div>
+    <div class="bind-btn" @click="bindPhone()">确定</div>
+  </div>
 </template>
 
 <script>
-	export default {
-		name: "bind",
-		data() {
-			return {
-				isScrollTop: false,
-				centerUserData:{
-					mobile:""
-				}
-			}
-		},
-		created() {
-			this.isScroll = true;
-			window.addEventListener("scroll", this.eventScrollTop);
+export default {
+  name: "bind",
+  data() {
+    return {
+      isScrollTop: false,
+      phoneNumber: "13608235524",
+	  sms_code:"",
+      centerUserData: {
+        mobile: "",
+		
+      },
+    };
+  },
 
-			
+  created() {
+    this.isScroll = true;
+    window.addEventListener("scroll", this.eventScrollTop);
 
-			this.centerUserData=JSON.parse(location.centerUserData)
-			console.log(this.centerUserData)
-		},
-		mounted() {
-			
-		},
-		computed: {
-			
-		},
-		methods: {
-			// 滚动改变样式
-			eventScrollTop() {
-				let scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
-				if (scrollTop >= 5) {
-					if (this.isScroll) {
-						this.isScroll = false;
-						this.isScrollTop = true;
-					}
-				} else {
-					if (!this.isScroll) {
-						this.isScroll = true;
-						this.isScrollTop = false;
-					}
-				}
-			}
-		},
-		destroyed() {
-			window.removeEventListener("scroll", this.eventScrollTop);
-		},
-		//keep-alive进入时触发
-		activated() {
-			this.isScroll = true;
-			window.addEventListener("scroll", this.eventScrollTop)
-		},
-		//keep-alive离开时触发
-		deactivated() {
-			window.removeEventListener("scroll", this.eventScrollTop);
-		}
-	}
+    this.centerUserData = JSON.parse(location.centerUserData);
+    console.log(this.centerUserData);
+  },
+  mounted() {},
+  computed: {},
+  methods: {
+	  bindPhone(){
+   this.axios
+      .post(this.HOME + "/api/user/bind-phone", {
+        phone: this.phoneNumber,
+       sms_code:this.sms_code
+      })
+      .then(function () {
+        
+	  })
+      .catch(function (error) {
+        console.log(error);
+      });
+	  },
+
+	    captcha() {
+	  console.log(123)
+    var reg_tel =
+      /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
+    if (this.phoneNumber == "") {
+      alert("请填写您的手机号码！");
+
+      return false;
+    } else if (!reg_tel.test(this.phoneNumber)) {
+      alert("请正确填写您的手机号码！");
+      return false;
+    }
+    this.axios
+      .post(this.HOME + "/api/common/send-sms-captcha", {
+        phone: this.phoneNumber,
+        type: "bind",
+      })
+      .then(function () {
+
+	  })
+      .catch(function (error) {
+        console.log(error);
+      });
+  },
+    // 滚动改变样式
+    eventScrollTop() {
+      let scrollTop =
+        document.body.scrollTop || document.documentElement.scrollTop;
+      if (scrollTop >= 5) {
+        if (this.isScroll) {
+          this.isScroll = false;
+          this.isScrollTop = true;
+        }
+      } else {
+        if (!this.isScroll) {
+          this.isScroll = true;
+          this.isScrollTop = false;
+        }
+      }
+    },
+  },
+  destroyed() {
+    window.removeEventListener("scroll", this.eventScrollTop);
+  },
+  //keep-alive进入时触发
+  activated() {
+    this.isScroll = true;
+    window.addEventListener("scroll", this.eventScrollTop);
+  },
+  //keep-alive离开时触发
+  deactivated() {
+    window.removeEventListener("scroll", this.eventScrollTop);
+  },
+};
 </script>
 
 <style scoped>
-	
 </style>
\ No newline at end of file
diff --git a/src/views/user/ucenter/index.vue b/src/views/user/ucenter/index.vue
index 04cef1d..54c9371 100644
--- a/src/views/user/ucenter/index.vue
+++ b/src/views/user/ucenter/index.vue
@@ -28,7 +28,13 @@
     </div>
     <div class="line" v-if="isReceive == 1"></div>
     <ul class="student-information">
-      <li @click="goPage('/bind')" >
+      <li   v-if="userData.mobile" >
+        <span
+          ><img src="../../../assets/images/user/icon-phone.png" alt=""
+        /></span>
+        <p>手机号<em>{{userData.mobile}}</em></p>
+      </li>
+         <li @click="goPage('/bind')"  v-else >
         <span
           ><img src="../../../assets/images/user/icon-phone.png" alt=""
         /></span>
@@ -105,6 +111,10 @@
 		},
   data() {
     return {
+     centerUserData:{
+       mobile:""
+     },
+
       isScrollTop: false,
       isReceive: 1, //是否领取咨询机会
       isUse: 0, //是否使用