rklink-dev 1.0.2 → 1.0.3

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.
@@ -0,0 +1,55 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ <head>
5
+ <meta charset="utf-8">
6
+ <meta name="viewport" content="width=device-width,initial-scale=1.0">
7
+ <script src="/rklink-dev/static/Webpack App"></script>
8
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.min.js"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/vue-router@3.3.2/dist/vue-router.min.js"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/element-ui@2.13.0/lib/index.min.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/axios@0.21.0/dist/axios.min.js"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/vuex@3.4.0/dist/vuex.min.js"></script>
13
+
14
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.13.0/lib/theme-chalk/index.css"
15
+ type="text/css" />
16
+ <title>页面设计器</title>
17
+ <link href="/rklink-dev/static/css/designer.css" rel="stylesheet"></head>
18
+
19
+ <body>
20
+ <div id="app"></div>
21
+ <!-- built files will be auto injected -->
22
+ <script type="text/javascript">
23
+ function IEVersion() {
24
+ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
25
+ var isOpera = userAgent.indexOf("Opera") > -1;
26
+ if (isOpera) {//判断是否Opera浏览器
27
+ return "Opera"
28
+ };
29
+ if (userAgent.indexOf("Firefox") > -1) {//判断是否Firefox浏览器
30
+ return "FF";
31
+ }
32
+ if (userAgent.indexOf("Chrome") > -1) {//判断是否Chrome浏览器
33
+ return "Chrome";
34
+ }
35
+ if (userAgent.indexOf("Safari") > -1) {//判断是否Safari浏览器
36
+ return "Safari";
37
+ }
38
+ if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {//判断是否IE浏览器
39
+ return "IE";
40
+ };
41
+ }
42
+ function isGoogle() {
43
+ if (window.location.href.indexOf("chrome") != -1) {
44
+ return;
45
+ }
46
+ if (IEVersion() == "Chrome") {
47
+ return;
48
+ }
49
+ window.location.href = "/chrome"
50
+ }
51
+ isGoogle()
52
+ </script>
53
+ <script type="text/javascript" src="/rklink-dev/static/js/designer.js"></script></body>
54
+
55
+ </html>
@@ -0,0 +1,500 @@
1
+ let common = {
2
+ label: "", //标题
3
+ fieldName: "fieldName", //字段名称
4
+ fieldType: "", //字段类型
5
+ dataType: "", //数据类型
6
+ value: "", //默认值
7
+ placeholder: "请输入", //占位内容
8
+ readOnly: false, //是否只读
9
+ disabled: false, //是否禁用
10
+ isShow: true, //是否显示
11
+ rules: [], //校验规则
12
+ events: [], //事件配置
13
+ colspan: 1, //占列
14
+ rowspan: 1, //占行
15
+ colIndex: "",
16
+ rowIndex: "",
17
+ state: [],
18
+ useState: "",
19
+ menuType: "common",
20
+ showContents: 1,
21
+ href: {
22
+ path: "",
23
+ query: "",
24
+ callbackType: ""
25
+ },
26
+ isHref: false,
27
+ optBtn: []
28
+ };
29
+
30
+ let components = [
31
+ Object.assign({}, common, {
32
+ label: "标题", //标题
33
+ fieldName: "标题", //字段名称
34
+ fieldType: "label", //字段类型
35
+ menuType: "extend"
36
+ }),
37
+ Object.assign({}, common, {
38
+ label: "选择用户弹层", //标题
39
+ fieldDesc: "fieldDesc",
40
+ fieldDescValue: "",
41
+ fieldType: "pltuser", //字段类型
42
+ placeholder: "请选择用户",
43
+ menuType: "extend",
44
+ option: {
45
+ search: true,
46
+ type: "checkbox",
47
+ width: "1000px",
48
+ height: "600px",
49
+ fullscreen: false,
50
+ center: false,
51
+ footer: true,
52
+ title: "选择客户经理",
53
+ isPagination: true,
54
+ confirmButtonText: "确 定",
55
+ cancelButtonText: "取 消",
56
+ value: {},
57
+ children: false,
58
+ brNo: "",
59
+ isAll: false
60
+ },
61
+ isDialog: true
62
+ }),
63
+ Object.assign({}, common, {
64
+ label: "选择角色弹层", //标题
65
+ fieldDesc: "fieldDesc",
66
+ fieldDescValue: "",
67
+ fieldType: "pltrole", //字段类型
68
+ placeholder: "请选择角色",
69
+ menuType: "extend",
70
+ option: {
71
+ search: true,
72
+ type: "checkbox",
73
+ width: "1000px",
74
+ height: "600px",
75
+ fullscreen: false,
76
+ center: false,
77
+ footer: true,
78
+ title: "选择客户角色",
79
+ isPagination: true,
80
+ confirmButtonText: "确 定",
81
+ cancelButtonText: "取 消",
82
+ value: {}
83
+ },
84
+ isDialog: true
85
+ }),
86
+ Object.assign({}, common, {
87
+ label: "自定义弹层", //标题
88
+ fieldDesc: "fieldDesc",
89
+ fieldDescValue: "",
90
+ fieldType: "dialog", //字段类型
91
+ placeholder: "请选择",
92
+ menuType: "extend",
93
+ option: {
94
+ search: true,
95
+ type: "checkbox",
96
+ width: "1000px",
97
+ height: "600px",
98
+ fullscreen: false,
99
+ center: false,
100
+ footer: true,
101
+ title: "自定义弹层",
102
+ isPagination: true,
103
+ confirmButtonText: "确 定",
104
+ cancelButtonText: "取 消",
105
+ value: {},
106
+ columns: [],
107
+ params: "",
108
+ url: "",
109
+ saveCallBack: ""
110
+ },
111
+ isDialog: true
112
+ }),
113
+ Object.assign({}, common, {
114
+ label: "机构树弹层", //标题
115
+ fieldType: "pltbr", //字段类型
116
+ placeholder: "请选择机构",
117
+ menuType: "extend",
118
+ fieldDesc: "fieldDesc",
119
+ fieldDescValue: "",
120
+ option: {
121
+ search: true,
122
+ type: "checkbox",
123
+ width: "1000px",
124
+ height: "600px",
125
+ title: "选择机构",
126
+ confirmButtonText: "确 定",
127
+ cancelButtonText: "取 消",
128
+ isAll: false
129
+ },
130
+ isDialog: true
131
+ }),
132
+ Object.assign({}, common, {
133
+ label: "表单弹层", //标题
134
+ fieldType: "pltform", //字段类型
135
+ placeholder: "请选择表单",
136
+ menuType: "extend",
137
+ fieldDesc: "fieldDesc",
138
+ fieldDescValue: "",
139
+ option: {
140
+ search: true,
141
+ width: "1000px",
142
+ height: "600px",
143
+ fullscreen: false,
144
+ center: false,
145
+ footer: true,
146
+ title: "选择表单",
147
+ confirmButtonText: "确 定",
148
+ cancelButtonText: "取 消",
149
+ value: {}
150
+ },
151
+ isDialog: true
152
+ }),
153
+ Object.assign({}, common, {
154
+ label: "选择流程弹层", //标题
155
+ fieldDesc: "fieldDesc",
156
+ fieldDescValue: "",
157
+ fieldType: "pltflowmodel", //字段类型
158
+ placeholder: "请选择流程",
159
+ menuType: "extend",
160
+ option: {
161
+ search: true,
162
+ width: "1000px",
163
+ height: "600px",
164
+ fullscreen: false,
165
+ center: false,
166
+ footer: true,
167
+ title: "选择流程",
168
+ isPagination: true,
169
+ confirmButtonText: "确 定",
170
+ cancelButtonText: "取 消",
171
+ value: {}
172
+ },
173
+ isDialog: true
174
+ }),
175
+ Object.assign({}, common, {
176
+ label: "选择规则弹层", //标题
177
+ fieldDesc: "fieldDesc",
178
+ fieldDescValue: "",
179
+ fieldType: "rulemodel", //字段类型
180
+ placeholder: "请选择规则",
181
+ menuType: "extend",
182
+ option: {
183
+ search: true,
184
+ width: "1000px",
185
+ height: "600px",
186
+ fullscreen: false,
187
+ center: false,
188
+ footer: true,
189
+ title: "选择规则",
190
+ isPagination: true,
191
+ confirmButtonText: "确 定",
192
+ cancelButtonText: "取 消",
193
+ value: {}
194
+ },
195
+ isDialog: true
196
+ }),
197
+ Object.assign({}, common, {
198
+ label: "审批人员弹层", //标题
199
+ fieldDesc: "fieldDesc",
200
+ fieldDescValue: "",
201
+ fieldType: "flowableuser", //字段类型
202
+ placeholder: "请选择审批人员",
203
+ menuType: "extend",
204
+ option: {
205
+ search: true,
206
+ type: "checkbox",
207
+ width: "1000px",
208
+ height: "600px",
209
+ fullscreen: false,
210
+ center: false,
211
+ footer: true,
212
+ title: "选择审批人员",
213
+ isPagination: true,
214
+ confirmButtonText: "确 定",
215
+ cancelButtonText: "取 消",
216
+ value: {}
217
+ },
218
+ isDialog: true
219
+ }),
220
+ Object.assign({}, common, {
221
+ label: "数字选择器", //标题
222
+ fieldType: "number" //字段类型
223
+ }),
224
+ Object.assign({}, common, {
225
+ label: "单行文本", //标题
226
+ fieldType: "text", //字段类型
227
+ suffix: "", //尾部内容(如:单位)
228
+ maxlength: "", //最大输入长度
229
+ "show-word-limit": false, //是否显示输入字数统计
230
+ desensitization: "", //数据脱敏
231
+ desensitizationFront: "", //数据脱敏-自定义前几位
232
+ desensitizationAfter: "", //数据脱敏-自定义后几位
233
+ isBigAmt: false, //是否显示金额大写
234
+ isMinus: false //金额类型是否允许输入负数
235
+ }),
236
+ Object.assign({}, common, {
237
+ label: "密码域", //标题
238
+ fieldType: "password" //字段类型
239
+ }),
240
+ Object.assign({}, common, {
241
+ label: "文本域", //标题
242
+ fieldType: "textarea", //字段类型
243
+ suffix: "", //尾部内容(如:单位)
244
+ maxlength: "", //最大输入长度
245
+ isAutoRows: false,
246
+ maxRows: 6,
247
+ minRows: 3,
248
+ "show-word-limit": false, //是否显示输入字数统计
249
+ desensitization: "", //数据脱敏
250
+ desensitizationFront: "", //数据脱敏-自定义前几位
251
+ desensitizationAfter: "" //数据脱敏-自定义后几位
252
+ }),
253
+ Object.assign({}, common, {
254
+ label: "复选框", //标题
255
+ fieldType: "checkbox", //字段类型
256
+ value: [], //默认值
257
+ placeholder: "",
258
+ dicKey: "",
259
+ dicItem: [
260
+ { optCode: "1", optName: "选项1" },
261
+ { optCode: "2", optName: "选项2" },
262
+ { optCode: "3", optName: "选项3" }
263
+ ],
264
+ library: {},
265
+ optionType: "1"
266
+ }),
267
+ Object.assign({}, common, {
268
+ label: "单选框", //标题
269
+ fieldType: "radio", //字段类型
270
+ placeholder: "",
271
+ dicKey: "",
272
+ dicItem: [
273
+ { optCode: "1", optName: "选项1" },
274
+ { optCode: "2", optName: "选项2" },
275
+ { optCode: "3", optName: "选项3" }
276
+ ],
277
+ library: {},
278
+ optionType: "1"
279
+ }),
280
+ Object.assign({}, common, {
281
+ label: "开关", //标题
282
+ fieldType: "switch", //字段类型
283
+ placeholder: "",
284
+ switchValue: {
285
+ activeValue: "1",
286
+ inActiveValue: "0"
287
+ }
288
+ }),
289
+ Object.assign({}, common, {
290
+ label: "日期框", //标题
291
+ fieldType: "date", //字段类型
292
+ placeholder: "请选择日期",
293
+ dateFormat: {
294
+ format: "yyyy-MM-dd",
295
+ valueFormat: "yyyyMMdd"
296
+ },
297
+ dateOption: {
298
+ isLong: false
299
+ },
300
+ dateType: "date"
301
+ }),
302
+ Object.assign({}, common, {
303
+ label: "时间框", //标题
304
+ fieldType: "time", //字段类型
305
+ placeholder: "请选择时间",
306
+ dateFormat: {
307
+ format: "HH:mm:ss",
308
+ valueFormat: "HH:mm:ss"
309
+ },
310
+ dateOption: {
311
+ selectableRange: "",
312
+ format: "HH:mm:ss"
313
+ }
314
+ }),
315
+ Object.assign({}, common, {
316
+ label: "日期时间框", //标题
317
+ fieldType: "datetime", //字段类型
318
+ placeholder: "请选择日期时间",
319
+ dateFormat: {
320
+ format: "yyyy-MM-dd HH:mm:ss",
321
+ valueFormat: "yyyyMMdd HH:mm:ss"
322
+ },
323
+ dateOption: {
324
+ isLong: false
325
+ }
326
+ }),
327
+ Object.assign({}, common, {
328
+ label: "下拉单选", //标题
329
+ fieldType: "select", //字段类型
330
+ placeholder: "请选择",
331
+ dicKey: "",
332
+ dicItem: [
333
+ { optCode: "1", optName: "选项1" },
334
+ { optCode: "2", optName: "选项2" },
335
+ { optCode: "3", optName: "选项3" }
336
+ ],
337
+ library: {},
338
+ optionType: "1"
339
+ }),
340
+ Object.assign({}, common, {
341
+ label: "下拉多选", //标题
342
+ fieldType: "multipleSelection", //字段类型
343
+ placeholder: "请选择",
344
+ value: [], //默认值
345
+ dicKey: "",
346
+ dicItem: [
347
+ { optCode: "1", optName: "选项1" },
348
+ { optCode: "2", optName: "选项2" },
349
+ { optCode: "3", optName: "选项3" }
350
+ ],
351
+ library: {},
352
+ optionType: "1"
353
+ }),
354
+ Object.assign({}, common, {
355
+ label: "级联选择器", //标题
356
+ fieldType: "cascader", //字段类型
357
+ placeholder: "请选择",
358
+ dicKey: "",
359
+ menuType: "extend",
360
+ dicItem: [
361
+ {
362
+ optCode: "1",
363
+ optName: "选项1",
364
+ children: [
365
+ {
366
+ optCode: "11",
367
+ optName: "子选项1",
368
+ children: [
369
+ { optCode: "111", optName: "子选项1" },
370
+ { optCode: "112", optName: "子选项2" },
371
+ { optCode: "113", optName: "子选项3" }
372
+ ]
373
+ },
374
+ {
375
+ optCode: "12",
376
+ optName: "子选项2",
377
+ children: [
378
+ { optCode: "121", optName: "子选项1" },
379
+ { optCode: "122", optName: "子选项2" },
380
+ { optCode: "123", optName: "子选项3" }
381
+ ]
382
+ },
383
+ { optCode: "13", optName: "子选项3" }
384
+ ]
385
+ },
386
+ {
387
+ optCode: "2",
388
+ optName: "选项2",
389
+ children: [
390
+ { optCode: "21", optName: "子选项1" },
391
+ { optCode: "22", optName: "子选项2" }
392
+ ]
393
+ }
394
+ ],
395
+ library: {},
396
+ optionType: "3",
397
+ lazyLoad: false,
398
+ showAll: true,
399
+ checkArbitrarily: false,
400
+ showTwo: false
401
+ }),
402
+ /* Object.assign({}, common, {
403
+ label: "文件上传", //标题
404
+ fieldName: "file", //字段名称
405
+ fieldType: "upload",//字段类型
406
+ uploadUrl:"https://jsonplaceholder.typicode.com/posts/",//上传服务路径
407
+ multiple:true,//是否支持多选
408
+ fileData:"appNo-#{appNo},appName-#{appName}",//额外参数
409
+ showFileList:true,//是否显示已上传文件列表
410
+ drag:true,//是否启用拖拽上传
411
+ accept:"jpg/txt",//接受上传的文件类型
412
+ autoUpload:false,//是否在选取文件后立即进行上传
413
+ limit:3,
414
+ file:{},
415
+ menuType: "extend",
416
+
417
+ }), */
418
+ /* Object.assign({}, common, {
419
+ label: "区间", //标题
420
+ fieldType: "group",//字段类型
421
+ separator: "-",
422
+ group: [
423
+ {
424
+ label: "", //标题
425
+ fieldName: "fieldName", //字段名称
426
+ fieldType: "text",//字段类型
427
+ dataType: "",//数据类型
428
+ value: "",//默认值
429
+ placeholder: "请输入",//占位内容
430
+ readOnly: false,//是否只读
431
+ disabled: false,//是否禁用
432
+ isShow: true,//是否显示
433
+ suffix: "",//尾部内容(如:单位)
434
+ maxlength: "",//最大输入长度
435
+ "show-word-limit": false,//是否显示输入字数统计
436
+ rules: [],//校验规则
437
+ events: [],//事件配置
438
+ groupFlag: true
439
+ },
440
+ {
441
+ label: "", //标题
442
+ fieldName: "fieldName", //字段名称
443
+ fieldType: "text",//字段类型
444
+ dataType: "",//数据类型
445
+ value: "",//默认值
446
+ placeholder: "请输入",//占位内容
447
+ readOnly: false,//是否只读
448
+ disabled: false,//是否禁用
449
+ isShow: true,//是否显示
450
+ suffix: "",//尾部内容(如:单位)
451
+ maxlength: "",//最大输入长度
452
+ "show-word-limit": false,//是否显示输入字数统计
453
+ rules: [],//校验规则
454
+ events: [],//事件配置
455
+ groupFlag: true
456
+ }
457
+ ]
458
+ }), */
459
+ Object.assign({}, common, {
460
+ label: "日期区间", //标题
461
+ endFieldName: "endFieldName", //结束字段名称
462
+ fieldType: "dateGroup", //字段类型
463
+ separator: "-",
464
+ value: ["", ""], //默认值
465
+ placeholder: "开始日期", //占位内容
466
+ endPlaceholder: "结束日期", //占位内容
467
+ dateFormat: {
468
+ format: "yyyy-MM-dd",
469
+ valueFormat: "yyyyMMdd"
470
+ }
471
+ }),
472
+ Object.assign({}, common, {
473
+ label: "时间区间", //标题
474
+ endFieldName: "endFieldName", //结束字段名称
475
+ fieldType: "timeGroup", //字段类型
476
+ separator: "-",
477
+ value: ["", ""], //默认值
478
+ placeholder: "开始时间", //占位内容
479
+ endPlaceholder: "结束时间", //占位内容
480
+ dateFormat: {
481
+ format: "HH:mm:ss",
482
+ valueFormat: "HH:mm:ss"
483
+ }
484
+ }),
485
+ Object.assign({}, common, {
486
+ label: "日期时间区间", //标题
487
+ endFieldName: "endFieldName", //结束字段名称
488
+ fieldType: "datetimeGroup", //字段类型
489
+ separator: "-",
490
+ value: ["", ""], //默认值
491
+ placeholder: "开始日期", //占位内容
492
+ endPlaceholder: "结束日期", //占位内容
493
+ dateFormat: {
494
+ format: "yyyy-MM-dd HH:mm:ss",
495
+ valueFormat: "yyyyMMdd HH:mm:ss"
496
+ }
497
+ })
498
+ ];
499
+
500
+ export { components };
@@ -0,0 +1,41 @@
1
+ let common = {
2
+ perm: "",
3
+ showField: "",
4
+ importType: "form",
5
+ formId: "",
6
+ formInitMethod: "",
7
+ tableInitMethod: "",
8
+ editFormMethod: "",
9
+ addTableMethod: "",
10
+ tableId: "",
11
+ bizCompType: "self",
12
+ bizCompPath: "",
13
+ params: [],
14
+ paramsObject: {},
15
+ isAutoHeight: true,
16
+ height: "",
17
+ maxHeight: "",
18
+ preview: false,
19
+ initSearchData: []
20
+ };
21
+
22
+ let components = [
23
+ Object.assign({}, common, {
24
+ type: "container",
25
+ title: "容器",
26
+ content: []
27
+ }),
28
+ Object.assign({}, common, {
29
+ type: "card",
30
+ title: "卡片",
31
+ }),
32
+ Object.assign({}, common, {
33
+ type: "collapse",
34
+ title: "折叠面板",
35
+ isOpen: true
36
+ })
37
+ ];
38
+
39
+ export {
40
+ components
41
+ }