tianheng-ui 0.1.22 → 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 +140 -50
- package/packages/FormMaking/WidgetConfig.vue +146 -32
- package/packages/FormMaking/WidgetTools.vue +1 -1
- package/packages/FormMaking/custom/config.js +13 -9
- 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 +31 -56
- package/packages/FormMaking/styles/index.scss +9 -9
- package/packages/TableMaking/custom/config.js +1 -1
- package/packages/TableMaking/index.vue +25 -2
- package/packages/TableMaking/widgetConfig.vue +39 -13
|
@@ -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>
|
|
@@ -38,7 +34,6 @@
|
|
|
38
34
|
>
|
|
39
35
|
</div>
|
|
40
36
|
</el-form-item>
|
|
41
|
-
|
|
42
37
|
|
|
43
38
|
<el-form-item label="操作属性">
|
|
44
39
|
<el-checkbox v-model="widget.options.disabled">禁用 </el-checkbox>
|
|
@@ -51,44 +46,7 @@
|
|
|
51
46
|
<el-form-item label="校验">
|
|
52
47
|
<el-checkbox v-model="widget.options.required">必填</el-checkbox>
|
|
53
48
|
</el-form-item>
|
|
54
|
-
|
|
55
|
-
<el-form-item>
|
|
56
|
-
<div class="config-header" slot="label">
|
|
57
|
-
<span class="title">动作设置</span>
|
|
58
|
-
<span class="value" @click="handleEventsShow">配置</span>
|
|
59
|
-
</div>
|
|
60
|
-
<el-collapse class="eventsCollapse">
|
|
61
|
-
<el-collapse-item
|
|
62
|
-
v-for="event in Object.keys(widget.events)"
|
|
63
|
-
:key="event"
|
|
64
|
-
:title="event"
|
|
65
|
-
:name="event"
|
|
66
|
-
>
|
|
67
|
-
<div class="eventsCollapse-item">
|
|
68
|
-
<el-select
|
|
69
|
-
v-model="widget.events[event]"
|
|
70
|
-
placeholder="请选择"
|
|
71
|
-
size="mini"
|
|
72
|
-
clearable
|
|
73
|
-
>
|
|
74
|
-
<el-option
|
|
75
|
-
v-for="item in config.eventScript"
|
|
76
|
-
:key="item.id"
|
|
77
|
-
:label="item.label"
|
|
78
|
-
:value="item.id"
|
|
79
|
-
>
|
|
80
|
-
</el-option>
|
|
81
|
-
</el-select>
|
|
82
|
-
<i
|
|
83
|
-
v-if="widget.events[event]"
|
|
84
|
-
class="el-icon-edit"
|
|
85
|
-
@click="handleEventsEdit(widget.events[event])"
|
|
86
|
-
></i>
|
|
87
|
-
</div>
|
|
88
|
-
</el-collapse-item>
|
|
89
|
-
</el-collapse>
|
|
90
|
-
</el-form-item>
|
|
91
|
-
</el-form>
|
|
49
|
+
</el-collapse-item>
|
|
92
50
|
</div>
|
|
93
51
|
</template>
|
|
94
52
|
|
|
@@ -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
|
|