diff --git a/config/index.js b/config/index.js
index 38ad3fa..f030a2a 100644
--- a/config/index.js
+++ b/config/index.js
@@ -58,7 +58,7 @@ module.exports = {
      * Source Maps
      */
 
-    productionSourceMap: false,
+    productionSourceMap: true,
     // https://webpack.js.org/configuration/devtool/#production
     devtool: '#source-map',
 
diff --git a/src/api/binDing/binding.js b/src/api/binDing/binding.js
new file mode 100644
index 0000000..e1b3839
--- /dev/null
+++ b/src/api/binDing/binding.js
@@ -0,0 +1,28 @@
+import request from '@/utils/request'
+
+
+//   获取验证码
+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
+  })
+}
+
+
+
+
+
+
+
+
diff --git a/src/api/selfNav/selfNav.js b/src/api/selfNav/selfNav.js
new file mode 100644
index 0000000..402639a
--- /dev/null
+++ b/src/api/selfNav/selfNav.js
@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+
+//   获取OpenId
+export function getOpenIdByCode(params) {
+  return request({
+    url: 'weixinPublicPay/getOpenIdByCode',
+    method: 'post',
+    data: params
+  })
+}
+
+
+//   获取token
+export function getTokenByOpenId(params) {
+  return request({
+    url: 'wxPublicUser/getTokenByOpenId',
+    method: 'post',
+    data: params
+  })
+}
+
+//   获取用户消息
+export function queryUserInfo(params) {
+  return request({
+    url: 'user/queryUserInfo',
+    method: 'post',
+    data: params
+  })
+}
+
+//获取手机号和头像
+export function queryCustPersonBaseInfo(params) {
+  return request({
+    url: 'user/queryCustPersonBaseInfo',
+    method: 'post',
+    data: params
+  })
+}
+
+//获取手机号和头像
+export function logout(params) {
+  return request({
+    url: 'user/logout',
+    method: 'post',
+    data: params
+  })
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main.js b/src/main.js
index 97551d8..b795e00 100644
--- a/src/main.js
+++ b/src/main.js
@@ -70,10 +70,11 @@ import {
   TransferDom,
   Confirm,
   Toast,
-  dateFormat
+  dateFormat,
+  Loading
 }from 'vux'
 
-
+Vue.component('loading', Loading)
 Vue.component('Toast', Toast)
 Vue.component('Confirm', Confirm)
 Vue.component('TransferDom', TransferDom)
@@ -94,6 +95,8 @@ Vue.component('tabbar-item', TabbarItem);
 Vue.component('tab', Tab);
 Vue.component('tab-item', TabItem);
 
+import  { LoadingPlugin } from 'vux'
+Vue.use(LoadingPlugin)
 
 import  { ToastPlugin } from 'vux'
 Vue.use(ToastPlugin)
diff --git a/src/router/index.js b/src/router/index.js
index bd4ad48..09021c1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -110,19 +110,19 @@ export default new Router({
       component: () => import("@/views/mySelf/selfNav.vue")
     },
     //
-    // // ------------------------建议反馈
-    // {
-    //   path: '/suggestionBack',
-    //   name: 'suggestionBack',
-    //   component: () => import("@/views/mySelf/feedback/suggestionBack.vue")
-    // },
-    //
-    // // ------------------------停车记录
-    // {
-    //   path: '/parkNotes',
-    //   name: 'parkNotes',
-    //   component: () => import("@/views/mySelf/parkNotes/parkNotes.vue")
-    // },
+    // ------------------------建议反馈
+    {
+      path: '/suggestionBack',
+      name: 'suggestionBack',
+      component: () => import("@/views/mySelf/feedback/suggestionBack.vue")
+    },
+
+    // ------------------------停车记录
+    {
+      path: '/parkNotes',
+      name: 'parkNotes',
+      component: () => import("@/views/mySelf/parkNotes/parkNotes.vue")
+    },
     //
     //
     // ------------------------绑定手机
diff --git a/src/utils/utils.js b/src/utils/utils.js
index c851267..fc10acd 100644
--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@@ -203,7 +203,7 @@ export default {
       deviceInfo: this.myDeviceInfo,
       salt: salt,
       sign_type: "md5",
-      token: sessionStorage.getItem('urlToken'),
+      token: sessionStorage.getItem("wx_Token"),
       orgId: this.myOrgId
     };
     return reqData;
diff --git a/src/views/binding/binDing.vue b/src/views/binding/binDing.vue
index fe1e223..26f4b92 100644
--- a/src/views/binding/binDing.vue
+++ b/src/views/binding/binDing.vue
@@ -3,71 +3,155 @@
 
     <mt-field label="手机号" placeholder="请输入正确的手机号" type="tel" v-model="phone" :attr="{ maxlength: 13 }"></mt-field>
 
-    <mt-field label="验证码" v-model="codeText" :disabled="disabled">
-      <div class="getCode" @click="getCode">{{timeNum}}</div>
+    <mt-field label="验证码" v-model="codeText">
+      <button class="getCode" @click="getCode" :disabled="disabled">{{btntxt}}
+      </button>
     </mt-field>
 
     <div style="margin-top: 34px" class="leftRightPadding">
-      <mt-button type="danger" size="large">绑定</mt-button>
+      <mt-button type="danger" size="large" @click.native="bindphone">绑定</mt-button>
     </div>
   </div>
 </template>
 
 <script>
+
+import { sendverificode, bindCustByOpenId } from "@/api/binDing/binding";
+import {
+  getTokenByOpenId
+} from "@/api/selfNav/selfNav";
 export default {
-  name: 'binDing',
+  name: "binDing",
   data() {
     return {
-      codeText: '',
-      phone: '',
-      timeText: '获取验证码',
+      codeText: "",
+      phone: "",
+      btntxt: "获取验证码",
       time: 0,
-      disabled:false
-    }
+      disabled: false
+    };
   },
-  created(){
-    this.timeNum = this.timeText
+  created() {
+    // this.timeNum = this.timeText
   },
   methods: {
-    getCode: function () {
-      var reg=11 && /^((13|14|15|17|18)[0-9]{1}\d{8})$/;
+    getCode: function() {
+      var reg = 11 && /^((13|14|15|17|18)[0-9]{1}\d{8})$/;
       //var url="/nptOfficialWebsite/apply/sendSms?mobile="+this.ruleForm.phone;
-      if(this.phone==''){
-        this.$vux.toast.text('请输入手机号码', 'top')
-      }else if(!reg.test(this.phone)){
-        this.$vux.toast.text('手机格式不正确', 'top')
-      }else{
-        this.time=60;
-        this.disabled=true;
+      if (this.phone == "") {
+        this.$vux.toast.text("请输入手机号码", "top");
+      } else if (!reg.test(this.phone)) {
+        this.$vux.toast.text("手机格式不正确", "top");
+      } else {
+        this.time = 60;
+        this.disabled = true;
         this.timer();
-        /*axios.post(url).then(
-            res=>{
-            this.phonedata=res.data;
-        })*/
+        this.sendverificode();
       }
     },
+    sendverificode: function() {
+      let that = this;
+      let jsondata = {};
+      let obj = {
+        phone: this.phone
+      };
+      jsondata = Object.assign(obj, this.$utils.commonParams());
+      jsondata.sign = this.$utils.signObject(jsondata);
+      sendverificode(jsondata).then(response => {
+        console.log(response);
+        if (response.code == 0) {
+          this.$vux.toast.text("获取验证码成功", "top");
+        } else {
+          this.$vux.toast.text(response.message, "top");
+        }
+      });
+    },
     timer() {
       if (this.time > 0) {
         this.time--;
-        this.btntxt=this.time+"s后重新获取";
+        this.btntxt = this.time + "S后重新获取";
         setTimeout(this.timer, 1000);
-      } else{
-        this.time=0;
-        this.btntxt="获取验证码";
-        this.disabled=false;
+      } else {
+        this.time = 0;
+        this.btntxt = "获取验证码";
+        this.disabled = false;
+      }
+    },
+    bindphone: function() {
+      //
+      var reg = 11 && /^((13|14|15|17|18)[0-9]{1}\d{8})$/;
+      //var url="/nptOfficialWebsite/apply/sendSms?mobile="+this.ruleForm.phone;
+      if (this.phone == "") {
+        this.$vux.toast.text("请输入手机号码", "top");
+      } else if (!reg.test(this.phone)) {
+        this.$vux.toast.text("手机格式不正确", "top");
+      } else {
+        if (this.codeText) {
+          let jsondata = {
+            phoneNum: this.phone,
+            verifyCode: this.codeText,
+            openid: sessionStorage.getItem("wx_openId"), // o0Moh6eQhTm5bZVqT6wjdSUsZonM
+            orgId: this.$utils.myOrgId
+          };
+          // jsondata = JSON.stringify(jsondata);
+          bindCustByOpenId(jsondata).then(data => {
+            console.log(data);
+            if (data.code == 0 || data.code == "0") {
+              this.$vux.toast.text("亲，您已绑定成功!", "top")
+              this.$router.push({
+                path:'selfNav'
+              })
+            } else if (data.code == 1017 || data.code == "1017") {
+              this.$vux.toast.text("已经绑定过", "top")
+              this.$router.push({
+                path:'selfNav'
+              })
+            } else {
+              this.$vux.toast.text("绑定失败，请重新绑定!", "top")
+            }
+          });
+        } else {
+          this.$vux.toast.text("亲!请输入验证码", "top")
+        }
       }
     },
+    // 获取token
+    getTokenByOpenId() {
+      let that = this
+      var jsondata = {
+        openid: sessionStorage.getItem("wx_openId"),
+        deviceInfo: this.$utils.myDeviceInfo
+      };
+      getTokenByOpenId(jsondata).then(data => {
+        console.log("执行获取token的接口  " + JSON.stringify(data));
+        if (data.code == 0) {
+          console.log("用户 token " + data.data.token);
+          let _token = data.data.token;
+          console.log('getTokenByOpenId获取到的'+_token)
+          sessionStorage.setItem("wx_Token", data.data.token);
+          sessionStorage.setItem("WXPhone", data.data.phoneNum);
+          this.$router.push({
+            path:'selfNav'
+          })
+        } else {
+          this.$vux.toast.text(data.message, "top");
+        }
+        this.$vux.loading.hide();
+      });
+    },
   }
-}
+};
 </script>
 
 <style scoped lang="scss">
   .getCode {
-    width: 100px;
+    width: 120px;
     height: 48px;
     line-height: 48px;
     background: #ef4f4f;
     color: #fff;
     text-align: center;
+    border: 0;
+    margin-right: -10px
   }
 </style>
diff --git a/src/views/eInvoice/eInvoiceWrap.vue b/src/views/eInvoice/eInvoiceWrap.vue
index 0fdeae7..8a9d43e 100644
--- a/src/views/eInvoice/eInvoiceWrap.vue
+++ b/src/views/eInvoice/eInvoiceWrap.vue
@@ -37,8 +37,8 @@
 export default {
   name: "eInvoiceWrap",
   mounted(){
-    let _token = this.$route.query.token;
-    sessionStorage.setItem('urlToken',_token)
+    // let _token = this.$route.query.token;
+    // sessionStorage.setItem('urlToken',_token)
   }
 };
 </script>
diff --git a/src/views/mySelf/selfNav.vue b/src/views/mySelf/selfNav.vue
index 607589c..41f9805 100644
--- a/src/views/mySelf/selfNav.vue
+++ b/src/views/mySelf/selfNav.vue
@@ -2,34 +2,239 @@
   <div>
     <div class="person-bg">
       <div class="person-ifo">
-        <div class="person-pic"></div>
+        <div class="person-pic" :style="{backgroundImage:'url('+this.headPicUrl+')',backgroundSize:'100%'}"></div>
         <ul class="person-con">
-          <li>15911111111</li>
-          <li>账户余额: <span>￥100.00</span></li>
-          <li>我的卡券：<span>20张</span></li>
+          <li>昵称:{{ userPhone}}</li>
+          <li>账户余额: <span>￥{{(acctBalance/100).toFixed(2)}}</span></li>
+          <li>我的卡券：<span>{{ couponNum }}张</span></li>
         </ul>
       </div>
     </div>
 
-    <mt-cell title="会员卡"  is-link :to="{ name: 'Toast' }"></mt-cell>
+    <mt-cell is-link v-for="i in menuList" :title="i.name" @click.native="toMemu(i.path)" :key="i.name"></mt-cell>
 
-    <mt-cell title="车辆管理"  is-link :to="{ name: 'Toast' }"></mt-cell>
+    <!--<mt-cell title="车辆管理" is-link></mt-cell>-->
 
-    <mt-cell title="停车记录"  is-link :to="{ name: 'parkNotes' }"></mt-cell>
+    <!--<mt-cell title="停车记录" is-link></mt-cell>-->
 
-    <mt-cell title="建议反馈"  is-link :to="{ name: 'suggestionBack' }"></mt-cell>
+    <!--<mt-cell title="建议反馈" is-link></mt-cell>-->
 
-    <div class="leftRightPadding" style="margin-top: 34px">
-      <mt-button type="danger" size="large">退出账户</mt-button>
+    <div class="leftRightPadding" style="margin-top: 34px" v-show="loginShow">
+      <mt-button type="danger" size="large" @click="loginHandle">{{ loginTxt }}</mt-button>
     </div>
 
   </div>
 </template>
 
 <script>
+
+import {
+  getOpenIdByCode,
+  getTokenByOpenId,
+  queryUserInfo,
+  queryCustPersonBaseInfo,
+  logout
+} from "@/api/selfNav/selfNav";
 export default {
-  name: 'selfNav'
-}
+  name: "selfNav",
+  data() {
+    return {
+      menuList: [
+        { name: "会员卡", path: "" },
+        { name: "车辆管理", path: "" },
+        { name: "发票管理", path: "eInvoiceWrap" },
+        { name: "停车记录", path: "parkNotes" },
+        { name: "建议反馈", path: "suggestionBack" }
+      ],
+      webAppCode: "",
+      couponNum: 0, // 卡券数量
+      acctBalance: 0, // 账户余额
+      userPhone: "--",// 账户手机号
+      headPicUrl: require("@/assets/images/mySelf/photoBG.png"),// 用户图像
+      loginTxt: "绑定手机", // 退出账户
+      loginShow:true
+      // headPicUrl:headPic
+    };
+  },
+  created() {
+    this.$vux.loading.show({
+      text: "数据加载中..."
+    });
+    if (this.$utils.clientBrowser() == "微信") {
+      this.webAppCode = this.getCode();
+    }
+  },
+  mounted() {
+    let that = this;
+    if(sessionStorage.getItem("wx_openId")){
+      this.getTokenByOpenId(sessionStorage.getItem("wx_openId"));
+      // this.getinfoself()
+    }else{
+      if (this.webAppCode) {
+        this.getopenid();
+      }
+    }
+
+  },
+  methods: {
+    // 获取code
+    getCode() {
+      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) {
+      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+      var r = window.location.search.substr(1).match(reg);
+      if (r != null) return unescape(r[2]);
+      return null;
+    },
+    // 获取openid
+    getopenid() {
+      let jsondata = {
+        appId: this.$utils.myVxAppId,
+        code: this.webAppCode
+      };
+      getOpenIdByCode(jsondata).then(data => {
+        console.log(data);
+        if (data.code == "0") {
+          let openid = data.data;
+          sessionStorage.setItem("wx_openId", openid);
+          console.log("用户 openid " + openid);
+          this.getTokenByOpenId(openid);
+        }else{
+          this.$vux.toast.text(data.message, "top");
+        }
+      });
+    },
+    // 获取token
+    getTokenByOpenId(openid) {
+      let that = this
+      var jsondata = {
+        openid: openid,
+        deviceInfo: this.$utils.myDeviceInfo
+      };
+      getTokenByOpenId(jsondata).then(data => {
+        console.log("执行获取token的接口  " + JSON.stringify(data));
+        if (data.code == 0) {
+          console.log("用户 token " + data.data.token);
+          let _token = data.data.token;
+          console.log('getTokenByOpenId获取到的'+_token)
+          sessionStorage.setItem("wx_Token", data.data.token);
+          sessionStorage.setItem("WXPhone", data.data.phoneNum);
+          that.getinfoself(); //获取用户信息
+        } else {
+          this.$vux.toast.text(data.message, "top");
+        }
+        this.$vux.loading.hide();
+      });
+    },
+    //获取用户信息
+    getinfoself() {
+      // alert('token是:'+sessionStorage.getItem("wx_Token"))
+      let jsondata =  this.$utils.commonParams();
+      console.log(jsondata)
+      jsondata.sign = this.$utils.signObject(jsondata);
+      queryUserInfo(jsondata).then(data => {
+        this.$vux.loading.hide();
+        console.log("获取用户信息 " + JSON.stringify(data));
+        if (data.code == "0") {
+          var datas = data.data;
+          this.couponNum = datas.couponNum;//卡券数量
+          var openAcctType = datas.openAcctType;//是否开通账户 1 开通 0 未开通
+          var msgPushState = datas.msgPushState;//是否开启消息推送 1 是 0否
+          // this.userPhone = datas.phone;//手机号
+          var carCount = datas.carCount;//绑定车牌数量
+          this.acctBalance = datas.acctBalance;//账户余额 单位：分
+          var orderCount = datas.orderCount;//停车记录
+          var pettyPayAmount = datas.pettyPayAmount;//小额免密支付金额
+          var acctScoreBalance = datas.acctScoreBalance;//积分账户余额 单位：个
+          var pettyPayState = datas.pettyPayState;//用户是否开启小额免密支付 1是 0否
+          var yjstatus = datas.openAcctDepositType;//是否交了押金
+          var yjjine = datas.acctDepositBalance;//Yjjine
+          var headPicUrl = "";//头像
+          var custNickname = "";//昵称
+          var phone = "";//昵称
+
+          this.queryCustPersonBaseInfo(); //获取手机号和头像
+        } else {
+          this.$vux.toast.text(data.message, "top");
+        }
+      });
+    },
+    //获取手机号和头像
+    queryCustPersonBaseInfo() {
+      let jsondata = this.$utils.commonParams()
+      jsondata.sign = this.$utils.signObject(jsondata);
+      queryCustPersonBaseInfo(jsondata).then(data => {
+        // this.userPhone = datas.phone;//手机号
+        console.log('获取用户手机头像'+JSON.stringify(data))
+        if (data.code == "0") {
+          if(data.data.headPicUrl){
+            this.headPicUrl = data.data.headPicUrl;//头像
+          }else{
+            this.headPicUrl = require("@/assets/images/mySelf/photoBG.png");
+          }
+
+          var custNickname = data.data.custNickname;//昵称
+          this.userPhone = data.data.userPhone;//昵称
+          // this.loginTxt = "退出登陆";
+          this.loginShow = false
+        } else {
+          this.$vux.toast.text(data.message, "top");
+        }
+      });
+    },
+    // 注册登陆或者退出登陆
+    loginHandle() {
+      if (this.loginTxt == "退出登陆") {
+        let jsondata = {};
+        let obj = {
+          token: sessionStorage.getItem("wx_Token")
+        };
+        jsondata = Object.assign(obj, this.$utils.commonParams());
+        jsondata.sign = this.$utils.signObject(jsondata);
+        logout(jsondata).then(data => {
+          console.log("执行获取token的接口  " + JSON.stringify(data));
+          if (data.code == 0) {
+            sessionStorage.setItem("wx_Token", null);
+            sessionStorage.setItem("WXPhone", null);
+            this.couponNum = 0; // 卡券数量
+            this.acctBalance = 0; // 账户余额
+            this.userPhone = "--";// 账户手机号
+            this.headPicUrl = require("@/assets/images/mySelf/photoBG.png");// 用户图像
+            this.loginTxt = "绑定手机"; // 退出账户
+            this.$router.push({
+              path: "binDing"
+            });
+          } else {
+            this.$vux.toast.text(data.message, "top");
+          }
+        });
+      } else {
+        this.$router.push({
+          path: "binDing"
+        });
+      }
+    },
+    // 前往各个子页面
+    toMemu(path) {
+      let _token = sessionStorage.getItem("wx_Token");
+      if (_token) {
+        this.$router.push({
+          path: path
+        });
+      } else {
+        this.$vux.toast.text("请先绑定手机号", "top");
+      }
+    }
+  }
+};
 </script>
 
 <style scoped lang="scss">
@@ -44,21 +249,22 @@ export default {
     padding-top: 45px;
     display: flex;
     color: #ffbfbf;
-    .person-pic{
+    .person-pic {
       width: 64px;
       height: 64px;
       margin-right: 15px;
       background: url("../../assets/images/mySelf/photoBG.png") no-repeat;
     }
   }
-  .person-con{
-    span{
+
+  .person-con {
+    span {
       font-size: 16px;
       font-weight: bold;
     }
   }
 
-  .mint-cell{
+  .mint-cell {
     border-bottom: 1px solid #EFEDED;
   }
 </style>