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
| <template>
| <div class="wrapper">
| <card _Title="账户安全"/>
| <div class="safeList">
| <!-- 密码 -->
| <Row class="safeItem">
| <Col :span="2">
| <Icon size="40" type="md-key"/>
| </Col>
| <Col :span="16">
| <div class="setDivItem">登录密码</div>
| <div class="setDivItem theme">互联网账号存在被盗风险，建议您定期更改密码以保护账户安全。</div>
| </Col>
| <Col :span="4">
| <Button @click="modifyPwd">修改密码</Button>
| </Col>
| </Row>
| </div>
| </div>
| </template>
|
| <script>
| import { getPwdStatus } from '@/api/account';
| export default {
| name: 'AccountSafe',
| data () {
| return {
| pwdStatus: '' // 密码状态
| }
| },
| mounted () {
| this.getPwdStatus()
| },
| methods: {
| // 设置支付密码
| goModifyPwd () {
| this.$router.push({name: 'ModifyPwd', query: { status: 2 }})
| },
| modifyPwd () { // 修改密码
| this.$router.push({name: 'ModifyPwd', query: { status: 1 }})
| },
| // 获取密码状态
| getPwdStatus () {
| getPwdStatus().then(res => {
| if (res) {
| this.pwdStatus = '修改密码'
| } else {
| this.pwdStatus = '设置密码'
| }
| });
| }
| }
| }
| </script>
|
| <style scoped lang="scss">
| /deep/ .ivu-col-span-2, .ivu-col-span-4 {
| text-align: center;
| color: $theme_color;
| }
|
| .theme {
| color: $theme_color;
| }
|
| .setDivItem {
| line-height: 1.75;
| }
|
| .safeItem {
| border-bottom: 1px solid $border_color;
| padding: 16px 0;
|
| /deep/ .ivu-col {
| padding: 8px 0;
|
| }
| }
| </style>
|
|
