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
  | import {  defineAsyncComponent } from "vue"; 
 |  let extension = { 
 |      components: { //动态扩充组件或组件路径 
 |          //表单header、content、footer对应位置扩充的组件 
 |          gridHeader: defineAsyncComponent(() => 
 |              import("./Sys_User/Sys_UserGridHeader.vue")), 
 |          gridBody: '', 
 |          gridFooter: '', 
 |          //弹出框(修改、编辑、查看)header、content、footer对应位置扩充的组件 
 |          modelHeader: '', 
 |          modelBody: '', 
 |          modelFooter: '' 
 |      }, 
 |      text: "只能看到当前角色下的所有帐号", 
 |      buttons: [], //扩展的按钮 
 |      methods: { //事件扩展 
 |          onInit() { 
 |              this.boxOptions.height = 530; 
 |              this.columns.push({ 
 |                  title: '操作', 
 |                  hidden: false, 
 |                  align: "center", 
 |                  fixed: 'right', 
 |                  width: 120, 
 |                  render: (h, { row, column, index }) => { 
 |                      return h( 
 |                          "div", { style: { 'font-size': '13px', 'cursor': 'pointer', 'color': '#409eff' } }, [ 
 |                          h( 
 |                              "a", { 
 |                              style: { 'margin-right': '15px' }, 
 |                              onClick: (e) => { 
 |                                  e.stopPropagation() 
 |                                  this.$refs.gridHeader.open(row); 
 |                              } 
 |                          }, "修改密码" 
 |                          ), 
 |                          h( 
 |                              "a", { 
 |                              style: {}, 
 |                              onClick: (e) => { 
 |                                  e.stopPropagation() 
 |                                  this.edit(row); 
 |                              } 
 |                          }, 
 |                              "编辑" 
 |                          ), 
 |                      ]) 
 |                  } 
 |              }) 
 |          }, 
 |          onInited() { }, 
 |          addAfter(result) { //用户新建后,显示随机生成的密码 
 |              if (!result.status) { 
 |                  return true; 
 |              } 
 |              //显示新建用户的密码 
 |              //2020.08.28优化新建成后提示方式 
 |              this.$confirm(result.message, '新建用户成功', { 
 |                  confirmButtonText: '确定', 
 |                  type: 'success', 
 |                  center: true 
 |              }).then(() => { }) 
 |    
 |              this.boxModel = false; 
 |              this.refresh(); 
 |              return false; 
 |          }, 
 |          modelOpenAfter() { 
 |              //点击弹出框后,如果是编辑状态,禁止编辑用户名,如果新建状态,将用户名字段设置为可编辑 
 |              let isEDIT = this.currentAction == this.const.EDIT; 
 |              this.editFormOptions.forEach(item => { 
 |                  item.forEach(x => { 
 |                      if (x.field == "userName") { 
 |                          x.disabled=isEDIT; 
 |                      } 
 |                  }) 
 |                  //不是新建,性别默认值设置为男 
 |                  if (!isEDIT) { 
 |                      this.editFormFields.Gender = "0"; 
 |                  } 
 |              }) 
 |          } 
 |    
 |      } 
 |  }; 
 |  export default extension; 
 |  
  |