tianheng-ui 0.1.23 → 0.1.24
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/lib/tianheng-ui.js +13 -13
- package/package.json +1 -1
- package/packages/FormMaking/FormConfig.vue +43 -6
- package/packages/FormMaking/WidgetConfig.vue +146 -33
- package/packages/FormMaking/WidgetTools.vue +1 -1
- package/packages/FormMaking/custom/config.js +10 -7
- package/packages/FormMaking/custom/configs/blank.vue +2 -6
- package/packages/FormMaking/custom/configs/button.vue +4 -46
- package/packages/FormMaking/custom/configs/cascader.vue +4 -45
- package/packages/FormMaking/custom/configs/cell.vue +2 -6
- package/packages/FormMaking/custom/configs/checkbox.vue +15 -62
- package/packages/FormMaking/custom/configs/color.vue +2 -43
- package/packages/FormMaking/custom/configs/date.vue +2 -42
- package/packages/FormMaking/custom/configs/divider.vue +2 -6
- package/packages/FormMaking/custom/configs/editor.vue +2 -6
- package/packages/FormMaking/custom/configs/filler.vue +2 -6
- package/packages/FormMaking/custom/configs/grid.vue +2 -6
- package/packages/FormMaking/custom/configs/image.vue +2 -6
- package/packages/FormMaking/custom/configs/input.vue +2 -42
- package/packages/FormMaking/custom/configs/number.vue +3 -47
- package/packages/FormMaking/custom/configs/radio.vue +13 -60
- package/packages/FormMaking/custom/configs/rate.vue +2 -44
- package/packages/FormMaking/custom/configs/select.vue +12 -58
- package/packages/FormMaking/custom/configs/slider.vue +2 -43
- package/packages/FormMaking/custom/configs/switch.vue +2 -43
- package/packages/FormMaking/custom/configs/table.vue +2 -6
- package/packages/FormMaking/custom/configs/tableH5.vue +2 -6
- package/packages/FormMaking/custom/configs/tabs.vue +14 -23
- package/packages/FormMaking/custom/configs/text.vue +6 -7
- package/packages/FormMaking/custom/configs/textarea.vue +4 -45
- package/packages/FormMaking/custom/configs/time.vue +2 -43
- package/packages/FormMaking/custom/configs/upload.vue +6 -11
- package/packages/FormMaking/index.vue +12 -37
- package/packages/TableMaking/index.vue +25 -2
- package/packages/TableMaking/widgetConfig.vue +38 -12
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="configComponents">
|
|
3
|
-
<el-
|
|
4
|
-
<el-form-item label="字段标识" required>
|
|
5
|
-
<el-input v-model="widget.model"></el-input>
|
|
6
|
-
</el-form-item>
|
|
7
|
-
|
|
3
|
+
<el-collapse-item title="组件配置" name="group-element">
|
|
8
4
|
<el-form-item label="标题">
|
|
9
5
|
<el-input v-model="widget.name"></el-input>
|
|
10
6
|
</el-form-item>
|
|
@@ -32,31 +28,26 @@
|
|
|
32
28
|
<el-input v-model="widget.options.placeholder"></el-input>
|
|
33
29
|
</el-form-item>
|
|
34
30
|
|
|
35
|
-
<el-form-item label="
|
|
36
|
-
<
|
|
37
|
-
<
|
|
38
|
-
<el-radio-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
<el-radio-button :label="false">静态数据</el-radio-button>
|
|
44
|
-
<el-radio-button :label="true">远端数据</el-radio-button>
|
|
45
|
-
</el-radio-group>
|
|
46
|
-
</div>
|
|
31
|
+
<el-form-item label="数据类型">
|
|
32
|
+
<el-radio-group v-model="widget.options.remote">
|
|
33
|
+
<el-radio-button :label="false">静态数据</el-radio-button>
|
|
34
|
+
<el-radio-button :label="true">远端数据</el-radio-button>
|
|
35
|
+
</el-radio-group>
|
|
36
|
+
</el-form-item>
|
|
37
|
+
|
|
38
|
+
<el-form-item label-width="0">
|
|
47
39
|
<template v-if="widget.options.remote">
|
|
48
40
|
<el-select
|
|
49
41
|
style="width:100%"
|
|
50
42
|
v-model="widget.options.remoteFunc"
|
|
51
|
-
value-key="id"
|
|
52
43
|
placeholder="请选择远端方法"
|
|
53
44
|
clearable
|
|
54
45
|
>
|
|
55
46
|
<el-option
|
|
56
|
-
v-for="item in config.
|
|
47
|
+
v-for="item in config.network"
|
|
57
48
|
:key="item.id"
|
|
58
49
|
:label="item.label"
|
|
59
|
-
:value="item"
|
|
50
|
+
:value="item.id"
|
|
60
51
|
>
|
|
61
52
|
</el-option>
|
|
62
53
|
</el-select>
|
|
@@ -227,44 +218,7 @@
|
|
|
227
218
|
<el-form-item label="校验">
|
|
228
219
|
<el-checkbox v-model="widget.options.required">必填</el-checkbox>
|
|
229
220
|
</el-form-item>
|
|
230
|
-
|
|
231
|
-
<el-form-item>
|
|
232
|
-
<div class="config-header" slot="label">
|
|
233
|
-
<span class="title">动作设置</span>
|
|
234
|
-
<span class="value" @click="handleEventsShow">配置</span>
|
|
235
|
-
</div>
|
|
236
|
-
<el-collapse class="eventsCollapse">
|
|
237
|
-
<el-collapse-item
|
|
238
|
-
v-for="event in Object.keys(widget.events)"
|
|
239
|
-
:key="event"
|
|
240
|
-
:title="event"
|
|
241
|
-
:name="event"
|
|
242
|
-
>
|
|
243
|
-
<div class="eventsCollapse-item">
|
|
244
|
-
<el-select
|
|
245
|
-
v-model="widget.events[event]"
|
|
246
|
-
placeholder="请选择"
|
|
247
|
-
size="mini"
|
|
248
|
-
clearable
|
|
249
|
-
>
|
|
250
|
-
<el-option
|
|
251
|
-
v-for="item in config.eventScript"
|
|
252
|
-
:key="item.id"
|
|
253
|
-
:label="item.label"
|
|
254
|
-
:value="item.id"
|
|
255
|
-
>
|
|
256
|
-
</el-option>
|
|
257
|
-
</el-select>
|
|
258
|
-
<i
|
|
259
|
-
v-if="widget.events[event]"
|
|
260
|
-
class="el-icon-edit"
|
|
261
|
-
@click="handleEventsEdit(widget.events[event])"
|
|
262
|
-
></i>
|
|
263
|
-
</div>
|
|
264
|
-
</el-collapse-item>
|
|
265
|
-
</el-collapse>
|
|
266
|
-
</el-form-item>
|
|
267
|
-
</el-form>
|
|
221
|
+
</el-collapse-item>
|
|
268
222
|
</div>
|
|
269
223
|
</template>
|
|
270
224
|
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="configComponents">
|
|
3
|
-
<el-
|
|
4
|
-
<el-form-item label="字段标识" required>
|
|
5
|
-
<el-input v-model="widget.model"></el-input>
|
|
6
|
-
</el-form-item>
|
|
7
|
-
|
|
3
|
+
<el-collapse-item title="组件配置" name="group-element">
|
|
8
4
|
<el-form-item label="标题">
|
|
9
5
|
<el-input v-model="widget.name"></el-input>
|
|
10
6
|
</el-form-item>
|
|
@@ -84,44 +80,7 @@
|
|
|
84
80
|
</el-checkbox>
|
|
85
81
|
<el-checkbox v-model="widget.options.range">范围选择 </el-checkbox>
|
|
86
82
|
</el-form-item>
|
|
87
|
-
|
|
88
|
-
<el-form-item>
|
|
89
|
-
<div class="config-header" slot="label">
|
|
90
|
-
<span class="title">动作设置</span>
|
|
91
|
-
<span class="value" @click="handleEventsShow">配置</span>
|
|
92
|
-
</div>
|
|
93
|
-
<el-collapse class="eventsCollapse">
|
|
94
|
-
<el-collapse-item
|
|
95
|
-
v-for="event in Object.keys(widget.events)"
|
|
96
|
-
:key="event"
|
|
97
|
-
:title="event"
|
|
98
|
-
:name="event"
|
|
99
|
-
>
|
|
100
|
-
<div class="eventsCollapse-item">
|
|
101
|
-
<el-select
|
|
102
|
-
v-model="widget.events[event]"
|
|
103
|
-
placeholder="请选择"
|
|
104
|
-
size="mini"
|
|
105
|
-
clearable
|
|
106
|
-
>
|
|
107
|
-
<el-option
|
|
108
|
-
v-for="item in config.eventScript"
|
|
109
|
-
:key="item.id"
|
|
110
|
-
:label="item.label"
|
|
111
|
-
:value="item.id"
|
|
112
|
-
>
|
|
113
|
-
</el-option>
|
|
114
|
-
</el-select>
|
|
115
|
-
<i
|
|
116
|
-
v-if="widget.events[event]"
|
|
117
|
-
class="el-icon-edit"
|
|
118
|
-
@click="handleEventsEdit(widget.events[event])"
|
|
119
|
-
></i>
|
|
120
|
-
</div>
|
|
121
|
-
</el-collapse-item>
|
|
122
|
-
</el-collapse>
|
|
123
|
-
</el-form-item>
|
|
124
|
-
</el-form>
|
|
83
|
+
</el-collapse-item>
|
|
125
84
|
</div>
|
|
126
85
|
</template>
|
|
127
86
|
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="configComponents">
|
|
3
|
-
<el-
|
|
4
|
-
<el-form-item label="字段标识" required>
|
|
5
|
-
<el-input v-model="widget.model"></el-input>
|
|
6
|
-
</el-form-item>
|
|
7
|
-
|
|
3
|
+
<el-collapse-item title="组件配置" name="group-element">
|
|
8
4
|
<el-form-item label="标题">
|
|
9
5
|
<el-input v-model="widget.name"></el-input>
|
|
10
6
|
</el-form-item>
|
|
@@ -72,44 +68,7 @@
|
|
|
72
68
|
<el-checkbox v-model="widget.options.hidden">隐藏组件 </el-checkbox>
|
|
73
69
|
<el-checkbox v-model="widget.options.hideLabel">隐藏标签 </el-checkbox>
|
|
74
70
|
</el-form-item>
|
|
75
|
-
|
|
76
|
-
<el-form-item>
|
|
77
|
-
<div class="config-header" slot="label">
|
|
78
|
-
<span class="title">动作设置</span>
|
|
79
|
-
<span class="value" @click="handleEventsShow">配置</span>
|
|
80
|
-
</div>
|
|
81
|
-
<el-collapse class="eventsCollapse">
|
|
82
|
-
<el-collapse-item
|
|
83
|
-
v-for="event in Object.keys(widget.events)"
|
|
84
|
-
:key="event"
|
|
85
|
-
:title="event"
|
|
86
|
-
:name="event"
|
|
87
|
-
>
|
|
88
|
-
<div class="eventsCollapse-item">
|
|
89
|
-
<el-select
|
|
90
|
-
v-model="widget.events[event]"
|
|
91
|
-
placeholder="请选择"
|
|
92
|
-
size="mini"
|
|
93
|
-
clearable
|
|
94
|
-
>
|
|
95
|
-
<el-option
|
|
96
|
-
v-for="item in config.eventScript"
|
|
97
|
-
:key="item.id"
|
|
98
|
-
:label="item.label"
|
|
99
|
-
:value="item.id"
|
|
100
|
-
>
|
|
101
|
-
</el-option>
|
|
102
|
-
</el-select>
|
|
103
|
-
<i
|
|
104
|
-
v-if="widget.events[event]"
|
|
105
|
-
class="el-icon-edit"
|
|
106
|
-
@click="handleEventsEdit(widget.events[event])"
|
|
107
|
-
></i>
|
|
108
|
-
</div>
|
|
109
|
-
</el-collapse-item>
|
|
110
|
-
</el-collapse>
|
|
111
|
-
</el-form-item>
|
|
112
|
-
</el-form>
|
|
71
|
+
</el-collapse-item>
|
|
113
72
|
</div>
|
|
114
73
|
</template>
|
|
115
74
|
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="configComponents">
|
|
3
|
-
<el-
|
|
4
|
-
<el-form-item label="字段标识" required>
|
|
5
|
-
<el-input v-model="widget.model"></el-input>
|
|
6
|
-
</el-form-item>
|
|
7
|
-
|
|
3
|
+
<el-collapse-item title="组件配置" name="group-element">
|
|
8
4
|
<el-form-item label="标题">
|
|
9
5
|
<el-input v-model="widget.name"></el-input>
|
|
10
6
|
</el-form-item>
|
|
@@ -62,7 +58,7 @@
|
|
|
62
58
|
<el-form-item label="校验">
|
|
63
59
|
<el-checkbox v-model="widget.options.required">必填</el-checkbox>
|
|
64
60
|
</el-form-item>
|
|
65
|
-
</el-
|
|
61
|
+
</el-collapse-item>
|
|
66
62
|
</div>
|
|
67
63
|
</template>
|
|
68
64
|
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="configComponents">
|
|
3
|
-
<el-
|
|
4
|
-
<el-form-item label="字段标识" required>
|
|
5
|
-
<el-input v-model="widget.model"></el-input>
|
|
6
|
-
</el-form-item>
|
|
7
|
-
|
|
3
|
+
<el-collapse-item title="组件配置" name="group-element">
|
|
8
4
|
<el-form-item label="标题">
|
|
9
5
|
<el-input v-model="widget.name"></el-input>
|
|
10
6
|
</el-form-item>
|
|
@@ -59,7 +55,7 @@
|
|
|
59
55
|
<el-form-item label="校验">
|
|
60
56
|
<el-checkbox v-model="widget.options.required">必填</el-checkbox>
|
|
61
57
|
</el-form-item>
|
|
62
|
-
</el-
|
|
58
|
+
</el-collapse-item>
|
|
63
59
|
</div>
|
|
64
60
|
</template>
|
|
65
61
|
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="configComponents">
|
|
3
|
-
<el-
|
|
4
|
-
<el-form-item label="字段标识" required>
|
|
5
|
-
<el-input v-model="widget.model"></el-input>
|
|
6
|
-
</el-form-item>
|
|
7
|
-
|
|
3
|
+
<el-collapse-item title="组件配置" name="group-element">
|
|
8
4
|
<el-form-item label="标题">
|
|
9
5
|
<el-input v-model="widget.name"></el-input>
|
|
10
6
|
</el-form-item>
|
|
@@ -43,31 +39,26 @@
|
|
|
43
39
|
<el-radio-button label="left">左侧</el-radio-button>
|
|
44
40
|
</el-radio-group>
|
|
45
41
|
</el-form-item>
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
style="margin-bottom:10px;"
|
|
50
|
-
size="mini"
|
|
51
|
-
>
|
|
42
|
+
|
|
43
|
+
<el-form-item label="数据类型">
|
|
44
|
+
<el-radio-group v-model="widget.options.remote">
|
|
52
45
|
<el-radio-button :label="false">静态数据</el-radio-button>
|
|
53
|
-
<el-radio-button :label="true"
|
|
46
|
+
<el-radio-button :label="true">远端数据</el-radio-button>
|
|
54
47
|
</el-radio-group>
|
|
48
|
+
</el-form-item>
|
|
49
|
+
|
|
50
|
+
<el-form-item label-width="0">
|
|
55
51
|
<div v-if="widget.options.remote">
|
|
56
52
|
<el-select
|
|
57
53
|
v-model="widget.options.remoteFunc"
|
|
58
|
-
|
|
59
|
-
size="mini"
|
|
54
|
+
style="width:100%;"
|
|
60
55
|
placeholder="请选择远端方法"
|
|
61
56
|
>
|
|
62
|
-
<template slot="prefix">
|
|
63
|
-
<div style="width:70px;">接口名</div>
|
|
64
|
-
</template>
|
|
65
|
-
|
|
66
57
|
<el-option
|
|
67
|
-
v-for="item in config.
|
|
68
|
-
:key="item
|
|
69
|
-
:label="item
|
|
70
|
-
:value="item"
|
|
58
|
+
v-for="item in config.network"
|
|
59
|
+
:key="item.id"
|
|
60
|
+
:label="item.label"
|
|
61
|
+
:value="item.id"
|
|
71
62
|
>
|
|
72
63
|
</el-option>
|
|
73
64
|
</el-select>
|
|
@@ -138,7 +129,7 @@
|
|
|
138
129
|
<el-checkbox v-model="widget.options.hidden">隐藏组件 </el-checkbox>
|
|
139
130
|
<el-checkbox v-model="widget.options.hideLabel">隐藏标签 </el-checkbox>
|
|
140
131
|
</el-form-item>
|
|
141
|
-
</el-
|
|
132
|
+
</el-collapse-item>
|
|
142
133
|
</div>
|
|
143
134
|
</template>
|
|
144
135
|
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="configComponents">
|
|
3
|
-
<el-
|
|
4
|
-
<el-form-item label="字段标识" required>
|
|
5
|
-
<el-input v-model="widget.model"></el-input>
|
|
6
|
-
</el-form-item>
|
|
7
|
-
|
|
3
|
+
<el-collapse-item title="组件配置" name="group-element">
|
|
8
4
|
<el-form-item label="标题">
|
|
9
5
|
<el-input v-model="widget.name"></el-input>
|
|
10
6
|
</el-form-item>
|
|
@@ -41,14 +37,17 @@
|
|
|
41
37
|
</el-form-item>
|
|
42
38
|
|
|
43
39
|
<el-form-item label="默认值">
|
|
44
|
-
<code-editor
|
|
40
|
+
<code-editor
|
|
41
|
+
v-model="widget.options.defaultValue"
|
|
42
|
+
language="html"
|
|
43
|
+
></code-editor>
|
|
45
44
|
</el-form-item>
|
|
46
45
|
|
|
47
46
|
<el-form-item label="操作属性">
|
|
48
47
|
<el-checkbox v-model="widget.options.hidden">隐藏组件</el-checkbox>
|
|
49
48
|
<el-checkbox v-model="widget.options.hideLabel">隐藏标签</el-checkbox>
|
|
50
49
|
</el-form-item>
|
|
51
|
-
</el-
|
|
50
|
+
</el-collapse-item>
|
|
52
51
|
</div>
|
|
53
52
|
</template>
|
|
54
53
|
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="configComponents">
|
|
3
|
-
<el-
|
|
4
|
-
<el-form-item label="字段标识" required>
|
|
5
|
-
<el-input v-model="widget.model"></el-input>
|
|
6
|
-
</el-form-item>
|
|
7
|
-
|
|
3
|
+
<el-collapse-item title="组件配置" name="group-element">
|
|
8
4
|
<el-form-item label="标题">
|
|
9
5
|
<el-input v-model="widget.name"></el-input>
|
|
10
6
|
</el-form-item>
|
|
@@ -130,44 +126,7 @@
|
|
|
130
126
|
></el-button>
|
|
131
127
|
</div>
|
|
132
128
|
</el-form-item>
|
|
133
|
-
|
|
134
|
-
<el-form-item>
|
|
135
|
-
<div class="config-header" slot="label">
|
|
136
|
-
<span class="title">动作设置</span>
|
|
137
|
-
<span class="value" @click="handleEventsShow">配置</span>
|
|
138
|
-
</div>
|
|
139
|
-
<el-collapse class="eventsCollapse">
|
|
140
|
-
<el-collapse-item
|
|
141
|
-
v-for="event in Object.keys(widget.events)"
|
|
142
|
-
:key="event"
|
|
143
|
-
:title="event"
|
|
144
|
-
:name="event"
|
|
145
|
-
>
|
|
146
|
-
<div class="eventsCollapse-item">
|
|
147
|
-
<el-select
|
|
148
|
-
v-model="widget.events[event]"
|
|
149
|
-
placeholder="请选择"
|
|
150
|
-
size="mini"
|
|
151
|
-
clearable
|
|
152
|
-
>
|
|
153
|
-
<el-option
|
|
154
|
-
v-for="item in config.eventScript"
|
|
155
|
-
:key="item.id"
|
|
156
|
-
:label="item.label"
|
|
157
|
-
:value="item.id"
|
|
158
|
-
>
|
|
159
|
-
</el-option>
|
|
160
|
-
</el-select>
|
|
161
|
-
<i
|
|
162
|
-
v-if="widget.events[event]"
|
|
163
|
-
class="el-icon-edit"
|
|
164
|
-
@click="handleEventsEdit(widget.events[event])"
|
|
165
|
-
></i>
|
|
166
|
-
</div>
|
|
167
|
-
</el-collapse-item>
|
|
168
|
-
</el-collapse>
|
|
169
|
-
</el-form-item>
|
|
170
|
-
</el-form>
|
|
129
|
+
</el-collapse-item>
|
|
171
130
|
</div>
|
|
172
131
|
</template>
|
|
173
132
|
|
|
@@ -180,7 +139,7 @@ export default {
|
|
|
180
139
|
},
|
|
181
140
|
props: {},
|
|
182
141
|
mixins: [configComponent],
|
|
183
|
-
data(){
|
|
142
|
+
data() {
|
|
184
143
|
return {
|
|
185
144
|
rulesOptions: {
|
|
186
145
|
string: { label: "字符串", value: "string", pattern: "" },
|
|
@@ -229,7 +188,7 @@ export default {
|
|
|
229
188
|
pattern: "^[0-9A-HJ-NPQRTUWXY]{2}\\d{6}[0-9A-HJ-NPQRTUWXY]{10}$"
|
|
230
189
|
}
|
|
231
190
|
}
|
|
232
|
-
}
|
|
191
|
+
};
|
|
233
192
|
},
|
|
234
193
|
mounted() {},
|
|
235
194
|
methods: {
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="configComponents">
|
|
3
|
-
<el-
|
|
4
|
-
<el-form-item label="字段标识" required>
|
|
5
|
-
<el-input v-model="widget.model"></el-input>
|
|
6
|
-
</el-form-item>
|
|
7
|
-
|
|
3
|
+
<el-collapse-item title="组件配置" name="group-element">
|
|
8
4
|
<el-form-item label="标题">
|
|
9
5
|
<el-input v-model="widget.name"></el-input>
|
|
10
6
|
</el-form-item>
|
|
@@ -87,44 +83,7 @@
|
|
|
87
83
|
<el-form-item label="校验">
|
|
88
84
|
<el-checkbox v-model="widget.options.required">必填</el-checkbox>
|
|
89
85
|
</el-form-item>
|
|
90
|
-
|
|
91
|
-
<el-form-item>
|
|
92
|
-
<div class="config-header" slot="label">
|
|
93
|
-
<span class="title">动作设置</span>
|
|
94
|
-
<span class="value" @click="handleEventsShow">配置</span>
|
|
95
|
-
</div>
|
|
96
|
-
<el-collapse class="eventsCollapse">
|
|
97
|
-
<el-collapse-item
|
|
98
|
-
v-for="event in Object.keys(widget.events)"
|
|
99
|
-
:key="event"
|
|
100
|
-
:title="event"
|
|
101
|
-
:name="event"
|
|
102
|
-
>
|
|
103
|
-
<div class="eventsCollapse-item">
|
|
104
|
-
<el-select
|
|
105
|
-
v-model="widget.events[event]"
|
|
106
|
-
placeholder="请选择"
|
|
107
|
-
size="mini"
|
|
108
|
-
clearable
|
|
109
|
-
>
|
|
110
|
-
<el-option
|
|
111
|
-
v-for="item in config.eventScript"
|
|
112
|
-
:key="item.id"
|
|
113
|
-
:label="item.label"
|
|
114
|
-
:value="item.id"
|
|
115
|
-
>
|
|
116
|
-
</el-option>
|
|
117
|
-
</el-select>
|
|
118
|
-
<i
|
|
119
|
-
v-if="widget.events[event]"
|
|
120
|
-
class="el-icon-edit"
|
|
121
|
-
@click="handleEventsEdit(widget.events[event])"
|
|
122
|
-
></i>
|
|
123
|
-
</div>
|
|
124
|
-
</el-collapse-item>
|
|
125
|
-
</el-collapse>
|
|
126
|
-
</el-form-item>
|
|
127
|
-
</el-form>
|
|
86
|
+
</el-collapse-item>
|
|
128
87
|
</div>
|
|
129
88
|
</template>
|
|
130
89
|
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="configComponents">
|
|
3
|
-
<el-
|
|
4
|
-
<el-form-item label="字段标识" required>
|
|
5
|
-
<el-input v-model="widget.model"></el-input>
|
|
6
|
-
</el-form-item>
|
|
7
|
-
|
|
3
|
+
<el-collapse-item title="组件配置" name="group-element">
|
|
8
4
|
<el-form-item label="标题">
|
|
9
5
|
<el-input v-model="widget.name"></el-input>
|
|
10
6
|
</el-form-item>
|
|
@@ -73,14 +69,13 @@
|
|
|
73
69
|
v-if="widget.options.remote"
|
|
74
70
|
v-model="widget.options.remoteFunc"
|
|
75
71
|
style="width:100%"
|
|
76
|
-
:value-key="config.remoteFuncs.props.key"
|
|
77
72
|
placeholder="请选择远端方法"
|
|
78
73
|
>
|
|
79
74
|
<el-option
|
|
80
|
-
v-for="item in config.
|
|
81
|
-
:key="item
|
|
82
|
-
:label="item
|
|
83
|
-
:value="item"
|
|
75
|
+
v-for="item in config.network"
|
|
76
|
+
:key="item.id"
|
|
77
|
+
:label="item.label"
|
|
78
|
+
:value="item.id"
|
|
84
79
|
>
|
|
85
80
|
</el-option>
|
|
86
81
|
</el-select>
|
|
@@ -108,7 +103,7 @@
|
|
|
108
103
|
<el-form-item label="校验">
|
|
109
104
|
<el-checkbox v-model="widget.options.required">必填</el-checkbox>
|
|
110
105
|
</el-form-item>
|
|
111
|
-
</el-
|
|
106
|
+
</el-collapse-item>
|
|
112
107
|
</div>
|
|
113
108
|
</template>
|
|
114
109
|
|
|
@@ -151,12 +151,15 @@
|
|
|
151
151
|
v-if="configTab == 'widget'"
|
|
152
152
|
:data="widgetFormSelect"
|
|
153
153
|
:config="formConfig.config"
|
|
154
|
+
:fields="fields"
|
|
154
155
|
@update="handleWidgetConfigUpdate"
|
|
155
156
|
>
|
|
156
157
|
</widget-config>
|
|
157
158
|
<form-config
|
|
158
159
|
v-if="configTab == 'form'"
|
|
159
160
|
:config="formConfig.config"
|
|
161
|
+
:fieldsOptions="fieldsOptions"
|
|
162
|
+
@fieldsTableChange="handleFieldsTableChange"
|
|
160
163
|
></form-config>
|
|
161
164
|
</el-main>
|
|
162
165
|
</el-container>
|
|
@@ -250,10 +253,8 @@ export default {
|
|
|
250
253
|
type: Array,
|
|
251
254
|
default: () => ["grid", "filler", "divider"]
|
|
252
255
|
},
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
default: () => {}
|
|
256
|
-
}
|
|
256
|
+
fieldsOptions: Array,
|
|
257
|
+
apiOptions: Array
|
|
257
258
|
},
|
|
258
259
|
data() {
|
|
259
260
|
this.basicComponents = basicComponents;
|
|
@@ -265,7 +266,8 @@ export default {
|
|
|
265
266
|
widgetFormSelect: {},
|
|
266
267
|
widgetValue: {},
|
|
267
268
|
configTab: "form",
|
|
268
|
-
client: "monitor"
|
|
269
|
+
client: "monitor",
|
|
270
|
+
fields: []
|
|
269
271
|
};
|
|
270
272
|
},
|
|
271
273
|
computed: {
|
|
@@ -302,39 +304,9 @@ export default {
|
|
|
302
304
|
}
|
|
303
305
|
this.setJSON(val);
|
|
304
306
|
},
|
|
305
|
-
|
|
307
|
+
apiOptions(val) {
|
|
306
308
|
if (val) {
|
|
307
|
-
|
|
308
|
-
const options = val.options;
|
|
309
|
-
|
|
310
|
-
/**
|
|
311
|
-
* 支持外部接口转自定义事件（待完成）
|
|
312
|
-
*/
|
|
313
|
-
// const _eventScript = options.map(item => {
|
|
314
|
-
// return {
|
|
315
|
-
// id: item[props.key],
|
|
316
|
-
// label: item[props.name],
|
|
317
|
-
// value: `
|
|
318
|
-
// const params = ${JSON.stringify(item.params)}
|
|
319
|
-
// const headers = ${JSON.stringify(item.headers || {})}
|
|
320
|
-
// const request = {
|
|
321
|
-
// url:"${item.url}",
|
|
322
|
-
// method:"${item.method}",
|
|
323
|
-
// data:params,
|
|
324
|
-
// headers:headers
|
|
325
|
-
// }
|
|
326
|
-
// this.hendleRemoteData(request)
|
|
327
|
-
// `
|
|
328
|
-
// };
|
|
329
|
-
// });
|
|
330
|
-
// this.formConfig.config.eventScript = this.formConfig.config.eventScript.concat(
|
|
331
|
-
// _eventScript
|
|
332
|
-
// );
|
|
333
|
-
|
|
334
|
-
const _remoteFuncs = options.map(item => {
|
|
335
|
-
return { ...item, id: item[props.key], label: item[props.name] };
|
|
336
|
-
});
|
|
337
|
-
this.formConfig.config.remoteFuncs = _remoteFuncs;
|
|
309
|
+
this.formConfig.config.network = val;
|
|
338
310
|
}
|
|
339
311
|
}
|
|
340
312
|
},
|
|
@@ -414,6 +386,9 @@ export default {
|
|
|
414
386
|
handleWidgetConfigUpdate(val) {
|
|
415
387
|
this.widgetFormSelect = Object.assign(this.widgetFormSelect, val);
|
|
416
388
|
},
|
|
389
|
+
handleFieldsTableChange(val) {
|
|
390
|
+
this.fields = val;
|
|
391
|
+
},
|
|
417
392
|
clear() {
|
|
418
393
|
this.handleClear();
|
|
419
394
|
},
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
<div class="th-flex_aside th-is_border_left" style="width:300px">
|
|
18
18
|
<widget-config
|
|
19
19
|
:config="tableConfig"
|
|
20
|
-
:
|
|
20
|
+
:fieldsOptions="fieldsOptions"
|
|
21
21
|
:formOptions="formOptions"
|
|
22
22
|
:apiOptions="apiOptions"
|
|
23
23
|
ref="configRef"
|
|
@@ -42,7 +42,26 @@ export default {
|
|
|
42
42
|
return deepClone(baseConfig);
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
|
-
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* 字段表配置列表。
|
|
48
|
+
* [
|
|
49
|
+
* {
|
|
50
|
+
* id:'', 表单id
|
|
51
|
+
* label:'', 表单名称
|
|
52
|
+
* children:[
|
|
53
|
+
* {
|
|
54
|
+
label: "主键",
|
|
55
|
+
alias: "id",
|
|
56
|
+
prop: "id",
|
|
57
|
+
type: "input",
|
|
58
|
+
align: "left"
|
|
59
|
+
}
|
|
60
|
+
* ]
|
|
61
|
+
* }
|
|
62
|
+
* ]
|
|
63
|
+
*/
|
|
64
|
+
fieldsOptions: Array,
|
|
46
65
|
|
|
47
66
|
/**
|
|
48
67
|
* 表单配置列表。
|
|
@@ -139,6 +158,10 @@ export default {
|
|
|
139
158
|
}
|
|
140
159
|
})
|
|
141
160
|
.catch(err => {
|
|
161
|
+
if (!this.tableConfig.table.fieldsTable) {
|
|
162
|
+
this.$message.warning("请选择字段表");
|
|
163
|
+
return reject();
|
|
164
|
+
}
|
|
142
165
|
if (!this.tableConfig.table.title) {
|
|
143
166
|
this.$message.warning("请选择列表名称");
|
|
144
167
|
return reject();
|