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.
Files changed (72) hide show
  1. package/lib/button-group.js +40 -13
  2. package/lib/button.js +35 -8
  3. package/lib/checkbox-group.js +35 -8
  4. package/lib/data-table-form.js +35 -8
  5. package/lib/data-table.js +97 -34
  6. package/lib/date-picker.js +35 -8
  7. package/lib/dialog.js +52 -39
  8. package/lib/editor.js +659 -1353
  9. package/lib/eoss-ui.common.js +10828 -10451
  10. package/lib/flow-group.js +37 -26
  11. package/lib/flow-list.js +35 -8
  12. package/lib/flow.js +164 -56
  13. package/lib/form.js +10081 -9075
  14. package/lib/handle-user.js +39 -12
  15. package/lib/handler.js +35 -8
  16. package/lib/icons.js +2 -2
  17. package/lib/index.js +1 -1
  18. package/lib/input-number.js +35 -8
  19. package/lib/input.js +35 -8
  20. package/lib/login.js +35 -8
  21. package/lib/main.js +35 -8
  22. package/lib/mainComp.js +35 -8
  23. package/lib/nav.js +35 -8
  24. package/lib/page.js +35 -8
  25. package/lib/player.js +37 -10
  26. package/lib/qr-code.js +35 -8
  27. package/lib/radio-group.js +35 -8
  28. package/lib/select-ganged.js +35 -8
  29. package/lib/select.js +35 -8
  30. package/lib/selector-panel.js +37 -10
  31. package/lib/selector.js +37 -10
  32. package/lib/sizer.js +35 -8
  33. package/lib/steps.js +35 -8
  34. package/lib/switch.js +35 -8
  35. package/lib/table-form.js +48 -13
  36. package/lib/tabs.js +40 -36
  37. package/lib/theme-chalk/editor.css +1 -1
  38. package/lib/theme-chalk/index.css +1 -1
  39. package/lib/tips.js +35 -8
  40. package/lib/tree-group.js +39 -21
  41. package/lib/tree.js +35 -8
  42. package/lib/upload.js +43 -14
  43. package/lib/utils/util.js +35 -8
  44. package/lib/wujie.js +35 -8
  45. package/lib/wxlogin.js +35 -8
  46. package/package.json +3 -1
  47. package/packages/button-group/src/main.vue +3 -3
  48. package/packages/data-table/src/column.vue +6 -0
  49. package/packages/data-table/src/main.vue +12 -0
  50. package/packages/dialog/src/main.vue +3 -11
  51. package/packages/editor/src/editor.vue +25 -0
  52. package/packages/editor/src/main.vue +6 -2
  53. package/packages/editor/src/minx.js +16 -8
  54. package/packages/editor/src/toolbar.vue +71 -349
  55. package/packages/flow/src/component/CommonOpinions.vue +29 -11
  56. package/packages/flow/src/component/CustomPreset.vue +5 -1
  57. package/packages/flow/src/component/Preset.vue +5 -1
  58. package/packages/flow/src/main.vue +21 -1
  59. package/packages/flow/src/processForm.vue +17 -10
  60. package/packages/flow/src/selectUser.vue +9 -2
  61. package/packages/flow-group/src/main.vue +0 -8
  62. package/packages/form/src/main.vue +1519 -1462
  63. package/packages/form/src/table.vue +8 -0
  64. package/packages/handle-user/src/main.vue +2 -2
  65. package/packages/tabs/src/main.vue +1 -10
  66. package/packages/theme-chalk/lib/editor.css +1 -1
  67. package/packages/theme-chalk/lib/index.css +1 -1
  68. package/packages/theme-chalk/src/editor.scss +30 -0
  69. package/packages/tree-group/src/main.vue +0 -2
  70. package/packages/upload/src/main.vue +3 -1
  71. package/src/index.js +1 -1
  72. package/src/utils/util.js +41 -8
@@ -1,10 +1,13 @@
1
1
  <template>
2
2
  <div class="es-editor-toolbar">
3
- <div v-for="(items, indexs) in contents" :key="indexs">
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('tag', res);
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
- {{ tag }}<i class="el-icon-caret-bottom el-icon--right"></i>
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="item in _tags"
33
- :class="{ active: item == tag }"
34
- :key="item"
35
- :command="item"
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
- class="item"
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
- {{ fontSize }}<i class="el-icon-caret-bottom el-icon--right"></i>
238
- </el-button>
239
- </el-tooltip>
240
- <el-dropdown-menu slot="dropdown">
241
- <el-dropdown-item
242
- class="es-editor-dropdown-item"
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
- {{ fontFamily }}<i class="el-icon-caret-bottom el-icon--right"></i>
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
- <el-dropdown-menu slot="dropdown">
278
- <el-dropdown-item
279
- class="es-editor-dropdown-item"
280
- v-for="item in _fontFamilys"
281
- :class="{ active: item == fontFamily }"
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
- <el-button size="small">
306
- {{ lineHeight }}<i class="el-icon-caret-bottom el-icon--right"></i>
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
- </el-button>
335
- </el-tooltip>
336
- </div>
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.getCommonOpion();
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.ajax({ url: findSysParam,params:{cpName:'commonOpinionsSelectType'} }).then((res) => {
195
- if (res.status == 'success') {
196
- res.data == 2 ? (that.value = that.value + val) : (that.value = val);
197
- }else{
198
- that.value = val
199
- }
200
- this.$emit('change', that.value);
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: () => {}