zydx-plus 1.33.395 → 1.33.397

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 (6) hide show
  1. package/package.json +1 -1
  2. package/src/components/tipBox/index.js +1 -1
  3. package/src/components/tipBox/src/main.vue +13 -1
  4. package/src/components/tipBox/src/zydxStyle.css +20 -1
  5. package/src/index.js +1 -1
  6. package/src/components/editor/editor.vue +0 -675
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zydx-plus",
3
- "version": "1.33.395",
3
+ "version": "1.33.397",
4
4
  "description": "Vue.js",
5
5
  "main": "src/index.js",
6
6
  "files": [
package/src/components/tipBox/index.js CHANGED
@@ -18,7 +18,7 @@ const Confirm = ({ type, url ,title,radioArr,checkboxArr,submitText,cancelText,c
18
18
  for(let i=0; i< inputArr.length; i++) {
19
19
  if(inputArr[i].type === 'select') {
20
20
  val.push(inputArr[i].selectValue)
21
- }else {
21
+ } else {
22
22
  if(inputArr[i].type === 'textarea'){
23
23
  inputArr[i].value = XtxConfirm.methods.getTextareaContent()
24
24
  }
package/src/components/tipBox/src/main.vue CHANGED
@@ -93,7 +93,16 @@
93
93
  }}
94
94
  </button>
95
95
  </div>
96
-
96
+ <div v-if="item.type === 'radio'" class="ph-code">
97
+ <div class="input-radio">
98
+ <div class="input-radio-item" v-for="(item2,index2) in item.option">
99
+ <label>
100
+ <input type="radio" :name="`radio${index}`" :value="item2.value" @change="radioTao2(item,item2)" :checked="item.value === item2.value" :disabled="item2.disabled" />
101
+ <span>{{ item2.label }}</span>
102
+ </label>
103
+ </div>
104
+ </div>
105
+ </div>
97
106
  <p v-if="item.text" class="prompt">{{ item.text }}</p>
98
107
  </div>
99
108
  </div>
@@ -262,6 +271,9 @@ export default {
262
271
  valueState(v) {
263
272
  return v === '' || v === undefined || v === null;
264
273
  },
274
+ radioTao2(v,n) {
275
+ v.value = n.value
276
+ },
265
277
  radioTao(index) {
266
278
  this.radioArr.forEach(item => {
267
279
  item.checked = false
package/src/components/tipBox/src/zydxStyle.css CHANGED
@@ -156,7 +156,26 @@
156
156
  font-size: 14px;
157
157
  }
158
158
 
159
- .tip-input input {
159
+ .input-radio{
160
+ width: 300px;
161
+ display: flex;
162
+ }
163
+ .input-radio-item{
164
+ line-height: 30px;
165
+ margin-right: 20px;
166
+ }
167
+
168
+ .input-radio-item input{
169
+ position: relative;
170
+ top: 1px;
171
+ }
172
+
173
+ .input-radio-item span{
174
+ font-size: 16px;
175
+ padding-left: 5px;
176
+ }
177
+
178
+ .input-name > input, .cal > input, .number-input > input {
160
179
  width: 300px;
161
180
  height: 32px;
162
181
  box-sizing: border-box;
package/src/index.js CHANGED
@@ -83,7 +83,7 @@ function install(app) {
83
83
  }
84
84
 
85
85
  export default {
86
- version: '1.33.395',
86
+ version: '1.33.397',
87
87
  install,
88
88
  Calendar,
89
89
  Message,
package/src/components/editor/editor.vue DELETED
@@ -1,675 +0,0 @@
1
- <template>
2
- <div>
3
- <div class="fontSize20 height30 lineHeight30">代码示例：</div>
4
- <div style="min-height: 1300px; position: relative; z-index: 20;">
5
- <zydx-editor ref="editor"
6
- :getOffice="getOffice"
7
- :html="html"
8
- :menusText="menusText"
9
- :readOnly="readOnly"
10
- :toolbar="toolbar"
11
- :uploadAttachment="uploadAttachment"
12
- :uploadImage="uploadImage"
13
- @confirm="confirm">
14
- </zydx-editor>
15
- <button @click="du">只读</button>
16
- <button @click="qie(1)">按钮</button>
17
- <button @click="xia">下载</button>
18
- </div>
19
- <div>
20
- <div>
21
- <div class="fontSize20 height30 lineHeight30">代码片段：</div>
22
- <pre class="language-xml" v-html="content"></pre>
23
- </div>
24
- </div>
25
- <div class="margin30_0">
26
- <div>
27
- <div class="fontSize20 height30 lineHeight30">参数说明:</div>
28
- <div>
29
- <el-table
30
- :data="paramTableData"
31
- border
32
- style="width: 100%">
33
- <el-table-column
34
- label="参数字段"
35
- prop="field_key"
36
- width="180">
37
- </el-table-column>
38
- <el-table-column
39
- label="参数名称"
40
- prop="field_title"
41
- width="180">
42
- </el-table-column>
43
- <el-table-column
44
- label="示例值"
45
- prop="field_value">
46
- </el-table-column>
47
- <el-table-column
48
- label="类型"
49
- prop="field_type"
50
- width="100">
51
- </el-table-column>
52
- <el-table-column
53
- label="默认值"
54
- prop="field_default"
55
- width="80">
56
- </el-table-column>
57
- <el-table-column
58
- label="备注"
59
- prop="field_remarks">
60
- </el-table-column>
61
- </el-table>
62
- </div>
63
- </div>
64
- </div>
65
- <div class="margin30_0">
66
- <div class="fontSize20 height30 lineHeight30">回调说明:</div>
67
- <div>
68
- <el-table
69
- :data="methodTableData2"
70
- border
71
- style="width: 100%">
72
- <el-table-column
73
- label="回调方法"
74
- prop="method_key"
75
- width="180">
76
- </el-table-column>
77
- <el-table-column
78
- label="回调名称"
79
- prop="method_title"
80
- width="180">
81
- </el-table-column>
82
- <el-table-column
83
- label="回调说明"
84
- prop="method_describe"
85
- width="360">
86
- </el-table-column>
87
- <el-table-column
88
- label="备注"
89
- prop="method_remarks">
90
- </el-table-column>
91
- </el-table>
92
- </div>
93
- </div>
94
- </div>
95
- </template>
96
-
97
- <script>
98
- // import zydxEditor from "../../components/editor/src/editor-copy.vue";
99
- import zydxEditor from "../../components/editor/src/editor";
100
-
101
- export default {
102
- name: "editor",
103
- components: {zydxEditor},
104
- mounted() {
105
- /**
106
- * 转换高亮显示代码 代码片段用的
107
- */
108
- const htmlContent = this.$Prism.highlight(this.content, this.$Prism.languages.xml, 'xml');
109
- this.content = htmlContent
110
- let _this = this
111
- // setTimeout(() => {
112
- // _this.html = [{
113
- // type: "doc",
114
- // content: [{
115
- // type: "paragraph",
116
- // attrs: {
117
- // exegesisId: null,
118
- // signId: null,
119
- // cont: null,
120
- // titleId: null,
121
- // lineHeightId: null,
122
- // dataUrl: null,
123
- // textAlign: "left"
124
- // },
125
- // content: [{type: "text", text: "gfsdgfdsgfdgfdsgfd"}, {
126
- // type: "text",
127
- // marks: [{"type": "superscript"}],
128
- // text: "[2]"
129
- // }, {type: "text", text: " "}]
130
- // }]
131
- // }]
132
- // console.log('11111111111111111',_this.html)
133
- // },1000)
134
- },
135
- data() {
136
- return {
137
- getOffice: {
138
- server: 'http://192.168.15.124:8888/zydx/lessonResource/editOfficeFile',
139
- meta: {
140
- bizId: 'b5063ffdac7047f6ba27d198ffb5b847',
141
- },
142
- headers: {
143
- Authorization: '4499776d-289b-4dd5-b7c4-b74071737172'
144
- },
145
- },
146
- uploadImage: {
147
- server: 'http://192.168.15.124:8888/zydx/lessonResource/upload/img',
148
- headers: {
149
- Authorization: '4499776d-289b-4dd5-b7c4-b74071737172'
150
- },
151
- customInsert(res, insertFn) {
152
- insertFn('http://192.168.15.124:8888' + res.data)
153
- },
154
- onSuccess(file, res) {
155
- console.log('图片上传成功')
156
- },
157
- },
158
- uploadAttachment: {
159
- server: 'http://192.168.15.124:8888/zydx/fileanex/uploadfile',
160
- fieldName: 'file',
161
- maxFileSize: 100 * 1024 * 1024,
162
- meta: {
163
- bizId: 'b5063ffdac7047f6ba27d198ffb5b847',
164
- },
165
- headers: {
166
- Authorization: '4499776d-289b-4dd5-b7c4-b74071737172'
167
- },
168
- // 在上传之前
169
- onBeforeUpload(file) {
170
- return file
171
- },
172
- // 关于进展
173
- onProgress(progress) {
174
- console.log('onProgress', progress)
175
- },
176
- // 成功回调
177
- onSuccess(file, res) {
178
- if (res.errno === 0) {
179
- console.log('附件上传成功')
180
- }
181
- },
182
- // 失败回调
183
- onFailed(file, res) {
184
- if (res.errno === 1) {
185
- console.log('附件上传失败')
186
- }
187
- },
188
- // 错误
189
- onError(file, err, res) {
190
- console.error('onError', file, err, res)
191
- },
192
- // 上传成功后，用户自定义插入文件
193
- customInsert(res, file, insertFn) {
194
- const {fileName, filePath} = res.data.annex
195
- // 插入附件到编辑器
196
- insertFn(fileName, 'http://192.168.5.213:8888' + filePath)
197
- },
198
-
199
- // 用户自定义上传
200
- // customUpload(file, insertFn) {
201
- //
202
- // return new Promise(resolve => {
203
- // // 插入一个文件，模拟异步
204
- // setTimeout(() => {
205
- // const src = 'https://www.w3school.com.cn/i/movie.ogg'
206
- // insertFn('名字', 'http://192.168.5.213:8888')
207
- // resolve('ok')
208
- // }, 500)
209
- // })
210
- // },
211
-
212
- // 自定义选择
213
- // customBrowseAndUpload(insertFn) {
214
- // // 自己上传文件
215
- // insertFn(fileName, link)
216
- // },
217
- // 插入到编辑器后的回调
218
- onInsertedAttachment(elem) {
219
- console.log('回调', elem)
220
- }
221
- },
222
- html:[],
223
- htmls: [
224
- {
225
- node: 'element',
226
- tag: 'sign',
227
- child: []
228
- },
229
- {
230
- node: "element",
231
- tag: "h3",
232
- child: [
233
- {
234
- node: "text",
235
- text: "这是一段测试文字"
236
- }
237
- ]
238
- },
239
- {
240
- node: "element",
241
- tag: "p",
242
- attr: {'data-sid': 'prohibit'},
243
- child: [
244
- {
245
- node: "text",
246
- text: "这是一段测试文字"
247
- }
248
- ]
249
- },
250
- {
251
- attr: {
252
- 'contenteditable': "false",
253
- 'data-signid': "enclosure"
254
- },
255
- node: "element",
256
- tag: 'p',
257
- child: [
258
- {
259
- node: "element",
260
- tag: "strong",
261
- child: [
262
- {
263
- attr: {
264
- 'style': [
265
- 'font-size:',
266
- '16px'
267
- ],
268
- },
269
- node: "element",
270
- tag: "span",
271
- child: [
272
- {
273
- node: "text",
274
- text: "附件列表："
275
- }
276
- ]
277
- }
278
- ]
279
- }
280
- ]
281
- },
282
- {
283
- attr: {
284
- 'contenteditable': "false",
285
- 'data-signid': "u-1",
286
- 'class': "mu",
287
- 'data-url': "http://192.168.5.213:8888/group1/M00/02/F4/wKgF1WUs7pSAA241AABGH775R_U20.xlsx"
288
- },
289
- node: "element",
290
- tag: 'p',
291
- child: [
292
- {
293
- node: "text",
294
- text: '1. 接口.xlsx'
295
- }
296
- ]
297
- },
298
- {
299
- attr: {
300
- 'contenteditable': "false",
301
- 'data-signid': "u-2",
302
- 'class': "mu",
303
- 'data-url': "http://192.168.5.213:8888/group1/M00/02/F4/wKgF1WUs7pSAA241AABGH775R_U20.xlsx"
304
- },
305
- node: "element",
306
- tag: 'p',
307
- child: [
308
- {
309
- node: "text",
310
- text: '2. 接口.xlsx'
311
- }
312
- ]
313
- }
314
- ],
315
- readOnly: false,
316
- menusText: [
317
- {
318
- key: 'signMenu',
319
- text: '致用大学',
320
- ico: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABPCAYAAAB8kULjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOThBN0E1NUNDM0QxMUU4QjNFQ0Y2RTQyQUQxOTZGQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOThBN0E1NkNDM0QxMUU4QjNFQ0Y2RTQyQUQxOTZGQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI5OEE3QTUzQ0MzRDExRThCM0VDRjZFNDJBRDE5NkZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI5OEE3QTU0Q0MzRDExRThCM0VDRjZFNDJBRDE5NkZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WxRDagAAFoJJREFUeNrMnQl8VdXx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'
321
- },
322
- {
323
- key: 'titleMenu',
324
- text: '标题'
325
- },
326
- {
327
- key: 'authorMenu',
328
- text: '作者'
329
- },
330
- {
331
- key: 'numberMenu',
332
- text: '178832'
333
- },
334
- {
335
- key: 'subjectMenu',
336
- text: '题目题目题目题目题目题目题目题目题目'
337
- }
338
- ],
339
- // toolbar: ['headerSelect','fontSize',{
340
- // key: 'group-color',
341
- // title: '颜色选择',
342
- // menuKeys: ['color','bgColor']
343
- // },{
344
- // key: 'group-align',
345
- // title: '文字对齐',
346
- // menuKeys: ['justifyLeft','justifyRight','justifyCenter']
347
- // },'signMenu','redMenu','literatureMenu','titleMenu','taggingMenu','authorMenu',{
348
- // key: 'group-image',
349
- // title: '上传图片',
350
- // menuKeys: ['insertImage', 'uploadImage']
351
- // },{
352
- // key: 'group-upload',
353
- // title: '上传文件',
354
- // menuKeys: ['uploadAttachment']
355
- // },{
356
- // key: 'group-formula',
357
- // title: '数学公式',
358
- // menuKeys: ['insertFormula','editFormula']
359
- // }],
360
- toolbar: [
361
- 'shortcut', 'pageMargin',
362
- 'redMenu', 'outlineMenu', 'subjectMenu', 'authorMenu', 'textMenu', 'titleMenu', 'numberMenu', {
363
- key: 'group-image',
364
- title: '上传图片',
365
- menuKeys: ['insertImage', 'uploadImage']
366
- }, {
367
- key: 'group-upload',
368
- title: '上传文件',
369
- menuKeys: ['uploadAttachment']
370
- }, 'ackMenu'],
371
- // 模拟数据
372
- content: `<zydx-editor :readOnly="false" :toolbar="toolbar" @confirm="confirm"></zydx-editor>`,
373
- // 参数说明
374
- paramTableData: [
375
- {
376
- field_key: 'html',
377
- field_title: '赋值html',
378
- field_value: ``,
379
- field_type: 'String',
380
- field_default: '',
381
- field_remarks: ''
382
- }, {
383
- field_key: 'page',
384
- field_title: '是否分页显示',
385
- field_value: ``,
386
- field_type: 'Boolean',
387
- field_default: 'true',
388
- field_remarks: ''
389
- }, {
390
- field_key: 'placeholder',
391
- field_title: '默认文字内容',
392
- field_value: `请开始你的表演`,
393
- field_type: 'String',
394
- field_default: '',
395
- field_remarks: ''
396
- }, {
397
- field_key: 'butShow',
398
- field_title: '是否显示完成按钮',
399
- field_value: ``,
400
- field_type: 'Boolean',
401
- field_default: 'true',
402
- field_remarks: ''
403
- }, {
404
- field_key: 'readOnly',
405
- field_title: '是否可编辑',
406
- field_value: ``,
407
- field_type: 'Boolean',
408
- field_default: 'true',
409
- field_remarks: ''
410
- }, {
411
- field_key: 'menusText',
412
- field_title: '是否可编辑',
413
- field_value: `[{
414
- key: 'titleMenu',
415
- text: '标题'
416
- }],`,
417
- field_type: 'Array',
418
- field_default: '',
419
- field_remarks: ''
420
- }, {
421
- field_key: 'toolbar',
422
- field_title: '工具栏配置',
423
- field_value: `['fontSize',{
424
- key: 'group-color',
425
- title: '颜色选择',
426
- menuKeys: ['color','bgColor']
427
- },{
428
- key: 'group-align',
429
- title: '文字对齐',
430
- menuKeys: ['justifyLeft','justifyRight','justifyCenter']
431
- },'signMenu','redMenu',{
432
- key: 'group-image',
433
- title: '上传图片',
434
- menuKeys: ['insertImage', 'uploadImage']
435
- },{
436
- key: 'group-upload',
437
- title: '上传文件',
438
- menuKeys: ['uploadAttachment']
439
- }]`,
440
- field_type: 'Array',
441
- field_default: '',
442
- field_remarks: ''
443
- }, {
444
- field_key: 'uploadImage',
445
- field_title: '上传配置',
446
- field_value: `uploadImage:{
447
- // 请求路径
448
- server: "api",
449
- // 后端接收的文件名称
450
- fieldName: "file",
451
- maxFileSize: 1 * 1024 * 1024, // 1M
452
- // 上传的图片类型
453
- allowedFileTypes: ["image/*"],
454
- // 小于该值就插入 base64 格式（而不上传），默认为 0
455
- base64LimitSize: 10 * 1024, // 10MB
456
- // 自定义插入返回格式【后端返回的格式】
457
- customInsert(res, insertFn) {
458
- if(res.code != 200 && res.success == false){
459
- console.log('上传文件失败',res)
460
- return
461
- }
462
- insertFn(res.data.url, res.data.alt, res.data.href)
463
- },
464
- // 携带的数据
465
- meta: {
466
- token: ''
467
- },
468
- // 将 meta 拼接到 url 参数中，默认 false
469
- metaWithUrl: true,
470
- // 单个文件上传成功之后
471
- onSuccess(file, res) {
472
- if(res.code == 200 && res.success){
473
- console.log('上传成功')
474
- return
475
- }else {
476
- console.log('上传出了点异常')
477
- return
478
- }
479
- // console.log('上传成功', res)
480
- },
481
- // 单个文件上传失败
482
- onFailed(file, res) {
483
- console.log('上传失败',res)
484
- },
485
- // 上传错误，或者触发 timeout 超时
486
- onError(file, err, res) {
487
- console.log(err, res)
488
- },
489
- }`,
490
- field_type: 'Object',
491
- field_default: '',
492
- field_remarks: ''
493
- }, {
494
- field_key: 'getOffice',
495
- field_title: '获取Office配置',
496
- field_value: `getOffice:{
497
- meta: {
498
- bizId: 'b5063ffdac7047f6ba27d198ffb5b847',
499
- },
500
- headers: {
501
- Authorization:'token'
502
- },
503
- server: '/zydx/lessonResource/editOfficeFile',
504
- }
505
- }`,
506
- field_type: 'Object',
507
- field_default: '',
508
- field_remarks: ''
509
- }, {
510
- field_key: 'uploadAttachment',
511
- field_title: '上传文件配置',
512
- field_value: `uploadAttachment:{
513
- server: 'api',
514
- fieldName: 'file',
515
- maxFileSize: 100 * 1024 * 1024, // 100M
516
- // 携带的数据
517
- meta: {
518
- token: 'token'
519
- },
520
- // 在上传之前
521
- onBeforeUpload(file) {
522
- console.log('onBeforeUpload', file)
523
- return file // 上传 file 文件
524
- // return false // 会阻止上传
525
- },
526
- // 关于进展
527
- onProgress(progress) {
528
- console.log('onProgress', progress)
529
- },
530
- // 成功回调
531
- onSuccess(file, res) {
532
- if(res.errno === 0){
533
- console.log('附件上传成功')
534
- }
535
- },
536
- // 失败回调
537
- onFailed(file, res) {
538
- if(res.errno === 1){
539
- console.log('附件上传失败')
540
- }
541
- },
542
- // 错误
543
- onError(file, err, res) {
544
- console.error('onError', file, err, res)
545
- },
546
-
547
- // // 上传成功后，用户自定义插入文件
548
- // customInsert(res: any, file: File, insertFn: Function) {
549
- // console.log('customInsert', res)
550
- // const { url } = res.data || {}
551
- // if (!url) throw new Error('url is empty')
552
-
553
- // // 插入附件到编辑器
554
- // insertFn('名字', url)
555
- // },
556
-
557
- // // 用户自定义上传
558
- // customUpload(file: File, insertFn: Function) {
559
- // console.log('customUpload', file)
560
-
561
- // return new Promise(resolve => {
562
- // // 插入一个文件，模拟异步
563
- // setTimeout(() => {
564
- // const src = 'https://www.w3school.com.cn/i/movie.ogg'
565
- // insertFn('名字', src)
566
- // resolve('ok')
567
- // }, 500)
568
- // })
569
- // },
570
-
571
- // // 自定义选择
572
- // customBrowseAndUpload(insertFn: Function) {
573
- // alert('自定义选择文件，如弹出图床')
574
- // // 自己上传文件
575
- // // 上传之后用 insertFn(fileName, link) 插入到编辑器
576
- // },
577
- // 插入到编辑器后的回调
578
- onInsertedAttachment(elem) {
579
- console.log(elem)
580
- }
581
- },`,
582
- field_type: 'Object',
583
- field_default: '',
584
- field_remarks: ''
585
- }, {
586
- field_key: '按钮名字',
587
- field_title: '',
588
- field_value: `outlineMenu: 大纲级别,
589
- ackMenu:致谢,signMenu:添加标志,
590
- titleMenu:字体,textMenu:字号,
591
- redMenu:添加红头,authorMenu:添加作者,
592
- subjectMenu:添加题目,paragraphMenu:添加落款,
593
- numberMenu:标注编号,keywordMenu:关键词,
594
- abstractMenu:添加摘要,literatureMenu:添加文献,
595
- taggingMenu:添加标注,group-image:上传图片,'voiceInput':语音输入`,
596
- field_type: '',
597
- field_default: '',
598
- field_remarks: ''
599
- }, {
600
- field_key: 'fileName',
601
- field_title: 'word文件名字',
602
- field_value: ``,
603
- field_type: 'fileName',
604
- field_default: '题',
605
- field_remarks: ''
606
- }],
607
- methodTableData2: [
608
- {
609
- method_key: '@confirm',
610
- method_title: '返回html',
611
- method_describe: '',
612
- method_remarks: ''
613
- }, {
614
- method_key: 'this.$refs.editor.exportToWord()',
615
- method_title: '导出word',
616
- method_describe: '',
617
- method_remarks: ''
618
- }, {
619
- method_key: 'this.$refs.editor.signMenu()',
620
- method_title: '隐藏显示标志',
621
- method_describe: '',
622
- method_remarks: ''
623
- }, {
624
- method_key: 'this.$refs.editor.titleMenu(e => {})',
625
- method_title: '隐藏显示标题',
626
- method_describe: '',
627
- method_remarks: ''
628
- }, {
629
- method_key: 'this.$refs.editor.authorMenu(e => {})',
630
- method_title: '隐藏显示作者',
631
- method_describe: '',
632
- method_remarks: ''
633
- }, {
634
- method_key: 'this.$refs.editor.abstractMenu(e => {})',
635
- method_title: '隐藏显示摘要',
636
- method_describe: '',
637
- method_remarks: ''
638
- }, {
639
- method_key: 'this.$refs.editor.keywordMenu(e => {})',
640
- method_title: '隐藏显示关键词',
641
- method_describe: '',
642
- method_remarks: ''
643
- }, {
644
- method_key: 'this.$refs.editor.textMenu(e => {})',
645
- method_title: '隐藏显示正文',
646
- method_describe: '',
647
- method_remarks: ''
648
- }]
649
- }
650
- },
651
- methods: {
652
- xia() {
653
- this.$refs.editor.exportToWord()
654
- },
655
- qie() {
656
- this.$refs.editor.titleMenu((e) => {
657
- console.log(e)
658
- })
659
- },
660
- du() {
661
- this.readOnly = !this.readOnly
662
- },
663
- confirm(e) {
664
- console.log(e)
665
- }
666
- }
667
- }
668
- </script>
669
-
670
- <style scoped>
671
- .padding20{
672
- padding: 0!important;
673
- }
674
- </style>
675
-