1

admin

2026-01-07 29f3a095dc58860849cdaa0b057b9fab495e5f6d

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<template>
  <div class="wrapper">
    <!-- <div class="header">
      <mt-header :title=" $t('jy407')">
        <router-link to="/user" slot="left">
          <mt-button icon="back">{{ $t('hj227') }}</mt-button>
        </router-link>
      </mt-header>
    </div> -->
    <div class="form-block">
      <mt-field :label="$t('hj195')" :placeholder="$t('hj195')" type="text" disabled
                v-model="$store.state.userInfo.realName"></mt-field>
      <mt-field :label="$t('jy406')" :placeholder="$t('jy406')" type="text" disabled v-model="$store.state.userInfo.phone"></mt-field>
    </div>
    <div class="form-block">
      <mt-field :label="$t('hj10')" @click.native="changeLogin" autocomplete="new-password" :placeholder="$t('jy405')"
                type="password" disabled>
        <span @click="changeLogin"><i class="iconfont icon-xiugai"></i>{{ $t('hj144') }}</span>
      </mt-field>
    </div>
    <div class="btnbox">
      <span class="text-center btnok loginout" @click="toRegister">{{ $t('jy404') }}</span>
    </div>
    <!-- 修改密码 -->
    <mt-popup v-model="changeLoginPsdBox" position="bottom" class="mint-popup-wrap">
      <div class="clearfix">
        <a @click="changeLoginPsdBox = false" class="pull-right"><i class="iconfont icon-weitongguo"></i></a>
      </div>
      <div class="form-block">
        <mt-field :label="$t('hj150')" type="password" :placeholder="$t('jy337')" v-model="nextPsd"></mt-field>
        <mt-field :label="$t('hj151')" :placeholder="$t('hj19')" type="password" v-model="newPsd"></mt-field>
      </div>
      <div class="text-center">
        <mt-button class="btn-sure" type="default" @click="changeLoginPsd">{{ $t('hj161') }}</mt-button>
      </div>
    </mt-popup>
  </div>
</template>
 
<script>
import * as api from '@/axios/api'
import { Toast } from 'mint-ui'
import { isNull, pwdReg } from '@/utils/utils'
 
export default {
  components: {},
  props: {},
  data () {
    return {
      username: '',
      changeLoginPsdBox: false,
      nextPsd: '',
      newPsd: ''
    }
  },
  watch: {},
  computed: {},
  created () {},
  mounted () {},
  methods: {
    async toRegister () {
      // 注销登陆
      this.clearCookie()
      let data = await api.logout()
      if (data.status === 0) {
        // Toast(data.msg)
        this.$router.push('/login')
      } else {
        Toast(data.msg)
      }
      this.$router.push('/login')
    },
    changeLogin () {
      this.changeLoginPsdBox = true
    },
    async changeLoginPsd () {
      if (isNull(this.nextPsd) || isNull(this.newPsd)) {
        Toast(this.$t('hj154'))
      } else if (!pwdReg(this.newPsd)) {
        Toast(this.$t('hj19'))
      } else {
        // 修改密码
        let opts = {
          oldPwd: this.nextPsd,
          newPwd: this.newPsd
        }
        let data = await api.changePassword(opts)
        if (data.status === 0) {
          this.changeLoginPsdBox = false
          Toast(data.msg)
        } else {
          Toast(data.msg)
        }
      }
    }
  }
}
</script>
<style lang="less" scoped>
  .loginout {
    color: #999;
    border: 0.015rem solid #606060;
    font-size: 0.3rem;
    background: none;
  }
 
  .mint-popup-wrap {
    width: 100%;
    padding: 0.3rem 0.3rem 0.6rem;
 
    .btn-sure {
      margin-top: 0.5rem;
      width: 80%;
      color: #fff;
      border: none;
    }
  }
 
  .btnbox .btnok {
    background: none;
  }
</style>