From 6ea1f7ef11237ca43bbe32af3a92f7bf5476d5b0 Mon Sep 17 00:00:00 2001
From: liugongyu <290219706@qq.com>
Date: Tue, 27 Jun 2023 10:26:51 +0800
Subject: [PATCH] 个人中心

---
 src/api/getUserIfo.js                        |  26 ++++++++++++++++++++++++++
 src/utils/utils.js                           |  38 +++++++++++++++++++++-----------------
 src/views/binding/binDing.vue                | 141 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------
 src/views/mySelf/feedback/suggestionBack.vue |  59 +++++++++++++++++++++++++++--------------------------------
 src/views/mySelf/selfNav.vue                 |  45 +++++++++++++++++++++------------------------
 5 files changed, 218 insertions(+), 91 deletions(-)

diff --git a/src/api/getUserIfo.js b/src/api/getUserIfo.js
index 7a3f637..bc06ab1 100644
--- a/src/api/getUserIfo.js
+++ b/src/api/getUserIfo.js
@@ -26,4 +26,30 @@ export function getFeedbackType(params) { // 获取建议反馈类型
   })
 }
 
+export function sendverificode(params) { // 获取手机验证码
+  return request({
+    url: 'user/sendverificode',
+    method: 'post',
+    data: params
+  })
+}
+
+
+export function bindCustByOpenId(params) { // 绑定手机号获取
+  return request({
+    url: 'wxPublicUser/bindCustByOpenId',
+    method: 'post',
+    data: params
+  })
+}
+
+export function getOpenIdByCode(params) { // 绑定openId
+  return request({
+    url: 'weixinPublicPay/getOpenIdByCode',
+    method: 'post',
+    data: params
+  })
+}
+
+
 
diff --git a/src/utils/utils.js b/src/utils/utils.js
index 92cec0d..7539346 100644
--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@@ -74,22 +74,7 @@ export default {
     }
     return time;
   },
-  // myVxAppId: 'wx1489e48e6a547023',
-  signObject: function(jsonObj) { //签名字段
-    jsonObj.sign_type = "md5";
-    jsonObj.app_id = "ud8yq5tv0inxupc05xfeau39jywlqoj2";
-    jsonObj.deviceInfo = "BC0703A4-AFB0-4B51-9089-9B7487C0CC6E";
-    jsonObj.salt = myCommonSalt(32);
-    jsonObj.token = "99ecd32eed1b4ebea71bc73b0aabbb99";
-    let sort = [];
-    for (let k in jsonObj) {
-      sort.push({
-        keyname: k,
-        value: jsonObj[k]
-      });
-    }
-    return this.myGetSign(sort);
-  },
+
   clientBrowser: function() { // 判断客户端
     if (/MicroMessenger/.test(window.navigator.userAgent)) {
       console.log("微信客户端");
@@ -130,8 +115,27 @@ export default {
   myVarAppid: "ud8yq5tv0inxupc05xfeau39jywlqoj2",// 公共请求Appid
   myDeviceInfo: "BC0703A4-AFB0-4B51-9089-9B7487C0CC6E", // 公共请求设备信息
   myVxAppId: "wx1489e48e6a547023",
-  openId: "oWw3o5rY_bFsiT_nFd2CEQWGZfhs",
+  userToken:localStorage.getItem('userToken'),
+  userPhoneNum:localStorage.getItem('userPhoneNum'),
+  openId: "",
   myOrgId: "10120", // 归属地 赤峰id  10003    黄石 10079
+
+  // myVxAppId: 'wx1489e48e6a547023',
+  signObject: function(jsonObj) { //签名字段
+    jsonObj.sign_type = "md5";
+    jsonObj.app_id = "ud8yq5tv0inxupc05xfeau39jywlqoj2";
+    jsonObj.deviceInfo = "BC0703A4-AFB0-4B51-9089-9B7487C0CC6E";
+    jsonObj.salt = myCommonSalt(32);
+    jsonObj.token = localStorage.getItem('userToken');
+    let sort = [];
+    for (let k in jsonObj) {
+      sort.push({
+        keyname: k,
+        value: jsonObj[k]
+      });
+    }
+    return this.myGetSign(sort);
+  },
   myGetSign: function(objb) { // 获取签名
     var compare = function(obj1, obj2) {
       var val1 = obj1.keyname;
diff --git a/src/views/binding/binDing.vue b/src/views/binding/binDing.vue
index 363649f..c498d21 100644
--- a/src/views/binding/binDing.vue
+++ b/src/views/binding/binDing.vue
@@ -8,40 +8,145 @@
     </mt-field>
 
     <div style="margin-top: 34px" class="leftRightPadding">
-      <van-button type="info" block>绑定</van-button>
+      <van-button type="info" block @click="bindPhoneHandle">绑定</van-button>
     </div>
   </div>
 </template>
 
 <script>
+
+import { sendverificode, bindCustByOpenId, getOpenIdByCode, getTokenByOpenId } from "@/api/getUserIfo";
 export default {
-  name: 'binDing',
+  name: "binDing",
   data() {
     return {
-      codeText: '',
-      phone: '',
-      timeText: '获取验证码',
+      codeText: "",
+      phone: "",
+      timeText: "获取验证码",
       timeNum: 60,
-    }
+      webAppCode: ""
+    };
   },
-  created(){
-    this.timeNum = this.timeText
+  created() {
+    this.timeNum = this.timeText;
+    // this.webAppCode = this.getWxCode();  // 正式打开注释
   },
   methods: {
-    getCode: function () {
-      var _this = this
+    getWxCode() {
+      var appID = this.$utils.myVxAppId;
+      var code = this.getUrlParam("code");
+      var local = window.location.href;
+      if (code == null || code === "") {
+        window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + appID + "&redirect_uri=" + encodeURIComponent(local) + "&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect";
+      } else {
+        return code;
+      }
+    },
+    getUrlParam(name) { // 获取url里面的参数
+      var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
+      var r = window.location.search.substr(1).match(reg)
+      if (r != null) return unescape(r[2])
+      return null
+    },
+    getCode: function() {
+      var _this = this;
       // this.timeText = this.timeNum+'S'
-      let Num = 5
-      var timer = setInterval(function () {
-        _this.timeNum = Num-- +'s'
-        if(Num== -1){
-          _this.timeNum = '获取验证码'
-          clearInterval(timer)
+      const reg = /^1[3-9]\d{9}$/;
+      if (reg.test(this.phone)) {
+        _this.sendverificode();
+        let Num = 60;
+        var timer = setInterval(function() {
+          _this.timeNum = Num-- + "s";
+          if (Num == -1) {
+            _this.timeNum = "获取验证码";
+            clearInterval(timer);
+          }
+        }, 1000);
+      } else {
+        this.$toast("请输入正确手机号");
+      }
+    },
+    sendverificode() {
+      let jsondata = {
+        phone: this.phone
+      };
+      jsondata.sign = this.$utils.signObject(jsondata);
+      console.log("停车记录传参  " + JSON.stringify(jsondata));
+      sendverificode(jsondata).then(response => {
+        console.log(response);
+        this.$toast("获取验证码成功");
+      });
+    },
+    bindPhoneHandle() {
+      const reg = /^1[3-9]\d{9}$/;
+      if (reg.test(this.phone)) {
+        this.getOpenIdByCode(); // 获取openid
+
+      } else {
+        this.$toast("请输入正确手机号");
+      }
+    },
+    getOpenIdByCode() {  // 获取openid
+
+      this.bindCustByOpenId() // 正式注释
+
+
+
+      // 正式打开注释
+
+      // let jsondata = {
+      //   appId: this.$utils.myVxAppId,
+      //   code: this.webAppCode
+      // };
+      // jsondata.sign = this.$utils.signObject(jsondata);
+      // console.log("停车记录传参  " + JSON.stringify(jsondata));
+      // getOpenIdByCode(jsondata).then(response => {
+      //   if(response.code=='0'){
+      //     this.bindCustByOpenId() // 获取token和用户手机号
+      //   }
+      // });
+    },
+    bindCustByOpenId(){ //
+      let jsondata = {
+        phoneNum: this.phone,
+        verifyCode: this.codeText,
+        // openid: this.$utils.openId  // 正式打开注释
+        openid:'oWw3o5rY_bFsiT_nFd2CEQWGZfhs'  // 正式注释
+      };
+      jsondata.sign = this.$utils.signObject(jsondata);
+      console.log("停车记录传参  " + JSON.stringify(jsondata));
+      bindCustByOpenId(jsondata).then(response => {
+        if(response.code=='0'){
+          this.getTokenByOpenId() // 获取token和用户手机号
+
+        }else if(response.code=='1017'||response.code==1017){
+          this.$toast("已经绑定过");
+        }else{
+          this.$toast("绑定失败");
+        }
+      });
+    },
+    getTokenByOpenId(){  // 获取token和用户手机号
+      let jsondata = {
+        // openid: this.$utils.openId  // 正式打开注释
+        openid:'oWw3o5rY_bFsiT_nFd2CEQWGZfhs'  // 正式注释
+      };
+      jsondata.sign = this.$utils.signObject(jsondata);
+      console.log("停车记录传参  " + JSON.stringify(jsondata));
+      getTokenByOpenId(jsondata).then(response => {
+        if(response.code=='0'){
+          this.$toast("亲，您已绑定成功!");
+          localStorage.setItem('userToken',response.data.token)
+          localStorage.setItem('userPhoneNum',response.data.phoneNum)
+          this.$router.push({
+              name: "selfNav"
+            }
+          );
         }
-      }, 1000)
+      });
     }
   }
-}
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/mySelf/feedback/suggestionBack.vue b/src/views/mySelf/feedback/suggestionBack.vue
index 2690e7b..ccdc5ec 100644
--- a/src/views/mySelf/feedback/suggestionBack.vue
+++ b/src/views/mySelf/feedback/suggestionBack.vue
@@ -12,10 +12,6 @@
       </li>
     </ul>
 
-
-
-    <!--<mt-field label="" placeholder="请详细描述反馈问题，或提出改进建议。（300字以内）" type="textarea" rows="4" v-model="introduction" ></mt-field>-->
-
     <van-field
       v-model="introduction"
       rows="2"
@@ -26,7 +22,7 @@
       show-word-limit
     />
 
-    <div  style="margin-top: 34px">
+    <div style="margin-top: 34px">
       <van-button type="info" block @click="submitCon">提交</van-button>
     </div>
   </div>
@@ -34,54 +30,53 @@
 
 <script>
 
-import { saveFeedbackAndSuggest, getFeedbackType } from '@/api/getUserIfo'
+import { saveFeedbackAndSuggest, getFeedbackType } from "@/api/getUserIfo";
 export default {
-  name: 'suggestionBack',
+  name: "suggestionBack",
   data() {
     return {
       suggestionList: [],
       currentIndex: 0,
-      introduction: '',
-    }
+      introduction: ""
+    };
   },
-  created(){
-    this.getFeedbackType()
+  created() {
+    this.getFeedbackType();
   },
   methods: {
-    getFeedbackType(){
-      let jsondata = {}
-      jsondata.sign = this.$utils.signObject(jsondata)
+    getFeedbackType() {
+      let jsondata = {};
+      jsondata.sign = this.$utils.signObject(jsondata);
       getFeedbackType(jsondata).then(response => {
-        console.log(response)
-        this.suggestionList = response.data
-      })
+        console.log(response);
+        this.suggestionList = response.data;
+      });
     },
-    chooseHandle: function (i) {
-      console.log(i)
-      this.currentIndex = i
+    chooseHandle: function(i) {
+      console.log(i);
+      this.currentIndex = i;
     },
-    submitCon(){
-      if(this.introduction){
+    submitCon() {
+      if (this.introduction) {
         let jsondata = {
-          feedbackCode:this.suggestionList[this.currentIndex].code,
-          suggestDesc:this.introduction,
+          feedbackCode: this.suggestionList[this.currentIndex].code,
+          suggestDesc: this.introduction
           // token:'99ecd32eed1b4ebea71bc73b0aabbb99'
-        }
-        jsondata.sign = this.$utils.signObject(jsondata)
+        };
+        jsondata.sign = this.$utils.signObject(jsondata);
         saveFeedbackAndSuggest(jsondata).then(response => {
-          console.log(response)
-          if(response.code==0){
+          console.log(response);
+          if (response.code == 0) {
             this.$toast("提交成功");
           }
           // this.phoneNum = response.data.phoneNum
-        })
-
-      }else{
+        });
+      } else {
         this.$toast("请填写建议反馈内容");
       }
     }
   }
-}
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/mySelf/selfNav.vue b/src/views/mySelf/selfNav.vue
index 152b386..fa2fd72 100644
--- a/src/views/mySelf/selfNav.vue
+++ b/src/views/mySelf/selfNav.vue
@@ -25,9 +25,9 @@
     </van-cell-group>
 
 
-    <div class="leftRightPadding" style="margin-top: 34px" v-if="openId">
+    <div class="leftRightPadding" style="margin-top: 34px" v-if="phoneNum">
       <!--<mt-button type="danger" size="large"></mt-button>-->
-      <van-button type="info" block>退出账户</van-button>
+      <!--<van-button type="info" block>退出账户</van-button>-->
     </div>
     <div class="leftRightPadding" style="margin-top: 34px" v-else>
       <van-button type="info" block @click="toBindingPage">登录绑定</van-button>
@@ -38,7 +38,7 @@
 
 <script>
 
-import { getTokenByOpenId } from '@/api/getUserIfo'
+import { getTokenByOpenId } from "@/api/getUserIfo";
 export default {
   name: "selfNav",
   data() {
@@ -58,26 +58,23 @@ export default {
         }
       ],
       openId: "",
-      phoneNum:'',//手机号
+      phoneNum: ""//手机号
     };
   },
   mounted() {
-    this.openId = this.$utils.openId;
-    if(this.openId){
-      this.getTokenAndphoneNum()
-    }
-    console.log(this.openId);
+    // this.openId = this.$utils.openId;
+    // if (this.openId) {
+    //   this.getTokenAndphoneNum();
+    // }
+    // console.log(this.openId);
   },
   created() {
-    // this.carNumber = this.$route.query.carNumber  // 获取车牌号
-    // this.carColor = this.$route.query.carNumberColor  // 获取颜色   0:蓝牌;1:黄牌;2:白牌;3:黑牌;4:绿色
-    // this.currentTabActive = this.$route.query.parkFlag ? this.$route.query.parkFlag : 0   // 0在停   1历史
-    // console.log(this.carNumber)
-    // this.parkRecordList(this.carNumber)
+    this.phoneNum = this.$utils.userPhoneNum
+    console.log(this.$utils.userPhoneNum)
   },
   methods: {
     toNextPage(path) {
-      if (this.openId) {
+      if (this.phoneNum) {
         this.$router.push({
             name: path
           }
@@ -96,17 +93,17 @@ export default {
         }
       );
     },
-    getTokenAndphoneNum(){
+    getTokenAndphoneNum() {
       let jsondata = {
-        openid: this.$utils.openId,
-      }
-      jsondata.sign = this.$utils.signObject(jsondata)
-      console.log('停车记录传参  ' + JSON.stringify(jsondata));
+        openid: this.$utils.openId
+      };
+      jsondata.sign = this.$utils.signObject(jsondata);
+      console.log("停车记录传参  " + JSON.stringify(jsondata));
       getTokenByOpenId(jsondata).then(response => {
-        console.log(response)
-        this.phoneNum = response.data.phoneNum
-        console.log(response.data.token)
-      })
+        console.log(response);
+        this.phoneNum = response.data.phoneNum;
+        console.log(response.data.token);
+      });
     }
   }
 };
--
libgit2 0.21.4