@netang/quasar 0.0.50 → 0.0.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/data/index.vue +23 -23
- package/components/drawer/index.vue +2 -2
- package/components/editor-code/index.vue +2 -2
- package/components/field-table/index.vue +2 -2
- package/components/private/edit-power-data/index.vue +337 -289
- package/components/splitter/index.vue +2 -2
- package/package.json +1 -1
- package/utils/$power.js +8 -8
- package/utils/$table.js +14 -2
- package/utils/$tree.js +37 -0
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<slot :data="data" />
|
|
3
|
-
</template>
|
|
4
|
-
|
|
5
|
-
<script>
|
|
6
|
-
export default {
|
|
7
|
-
/**
|
|
8
|
-
* 标识
|
|
9
|
-
*/
|
|
10
|
-
name: 'NData',
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* 传参
|
|
14
|
-
*/
|
|
15
|
-
props: {
|
|
16
|
-
// 数据
|
|
17
|
-
data: {},
|
|
18
|
-
},
|
|
19
|
-
}
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<style>
|
|
23
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<slot :data="data" />
|
|
3
|
+
</template>
|
|
4
|
+
|
|
5
|
+
<script>
|
|
6
|
+
export default {
|
|
7
|
+
/**
|
|
8
|
+
* 标识
|
|
9
|
+
*/
|
|
10
|
+
name: 'NData',
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* 传参
|
|
14
|
+
*/
|
|
15
|
+
props: {
|
|
16
|
+
// 数据
|
|
17
|
+
data: {},
|
|
18
|
+
},
|
|
19
|
+
}
|
|
20
|
+
</script>
|
|
21
|
+
|
|
22
|
+
<style>
|
|
23
|
+
</style>
|
|
@@ -87,8 +87,8 @@ export default {
|
|
|
87
87
|
// 停止值观察
|
|
88
88
|
let stopValueWatcher = false
|
|
89
89
|
|
|
90
|
-
//
|
|
91
|
-
const sleep = $n.
|
|
90
|
+
// 创建睡眠实例
|
|
91
|
+
const sleep = $n.sleep()
|
|
92
92
|
|
|
93
93
|
// ==========【监听数据】=========================================================================================
|
|
94
94
|
|
|
@@ -10,38 +10,19 @@
|
|
|
10
10
|
|
|
11
11
|
<template v-if="dataType">
|
|
12
12
|
|
|
13
|
-
<!--
|
|
14
|
-
<template v-if="dataType === dicts.
|
|
13
|
+
<!-- 列表有效 -->
|
|
14
|
+
<template v-if="dataType === dicts.POWER_DATA_TYPE__LIST">
|
|
15
15
|
|
|
16
|
-
<!--
|
|
17
|
-
<div class="col-xs-12 col-sm-6 col-md-3" v-if="routeType === 0">
|
|
18
|
-
|
|
19
|
-
<!-- 树 -->
|
|
20
|
-
<n-field-tree
|
|
21
|
-
class="n-field-fieldset"
|
|
22
|
-
label="跳转页面"
|
|
23
|
-
outlined
|
|
24
|
-
clearable
|
|
25
|
-
stack-label
|
|
26
|
-
dense
|
|
27
|
-
|
|
28
|
-
v-model="formData.toPage"
|
|
29
|
-
:nodes="treeNodes"
|
|
30
|
-
:expanded="treeExpanded"
|
|
31
|
-
strict
|
|
32
|
-
accordion
|
|
33
|
-
/>
|
|
34
|
-
</div>
|
|
35
|
-
|
|
36
|
-
<!-- 是否记录来源页面 -->
|
|
16
|
+
<!-- 列表选择类型 -->
|
|
37
17
|
<div class="col-xs-12 col-sm-6 col-md-3">
|
|
38
18
|
<q-select
|
|
39
19
|
class="n-field-fieldset"
|
|
40
|
-
label="
|
|
41
|
-
v-model="formData.
|
|
20
|
+
label="选择类型"
|
|
21
|
+
v-model="formData.selection"
|
|
42
22
|
:options="[
|
|
43
|
-
{ label: '
|
|
44
|
-
{ label: '
|
|
23
|
+
{ label: '无', value: 'none' },
|
|
24
|
+
{ label: '单选', value: 'single' },
|
|
25
|
+
{ label: '多选', value: 'multiple' },
|
|
45
26
|
]"
|
|
46
27
|
map-options
|
|
47
28
|
emit-value
|
|
@@ -54,172 +35,254 @@
|
|
|
54
35
|
|
|
55
36
|
</template>
|
|
56
37
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
38
|
+
<template v-else>
|
|
39
|
+
|
|
40
|
+
<!-- 新窗口有效 -->
|
|
41
|
+
<template v-if="dataType === dicts.POWER_DATA_TYPE__OPEN">
|
|
42
|
+
|
|
43
|
+
<!-- 设置跳转页面(没有路由类型) -->
|
|
44
|
+
<div class="col-xs-12 col-sm-6 col-md-3" v-if="routeType === 0">
|
|
45
|
+
|
|
46
|
+
<!-- 树 -->
|
|
47
|
+
<n-field-tree
|
|
48
|
+
class="n-field-fieldset"
|
|
49
|
+
label="跳转页面"
|
|
50
|
+
outlined
|
|
51
|
+
clearable
|
|
52
|
+
stack-label
|
|
53
|
+
dense
|
|
54
|
+
|
|
55
|
+
v-model="formData.toPage"
|
|
56
|
+
:nodes="treeNodes"
|
|
57
|
+
:expanded="treeExpanded"
|
|
58
|
+
strict
|
|
59
|
+
accordion
|
|
60
|
+
/>
|
|
61
|
+
</div>
|
|
62
|
+
|
|
63
|
+
<!-- 是否记录来源页面 -->
|
|
64
|
+
<div class="col-xs-12 col-sm-6 col-md-3">
|
|
65
|
+
<q-select
|
|
66
|
+
class="n-field-fieldset"
|
|
67
|
+
label="是否增加来源页面参数"
|
|
68
|
+
v-model="formData.addFromPageQuery"
|
|
69
|
+
:options="[
|
|
70
|
+
{ label: '否', value: false },
|
|
71
|
+
{ label: '是', value: true },
|
|
72
|
+
]"
|
|
73
|
+
map-options
|
|
74
|
+
emit-value
|
|
75
|
+
outlined
|
|
76
|
+
stack-label
|
|
77
|
+
dense
|
|
78
|
+
options-dense
|
|
79
|
+
/>
|
|
80
|
+
</div>
|
|
81
|
+
|
|
82
|
+
</template>
|
|
83
|
+
|
|
84
|
+
<!-- 非表单显示 -->
|
|
85
|
+
<template v-if="dataType !== dicts.POWER_DATA_TYPE__FORM">
|
|
86
|
+
|
|
87
|
+
<!-- 显示类型 -->
|
|
88
|
+
<div class="col-xs-12 col-sm-6 col-md-3">
|
|
89
|
+
<q-select
|
|
90
|
+
class="n-field-fieldset"
|
|
91
|
+
label="显示类型"
|
|
92
|
+
v-model="formData.show"
|
|
93
|
+
:options="[
|
|
94
|
+
{ label: '始终显示', value: '' },
|
|
95
|
+
{ label: '单选显示', value: 'single' },
|
|
96
|
+
{ label: '多选显示', value: 'multiple' },
|
|
97
|
+
]"
|
|
98
|
+
map-options
|
|
99
|
+
emit-value
|
|
100
|
+
outlined
|
|
101
|
+
stack-label
|
|
102
|
+
dense
|
|
103
|
+
options-dense
|
|
104
|
+
/>
|
|
105
|
+
</div>
|
|
106
|
+
|
|
107
|
+
<!-- 是否固定列 -->
|
|
108
|
+
<div class="col-xs-12 col-sm-6 col-md-3">
|
|
109
|
+
<q-select
|
|
110
|
+
class="n-field-fieldset"
|
|
111
|
+
label="是否固定列"
|
|
112
|
+
v-model="formData.fixed"
|
|
113
|
+
:options="[
|
|
114
|
+
{ label: '否', value: false },
|
|
115
|
+
{ label: '是', value: true },
|
|
116
|
+
]"
|
|
117
|
+
map-options
|
|
118
|
+
emit-value
|
|
119
|
+
outlined
|
|
120
|
+
stack-label
|
|
121
|
+
dense
|
|
122
|
+
options-dense
|
|
123
|
+
/>
|
|
124
|
+
</div>
|
|
125
|
+
|
|
126
|
+
<!-- 是否双击 -->
|
|
127
|
+
<div class="col-xs-12 col-sm-6 col-md-3">
|
|
128
|
+
<q-select
|
|
129
|
+
class="n-field-fieldset"
|
|
130
|
+
label="是否双击"
|
|
131
|
+
v-model="formData.dbclick"
|
|
132
|
+
:options="[
|
|
133
|
+
{ label: '否', value: false },
|
|
134
|
+
{ label: '是', value: true },
|
|
135
|
+
]"
|
|
136
|
+
map-options
|
|
137
|
+
emit-value
|
|
138
|
+
outlined
|
|
139
|
+
stack-label
|
|
140
|
+
dense
|
|
141
|
+
options-dense
|
|
142
|
+
/>
|
|
143
|
+
</div>
|
|
144
|
+
</template>
|
|
145
|
+
|
|
146
|
+
<!-- 如果为非新窗口 -->
|
|
147
|
+
<template v-if="dataType !== dicts.POWER_DATA_TYPE__OPEN">
|
|
148
|
+
|
|
149
|
+
<!-- 是否确认 -->
|
|
150
|
+
<div class="col-xs-12 col-sm-6 col-md-3">
|
|
151
|
+
<q-select
|
|
152
|
+
class="n-field-fieldset"
|
|
153
|
+
label="提交前确认"
|
|
154
|
+
v-model="formData.confirm"
|
|
155
|
+
:options="[
|
|
156
|
+
{ label: '否', value: 0 },
|
|
157
|
+
{ label: '提交前确认', value: 1 },
|
|
158
|
+
{ label: '提交前确认登录密码', value: 2 },
|
|
70
159
|
]"
|
|
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
|
-
</div>
|
|
185
|
-
|
|
186
|
-
<!-- 请求成功参数 -->
|
|
187
|
-
<!--<div class="col-xs-12 col-sm-6 col-md-3" v-if="$n.indexOf(['closePush', 'closePushRefresh'], formData.requestSuccess.type) > -1">-->
|
|
188
|
-
|
|
189
|
-
<!-- <!– 树 –>-->
|
|
190
|
-
<!-- <n-field-tree-->
|
|
191
|
-
<!-- class="n-field-fieldset"-->
|
|
192
|
-
<!-- label="跳转页面"-->
|
|
193
|
-
<!-- outlined-->
|
|
194
|
-
<!-- clearable-->
|
|
195
|
-
<!-- stack-label-->
|
|
196
|
-
<!-- dense-->
|
|
197
|
-
|
|
198
|
-
<!-- v-model="formData.requestSuccess.params"-->
|
|
199
|
-
<!-- :nodes="treeNodes"-->
|
|
200
|
-
<!-- :expanded="treeExpanded"-->
|
|
201
|
-
<!-- strict-->
|
|
202
|
-
<!-- accordion-->
|
|
203
|
-
<!-- />-->
|
|
204
|
-
<!--</div>-->
|
|
205
|
-
|
|
206
|
-
</template>
|
|
207
|
-
|
|
208
|
-
<template v-if="dataType !== dicts.POWER_DATA_TYPE__FORM">
|
|
160
|
+
map-options
|
|
161
|
+
emit-value
|
|
162
|
+
outlined
|
|
163
|
+
stack-label
|
|
164
|
+
dense
|
|
165
|
+
options-dense
|
|
166
|
+
/>
|
|
167
|
+
</div>
|
|
168
|
+
|
|
169
|
+
<!-- 确认提示内容 -->
|
|
170
|
+
<div class="col-xs-12 col-sm-6 col-md-3" v-if="formData.confirm > 0">
|
|
171
|
+
<q-input
|
|
172
|
+
class="n-field-fieldset"
|
|
173
|
+
label="确认提示内容"
|
|
174
|
+
v-model="formData.confirmContent"
|
|
175
|
+
:placeholder="formData.confirm === 1 ? '确认要执行该操作吗？' : '重要操作，请输入登录密码并确认后操作'"
|
|
176
|
+
outlined
|
|
177
|
+
clearable
|
|
178
|
+
stack-label
|
|
179
|
+
dense
|
|
180
|
+
/>
|
|
181
|
+
</div>
|
|
182
|
+
|
|
183
|
+
<!-- 请求成功执行 -->
|
|
184
|
+
<div class="col-xs-12 col-sm-6 col-md-3">
|
|
185
|
+
<q-select
|
|
186
|
+
class="n-field-fieldset"
|
|
187
|
+
label="请求成功执行"
|
|
188
|
+
v-model="formData.requestSuccess.type"
|
|
189
|
+
:options="dataType === dicts.POWER_DATA_TYPE__FORM ?
|
|
190
|
+
[
|
|
191
|
+
{ label: '无', value: '' },
|
|
192
|
+
{ label: '关闭窗口', value: 'close' },
|
|
193
|
+
{ label: '关闭窗口并跳转来源页面', value: 'closePush' },
|
|
194
|
+
{ label: '关闭窗口、跳转并刷新来源页面', value: 'closePushRefresh' },
|
|
195
|
+
{ label: '重置表单', value: 'resetForm' },
|
|
196
|
+
] :
|
|
197
|
+
[
|
|
198
|
+
{ label: '无', value: '' },
|
|
199
|
+
{ label: '关闭窗口', value: 'close' },
|
|
200
|
+
{ label: '关闭窗口并跳转来源页面', value: 'closePush' },
|
|
201
|
+
{ label: '关闭窗口、跳转并刷新来源页面', value: 'closePushRefresh' },
|
|
202
|
+
{ label: '刷新列表', value: 'refreshList' },
|
|
203
|
+
]
|
|
204
|
+
"
|
|
205
|
+
map-options
|
|
206
|
+
emit-value
|
|
207
|
+
outlined
|
|
208
|
+
stack-label
|
|
209
|
+
dense
|
|
210
|
+
options-dense
|
|
211
|
+
/>
|
|
212
|
+
</div>
|
|
213
|
+
|
|
214
|
+
<!-- 请求成功参数 -->
|
|
215
|
+
<!--<div class="col-xs-12 col-sm-6 col-md-3" v-if="$n.indexOf(['closePush', 'closePushRefresh'], formData.requestSuccess.type) > -1">-->
|
|
216
|
+
|
|
217
|
+
<!-- <!– 树 –>-->
|
|
218
|
+
<!-- <n-field-tree-->
|
|
219
|
+
<!-- class="n-field-fieldset"-->
|
|
220
|
+
<!-- label="跳转页面"-->
|
|
221
|
+
<!-- outlined-->
|
|
222
|
+
<!-- clearable-->
|
|
223
|
+
<!-- stack-label-->
|
|
224
|
+
<!-- dense-->
|
|
225
|
+
|
|
226
|
+
<!-- v-model="formData.requestSuccess.params"-->
|
|
227
|
+
<!-- :nodes="treeNodes"-->
|
|
228
|
+
<!-- :expanded="treeExpanded"-->
|
|
229
|
+
<!-- strict-->
|
|
230
|
+
<!-- accordion-->
|
|
231
|
+
<!-- />-->
|
|
232
|
+
<!--</div>-->
|
|
233
|
+
|
|
234
|
+
</template>
|
|
235
|
+
|
|
236
|
+
<!-- 如果为非表单 -->
|
|
237
|
+
<template v-if="dataType !== dicts.POWER_DATA_TYPE__FORM">
|
|
238
|
+
|
|
239
|
+
<!-- 栏目标题 -->
|
|
240
|
+
<n-column-title label="请求列表参数" tooltip='示例：id / sku_id AS sku' />
|
|
241
|
+
|
|
242
|
+
<!-- 表格请求参数 -->
|
|
243
|
+
<div class="col-xs-12">
|
|
244
|
+
<q-list class="rounded-borders" style="max-width:800px" bordered>
|
|
245
|
+
<q-item
|
|
246
|
+
v-for="(item, itemIndex) in formData.requestQuery.list"
|
|
247
|
+
>
|
|
248
|
+
<q-item-section>
|
|
249
|
+
<q-input
|
|
250
|
+
class="n-field-fieldset"
|
|
251
|
+
v-model="formData.requestQuery.list[itemIndex]"
|
|
252
|
+
placeholder="请输入参数"
|
|
253
|
+
outlined
|
|
254
|
+
clearable
|
|
255
|
+
stack-label
|
|
256
|
+
dense
|
|
257
|
+
/>
|
|
258
|
+
</q-item-section>
|
|
259
|
+
|
|
260
|
+
<q-item-section side>
|
|
261
|
+
<div class="text-grey-8 q-gutter-xs">
|
|
262
|
+
<q-btn icon="add" size="12px" flat dense round @click="$n.arr.add(formData.requestQuery.list, itemIndex, '')" />
|
|
263
|
+
<q-btn icon="remove" size="12px" flat dense round @click="$n.arr.delete(formData.requestQuery.list, itemIndex)" :disable="itemIndex === 0" />
|
|
264
|
+
<q-btn icon="expand_less" size="12px" flat dense round @click="$n.arr.up(formData.requestQuery.list, itemIndex)" :disable="itemIndex === 0" />
|
|
265
|
+
<q-btn icon="expand_more" size="12px" flat dense round @click="$n.arr.down(formData.requestQuery.list, itemIndex)" :disable="formData.requestQuery.list.length <= itemIndex + 1" />
|
|
266
|
+
</div>
|
|
267
|
+
</q-item-section>
|
|
268
|
+
</q-item>
|
|
269
|
+
</q-list>
|
|
270
|
+
</div>
|
|
271
|
+
</template>
|
|
209
272
|
|
|
210
273
|
<!-- 栏目标题 -->
|
|
211
|
-
<n-column-title label="
|
|
274
|
+
<n-column-title label="请求传参参数" tooltip='示例：id / sku_id AS sku / { "type": 1, "name": "age" }' />
|
|
212
275
|
|
|
213
276
|
<!-- 表格请求参数 -->
|
|
214
277
|
<div class="col-xs-12">
|
|
215
278
|
<q-list class="rounded-borders" style="max-width:800px" bordered>
|
|
216
279
|
<q-item
|
|
217
|
-
v-for="(item, itemIndex) in formData.requestQuery.
|
|
280
|
+
v-for="(item, itemIndex) in formData.requestQuery.query"
|
|
218
281
|
>
|
|
219
282
|
<q-item-section>
|
|
220
283
|
<q-input
|
|
221
284
|
class="n-field-fieldset"
|
|
222
|
-
v-model="formData.requestQuery.
|
|
285
|
+
v-model="formData.requestQuery.query[itemIndex]"
|
|
223
286
|
placeholder="请输入参数"
|
|
224
287
|
outlined
|
|
225
288
|
clearable
|
|
@@ -230,10 +293,10 @@
|
|
|
230
293
|
|
|
231
294
|
<q-item-section side>
|
|
232
295
|
<div class="text-grey-8 q-gutter-xs">
|
|
233
|
-
<q-btn icon="add" size="12px" flat dense round @click="$n.arr.add(formData.requestQuery.
|
|
234
|
-
<q-btn icon="remove" size="12px" flat dense round @click="$n.arr.delete(formData.requestQuery.
|
|
235
|
-
<q-btn icon="expand_less" size="12px" flat dense round @click="$n.arr.up(formData.requestQuery.
|
|
236
|
-
<q-btn icon="expand_more" size="12px" flat dense round @click="$n.arr.down(formData.requestQuery.
|
|
296
|
+
<q-btn icon="add" size="12px" flat dense round @click="$n.arr.add(formData.requestQuery.query, itemIndex, '')" />
|
|
297
|
+
<q-btn icon="remove" size="12px" flat dense round @click="$n.arr.delete(formData.requestQuery.query, itemIndex)" :disable="itemIndex === 0" />
|
|
298
|
+
<q-btn icon="expand_less" size="12px" flat dense round @click="$n.arr.up(formData.requestQuery.query, itemIndex)" :disable="itemIndex === 0" />
|
|
299
|
+
<q-btn icon="expand_more" size="12px" flat dense round @click="$n.arr.down(formData.requestQuery.query, itemIndex)" :disable="formData.requestQuery.query.length <= itemIndex + 1" />
|
|
237
300
|
</div>
|
|
238
301
|
</q-item-section>
|
|
239
302
|
</q-item>
|
|
@@ -241,39 +304,6 @@
|
|
|
241
304
|
</div>
|
|
242
305
|
</template>
|
|
243
306
|
|
|
244
|
-
<!-- 栏目标题 -->
|
|
245
|
-
<n-column-title label="请求传参参数" tooltip='示例：id / sku_id AS sku / { "type": 1, "name": "age" }' />
|
|
246
|
-
|
|
247
|
-
<!-- 表格请求参数 -->
|
|
248
|
-
<div class="col-xs-12">
|
|
249
|
-
<q-list class="rounded-borders" style="max-width:800px" bordered>
|
|
250
|
-
<q-item
|
|
251
|
-
v-for="(item, itemIndex) in formData.requestQuery.query"
|
|
252
|
-
>
|
|
253
|
-
<q-item-section>
|
|
254
|
-
<q-input
|
|
255
|
-
class="n-field-fieldset"
|
|
256
|
-
v-model="formData.requestQuery.query[itemIndex]"
|
|
257
|
-
placeholder="请输入参数"
|
|
258
|
-
outlined
|
|
259
|
-
clearable
|
|
260
|
-
stack-label
|
|
261
|
-
dense
|
|
262
|
-
/>
|
|
263
|
-
</q-item-section>
|
|
264
|
-
|
|
265
|
-
<q-item-section side>
|
|
266
|
-
<div class="text-grey-8 q-gutter-xs">
|
|
267
|
-
<q-btn icon="add" size="12px" flat dense round @click="$n.arr.add(formData.requestQuery.query, itemIndex, '')" />
|
|
268
|
-
<q-btn icon="remove" size="12px" flat dense round @click="$n.arr.delete(formData.requestQuery.query, itemIndex)" :disable="itemIndex === 0" />
|
|
269
|
-
<q-btn icon="expand_less" size="12px" flat dense round @click="$n.arr.up(formData.requestQuery.query, itemIndex)" :disable="itemIndex === 0" />
|
|
270
|
-
<q-btn icon="expand_more" size="12px" flat dense round @click="$n.arr.down(formData.requestQuery.query, itemIndex)" :disable="formData.requestQuery.query.length <= itemIndex + 1" />
|
|
271
|
-
</div>
|
|
272
|
-
</q-item-section>
|
|
273
|
-
</q-item>
|
|
274
|
-
</q-list>
|
|
275
|
-
</div>
|
|
276
|
-
|
|
277
307
|
<!-- 栏目标题 -->
|
|
278
308
|
<n-column-title label="自定义参数" tooltip='示例：123 / id / [1, 2, 3] / { "type": 1, "name": "age" }' />
|
|
279
309
|
|
|
@@ -344,7 +374,7 @@ export default {
|
|
|
344
374
|
|
|
345
375
|
// 如果数据类型为新窗口
|
|
346
376
|
if (val === dicts.POWER_DATA_TYPE__FORM) {
|
|
347
|
-
if (formData.value.requestSuccess.type === '
|
|
377
|
+
if (formData.value.requestSuccess.type === 'refreshList') {
|
|
348
378
|
formData.value.requestSuccess.type = ''
|
|
349
379
|
formData.value.requestSuccess.params = ''
|
|
350
380
|
}
|
|
@@ -376,7 +406,9 @@ export default {
|
|
|
376
406
|
|
|
377
407
|
// 原始数据默认值
|
|
378
408
|
const rawObj = {
|
|
379
|
-
//
|
|
409
|
+
// 列表选择类型, 可选值 none single(默认) multiple
|
|
410
|
+
selection: '',
|
|
411
|
+
// 显示类型, 可选 single / multiple / 空(默认显示)
|
|
380
412
|
show: '',
|
|
381
413
|
// 是否增加来源页面参数
|
|
382
414
|
addFromPageQuery: false,
|
|
@@ -392,14 +424,14 @@ export default {
|
|
|
392
424
|
confirmPassword: false,
|
|
393
425
|
// 请求参数
|
|
394
426
|
requestQuery: {
|
|
395
|
-
//
|
|
396
|
-
|
|
427
|
+
// 列表: 字符串组成的数组, 如: [ "id", "sku_id AS sku" ]
|
|
428
|
+
list: [],
|
|
397
429
|
// 参数: 字符串 / 对象(自定义参数) 组成的数组, 如: [ "id", "sku_id AS sku", { "type": 1, "name": "age" } ]
|
|
398
430
|
query: null,
|
|
399
431
|
},
|
|
400
432
|
// 请求成功执行
|
|
401
433
|
requestSuccess: {
|
|
402
|
-
// 类型, 可选 close / closePush / closePushRefresh / resetForm /
|
|
434
|
+
// 类型, 可选 close / closePush / closePushRefresh / resetForm / refreshList / 空(不执行)
|
|
403
435
|
type: '',
|
|
404
436
|
// 参数
|
|
405
437
|
params: '',
|
|
@@ -438,6 +470,11 @@ export default {
|
|
|
438
470
|
// 合并原始数据
|
|
439
471
|
obj = Object.assign(rawObj, obj)
|
|
440
472
|
|
|
473
|
+
// 列表选择类型默认值为 single
|
|
474
|
+
if (! $n.isValidString(obj.selection)) {
|
|
475
|
+
obj.selection = 'single'
|
|
476
|
+
}
|
|
477
|
+
|
|
441
478
|
// 【格式化是否确认参数】
|
|
442
479
|
// ------------------------------------------------------------
|
|
443
480
|
// 是否确认, 可选 0:无 / 1:提交前确认 / 2:提交前确认登录密码
|
|
@@ -458,12 +495,12 @@ export default {
|
|
|
458
495
|
obj.confirm = confirm
|
|
459
496
|
delete obj.confirmPassword
|
|
460
497
|
|
|
461
|
-
// 【格式化请求参数中的
|
|
498
|
+
// 【格式化请求参数中的 list】
|
|
462
499
|
// ------------------------------------------------------------
|
|
463
|
-
if ($n.isValidString(obj.requestQuery.
|
|
464
|
-
obj.requestQuery.
|
|
465
|
-
} else if (! $n.isValidArray(obj.requestQuery.
|
|
466
|
-
obj.requestQuery.
|
|
500
|
+
if ($n.isValidString(obj.requestQuery.list)) {
|
|
501
|
+
obj.requestQuery.list = [obj.requestQuery.list]
|
|
502
|
+
} else if (! $n.isValidArray(obj.requestQuery.list)) {
|
|
503
|
+
obj.requestQuery.list = ['']
|
|
467
504
|
}
|
|
468
505
|
|
|
469
506
|
// 【格式化请求参数中的 query】
|
|
@@ -551,7 +588,7 @@ export default {
|
|
|
551
588
|
if ($n.isRequired(value)) {
|
|
552
589
|
|
|
553
590
|
// 如果为表格
|
|
554
|
-
if (field === '
|
|
591
|
+
if (field === 'list') {
|
|
555
592
|
|
|
556
593
|
if (Array.isArray(value) || $n.isPlainObject(value)) {
|
|
557
594
|
|
|
@@ -602,88 +639,99 @@ export default {
|
|
|
602
639
|
return value
|
|
603
640
|
}
|
|
604
641
|
|
|
605
|
-
//
|
|
642
|
+
// 如果列表显示
|
|
606
643
|
// --------------------------------------------------
|
|
607
|
-
if (props.dataType
|
|
644
|
+
if (props.dataType === dicts.POWER_DATA_TYPE__LIST) {
|
|
608
645
|
|
|
609
|
-
//
|
|
610
|
-
if (data.
|
|
611
|
-
obj.
|
|
646
|
+
// 列表选择类型
|
|
647
|
+
if ($n.indexOf(['none', 'multiple'], data.selection) > -1) {
|
|
648
|
+
obj.selection = data.selection
|
|
612
649
|
}
|
|
613
650
|
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
651
|
+
} else {
|
|
652
|
+
// 如果非表单显示
|
|
653
|
+
// --------------------------------------------------
|
|
654
|
+
if (props.dataType !== dicts.POWER_DATA_TYPE__FORM) {
|
|
655
|
+
|
|
656
|
+
// 显示类型
|
|
657
|
+
if (data.show) {
|
|
658
|
+
obj.show = data.show
|
|
659
|
+
}
|
|
618
660
|
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
661
|
+
// 是否固定列
|
|
662
|
+
if (data.fixed) {
|
|
663
|
+
obj.fixed = data.fixed
|
|
664
|
+
}
|
|
665
|
+
|
|
666
|
+
// 是否双击
|
|
667
|
+
if (data.dbclick) {
|
|
668
|
+
obj.dbclick = data.dbclick
|
|
669
|
+
}
|
|
670
|
+
|
|
671
|
+
// 请求表格参数
|
|
672
|
+
if (setRequestQuery('list') === false) {
|
|
673
|
+
return false
|
|
674
|
+
}
|
|
622
675
|
}
|
|
623
676
|
|
|
624
|
-
//
|
|
625
|
-
if (setRequestQuery('
|
|
677
|
+
// 请求传参参数
|
|
678
|
+
if (setRequestQuery('query') === false) {
|
|
626
679
|
return false
|
|
627
680
|
}
|
|
628
|
-
}
|
|
629
681
|
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
return false
|
|
633
|
-
}
|
|
682
|
+
// 如果数据类型为新窗口
|
|
683
|
+
if (props.dataType === dicts.POWER_DATA_TYPE__OPEN) {
|
|
634
684
|
|
|
635
|
-
|
|
636
|
-
|
|
685
|
+
// 如果是非路由
|
|
686
|
+
if (props.routeType === 0) {
|
|
637
687
|
|
|
638
|
-
|
|
639
|
-
|
|
688
|
+
// 如果没有选择跳转页面
|
|
689
|
+
if (! data.toPage) {
|
|
690
|
+
// 轻提示
|
|
691
|
+
$n.toast({
|
|
692
|
+
message: '请选择跳转页面',
|
|
693
|
+
})
|
|
694
|
+
return false
|
|
695
|
+
}
|
|
640
696
|
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
// 轻提示
|
|
644
|
-
$n.toast({
|
|
645
|
-
message: '请选择跳转页面',
|
|
646
|
-
})
|
|
647
|
-
return false
|
|
697
|
+
// 设置跳转页面 id
|
|
698
|
+
obj.toPage = data.toPage
|
|
648
699
|
}
|
|
649
700
|
|
|
650
|
-
//
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
// 如果增加来源页面参数
|
|
655
|
-
if (data.addFromPageQuery) {
|
|
656
|
-
obj.addFromPageQuery = true
|
|
657
|
-
}
|
|
701
|
+
// 如果增加来源页面参数
|
|
702
|
+
if (data.addFromPageQuery) {
|
|
703
|
+
obj.addFromPageQuery = true
|
|
704
|
+
}
|
|
658
705
|
|
|
659
|
-
|
|
660
|
-
|
|
706
|
+
// 否则为其他
|
|
707
|
+
} else {
|
|
661
708
|
|
|
662
|
-
|
|
663
|
-
|
|
709
|
+
// 是否确认
|
|
710
|
+
if (data.confirm) {
|
|
664
711
|
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
712
|
+
// 如果是(1:提交前确认)
|
|
713
|
+
if (data.confirm === 1) {
|
|
714
|
+
obj.confirm = $n.isValidString(data.confirmContent) ? data.confirmContent : true
|
|
668
715
|
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
716
|
+
// 否则是(2:提交前确认登录密码)
|
|
717
|
+
} else {
|
|
718
|
+
obj.confirmPassword = $n.isValidString(data.confirmContent) ? data.confirmContent : true
|
|
719
|
+
}
|
|
672
720
|
}
|
|
673
|
-
}
|
|
674
721
|
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
722
|
+
// 请求成功执行
|
|
723
|
+
if (data.requestSuccess.type) {
|
|
724
|
+
obj.requestSuccess = {
|
|
725
|
+
type: data.requestSuccess.type
|
|
726
|
+
}
|
|
727
|
+
// if ($n.indexOf(['closePush', 'closePushRefresh'], data.requestSuccess.type) > -1) {
|
|
728
|
+
// if (data.requestSuccess.params) {
|
|
729
|
+
// obj.requestSuccess.params = data.requestSuccess.params
|
|
730
|
+
// } else {
|
|
731
|
+
// obj.requestSuccess.type = 'close'
|
|
732
|
+
// }
|
|
733
|
+
// }
|
|
679
734
|
}
|
|
680
|
-
// if ($n.indexOf(['closePush', 'closePushRefresh'], data.requestSuccess.type) > -1) {
|
|
681
|
-
// if (data.requestSuccess.params) {
|
|
682
|
-
// obj.requestSuccess.params = data.requestSuccess.params
|
|
683
|
-
// } else {
|
|
684
|
-
// obj.requestSuccess.type = 'close'
|
|
685
|
-
// }
|
|
686
|
-
// }
|
|
687
735
|
}
|
|
688
736
|
}
|
|
689
737
|
|
package/package.json
CHANGED
package/utils/$power.js
CHANGED
|
@@ -220,7 +220,7 @@ function create(params) {
|
|
|
220
220
|
const isSingle = item.show === 'single'
|
|
221
221
|
|
|
222
222
|
// 如果是单条 || 多条显示
|
|
223
|
-
if (isSingle || item.show === '
|
|
223
|
+
if (isSingle || item.show === 'multiple') {
|
|
224
224
|
|
|
225
225
|
// 初始为不显示
|
|
226
226
|
item.show = false
|
|
@@ -674,14 +674,14 @@ function getRequestQuery(o) {
|
|
|
674
674
|
}
|
|
675
675
|
}
|
|
676
676
|
|
|
677
|
-
//
|
|
677
|
+
// 获取列表数据
|
|
678
678
|
if (
|
|
679
679
|
// 如果按钮参数有显示类型
|
|
680
680
|
$n.has(o.data, 'show')
|
|
681
681
|
// 按钮参数的显示类型必须是单选或多选
|
|
682
|
-
&& $n.indexOf(['single', '
|
|
683
|
-
//
|
|
684
|
-
&& $n.has(o.data, 'requestQuery.
|
|
682
|
+
&& $n.indexOf(['single', 'multiple'], o.data.show) > -1
|
|
683
|
+
// 如果有请求传参的列表设置
|
|
684
|
+
&& $n.has(o.data, 'requestQuery.list')
|
|
685
685
|
// 如果有表格数据
|
|
686
686
|
&& $n.isValidArray(o.tableSelected)
|
|
687
687
|
) {
|
|
@@ -706,7 +706,7 @@ function getRequestQuery(o) {
|
|
|
706
706
|
}
|
|
707
707
|
}
|
|
708
708
|
|
|
709
|
-
const resTable = parseQuery(newQuery, o.data.requestQuery.
|
|
709
|
+
const resTable = parseQuery(newQuery, o.data.requestQuery.list)
|
|
710
710
|
if ($n.isValidObject(resTable)) {
|
|
711
711
|
Object.assign(query, resTable)
|
|
712
712
|
}
|
|
@@ -1050,8 +1050,8 @@ async function request(params) {
|
|
|
1050
1050
|
$n.run(o.$form?.resetForm)()
|
|
1051
1051
|
break
|
|
1052
1052
|
|
|
1053
|
-
//
|
|
1054
|
-
case '
|
|
1053
|
+
// 刷新列表
|
|
1054
|
+
case 'refreshList':
|
|
1055
1055
|
$n.run(o.$table?.tableRefresh)()
|
|
1056
1056
|
break
|
|
1057
1057
|
}
|
package/utils/$table.js
CHANGED
|
@@ -35,8 +35,8 @@ function create(params) {
|
|
|
35
35
|
data: {},
|
|
36
36
|
// 表格行唯一键值
|
|
37
37
|
rowKey: 'id',
|
|
38
|
-
// 选择类型, 可选值 single multiple
|
|
39
|
-
selection: '
|
|
38
|
+
// 选择类型, 可选值 none single(默认) multiple
|
|
39
|
+
// selection: '',
|
|
40
40
|
// 分隔栏, 可选值 horizontal vertical cell none
|
|
41
41
|
separator: 'cell',
|
|
42
42
|
// 已选数据
|
|
@@ -108,6 +108,18 @@ function create(params) {
|
|
|
108
108
|
const $power = $n.has(params, '$power') ? params.$power : inject(NPowerKey)
|
|
109
109
|
const hasPowr = !! $power
|
|
110
110
|
|
|
111
|
+
// 获取选择类型(默认 single)
|
|
112
|
+
if (! $n.has(o, 'selection') || ! $n.isValidString(o.selection)) {
|
|
113
|
+
if (hasPowr) {
|
|
114
|
+
o.selection = $n.get($power, 'powerPage.data.selection')
|
|
115
|
+
if (! $n.isValidString(o.selection)) {
|
|
116
|
+
o.selection = 'single'
|
|
117
|
+
}
|
|
118
|
+
} else {
|
|
119
|
+
o.selection = 'single'
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
|
|
111
123
|
// 获取权限路由
|
|
112
124
|
const $route = $n.isValidString(o.path) ?
|
|
113
125
|
// 如果为自定义路由
|
package/utils/$tree.js
CHANGED
|
@@ -616,6 +616,39 @@ function create(params) {
|
|
|
616
616
|
$n.storage.set('tree_expanded_' + $route.fullPath, expanded, 0)
|
|
617
617
|
}
|
|
618
618
|
|
|
619
|
+
/**
|
|
620
|
+
* 展开全部
|
|
621
|
+
*/
|
|
622
|
+
function expandAll() {
|
|
623
|
+
|
|
624
|
+
// 展开节点 ids
|
|
625
|
+
const ids = []
|
|
626
|
+
|
|
627
|
+
function getChildren(data) {
|
|
628
|
+
for (const { id, children } of data) {
|
|
629
|
+
ids.push(id)
|
|
630
|
+
if ($n.isValidArray(children)) {
|
|
631
|
+
getChildren(children)
|
|
632
|
+
}
|
|
633
|
+
}
|
|
634
|
+
}
|
|
635
|
+
|
|
636
|
+
if ($n.isValidArray(nodes.value)) {
|
|
637
|
+
getChildren(nodes.value)
|
|
638
|
+
}
|
|
639
|
+
|
|
640
|
+
// 设置展开节点数组
|
|
641
|
+
expanded.value = ids
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
/**
|
|
645
|
+
* 收起全部
|
|
646
|
+
*/
|
|
647
|
+
function collapseAll() {
|
|
648
|
+
// 设置展开节点数组
|
|
649
|
+
expanded.value = [0]
|
|
650
|
+
}
|
|
651
|
+
|
|
619
652
|
return {
|
|
620
653
|
// 当前地址
|
|
621
654
|
fullPath: $route.fullPath,
|
|
@@ -633,6 +666,10 @@ function create(params) {
|
|
|
633
666
|
getExpandedCache,
|
|
634
667
|
// 设置展开节点缓存
|
|
635
668
|
setExpandedCache,
|
|
669
|
+
// 展开全部
|
|
670
|
+
expandAll,
|
|
671
|
+
// 收起全部
|
|
672
|
+
collapseAll,
|
|
636
673
|
}
|
|
637
674
|
}
|
|
638
675
|
|