| 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> | 
 |