修復知識付費PC版修改手機號和密碼問題

問題描述：

知識付費PC版個人中心不能正常修改手機號和密碼。

解決辦法：

前端修改：

• 文件路徑：public/pc/components/account-change/index.html。

  
    
      
    
    
      
    
    
      
        {{ count < 0 ? '獲取驗證碼' : '重新獲取(' + count + 's)' }}
      
    
    
      
    
    
      確認
    
  
  

• 文件路徑：public/pc/components/account-change/index.js。

define([
  'store/index',
  'api/login',
  'api/my',
  'api/auth',
  'plugins/blueimp-md5/js/md5',
  'text!./index.html',
  'css!./index.css'
], function (store, loginApi, myApi, authApi, md5, html) {
  return {
    inject: ['logout'],
    props: {
      currentPhone: {
        type: String,
        default: ''
      }
    },
    data: function () {
      return {
        state: true,
        phone: '',
        code: '',
        pwd: '',
        count: -1,
        TIME_COUNT: 60,
        storeState: store.state
      };
    },
    watch: {
      'storeState.accountVisible': function (value) {
        this.$nextTick(function () {
          var vm = this;
          if (value) {
            $('#captcha').slideVerify({
              baseUrl: '/web/auth_api',
              mode: 'pop',
              containerId: 'getCode',
              beforeCheck: function () {
                var flag = true;
                return flag
              },
              ready: function () { },
              success: function (params) {
                vm.getCode(params.captchaVerification);
              },
              error: function () { },
              beforeShow: function () {
                var flag = true;
                return flag;
              }
            });
          }
        });
      },
      count: function (value) {
        if (value < 0) {
          this.clearTimer();
        }
      }
    },
    methods: {
      clearTimer: function () {
        clearInterval(this.timer);
        this.timer = null;
      },
      // 獲取驗證碼
      getCode: function (captchaVerification) {
        var vm = this;
        if (this.storeState.isAccount && !this.state) {
          if (!this.phone) {
            return this.$message.warning('請輸入新手機號');
          }
          if (!/^1[3456789]\d{9}$/.test(this.phone)) {
            return this.$message.warning('新手機號錯誤');
          }
        }
        this.count = this.TIME_COUNT;
        this.timer = setInterval(function () {
          vm.count--;
        }, 1000);
        loginApi.code({
          phone: this.storeState.isAccount && !this.state ? this.phone : this.currentPhone,
          captchaVerification: captchaVerification,
          captchaType: 'blockPuzzle'
        }).then(function (res) {
          vm.$message.success(res.msg);
        }).catch(function (err) {
          vm.$message.error(err.msg);
          vm.count = -1;
        });
      },
      submit: function () {
        var vm = this;
        if (this.storeState.isAccount && !this.state) {
          if (!this.phone) {
            return this.$message.warning('請輸入新手機號');
          }
          if (!/^1[3456789]\d{9}$/.test(this.phone)) {
            return this.$message.warning('新手機號錯誤');
          }
        }
        if (!this.code) {
          return this.$message.warning('請輸入驗證碼');
        }
        if (!/^\d{6}$/.test(this.code)) {
          return this.$message.warning('驗證碼錯誤');
        }
        if (!this.storeState.isAccount) {
          if (!this.pwd) {
            return this.$message.warning('請輸入新密碼');
          }
          if (!/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$/.test(this.pwd)) {
            return this.$message.warning('請輸入8-16位字母加數字組合新密碼');
          }
        }
        if (this.storeState.isAccount) {
          if (this.state) {
            // 驗證舊手機號
            myApi.validate_code({
              phone: this.currentPhone,
              code: this.code
            }).then(function () {
              vm.state = false;
              vm.code = '';
              vm.count = -1;
            }).catch(function (err) {
              vm.$message.error(err.msg);
              vm.count = -1;
            });
          } else {
            // 保存新手機號
            myApi.save_phone({
              phone: this.phone,
              code: this.code
            }).then(function (res) {
              vm.$message.success(res.msg);
              vm.accountClose();
              vm.logout();
            }).catch(function (err) {
              vm.$message.error(err.msg);
              vm.count = -1;
            });
          }
        } else {
          // 修改密碼
          loginApi.register({
            account: this.currentPhone,
            code: this.code,
            pwd: md5(this.pwd),
            type: 2
          }).then(function (res) {
            vm.$message.success(res.msg);
            vm.accountClose();
            vm.logout();
          }).catch(function (err) {
            vm.$message.error(err.msg);
            vm.count = -1;
          });
        }
      },
      accountClose: function () {
        this.phone = '';
        this.code = '';
        this.pwd = '';
        this.count = -1;
        store.setAccountAction(false);
      }
    },
    template: html
  };
});

后端修改：

if (!isset($res)) {
            $nickname = User::where('uid', $this->uid)->value('nickname');
            $nick = ['phone' => $phone, 'account' => $phone];
            if(check_phone($nickname)) $nick['nickname'] = $phone;
            User::update($nick, ['uid' => $this->uid]);
            PhoneUser::update(['phone' => $phone, 'nickname' => $phone], ['uid' => $this->uid]);
        }

if (!isset($res)) {
                $nickname = User::where('uid', $this->uid)->value('nickname');
                $nick = ['phone' => $phone, 'account' => $phone];
                if(check_phone($nickname)) $nick['nickname'] = $phone;
                User::update($nick, ['uid' => $this->uid]);
                PhoneUser::update(['phone' => $phone, 'nickname' => $phone], ['uid' => $this->uid]);
            }

前端替換文件修改：

前端手動修改過的，無需再下載附件替換文件，兩種修改方式二選一

下載附件，解壓、替換對應的文件，清除緩存。