eoss-ui 0.4.40 → 0.4.42
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/button-group.js +40 -13
- package/lib/button.js +35 -8
- package/lib/checkbox-group.js +35 -8
- package/lib/data-table-form.js +35 -8
- package/lib/data-table.js +97 -34
- package/lib/date-picker.js +35 -8
- package/lib/dialog.js +52 -39
- package/lib/editor.js +659 -1353
- package/lib/eoss-ui.common.js +10828 -10451
- package/lib/flow-group.js +37 -26
- package/lib/flow-list.js +35 -8
- package/lib/flow.js +164 -56
- package/lib/form.js +10081 -9075
- package/lib/handle-user.js +39 -12
- package/lib/handler.js +35 -8
- package/lib/icons.js +2 -2
- package/lib/index.js +1 -1
- package/lib/input-number.js +35 -8
- package/lib/input.js +35 -8
- package/lib/login.js +35 -8
- package/lib/main.js +35 -8
- package/lib/mainComp.js +35 -8
- package/lib/nav.js +35 -8
- package/lib/page.js +35 -8
- package/lib/player.js +37 -10
- package/lib/qr-code.js +35 -8
- package/lib/radio-group.js +35 -8
- package/lib/select-ganged.js +35 -8
- package/lib/select.js +35 -8
- package/lib/selector-panel.js +37 -10
- package/lib/selector.js +37 -10
- package/lib/sizer.js +35 -8
- package/lib/steps.js +35 -8
- package/lib/switch.js +35 -8
- package/lib/table-form.js +48 -13
- package/lib/tabs.js +40 -36
- package/lib/theme-chalk/editor.css +1 -1
- package/lib/theme-chalk/index.css +1 -1
- package/lib/tips.js +35 -8
- package/lib/tree-group.js +39 -21
- package/lib/tree.js +35 -8
- package/lib/upload.js +43 -14
- package/lib/utils/util.js +35 -8
- package/lib/wujie.js +35 -8
- package/lib/wxlogin.js +35 -8
- package/package.json +3 -1
- package/packages/button-group/src/main.vue +3 -3
- package/packages/data-table/src/column.vue +6 -0
- package/packages/data-table/src/main.vue +12 -0
- package/packages/dialog/src/main.vue +3 -11
- package/packages/editor/src/editor.vue +25 -0
- package/packages/editor/src/main.vue +6 -2
- package/packages/editor/src/minx.js +16 -8
- package/packages/editor/src/toolbar.vue +71 -349
- package/packages/flow/src/component/CommonOpinions.vue +29 -11
- package/packages/flow/src/component/CustomPreset.vue +5 -1
- package/packages/flow/src/component/Preset.vue +5 -1
- package/packages/flow/src/main.vue +21 -1
- package/packages/flow/src/processForm.vue +17 -10
- package/packages/flow/src/selectUser.vue +9 -2
- package/packages/flow-group/src/main.vue +0 -8
- package/packages/form/src/main.vue +1519 -1462
- package/packages/form/src/table.vue +8 -0
- package/packages/handle-user/src/main.vue +2 -2
- package/packages/tabs/src/main.vue +1 -10
- package/packages/theme-chalk/lib/editor.css +1 -1
- package/packages/theme-chalk/lib/index.css +1 -1
- package/packages/theme-chalk/src/editor.scss +30 -0
- package/packages/tree-group/src/main.vue +0 -2
- package/packages/upload/src/main.vue +3 -1
- package/src/index.js +1 -1
- package/src/utils/util.js +41 -8
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="es-editor-toolbar">
|
|
3
|
-
<
|
|
3
|
+
<template v-for="(items, indexs) in contents">
|
|
4
4
|
<div
|
|
5
5
|
class="es-editor-toolbar-item"
|
|
6
6
|
v-for="(item, index) in items"
|
|
7
|
-
:key="index"
|
|
7
|
+
:key="indexs + '_' + index"
|
|
8
|
+
:class="{
|
|
9
|
+
'es-last': index == items.length - 1 && indexs < contents.length - 1
|
|
10
|
+
}"
|
|
8
11
|
>
|
|
9
12
|
<el-dropdown
|
|
10
13
|
v-if="item.dropdown && item.dropdown.length"
|
|
@@ -12,7 +15,7 @@
|
|
|
12
15
|
:trigger="item.trigger"
|
|
13
16
|
@command="
|
|
14
17
|
(res) => {
|
|
15
|
-
handleCommand(
|
|
18
|
+
handleCommand(item.type, res);
|
|
16
19
|
}
|
|
17
20
|
"
|
|
18
21
|
>
|
|
@@ -22,334 +25,82 @@
|
|
|
22
25
|
:content="item.tips"
|
|
23
26
|
:placement="item.placement ? item.placement : 'bottom'"
|
|
24
27
|
>
|
|
25
|
-
<el-button size="small">
|
|
26
|
-
|
|
28
|
+
<el-button size="small" class="es-icon-right">
|
|
29
|
+
<svg v-if="item.path" class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
30
|
+
<path v-for="ele in item.path" :key="ele" :d="ele"></path>
|
|
31
|
+
</svg>
|
|
32
|
+
<span class="es-icon-text" v-else>
|
|
33
|
+
{{ item.value }}
|
|
34
|
+
</span>
|
|
35
|
+
<i class="el-icon-caret-bottom el-icon--right"></i>
|
|
27
36
|
</el-button>
|
|
28
37
|
</el-tooltip>
|
|
38
|
+
<el-button size="small" class="es-icon-right" v-else>
|
|
39
|
+
<svg v-if="item.path" class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
40
|
+
<path v-for="ele in item.path" :key="ele" :d="ele"></path>
|
|
41
|
+
</svg>
|
|
42
|
+
<span class="es-icon-text" v-else>
|
|
43
|
+
{{ item.value }}
|
|
44
|
+
</span>
|
|
45
|
+
<i class="el-icon-caret-bottom el-icon--right"></i>
|
|
46
|
+
</el-button>
|
|
29
47
|
<el-dropdown-menu slot="dropdown">
|
|
30
48
|
<el-dropdown-item
|
|
31
49
|
class="es-editor-dropdown-item"
|
|
32
|
-
v-for="
|
|
33
|
-
:class="{ active:
|
|
34
|
-
:key="
|
|
35
|
-
:command="
|
|
36
|
-
>{{ item }}</el-dropdown-item
|
|
50
|
+
v-for="ele in item.dropdown"
|
|
51
|
+
:class="{ active: ele == item.value }"
|
|
52
|
+
:key="typeof ele == 'string' ? ele : ele.title"
|
|
53
|
+
:command="typeof ele == 'string' ? ele : ele.title"
|
|
37
54
|
>
|
|
55
|
+
<template v-if="typeof ele == 'string'">{{ ele }}</template>
|
|
56
|
+
<template v-else>
|
|
57
|
+
<svg
|
|
58
|
+
v-if="ele.path"
|
|
59
|
+
class="es-icon-svg"
|
|
60
|
+
viewBox="0 0 1024 1024"
|
|
61
|
+
>
|
|
62
|
+
<path v-for="path in ele.path" :key="path" :d="path"></path>
|
|
63
|
+
</svg>
|
|
64
|
+
<span class="title">{{ ele.title }}</span>
|
|
65
|
+
</template>
|
|
66
|
+
</el-dropdown-item>
|
|
38
67
|
</el-dropdown-menu>
|
|
39
68
|
</el-dropdown>
|
|
40
|
-
</div>
|
|
41
|
-
</div>
|
|
42
|
-
<div class="es-editor-toolbar-item">
|
|
43
|
-
<el-dropdown
|
|
44
|
-
placement="bottom"
|
|
45
|
-
trigger="click"
|
|
46
|
-
@command="
|
|
47
|
-
(res) => {
|
|
48
|
-
handleCommand('tag', res);
|
|
49
|
-
}
|
|
50
|
-
"
|
|
51
|
-
>
|
|
52
|
-
<el-tooltip
|
|
53
|
-
class="item"
|
|
54
|
-
effect="dark"
|
|
55
|
-
content="标题"
|
|
56
|
-
placement="bottom"
|
|
57
|
-
>
|
|
58
|
-
<el-button size="small">
|
|
59
|
-
{{ tag }}<i class="el-icon-caret-bottom el-icon--right"></i>
|
|
60
|
-
</el-button>
|
|
61
|
-
</el-tooltip>
|
|
62
|
-
<el-dropdown-menu slot="dropdown">
|
|
63
|
-
<el-dropdown-item
|
|
64
|
-
class="es-editor-dropdown-item"
|
|
65
|
-
v-for="item in _tags"
|
|
66
|
-
:class="{ active: item == tag }"
|
|
67
|
-
:key="item"
|
|
68
|
-
:command="item"
|
|
69
|
-
>{{ item }}</el-dropdown-item
|
|
70
|
-
>
|
|
71
|
-
</el-dropdown-menu>
|
|
72
|
-
</el-dropdown>
|
|
73
|
-
</div>
|
|
74
|
-
<div class="es-editor-toolbar-item">
|
|
75
|
-
<el-tooltip class="item" effect="dark" content="引用" placement="bottom">
|
|
76
|
-
<el-button size="small">
|
|
77
|
-
<svg class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
78
|
-
<path
|
|
79
|
-
d="M894.6 907.1H605.4c-32.6 0-59-26.4-59-59V608.2l-4-14.9c0-315.9 125.5-485.1 376.5-507.5v59.8C752.7 180.4 711.3 315.8 711.3 442.4v41.2l31.5 12.3h151.8c32.6 0 59 26.4 59 59v293.2c0 32.5-26.4 59-59 59z m-472 0H133.4c-32.6 0-59-26.4-59-59V608.2l-4-14.9c0-315.9 125.5-485.1 376.5-507.5v59.8C280.7 180.4 239.3 315.8 239.3 442.4v41.2l31.5 12.3h151.8c32.6 0 59 26.4 59 59v293.2c0 32.5-26.4 59-59 59z"
|
|
80
|
-
></path>
|
|
81
|
-
</svg>
|
|
82
|
-
</el-button>
|
|
83
|
-
</el-tooltip>
|
|
84
|
-
</div>
|
|
85
|
-
<div class="es-editor-toolbar-item">
|
|
86
|
-
<el-tooltip class="item" effect="dark" content="粗体" placement="bottom">
|
|
87
|
-
<div class="es-text-center" slot="content">粗体<br />ctrl+b</div>
|
|
88
|
-
<el-button size="small">
|
|
89
|
-
<svg class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
90
|
-
<path
|
|
91
|
-
d="M707.872 484.64A254.88 254.88 0 0 0 768 320c0-141.152-114.848-256-256-256H192v896h384c141.152 0 256-114.848 256-256a256.096 256.096 0 0 0-124.128-219.36zM384 192h101.504c55.968 0 101.504 57.408 101.504 128s-45.536 128-101.504 128H384V192z m159.008 640H384v-256h159.008c58.464 0 106.016 57.408 106.016 128s-47.552 128-106.016 128z"
|
|
92
|
-
></path>
|
|
93
|
-
</svg>
|
|
94
|
-
</el-button>
|
|
95
|
-
</el-tooltip>
|
|
96
|
-
</div>
|
|
97
|
-
<div class="es-editor-toolbar-item">
|
|
98
|
-
<el-tooltip
|
|
99
|
-
class="item"
|
|
100
|
-
effect="dark"
|
|
101
|
-
content="下划线"
|
|
102
|
-
placement="bottom"
|
|
103
|
-
>
|
|
104
|
-
<div class="es-text-center" slot="content">下划线 <br />ctrl+u</div>
|
|
105
|
-
<el-button size="small">
|
|
106
|
-
<svg class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
107
|
-
<path
|
|
108
|
-
d="M704 64l128 0 0 416c0 159.072-143.264 288-320 288s-320-128.928-320-288l0-416 128 0 0 416c0 40.16 18.24 78.688 51.36 108.512 36.896 33.216 86.848 51.488 140.64 51.488s103.744-18.304 140.64-51.488c33.12-29.792 51.36-68.352 51.36-108.512l0-416zM192 832l640 0 0 128-640 0z"
|
|
109
|
-
></path>
|
|
110
|
-
</svg>
|
|
111
|
-
</el-button>
|
|
112
|
-
</el-tooltip>
|
|
113
|
-
</div>
|
|
114
|
-
<div class="es-editor-toolbar-item">
|
|
115
|
-
<el-tooltip class="item" effect="dark" content="斜体" placement="bottom">
|
|
116
|
-
<div class="es-text-center" slot="content">斜体<br />ctrl+i</div>
|
|
117
|
-
<el-button size="small">
|
|
118
|
-
<svg class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
119
|
-
<path
|
|
120
|
-
d="M896 64v64h-128L448 896h128v64H128v-64h128L576 128h-128V64z"
|
|
121
|
-
></path>
|
|
122
|
-
</svg>
|
|
123
|
-
</el-button>
|
|
124
|
-
</el-tooltip>
|
|
125
|
-
</div>
|
|
126
|
-
<div class="es-editor-toolbar-item">
|
|
127
|
-
<el-dropdown
|
|
128
|
-
placement="bottom"
|
|
129
|
-
size="small"
|
|
130
|
-
@command="
|
|
131
|
-
(res) => {
|
|
132
|
-
handleCommand('tag', res);
|
|
133
|
-
}
|
|
134
|
-
"
|
|
135
|
-
>
|
|
136
|
-
<el-button size="small">
|
|
137
|
-
<svg class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
138
|
-
<path
|
|
139
|
-
d="M204.8 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"
|
|
140
|
-
></path>
|
|
141
|
-
<path
|
|
142
|
-
d="M505.6 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"
|
|
143
|
-
></path>
|
|
144
|
-
<path
|
|
145
|
-
d="M806.4 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"
|
|
146
|
-
></path>
|
|
147
|
-
</svg>
|
|
148
|
-
<i class="el-icon-caret-bottom el-icon--right"></i>
|
|
149
|
-
</el-button>
|
|
150
|
-
<el-dropdown-menu slot="dropdown">
|
|
151
|
-
<el-tooltip
|
|
152
|
-
class="item"
|
|
153
|
-
effect="dark"
|
|
154
|
-
content="ctrl+shift+x"
|
|
155
|
-
placement="right"
|
|
156
|
-
>
|
|
157
|
-
<el-dropdown-item command="删除线">
|
|
158
|
-
<svg class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
159
|
-
<path
|
|
160
|
-
d="M1024 512v64h-234.496c27.52 38.496 42.496 82.688 42.496 128 0 70.88-36.672 139.04-100.576 186.976C672.064 935.488 594.144 960 512 960s-160.064-24.512-219.424-69.024C228.64 843.04 192 774.88 192 704h128c0 69.376 87.936 128 192 128s192-58.624 192-128-87.936-128-192-128H0v-64h299.52a385.984 385.984 0 0 1-6.944-5.024C228.64 459.04 192 390.88 192 320s36.672-139.04 100.576-186.976C351.936 88.512 429.856 64 512 64s160.064 24.512 219.424 69.024C795.328 180.96 832 249.12 832 320h-128c0-69.376-87.936-128-192-128s-192 58.624-192 128 87.936 128 192 128c78.976 0 154.048 22.688 212.48 64H1024z"
|
|
161
|
-
></path>
|
|
162
|
-
</svg>
|
|
163
|
-
<span class="title">删除线</span>
|
|
164
|
-
</el-dropdown-item>
|
|
165
|
-
</el-tooltip>
|
|
166
|
-
<el-tooltip
|
|
167
|
-
class="item"
|
|
168
|
-
effect="dark"
|
|
169
|
-
content="ctrl+e"
|
|
170
|
-
placement="right"
|
|
171
|
-
>
|
|
172
|
-
<el-dropdown-item command="行内代码">
|
|
173
|
-
<svg class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
174
|
-
<path
|
|
175
|
-
d="M576 736l96 96 320-320L672 192l-96 96 224 224zM448 288l-96-96L32 512l320 320 96-96-224-224z"
|
|
176
|
-
></path>
|
|
177
|
-
</svg>
|
|
178
|
-
<span class="title">行内代码</span>
|
|
179
|
-
</el-dropdown-item>
|
|
180
|
-
</el-tooltip>
|
|
181
|
-
<el-dropdown-item command="上标">
|
|
182
|
-
<svg class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
183
|
-
<path
|
|
184
|
-
d="M768 206.016v50.016h128v64h-192V174.016l128-60V64h-128V0h192v146.016zM676 256h-136L352 444 164 256H28l256 256-256 256h136L352 580 540 768h136l-256-256z"
|
|
185
|
-
></path>
|
|
186
|
-
</svg>
|
|
187
|
-
<span class="title">上标</span>
|
|
188
|
-
</el-dropdown-item>
|
|
189
|
-
<el-dropdown-item command="下标">
|
|
190
|
-
<svg class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
191
|
-
<path
|
|
192
|
-
d="M768 910.016v50.016h128v64h-192v-146.016l128-60V768h-128v-64h192v146.016zM676 256h-136L352 444 164 256H28l256 256-256 256h136L352 580 540 768h136l-256-256z"
|
|
193
|
-
></path>
|
|
194
|
-
</svg>
|
|
195
|
-
<span class="title">下标</span>
|
|
196
|
-
</el-dropdown-item>
|
|
197
|
-
<el-dropdown-item command="清除格式">
|
|
198
|
-
<svg class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
199
|
-
<path
|
|
200
|
-
d="M969.382408 288.738615l-319.401123-270.852152a67.074236 67.074236 0 0 0-96.459139 5.74922l-505.931379 574.922021a68.35184 68.35184 0 0 0-17.886463 47.910169 74.101061 74.101061 0 0 0 24.274486 47.910168l156.50655 132.232065h373.060512L975.131628 383.281347a67.074236 67.074236 0 0 0-5.74922-96.459139z m-440.134747 433.746725H264.144729l-90.071117-78.572676c-5.74922-5.74922-12.137243-12.137243-12.137243-17.886463a36.411728 36.411728 0 0 1 5.749221-24.274485l210.804741-240.828447 265.102932 228.691204z m-439.495945 180.781036h843.218964a60.047411 60.047411 0 1 1 0 120.733624H89.751716a60.047411 60.047411 0 1 1 0-120.733624z m0 0"
|
|
201
|
-
></path>
|
|
202
|
-
</svg>
|
|
203
|
-
<span class="title">清除格式</span>
|
|
204
|
-
</el-dropdown-item>
|
|
205
|
-
</el-dropdown-menu>
|
|
206
|
-
</el-dropdown>
|
|
207
|
-
</div>
|
|
208
|
-
<div class="es-editor-toolbar-item">
|
|
209
|
-
<Colors @select="selectColor" tips="文字颜色"></Colors>
|
|
210
|
-
</div>
|
|
211
|
-
<div class="es-editor-toolbar-item">
|
|
212
|
-
<Colors @select="selectBgColor" tips="背景颜色" title="清除背景色">
|
|
213
|
-
<svg class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
214
|
-
<path
|
|
215
|
-
d="M510.030769 315.076923l84.676923 196.923077h-177.230769l76.8-196.923077h15.753846zM945.230769 157.538462v708.923076c0 43.323077-35.446154 78.769231-78.769231 78.769231H157.538462c-43.323077 0-78.769231-35.446154-78.769231-78.769231V157.538462c0-43.323077 35.446154-78.769231 78.769231-78.769231h708.923076c43.323077 0 78.769231 35.446154 78.769231 78.769231z m-108.307692 643.938461L600.615385 216.615385c-5.907692-11.815385-15.753846-19.692308-29.538462-19.692308h-139.815385c-11.815385 0-23.630769 7.876923-27.56923 19.692308l-216.615385 584.861538c-3.938462 11.815385 3.938462 25.6 17.723077 25.6h80.738462c11.815385 0 23.630769-9.846154 27.56923-21.661538l63.015385-175.261539h263.876923l68.923077 175.261539c3.938462 11.815385 15.753846 21.661538 27.569231 21.661538h80.738461c13.784615 0 23.630769-13.784615 19.692308-25.6z"
|
|
216
|
-
></path>
|
|
217
|
-
</svg>
|
|
218
|
-
</Colors>
|
|
219
|
-
</div>
|
|
220
|
-
<div class="es-editor-toolbar-item">
|
|
221
|
-
<el-dropdown
|
|
222
|
-
placement="bottom"
|
|
223
|
-
trigger="click"
|
|
224
|
-
@command="
|
|
225
|
-
(res) => {
|
|
226
|
-
handleCommand('size', res);
|
|
227
|
-
}
|
|
228
|
-
"
|
|
229
|
-
>
|
|
230
69
|
<el-tooltip
|
|
231
|
-
|
|
70
|
+
v-else-if="item.tips"
|
|
232
71
|
effect="dark"
|
|
233
|
-
content="
|
|
72
|
+
:content="item.tips"
|
|
234
73
|
placement="bottom"
|
|
235
74
|
>
|
|
236
|
-
<el-button size="small">
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
v-for="item in _fontSizes"
|
|
244
|
-
:class="{ active: item == fontSize }"
|
|
245
|
-
:key="item"
|
|
246
|
-
:command="item"
|
|
247
|
-
>{{ item }}</el-dropdown-item
|
|
248
|
-
>
|
|
249
|
-
</el-dropdown-menu>
|
|
250
|
-
</el-dropdown>
|
|
251
|
-
</div>
|
|
252
|
-
<div class="es-editor-toolbar-item">
|
|
253
|
-
<el-dropdown
|
|
254
|
-
placement="bottom"
|
|
255
|
-
trigger="click"
|
|
256
|
-
@command="
|
|
257
|
-
(res) => {
|
|
258
|
-
handleCommand('family', res);
|
|
259
|
-
}
|
|
260
|
-
"
|
|
261
|
-
>
|
|
262
|
-
<el-tooltip
|
|
263
|
-
class="item"
|
|
264
|
-
effect="dark"
|
|
265
|
-
content="字体"
|
|
266
|
-
placement="bottom"
|
|
267
|
-
>
|
|
268
|
-
<el-button size="small">
|
|
269
|
-
<svg class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
270
|
-
<path
|
|
271
|
-
d="M384 832h640v128H384z m0-384h640v128H384z m0-384h640v128H384zM192 0v256H128V64H64V0zM128 526.016v50.016h128v64H64v-146.016l128-60V384H64v-64h192v146.016zM256 704v320H64v-64h128v-64H64v-64h128v-64H64v-64z"
|
|
272
|
-
></path>
|
|
75
|
+
<el-button size="small" :class="{ 'es-icon-right': item.popover }">
|
|
76
|
+
<svg
|
|
77
|
+
v-if="item.path"
|
|
78
|
+
class="es-icon-svg"
|
|
79
|
+
:viewBox="item.viewBox ? item.viewBox : '0 0 1024 1024'"
|
|
80
|
+
>
|
|
81
|
+
<path v-for="ele in item.path" :key="ele" :d="ele"></path>
|
|
273
82
|
</svg>
|
|
274
|
-
|
|
83
|
+
<span class="es-icon-text" v-else>
|
|
84
|
+
{{ item.value }}
|
|
85
|
+
</span>
|
|
86
|
+
<i
|
|
87
|
+
v-if="item.popover"
|
|
88
|
+
class="el-icon-caret-bottom el-icon--right"
|
|
89
|
+
></i>
|
|
275
90
|
</el-button>
|
|
276
91
|
</el-tooltip>
|
|
277
|
-
<
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
:key="item"
|
|
283
|
-
:command="item"
|
|
284
|
-
>{{ item }}</el-dropdown-item
|
|
285
|
-
>
|
|
286
|
-
</el-dropdown-menu>
|
|
287
|
-
</el-dropdown>
|
|
288
|
-
</div>
|
|
289
|
-
<div class="es-editor-toolbar-item">
|
|
290
|
-
<el-dropdown
|
|
291
|
-
placement="bottom"
|
|
292
|
-
trigger="click"
|
|
293
|
-
@command="
|
|
294
|
-
(res) => {
|
|
295
|
-
handleCommand('family', res);
|
|
296
|
-
}
|
|
297
|
-
"
|
|
298
|
-
>
|
|
299
|
-
<el-tooltip
|
|
300
|
-
class="item"
|
|
301
|
-
effect="dark"
|
|
302
|
-
content="字体"
|
|
303
|
-
placement="bottom"
|
|
92
|
+
<Colors
|
|
93
|
+
v-else-if="item.colors"
|
|
94
|
+
@select="selectColor"
|
|
95
|
+
:tips="item.colors.tips"
|
|
96
|
+
:title="item.colors.title"
|
|
304
97
|
>
|
|
305
|
-
<
|
|
306
|
-
|
|
307
|
-
</el-button>
|
|
308
|
-
</el-tooltip>
|
|
309
|
-
<el-dropdown-menu slot="dropdown">
|
|
310
|
-
<el-dropdown-item
|
|
311
|
-
class="es-editor-dropdown-item"
|
|
312
|
-
v-for="item in _lineHeights"
|
|
313
|
-
:class="{ active: item == lineHeight }"
|
|
314
|
-
:key="item"
|
|
315
|
-
:command="item"
|
|
316
|
-
>{{ item }}</el-dropdown-item
|
|
317
|
-
>
|
|
318
|
-
</el-dropdown-menu>
|
|
319
|
-
</el-dropdown>
|
|
320
|
-
</div>
|
|
321
|
-
<div class="es-editor-toolbar-item">
|
|
322
|
-
<el-tooltip
|
|
323
|
-
class="item"
|
|
324
|
-
effect="dark"
|
|
325
|
-
content="无序列表"
|
|
326
|
-
placement="bottom"
|
|
327
|
-
>
|
|
328
|
-
<el-button size="small">
|
|
329
|
-
<svg class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
330
|
-
<path
|
|
331
|
-
d="M384 64h640v128H384V64z m0 384h640v128H384v-128z m0 384h640v128H384v-128zM0 128a128 128 0 1 1 256 0 128 128 0 0 1-256 0z m0 384a128 128 0 1 1 256 0 128 128 0 0 1-256 0z m0 384a128 128 0 1 1 256 0 128 128 0 0 1-256 0z"
|
|
332
|
-
></path>
|
|
98
|
+
<svg class="es-icon-svg" viewBox="0 0 1024 1024" v-if="item.path">
|
|
99
|
+
<path v-for="ele in item.path" :key="ele" :d="ele"></path>
|
|
333
100
|
</svg>
|
|
334
|
-
</
|
|
335
|
-
</
|
|
336
|
-
</
|
|
337
|
-
<div class="es-editor-toolbar-item">
|
|
338
|
-
<el-tooltip
|
|
339
|
-
class="item"
|
|
340
|
-
effect="dark"
|
|
341
|
-
content="有序列表"
|
|
342
|
-
placement="bottom"
|
|
343
|
-
>
|
|
344
|
-
<el-button size="small">
|
|
345
|
-
<svg class="es-icon-svg" viewBox="0 0 1024 1024">
|
|
346
|
-
<path
|
|
347
|
-
d="M384 832h640v128H384z m0-384h640v128H384z m0-384h640v128H384zM192 0v256H128V64H64V0zM128 526.016v50.016h128v64H64v-146.016l128-60V384H64v-64h192v146.016zM256 704v320H64v-64h128v-64H64v-64h128v-64H64v-64z"
|
|
348
|
-
></path>
|
|
349
|
-
</svg>
|
|
350
|
-
</el-button>
|
|
351
|
-
</el-tooltip>
|
|
352
|
-
</div>
|
|
101
|
+
</Colors>
|
|
102
|
+
</div>
|
|
103
|
+
</template>
|
|
353
104
|
</div>
|
|
354
105
|
</template>
|
|
355
106
|
<script>
|
|
@@ -359,14 +110,6 @@ export default {
|
|
|
359
110
|
name: 'Toolbars',
|
|
360
111
|
components: { Colors },
|
|
361
112
|
mixins: [mixin],
|
|
362
|
-
inject: {
|
|
363
|
-
elForm: {
|
|
364
|
-
default: ''
|
|
365
|
-
},
|
|
366
|
-
elFormItem: {
|
|
367
|
-
default: ''
|
|
368
|
-
}
|
|
369
|
-
},
|
|
370
113
|
props: {
|
|
371
114
|
tags: Array,
|
|
372
115
|
fontSizes: Array,
|
|
@@ -440,25 +183,6 @@ export default {
|
|
|
440
183
|
: ['默认行高'].concat(this.lineHeights);
|
|
441
184
|
}
|
|
442
185
|
return lineHeights;
|
|
443
|
-
},
|
|
444
|
-
contents() {
|
|
445
|
-
return [
|
|
446
|
-
[
|
|
447
|
-
{ name: '正文', tips: '正文', contents: this._tags },
|
|
448
|
-
{
|
|
449
|
-
name: '引用',
|
|
450
|
-
tips: '引用',
|
|
451
|
-
path: 'M894.6 907.1H605.4c-32.6 0-59-26.4-59-59V608.2l-4-14.9c0-315.9 125.5-485.1 376.5-507.5v59.8C752.7 180.4 711.3 315.8 711.3 442.4v41.2l31.5 12.3h151.8c32.6 0 59 26.4 59 59v293.2c0 32.5-26.4 59-59 59z m-472 0H133.4c-32.6 0-59-26.4-59-59V608.2l-4-14.9c0-315.9 125.5-485.1 376.5-507.5v59.8C280.7 180.4 239.3 315.8 239.3 442.4v41.2l31.5 12.3h151.8c32.6 0 59 26.4 59 59v293.2c0 32.5-26.4 59-59 59z'
|
|
452
|
-
}
|
|
453
|
-
],
|
|
454
|
-
[
|
|
455
|
-
{
|
|
456
|
-
name: '粗体',
|
|
457
|
-
tips: '粗体',
|
|
458
|
-
path: 'M894.6 907.1H605.4c-32.6 0-59-26.4-59-59V608.2l-4-14.9c0-315.9 125.5-485.1 376.5-507.5v59.8C752.7 180.4 711.3 315.8 711.3 442.4v41.2l31.5 12.3h151.8c32.6 0 59 26.4 59 59v293.2c0 32.5-26.4 59-59 59z m-472 0H133.4c-32.6 0-59-26.4-59-59V608.2l-4-14.9c0-315.9 125.5-485.1 376.5-507.5v59.8C280.7 180.4 239.3 315.8 239.3 442.4v41.2l31.5 12.3h151.8c32.6 0 59 26.4 59 59v293.2c0 32.5-26.4 59-59 59z'
|
|
459
|
-
}
|
|
460
|
-
]
|
|
461
|
-
];
|
|
462
186
|
}
|
|
463
187
|
},
|
|
464
188
|
data() {
|
|
@@ -470,7 +194,9 @@ export default {
|
|
|
470
194
|
outdent: true
|
|
471
195
|
};
|
|
472
196
|
},
|
|
473
|
-
mounted() {
|
|
197
|
+
mounted() {
|
|
198
|
+
console.log(this.contents);
|
|
199
|
+
},
|
|
474
200
|
methods: {
|
|
475
201
|
handleCommand(type, res) {
|
|
476
202
|
switch (type) {
|
|
@@ -480,6 +206,8 @@ export default {
|
|
|
480
206
|
case 'family':
|
|
481
207
|
this.fontFamily = res;
|
|
482
208
|
break;
|
|
209
|
+
case 'tag2':
|
|
210
|
+
break;
|
|
483
211
|
default:
|
|
484
212
|
this.tag = res;
|
|
485
213
|
}
|
|
@@ -489,14 +217,8 @@ export default {
|
|
|
489
217
|
console.log(res);
|
|
490
218
|
},
|
|
491
219
|
selectBgColor(res) {
|
|
492
|
-
console.log(res);
|
|
220
|
+
typeof console.log(res);
|
|
493
221
|
}
|
|
494
|
-
},
|
|
495
|
-
beforeDestroy() {
|
|
496
|
-
const editor = this.editor;
|
|
497
|
-
if (editor == null) return;
|
|
498
|
-
editor.destroy(); // 组件销毁时,及时销毁编辑器
|
|
499
222
|
}
|
|
500
223
|
};
|
|
501
224
|
</script>
|
|
502
|
-
<style src="@wangeditor/editor/dist/css/style.css"></style>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<div class="commonOpinion">
|
|
3
3
|
<el-input
|
|
4
4
|
v-model="value"
|
|
5
|
-
:disabled="isBanInputOpinion == '1'"
|
|
5
|
+
:disabled="isBanInputOpinion == '1' || disabled"
|
|
6
6
|
type="textarea"
|
|
7
7
|
clear="inp"
|
|
8
8
|
placeholder="请输入意见"
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
></el-option>
|
|
30
30
|
</el-select>
|
|
31
31
|
<el-button
|
|
32
|
+
:disabled="disabled"
|
|
32
33
|
slot="append"
|
|
33
34
|
icon="el-icon-edit"
|
|
34
35
|
@click="dialogVisible = true"
|
|
@@ -107,6 +108,7 @@ export default {
|
|
|
107
108
|
optionList: [],
|
|
108
109
|
dialogVisible: false,
|
|
109
110
|
addVisible: false,
|
|
111
|
+
disabled: false,
|
|
110
112
|
FormData: {
|
|
111
113
|
id: null
|
|
112
114
|
}
|
|
@@ -120,10 +122,19 @@ export default {
|
|
|
120
122
|
opinion: {
|
|
121
123
|
type: String,
|
|
122
124
|
default: ''
|
|
125
|
+
},
|
|
126
|
+
nodeFixedOpinionSelectList: {
|
|
127
|
+
type: Array,
|
|
128
|
+
default: () => []
|
|
123
129
|
}
|
|
124
130
|
},
|
|
125
131
|
mounted() {
|
|
126
|
-
this.
|
|
132
|
+
if (this.nodeFixedOpinionSelectList.length > 0) {
|
|
133
|
+
this.optionList = this.nodeFixedOpinionSelectList;
|
|
134
|
+
this.disabled = true;
|
|
135
|
+
} else {
|
|
136
|
+
this.getCommonOpion();
|
|
137
|
+
}
|
|
127
138
|
},
|
|
128
139
|
watch: {
|
|
129
140
|
opinion(val) {
|
|
@@ -190,15 +201,22 @@ export default {
|
|
|
190
201
|
* @date 2022年5月25日
|
|
191
202
|
**/
|
|
192
203
|
selectChange(val) {
|
|
193
|
-
const that = this
|
|
194
|
-
util
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
204
|
+
const that = this;
|
|
205
|
+
util
|
|
206
|
+
.ajax({
|
|
207
|
+
url: findSysParam,
|
|
208
|
+
params: { cpName: 'commonOpinionsSelectType' }
|
|
209
|
+
})
|
|
210
|
+
.then((res) => {
|
|
211
|
+
if (res.status == 'success') {
|
|
212
|
+
res.data == 2
|
|
213
|
+
? (that.value = that.value + val)
|
|
214
|
+
: (that.value = val);
|
|
215
|
+
} else {
|
|
216
|
+
that.value = val;
|
|
217
|
+
}
|
|
218
|
+
this.$emit('change', that.value);
|
|
219
|
+
});
|
|
202
220
|
},
|
|
203
221
|
/**
|
|
204
222
|
* del
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<el-collapse v-model="activeNames" accordion>
|
|
3
|
-
<el-collapse-item title="预设节点信息(折叠不作处理)" name="1">
|
|
3
|
+
<el-collapse-item :title="customPresetHintMessage || '预设节点信息(折叠不作处理)'" name="1">
|
|
4
4
|
<div v-for="(item, index) of newPresetList" :key="index">
|
|
5
5
|
<el-form-item prop="flow" :label="`➤ 节点${index + 1}`">
|
|
6
6
|
<el-select
|
|
@@ -61,6 +61,10 @@ export default {
|
|
|
61
61
|
type: String,
|
|
62
62
|
default: ''
|
|
63
63
|
},
|
|
64
|
+
customPresetHintMessage: {
|
|
65
|
+
type: String,
|
|
66
|
+
default: ''
|
|
67
|
+
},
|
|
64
68
|
id: {
|
|
65
69
|
type: String,
|
|
66
70
|
default: ''
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<el-collapse v-model="parserActive" accordion>
|
|
3
|
-
<el-collapse-item title="预设办理人信息" name="1">
|
|
3
|
+
<el-collapse-item :title="'预设办理人信息'" name="1">
|
|
4
4
|
<div v-for="(item, index) of nodeList" :key="index">
|
|
5
5
|
<el-form-item prop="flow" :label="`➤ 节点`">
|
|
6
6
|
<el-select
|
|
@@ -61,6 +61,10 @@ export default {
|
|
|
61
61
|
type: String,
|
|
62
62
|
default: ''
|
|
63
63
|
},
|
|
64
|
+
customPresetHintMessage: {
|
|
65
|
+
type: String,
|
|
66
|
+
default: ''
|
|
67
|
+
},
|
|
64
68
|
presetTaskNodeMap: {
|
|
65
69
|
type: Object,
|
|
66
70
|
default: () => {}
|