jeecg中j-vxe-table和j-popup组件的修改使用

项目中需要在一个可编辑表格中的一列按部门条件选择部门用户，jeecg前端框架带有j-vxe-table组件，这个组件中也有JVXETypes.popup 类型的列，不过这个列不能带参数查询，不能使用，用了JVXETypes.slot类型的列，放入了j-popup组件，做了一些修改，实现了需求。

select a.id,username,realname,d.dep_id as departId from sys_user a
right join sys_user_depart d
on d.user_id=a.id
where d.dep_id='${departId}'
1
2
3
4

点sql解析按钮，获取到列，设置列的字段文本，是否显示等
报表参数中增加 departId 参数
如图：


确定保存，报表编码为：sel_user_by_depart

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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176

注意j-popup的设置：
:target-id=“props.row.id” 这个是修改组件后增加的属性，用于将记录id传入popup组件中，在回调时再传回来，方便定位是哪一条记录。

在listDeprt方法中的 设置行参数： r.param = { departId: r.departId }
经尝试，不用这样的方式设置，会报错。

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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218

增加了 targetId属性，在 callback事件中加入这个参数

 watch: {
      code() {
        this.loadColumnsInfo()
      },
      param:{
        deep:true,
        handler(){
          if(this.visible){
            this.dynamicParamHandler()
            this.loadData();
          }
        },
      }
    },
1
2
3
4
5
6
7
8
9
10
11
12
13
14

只在监听param中加了个判断，如果没有显示就不加载数据，否则在第一次正常使用完关闭表单窗口后，再次打开，不点popup就会去加载数据，此时参数不全，没有报表id，会一直弹404错误。

最终效果