lw-cdp-ui 1.1.11 → 1.1.13
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/dist/components/lwForm/index.vue +3 -1
- package/dist/components/lwFormView/index.vue +34 -25
- package/dist/components/lwLayout/index.vue +1 -1
- package/dist/components/lwLogin/index.vue +23 -9
- package/dist/components/lwLogin/locale/en-us.js +1 -0
- package/dist/components/lwLogin/locale/zh-cn.js +1 -0
- package/dist/lw-cdp-ui.esm.js +101 -91
- package/dist/lw-cdp-ui.esm.js.map +1 -1
- package/dist/lw-cdp-ui.umd.js +3 -3
- package/dist/lw-cdp-ui.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +48 -48
|
@@ -335,7 +335,9 @@
|
|
|
335
335
|
|
|
336
336
|
<!-- 没有组件是component值 就是插槽名称 -->
|
|
337
337
|
<template v-else>
|
|
338
|
-
<slot :name="item.component"
|
|
338
|
+
<slot :name="item.component"
|
|
339
|
+
:itemCur="item"
|
|
340
|
+
:formCur="form">
|
|
339
341
|
<el-tag type="danger">[{{ item.component }}]
|
|
340
342
|
没有这个默认组件也未自定义插槽内容</el-tag>
|
|
341
343
|
</slot>
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-skeleton v-if="renderLoading || Object.keys(form).length==0"
|
|
2
|
+
<el-skeleton v-if="renderLoading || Object.keys(form).length == 0"
|
|
3
3
|
animated />
|
|
4
|
-
<el-row :gutter="
|
|
4
|
+
<el-row :gutter="0"
|
|
5
5
|
v-else>
|
|
6
6
|
<template v-for="(item, index) in config.formItems">
|
|
7
7
|
<template v-if="!hideHandle(item)">
|
|
8
8
|
<template v-if="item.component == 'divider'">
|
|
9
9
|
<el-col :span="item.span || 24"
|
|
10
|
-
:class="{topPadding: index !== 0}">
|
|
10
|
+
:class="{ topPadding: index !== 0 }">
|
|
11
11
|
<div class="top-title-body">
|
|
12
|
-
<span class="title-name">{{ item.label }}</span>
|
|
12
|
+
<span class="lw-form-view-title-name">{{ item.label }}</span>
|
|
13
13
|
<slot :name="item.options?.component"></slot>
|
|
14
14
|
</div>
|
|
15
15
|
</el-col>
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
<div class="span-item"
|
|
20
20
|
:class="[config.labelPosition]">
|
|
21
21
|
<span v-if="item.label"
|
|
22
|
-
:style="{minWidth: config.labelWidth}"
|
|
22
|
+
:style="{ minWidth: config.labelWidth }"
|
|
23
23
|
class="title-item">
|
|
24
24
|
{{ item.label }}
|
|
25
25
|
<el-tooltip v-if="item.tips"
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
</span>
|
|
30
30
|
<!-- input -->
|
|
31
31
|
<template
|
|
32
|
-
v-if="item.component=='input' || item.component=='number'">
|
|
32
|
+
v-if="item.component == 'input' || item.component == 'number'">
|
|
33
33
|
<template v-if="item?.options?.name">
|
|
34
34
|
<textToPassword v-model="form[item.name][item.options.name]"
|
|
35
35
|
:width="config.labelWidth"
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
</template>
|
|
42
42
|
</template>
|
|
43
43
|
<!-- upload -->
|
|
44
|
-
<template v-else-if="item.component=='upload'">
|
|
44
|
+
<template v-else-if="item.component == 'upload'">
|
|
45
45
|
<el-col v-for="(_item, _index) in item.options.items"
|
|
46
46
|
:key="_index">
|
|
47
47
|
<template v-if="item.name">
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
</el-col>
|
|
59
59
|
</template>
|
|
60
60
|
<!-- checkbox -->
|
|
61
|
-
<template v-else-if="item.component=='checkbox'">
|
|
61
|
+
<template v-else-if="item.component == 'checkbox'">
|
|
62
62
|
<template v-if="item.name">
|
|
63
63
|
{{ form[item.name][_item.name] }}
|
|
64
64
|
</template>
|
|
@@ -67,11 +67,11 @@
|
|
|
67
67
|
</template>
|
|
68
68
|
</template>
|
|
69
69
|
<!-- checkboxGroup -->
|
|
70
|
-
<template v-else-if="item.component=='checkboxGroup'">
|
|
70
|
+
<template v-else-if="item.component == 'checkboxGroup'">
|
|
71
71
|
{{ form[item.name] }}
|
|
72
72
|
</template>
|
|
73
73
|
<!-- switch -->
|
|
74
|
-
<template v-else-if="item.component=='switch'">
|
|
74
|
+
<template v-else-if="item.component == 'switch'">
|
|
75
75
|
<template v-if="item?.options?.name">
|
|
76
76
|
{{ form[item.name][item.options.name] ? item.options.true || '是' : item.options.false || '否' }}
|
|
77
77
|
</template>
|
|
@@ -81,16 +81,16 @@
|
|
|
81
81
|
</template>
|
|
82
82
|
<!-- select -->
|
|
83
83
|
<template
|
|
84
|
-
v-else-if="item.component=='select' || item.component=='radio'">
|
|
84
|
+
v-else-if="item.component == 'select' || item.component == 'radio'">
|
|
85
85
|
<template v-if="item?.options?.name">
|
|
86
|
-
{{getKeyToLabel(form[item.name][item.options.name], item.options.items)}}
|
|
86
|
+
{{ getKeyToLabel(form[item.name][item.options.name], item.options.items) }}
|
|
87
87
|
</template>
|
|
88
88
|
<template v-else>
|
|
89
|
-
{{getKeyToLabel(form[item.name], item.options.items)}}
|
|
89
|
+
{{ getKeyToLabel(form[item.name], item.options.items) }}
|
|
90
90
|
</template>
|
|
91
91
|
</template>
|
|
92
92
|
<!-- cascader -->
|
|
93
|
-
<template v-else-if="item.component=='cascader'">
|
|
93
|
+
<template v-else-if="item.component == 'cascader'">
|
|
94
94
|
<template v-if="item?.options?.name">
|
|
95
95
|
<el-cascader v-model="form[item.name][item.options.name]"
|
|
96
96
|
:options="item.options.items"
|
|
@@ -103,9 +103,10 @@
|
|
|
103
103
|
</template>
|
|
104
104
|
</template>
|
|
105
105
|
<!-- date -->
|
|
106
|
-
<template v-else-if="item.component=='date'">
|
|
106
|
+
<template v-else-if="item.component == 'date'">
|
|
107
107
|
<template v-if="item?.options?.name">
|
|
108
|
-
{{ dayjs(form[item.name][item.options.name]).format(item.options.valueFormat || 'YYYY-MM-DD HH:mm:ss')
|
|
108
|
+
{{ dayjs(form[item.name][item.options.name]).format(item.options.valueFormat || 'YYYY-MM-DD HH:mm:ss')
|
|
109
|
+
}}
|
|
109
110
|
|
|
110
111
|
</template>
|
|
111
112
|
<template v-else>
|
|
@@ -114,7 +115,7 @@
|
|
|
114
115
|
|
|
115
116
|
</template>
|
|
116
117
|
<!-- color -->
|
|
117
|
-
<template v-else-if="item.component=='color'">
|
|
118
|
+
<template v-else-if="item.component == 'color'">
|
|
118
119
|
<template v-if="item?.options?.name">
|
|
119
120
|
<el-color-picker disabled
|
|
120
121
|
v-model="form[item.name][item.options.name]" />
|
|
@@ -126,7 +127,7 @@
|
|
|
126
127
|
|
|
127
128
|
</template>
|
|
128
129
|
<!-- rate -->
|
|
129
|
-
<template v-else-if="item.component=='rate'">
|
|
130
|
+
<template v-else-if="item.component == 'rate'">
|
|
130
131
|
<template v-if="item?.options?.name">
|
|
131
132
|
<el-rate disabled
|
|
132
133
|
v-model="form[item.name][item.options.name]"></el-rate>
|
|
@@ -137,7 +138,7 @@
|
|
|
137
138
|
</template>
|
|
138
139
|
</template>
|
|
139
140
|
<!-- slider -->
|
|
140
|
-
<template v-else-if="item.component=='slider'">
|
|
141
|
+
<template v-else-if="item.component == 'slider'">
|
|
141
142
|
<template v-if="item?.options?.name">
|
|
142
143
|
<el-slider disabled
|
|
143
144
|
v-model="form[item.name][item.options.name]"
|
|
@@ -152,7 +153,7 @@
|
|
|
152
153
|
</template>
|
|
153
154
|
|
|
154
155
|
<!-- tags -->
|
|
155
|
-
<template v-else-if="item.component=='tags'">
|
|
156
|
+
<template v-else-if="item.component == 'tags'">
|
|
156
157
|
<div class="tags-list">
|
|
157
158
|
<template v-if="item?.options?.name">
|
|
158
159
|
<el-tag v-for="tag in form[item.name][item?.options?.name]"
|
|
@@ -175,12 +176,12 @@
|
|
|
175
176
|
<template v-else>
|
|
176
177
|
<slot :name="item.component">
|
|
177
178
|
<el-tag type="danger">
|
|
178
|
-
[{{item.component}}]
|
|
179
|
+
[{{ item.component }}]
|
|
179
180
|
没有这个默认组件也未自定义插槽内容</el-tag>
|
|
180
181
|
</slot>
|
|
181
182
|
</template>
|
|
182
183
|
<div v-if="item.message"
|
|
183
|
-
class="el-form-item-msg">{{item.message}}</div>
|
|
184
|
+
class="el-form-item-msg">{{ item.message }}</div>
|
|
184
185
|
</div>
|
|
185
186
|
</el-col>
|
|
186
187
|
</template>
|
|
@@ -337,16 +338,21 @@ export default {
|
|
|
337
338
|
</script>
|
|
338
339
|
<style lang="scss" scoped>
|
|
339
340
|
.topPadding {
|
|
340
|
-
|
|
341
|
+
border-top: 2px solid #f7f8fa;
|
|
342
|
+
margin-top: 30px;
|
|
343
|
+
padding-top: 30px;
|
|
341
344
|
}
|
|
345
|
+
|
|
342
346
|
.top-title-body {
|
|
343
347
|
display: flex;
|
|
344
348
|
justify-content: space-between;
|
|
349
|
+
align-items: center;
|
|
345
350
|
width: 100%;
|
|
346
|
-
|
|
351
|
+
height: 30px;
|
|
352
|
+
margin-bottom: 5px;
|
|
353
|
+
.lw-form-view-title-name {
|
|
347
354
|
font-size: 18px;
|
|
348
355
|
font-weight: bold;
|
|
349
|
-
margin-bottom: 10px;
|
|
350
356
|
}
|
|
351
357
|
}
|
|
352
358
|
|
|
@@ -359,14 +365,17 @@ export default {
|
|
|
359
365
|
line-height: 24px;
|
|
360
366
|
font-size: 14px;
|
|
361
367
|
width: 100%;
|
|
368
|
+
|
|
362
369
|
&.top {
|
|
363
370
|
flex-direction: column;
|
|
364
371
|
}
|
|
372
|
+
|
|
365
373
|
&.right {
|
|
366
374
|
.title-item {
|
|
367
375
|
text-align: right;
|
|
368
376
|
}
|
|
369
377
|
}
|
|
378
|
+
|
|
370
379
|
.title-item {
|
|
371
380
|
color: #7c7c7c;
|
|
372
381
|
display: inline-block;
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
<section class="aminui-wrapper">
|
|
80
80
|
<div v-if="!ismobile"
|
|
81
81
|
:class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
|
|
82
|
-
<div class="title-name">
|
|
82
|
+
<div class="aminui-title-name">
|
|
83
83
|
{{ menuIsCollapse ? $config.APP_NAME.charAt(0) : $config.APP_NAME }}
|
|
84
84
|
</div>
|
|
85
85
|
<div class="adminui-side-scroll">
|
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="login_bg">
|
|
3
3
|
<div class="video-container">
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
<!-- logo 插槽 -->
|
|
5
|
+
<slot name="logo">
|
|
6
|
+
<img class="logo"
|
|
7
|
+
src="/static/images/logo1.svg" />
|
|
8
|
+
</slot>
|
|
9
|
+
|
|
10
|
+
<!-- 注册背景图插槽 -->
|
|
11
|
+
<slot name="registerBg">
|
|
12
|
+
<img v-show="isRegistered"
|
|
13
|
+
class="img"
|
|
14
|
+
src="/static/images/register.svg" />
|
|
15
|
+
</slot>
|
|
16
|
+
<!-- 登录背景图插槽 -->
|
|
17
|
+
<slot name="loginBg">
|
|
18
|
+
<img v-show="!isRegistered"
|
|
19
|
+
class="img"
|
|
20
|
+
src="/static/images/login.svg" />
|
|
21
|
+
</slot>
|
|
22
|
+
|
|
12
23
|
</div>
|
|
13
24
|
<div class="login_main">
|
|
14
25
|
<template v-if="isRegistered">
|
|
@@ -27,7 +38,10 @@
|
|
|
27
38
|
label-width="0"
|
|
28
39
|
size="large">
|
|
29
40
|
<el-form-item>
|
|
30
|
-
|
|
41
|
+
<!-- 系统名称插槽 -->
|
|
42
|
+
<slot name="title">
|
|
43
|
+
<div class="title-name">{{ $t('loginPage.trialRequest') }}</div>
|
|
44
|
+
</slot>
|
|
31
45
|
</el-form-item>
|
|
32
46
|
<el-form-item prop="name">
|
|
33
47
|
<el-input v-model="registForm.name"
|