tianheng-ui 0.1.23 → 0.1.25
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 +64 -5
- package/packages/FormMaking/WidgetConfig.vue +151 -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 +10 -37
- package/packages/TableMaking/WidgetTools.vue +8 -8
- package/packages/TableMaking/custom/config.js +1 -0
- package/packages/TableMaking/index.vue +9 -2
- package/packages/TableMaking/widgetConfig.vue +65 -21
|
@@ -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,14 @@
|
|
|
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
|
+
@fieldsChange="handleFieldsChange"
|
|
160
162
|
></form-config>
|
|
161
163
|
</el-main>
|
|
162
164
|
</el-container>
|
|
@@ -250,10 +252,7 @@ export default {
|
|
|
250
252
|
type: Array,
|
|
251
253
|
default: () => ["grid", "filler", "divider"]
|
|
252
254
|
},
|
|
253
|
-
|
|
254
|
-
type: Object,
|
|
255
|
-
default: () => {}
|
|
256
|
-
}
|
|
255
|
+
apiOptions: Array
|
|
257
256
|
},
|
|
258
257
|
data() {
|
|
259
258
|
this.basicComponents = basicComponents;
|
|
@@ -265,7 +264,8 @@ export default {
|
|
|
265
264
|
widgetFormSelect: {},
|
|
266
265
|
widgetValue: {},
|
|
267
266
|
configTab: "form",
|
|
268
|
-
client: "monitor"
|
|
267
|
+
client: "monitor",
|
|
268
|
+
fields: []
|
|
269
269
|
};
|
|
270
270
|
},
|
|
271
271
|
computed: {
|
|
@@ -302,39 +302,9 @@ export default {
|
|
|
302
302
|
}
|
|
303
303
|
this.setJSON(val);
|
|
304
304
|
},
|
|
305
|
-
|
|
305
|
+
apiOptions(val) {
|
|
306
306
|
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;
|
|
307
|
+
this.formConfig.config.network = val;
|
|
338
308
|
}
|
|
339
309
|
}
|
|
340
310
|
},
|
|
@@ -414,6 +384,9 @@ export default {
|
|
|
414
384
|
handleWidgetConfigUpdate(val) {
|
|
415
385
|
this.widgetFormSelect = Object.assign(this.widgetFormSelect, val);
|
|
416
386
|
},
|
|
387
|
+
handleFieldsChange(val) {
|
|
388
|
+
this.fields = val;
|
|
389
|
+
},
|
|
417
390
|
clear() {
|
|
418
391
|
this.handleClear();
|
|
419
392
|
},
|
|
@@ -9,14 +9,14 @@
|
|
|
9
9
|
@click="handleClick('monitor')"
|
|
10
10
|
>
|
|
11
11
|
</el-button>
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
12
|
+
<el-button
|
|
13
|
+
:class="{ active: client === 'mobile' }"
|
|
14
|
+
type="text"
|
|
15
|
+
size="medium"
|
|
16
|
+
icon="el-icon-mobile"
|
|
17
|
+
@click="handleClick('mobile')"
|
|
18
|
+
>
|
|
19
|
+
</el-button>
|
|
20
20
|
</div>
|
|
21
21
|
<div class="right">
|
|
22
22
|
<slot> </slot>
|