小程式安全設定

Page({
  /**
   * 頁面的初始資料
   */
  data: {
    anquan: '',
    detailanquan: '',
    hiddenmodalput: true,
    //可以通過hidden是否掩藏彈出框的屬性，來指定那個彈出框
    idCard: '',
    password: '',
    phone: '',
    email: '',
    wxUnionid: '',
    // 修改密碼
    psd: "",
    newpsd: '',
  },
  // 獲取身份認證:
  idCard: function(e) {
    this.setData({
      idCard: e.detail.value,
    })
    console.log("獲取身份認證:" + this.data.idCard);
  },
  // 獲取登入密碼:
  password: function(e) {
    this.setData({
      password: e.detail.value,
    })
    console.log("獲取登入密碼:" + this.data.password);
  },
  // 獲取繫結手機:
  phone: function(e) {
    this.setData({
      phone: e.detail.value,
    })
    console.log("獲取繫結手機:" + this.data.phone);
  },
  // 獲取繫結郵箱:
  email: function(e) {
    this.setData({
      email: e.detail.value,
    })
    console.log("獲取繫結郵箱:" + this.data.email);
  },
  // 獲取微信繫結:
  wxUnionid: function(e) {
    this.setData({
      wxUnionid: e.detail.value,
    })
    console.log("獲取微信繫結:" + this.data.wxUnionid);
  },

  // 修改按鈕
  sfrz: function(e) {
    console.log("身份認證", this.data.idCard);
    wx.request({

      method: 'POST',
      header: {
        'Authorization': 'Bearer' + wx.getStorageSync('token'),
      },
      success(res) {
        console.log("儲存成功", res.data);
        if (res == null || res.data == null) {
          console.error('網路請求失敗');
          return;
        }
        wx.showToast({
          title: '儲存成功',
          icon: 'success',
          duration: 500
        })
      }
    })
  },
  // 修改登入密碼
  dlmm: function(e) {
    this.setData({
      hiddenmodalput: !this.data.hiddenmodalput
    })
  },
  cancelM: function(e) {
    this.setData({
      hiddenmodalput: true,
    })
  },

  confirmM: function(e) {
    console.log("原密碼" + this.data.psd + "新密碼" + this.data.newpsd);
    this.setData({
      hiddenmodalput: true,
    })
    wx.request({

      method: 'POST',
      header: {
        'Authorization': 'Bearer' + wx.getStorageSync('token'),
      },
      success(res) {
        console.log("儲存成功", res.data);
        if (res.data.code == 0) {
          wx.showToast({
            title: '儲存失敗',
            icon: 'success',
            duration: 500
          })
        }
        if (res == null || res.data == null) {
          console.error('網路請求失敗');
          return;
        }
        wx.showToast({
          title: '儲存成功',
          icon: 'success',
          duration: 500
        })
      }
    })
  },

  ipsd: function(e) {
    this.setData({
      psd: e.detail.value
    })
  },
  newipsd: function(e) {
    this.setData({
      newpsd: e.detail.value
    })
  },

  // 繫結手機
  bdsj: function(e) {
    console.log("繫結手機", this.data.phone);
    wx.request({

      method: 'POST',
      header: {
        'Authorization': 'Bearer' + wx.getStorageSync('token'),
      },
      success(res) {
        console.log("儲存成功", res.data);
        if (res == null || res.data == null) {
          console.error('網路請求失敗');
          return;
        }
        wx.showToast({
          title: '儲存成功',
          icon: 'success',
          duration: 500
        })
      }
    })
  },
  bdyx: function(e) {
    console.log("繫結郵箱", this.data.email);
    wx.request({

      method: 'POST',
      header: {
        'Authorization': 'Bearer' + wx.getStorageSync('token'),
      },
      success(res) {
        console.log("儲存成功", res.data);
        if (res == null || res.data == null) {
          console.error('網路請求失敗');
          return;
        }
        wx.showToast({
          title: '儲存成功',
          icon: 'success',
          duration: 500
        })
      }
    })
  },
  wxbd: function(e) {
    console.log("微信繫結", this.data.wxUnionid);
    wx.showModal({
      title: '提示',
      content: '解除微信繫結,登出賬號! 是否確定?',
      success(res) {
        if (res.confirm) {
          console.log('使用者點選確定')
          wx.request({
 
            data: this.data.wxUnionid,
            method: 'POST',
            header: {
              'Authorization': 'Bearer' + wx.getStorageSync('token'),
            },
            success(res) {
              console.log("解綁成功", res.data);
              if (res == null || res.data == null) {
                console.error('網路請求失敗');
                return;
              }
              wx.showToast({
                title: '儲存成功',
                icon: 'success',
                duration: 500
              })
            }
          })
        } else if (res.cancel) {
          console.log('使用者點選取消')
        }
      }
    })
  },
  /**
   * 生命週期函式--監聽頁面載入
   */
  onLoad: function(options) {
    var that = this;
    wx.request({

      method: 'GET',
      header: {
        'Authorization': 'Bearer' + wx.getStorageSync('token')
      },
      success(res) {
        console.log("安全設定", res.data.data);
        var pass = res.data.data.user.password
        if (pass != null) {
          let password = "**********";
          let passs = password;
          that.setData({
            idCard: res.data.data.userDetail.idCard,
            // password: res.data.data.user.password,
            password: passs,
            phone: res.data.data.user.phone,
            email: res.data.data.user.email,
            wxUnionid: res.data.data.user.wxUnionid,
          })
        } else {
          that.setData({
            idCard: res.data.data.userDetail.idCard,
            password: res.data.data.user.password,
            phone: res.data.data.user.phone,
            email: res.data.data.user.email,
            wxUnionid: res.data.data.user.wxUnionid,
          })
        }

        wx.showToast({
          title: '載入成功',
          icon: 'loading',
          duration: 500
        })
      }
    })

  },
  /**
   * 生命週期函式--監聽頁面初次渲染完成
   */
  onReady: function() {

  },
  /**
   * 生命週期函式--監聽頁面顯示
   */
  onShow: function() {

  },
  /**
   * 生命週期函式--監聽頁面隱藏
   */
  onHide: function() {

  },
  /**
   * 生命週期函式--監聽頁面解除安裝
   */
  onUnload: function() {

  },
  /**
   * 頁面相關事件處理函式--監聽使用者下拉動作
   */
  onPullDownRefresh: function() {
    var that = this;
    wx.request({

      method: 'GET',
      header: {
        'Authorization': 'Bearer' + wx.getStorageSync('token')
      },
      success(res) {
        console.log("安全設定", res.data.data);
        var pass = res.data.data.user.password
        if (pass != null) {
          let password = "**********";
          let passs = password;
          that.setData({
            idCard: res.data.data.userDetail.idCard,
            // password: res.data.data.user.password,
            password: passs,
            phone: res.data.data.user.phone,
            email: res.data.data.user.email,
            wxUnionid: res.data.data.user.wxUnionid,
          })
        } else {
          that.setData({
            idCard: res.data.data.userDetail.idCard,
            password: res.data.data.user.password,
            phone: res.data.data.user.phone,
            email: res.data.data.user.email,
            wxUnionid: res.data.data.user.wxUnionid,
          })
        }
        wx.showToast({
          title: '載入成功',
          icon: 'loading',
          duration: 500
        })
      },
      complete: function(res) {
        wx.stopPullDownRefresh();
      }
    })
  },
  /**
   * 頁面上拉觸底事件的處理函式
   */
  onReachBottom: function() {

  },
  /**
   * 使用者點選右上角分享
   */
  onShareAppMessage: function() {

  }
})
 

 <view class='item'>
    登入密碼
    <view class='bk'>
      <!-- name="password" -->
      <input class="textarea" placeholder="{{password}}" value='{{password}}' bindinput="password" maxlength='100' auto-height disabled/>
    </view>

    <button class='btn' bindtap='dlmm'>修改</button>
    <modal hidden="{{hiddenmodalput}}" title="修改密碼" confirm-text="提交" cancel-text="取消" bindcancel="cancelM" bindconfirm="confirmM">
      <input bindinput='ipsd' type='text' placeholder="請輸入原密碼..." auto-focus/>
      <input bindinput='newipsd' type='password' placeholder="請輸入新密碼..." />
    </modal>

  </view>