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
  | <template> 
 |    <GlobalWindow 
 |      :visible.sync="visible" 
 |      :confirm-working="isWorking" 
 |      width="576px" 
 |      title="重置密码" 
 |      @confirm="confirm" 
 |    > 
 |      <p class="tip" v-if="user != null">为用户 <em>{{user.realname}}</em> 重置密码</p> 
 |      <el-form :model="form" ref="form" :rules="rules"> 
 |        <el-form-item label="新密码" prop="password" required> 
 |          <el-input v-model="form.password" type="password" placeholder="请输入新密码" maxlength="30" show-password></el-input> 
 |        </el-form-item> 
 |      </el-form> 
 |    </GlobalWindow> 
 |  </template> 
 |    
 |  <script> 
 |  import GlobalWindow from '@/components/common/GlobalWindow' 
 |  import { resetPwd } from '@/api/system/user' 
 |  export default { 
 |    name: 'ResetPwdWindow', 
 |    components: { GlobalWindow }, 
 |    data () { 
 |      return { 
 |        isWorking: false, 
 |        visible: false, 
 |        user: null, 
 |        form: { 
 |          password: '' 
 |        }, 
 |        rules: { 
 |          password: [ 
 |            { required: true, message: '请输入密码' } 
 |          ] 
 |        } 
 |      } 
 |    }, 
 |    methods: { 
 |      /** 
 |       * 打开窗口 
 |       * 
 |       * @param user 目标用户 
 |       */ 
 |      open (user) { 
 |        this.user = user 
 |        this.visible = true 
 |        this.$nextTick(() => { 
 |          this.$refs.form.resetFields() 
 |        }) 
 |      }, 
 |      /** 
 |       * 确认重置密码 
 |       */ 
 |      confirm () { 
 |        if (this.isWorking) { 
 |          return 
 |        } 
 |        this.$refs.form.validate((valid) => { 
 |          if (!valid) { 
 |            return 
 |          } 
 |          this.isWorking = true 
 |          resetPwd({ 
 |            id: this.user.id, 
 |            password: this.form.password 
 |          }) 
 |            .then(() => { 
 |              this.$tip.apiSuccess('密码重置成功') 
 |              this.visible = false 
 |              this.$emit('success') 
 |            }) 
 |            .catch(e => { 
 |              this.$tip.apiFailed(e) 
 |            }) 
 |            .finally(() => { 
 |              this.isWorking = false 
 |            }) 
 |        }) 
 |      } 
 |    } 
 |  } 
 |  </script> 
 |    
 |  <style scoped lang="scss"> 
 |  @import "@/assets/style/variables.scss"; 
 |  // 角色配置 
 |  .global-window { 
 |    .tip { 
 |      margin-bottom: 12px; 
 |      em { 
 |        font-style: normal; 
 |        color: $primary-color; 
 |        font-weight: bold; 
 |      } 
 |    } 
 |  } 
 |  </style> 
 |  
  |