zydx-plus 1.33.350 → 1.33.351
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/package.json +1 -1
- package/src/components/editor/src/butJson.js +26 -18
- package/src/components/editor/src/editor.vue +129 -78
- package/src/index.js +1 -1
package/package.json
CHANGED
|
@@ -46,12 +46,14 @@ export function butJson(editor, data) {
|
|
|
46
46
|
key: 'authorMenu',
|
|
47
47
|
menuKeys: [],
|
|
48
48
|
html: `<p class="author" data-signId="author" style="text-align: center;"><span style="color: rgb(0, 0, 0);font-size: 14px;font-family: KaiT;">${menusData(data, 'authorMenu').text}：</span></p>`
|
|
49
|
-
},
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
49
|
+
},
|
|
50
|
+
// {
|
|
51
|
+
// name: '抬 头',
|
|
52
|
+
// key: 'authorMenu',
|
|
53
|
+
// menuKeys: [],
|
|
54
|
+
// html: `<p class="author" data-signId="author" style="text-align: center;"><span style="color: rgb(0, 0, 0);font-size: 16px;font-family: KaiT;">${menusData(data, 'authorMenu').text}</span></p>`
|
|
55
|
+
// },
|
|
56
|
+
{
|
|
55
57
|
name: '摘 要',
|
|
56
58
|
key: 'abstractMenu',
|
|
57
59
|
menuKeys: [],
|
|
@@ -66,17 +68,17 @@ export function butJson(editor, data) {
|
|
|
66
68
|
key: 'paragraphTitle',
|
|
67
69
|
menuKeys: [],
|
|
68
70
|
html: `<p data-signId="paragraph" class="indent"><span style="color: rgb(0, 0, 0);font-size: 16px;font-weight: 700;">标题名称</span></p>`
|
|
69
|
-
},{
|
|
71
|
+
}, {
|
|
70
72
|
name: '正 文',
|
|
71
73
|
key: 'paragraphBody',
|
|
72
74
|
menuKeys: [],
|
|
73
75
|
html: `<p class="indent"><span style="color: rgb(0, 0, 0);font-size: 14px; font-family:SimHei;">正文内容</span></p>`
|
|
74
|
-
},{
|
|
76
|
+
}, {
|
|
75
77
|
name: '信息源',
|
|
76
78
|
key: 'sourcesInfo',
|
|
77
79
|
menuKeys: [],
|
|
78
80
|
html: `<p style="text-align: right;"><span style="color: rgb(0, 0, 0);font-size: 14px;">———— </span><span style="color: rgb(0, 0, 0);font-size: 14px;font-family: SimSun;">信息源文本</span></p>`
|
|
79
|
-
},{
|
|
81
|
+
}, {
|
|
80
82
|
name: '落 款',
|
|
81
83
|
key: 'paragraphMenu',
|
|
82
84
|
menuKeys: [],
|
|
@@ -108,14 +110,14 @@ export function butJson(editor, data) {
|
|
|
108
110
|
menuKeys: [
|
|
109
111
|
// {name: '缩 进', key: 'indent'},
|
|
110
112
|
// {name: '行间距', key: 'LineSpace',
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
113
|
+
/*childMenuKeys: [
|
|
114
|
+
{name: '1倍', key: '1'},
|
|
115
|
+
{name: '1.25倍', key: '1.25'},
|
|
116
|
+
{name: '1.5倍', key: '1.5'},
|
|
117
|
+
{name: '2倍', key: '2'},
|
|
118
|
+
{name: '2.5倍', key: '2.5'},
|
|
119
|
+
{name: '3倍', key: '3'}
|
|
120
|
+
]*/
|
|
119
121
|
// },
|
|
120
122
|
],
|
|
121
123
|
},
|
|
@@ -305,7 +307,13 @@ export function butJson(editor, data) {
|
|
|
305
307
|
{name: '自定义', key: 'customize'},
|
|
306
308
|
],
|
|
307
309
|
html: []
|
|
308
|
-
}
|
|
310
|
+
},
|
|
311
|
+
{
|
|
312
|
+
name: '上传附件',
|
|
313
|
+
key: 'group-upload',
|
|
314
|
+
childMenuKeys: [],
|
|
315
|
+
html: `<p contenteditable="false" data-signId="enclosure"><span style="font-weight: 700;font-size: 16px;">附件列表：</span></p>`
|
|
316
|
+
},
|
|
309
317
|
],
|
|
310
318
|
}
|
|
311
319
|
}
|
|
@@ -67,22 +67,18 @@
|
|
|
67
67
|
<!-- </div>-->
|
|
68
68
|
<!-- </div>-->
|
|
69
69
|
</div>
|
|
70
|
-
<div :class="{'editor-content-show': !editableShow
|
|
70
|
+
<div class="editor-content" :class="{'editor-content-show': !editableShow}">
|
|
71
71
|
<div class="editing">
|
|
72
|
-
<div v-if="signMenuShow"
|
|
72
|
+
<div class="editing-header" v-if="signMenuShow">
|
|
73
73
|
<img :src="menusData('signMenu')?.ico" alt=""/>
|
|
74
74
|
<span>{{ menusData('signMenu')?.text }}</span>
|
|
75
75
|
</div>
|
|
76
|
-
<editor-content
|
|
77
|
-
@paste.native.capture.prevent="preventPaste">
|
|
78
|
-
</editor-content>
|
|
76
|
+
<editor-content @paste.native.capture.prevent="preventPaste" class="editing-cont" :editor="editor"></editor-content>
|
|
79
77
|
<div class="menu">
|
|
80
|
-
|
|
81
|
-
<button class="but" @click="
|
|
82
|
-
<button class="but" @click="
|
|
83
|
-
<button v-if="!readOnly" class="but" @click="enlDel">删除</button>
|
|
78
|
+
<button class="but" @click="enlSee" v-if="readOnly">查看</button>
|
|
79
|
+
<button class="but" @click="enlDownload" v-if="readOnly">下载</button>
|
|
80
|
+
<button class="but" @click="enlDel" v-if="!readOnly">删除</button>
|
|
84
81
|
</div>
|
|
85
|
-
|
|
86
82
|
</div>
|
|
87
83
|
</div>
|
|
88
84
|
|
|
@@ -224,12 +220,12 @@
|
|
|
224
220
|
:minimizeCir="false" :title="titlePopup"
|
|
225
221
|
height="auto" @close="isShowPopup=false">
|
|
226
222
|
<template v-if="showTaggingMenu" #content>
|
|
227
|
-
<div
|
|
228
|
-
<div
|
|
229
|
-
<span
|
|
230
|
-
<div class="tip-btn" @click="taggingMenuCancel" v-html="'取消创建'"></div>
|
|
223
|
+
<div class="p-popup-box">
|
|
224
|
+
<div class="p-popup-title-box">
|
|
225
|
+
<span class="p-popup-title-name">注释内容</span>
|
|
226
|
+
<div v-if="!readOnly" class="tip-btn" @click="taggingMenuCancel" v-html="'取消创建'"></div>
|
|
231
227
|
</div>
|
|
232
|
-
<div
|
|
228
|
+
<div class="p-popup-content-box">
|
|
233
229
|
<div class="tip-boxContent">
|
|
234
230
|
<zydx-textarea
|
|
235
231
|
ref="textarea"
|
|
@@ -239,20 +235,18 @@
|
|
|
239
235
|
</zydx-textarea>
|
|
240
236
|
</div>
|
|
241
237
|
</div>
|
|
242
|
-
<div
|
|
238
|
+
<div v-if="!readOnly" class="p-popup-but-box">
|
|
243
239
|
<div class="tip-btn" @click="taggingMenuSubmit" v-html="'完成'"></div>
|
|
244
240
|
</div>
|
|
245
241
|
</div>
|
|
246
242
|
</template>
|
|
247
243
|
<template v-if="isShowExegesis" #content>
|
|
248
|
-
<div
|
|
249
|
-
<div
|
|
250
|
-
<span
|
|
251
|
-
<div v-if="
|
|
252
|
-
<div v-else>
|
|
253
|
-
</div>
|
|
244
|
+
<div class="p-popup-box">
|
|
245
|
+
<div class="p-popup-title-box">
|
|
246
|
+
<span class="p-popup-title-name">名词内容</span>
|
|
247
|
+
<div v-if="!readOnly" class="tip-btn" @click="nounExplainCancel" v-html="'取消创建'"></div>
|
|
254
248
|
</div>
|
|
255
|
-
<div
|
|
249
|
+
<div class="p-popup-exegesis-content-box">
|
|
256
250
|
<div class="tip-title" v-html="`${tipTitle}`"></div>
|
|
257
251
|
<div class="tip-boxContent">
|
|
258
252
|
<zydx-textarea
|
|
@@ -263,7 +257,7 @@
|
|
|
263
257
|
</zydx-textarea>
|
|
264
258
|
</div>
|
|
265
259
|
</div>
|
|
266
|
-
<div
|
|
260
|
+
<div v-if="!readOnly" class="p-popup-but-box">
|
|
267
261
|
<div class="tip-btn" @click="nounExplainSubmit" v-html="'完成'"></div>
|
|
268
262
|
</div>
|
|
269
263
|
</div>
|
|
@@ -282,9 +276,12 @@
|
|
|
282
276
|
</div>
|
|
283
277
|
<div v-if="bubbleData" class="menu-one-text">
|
|
284
278
|
<span>
|
|
285
|
-
<span v-if="bubbleData.type !== 'taggingMenu'&& uploadTypeArr.indexOf(bubbleData.type)===-1"
|
|
279
|
+
<span v-if="bubbleData.type !== 'taggingMenu'&& uploadTypeArr.indexOf(bubbleData.type)===-1"
|
|
280
|
+
class="annotation" style="margin-right: 5px">
|
|
286
281
|
{{ bubbleData.id }}
|
|
287
|
-
</span> {{
|
|
282
|
+
</span> {{
|
|
283
|
+
bubbleData && uploadTypeArr.indexOf(bubbleData.type) !== -1 ? bubbleData.fileName : bubbleData.text
|
|
284
|
+
}}
|
|
288
285
|
</span>
|
|
289
286
|
</div>
|
|
290
287
|
<div v-if="!readOnly" class="menu-one-but">
|
|
@@ -308,19 +305,20 @@
|
|
|
308
305
|
<div v-for="(item,index) in interpositionData" :key="index">
|
|
309
306
|
<zydx-drag-popup v-if="item.isShow"
|
|
310
307
|
:enlargeShow="false" :minimize="false" :minimizeCir="false"
|
|
311
|
-
:title="titleDragPopup[item.type]?titleDragPopup[item.type]:'参考文献'" height="auto"
|
|
308
|
+
:title="titleDragPopup[item.type]?titleDragPopup[item.type]:'参考文献'" height="auto"
|
|
309
|
+
width="auto" @close="closeDataShowPopup(item)">
|
|
312
310
|
<template #content>
|
|
313
311
|
<div v-if="item.type === 'taggingMenu'" style="padding: 10px">
|
|
314
|
-
<div
|
|
315
|
-
<span
|
|
316
|
-
<div class="tip-btnBox" style="margin: 0">
|
|
312
|
+
<div class="p-popup-title-box">
|
|
313
|
+
<span class="p-popup-title-name">注释内容</span>
|
|
314
|
+
<div v-if="!readOnly" class="tip-btnBox" style="margin: 0">
|
|
317
315
|
<div v-if="!item.edit" class="tip-btn" @click="editAnnotatedLiterature(item)" v-html="'修改'"></div>
|
|
318
316
|
<div v-else class="tip-btn" @click="closeDataShowPopup(item)" v-html="'取消修改'"></div>
|
|
319
317
|
<div class="tip-btn" style="margin-right: 0" @click="delAnnotatedLiterature(item.id,item.type)"
|
|
320
318
|
v-html="'删除'"></div>
|
|
321
319
|
</div>
|
|
322
320
|
</div>
|
|
323
|
-
<div
|
|
321
|
+
<div class="p-popup-exegesis-content-box">
|
|
324
322
|
<div class="tip-boxContent">
|
|
325
323
|
<zydx-textarea
|
|
326
324
|
ref="textarea"
|
|
@@ -331,22 +329,22 @@
|
|
|
331
329
|
</zydx-textarea>
|
|
332
330
|
</div>
|
|
333
331
|
</div>
|
|
334
|
-
<div v-if="item.edit"
|
|
332
|
+
<div v-if="item.edit&&!readOnly" class="p-popup-but-box">
|
|
335
333
|
<div class="tip-btn" @click="nounExplainSubmit" v-html="'完成'"></div>
|
|
336
334
|
</div>
|
|
337
335
|
</div>
|
|
338
336
|
|
|
339
337
|
<div v-if="item.type === 'nounExplain'" style="padding: 10px">
|
|
340
|
-
<div
|
|
341
|
-
<span
|
|
342
|
-
<div class="tip-btnBox" style="margin: 0">
|
|
338
|
+
<div class="p-popup-title-box">
|
|
339
|
+
<span class="p-popup-title-name">名词内容</span>
|
|
340
|
+
<div v-if="!readOnly" class="tip-btnBox" style="margin: 0">
|
|
343
341
|
<div v-if="!item.edit" class="tip-btn" @click="editAnnotatedLiterature(item)" v-html="'修改'"></div>
|
|
344
342
|
<div v-else class="tip-btn" @click="closeDataShowPopup(item)" v-html="'取消修改'"></div>
|
|
345
343
|
<div class="tip-btn" style="margin-right: 0" @click="delAnnotatedLiterature(item.id,item.type)"
|
|
346
344
|
v-html="'删除'"></div>
|
|
347
345
|
</div>
|
|
348
346
|
</div>
|
|
349
|
-
<div
|
|
347
|
+
<div class="p-popup-exegesis-content-box">
|
|
350
348
|
<div class="tip-title" v-html="`${item.exegesis}`"></div>
|
|
351
349
|
<div class="tip-boxContent">
|
|
352
350
|
<zydx-textarea
|
|
@@ -358,15 +356,15 @@
|
|
|
358
356
|
</zydx-textarea>
|
|
359
357
|
</div>
|
|
360
358
|
</div>
|
|
361
|
-
<div v-if="item.edit"
|
|
359
|
+
<div v-if="item.edit&&!readOnly" class="p-popup-but-box">
|
|
362
360
|
<div class="tip-btn" @click="nounExplainSubmit" v-html="'完成'"></div>
|
|
363
361
|
</div>
|
|
364
362
|
</div>
|
|
365
363
|
|
|
366
364
|
<div v-if="item.type === 'importArticles'" style="padding: 10px;height: 100%;">
|
|
367
|
-
<div
|
|
368
|
-
<span
|
|
369
|
-
<div class="tip-btnBox" style="margin: 0">
|
|
365
|
+
<div class="p-popup-title-box">
|
|
366
|
+
<span class="p-popup-title-name">文章内容</span>
|
|
367
|
+
<div v-if="!readOnly" class="tip-btnBox" style="margin: 0">
|
|
370
368
|
<div class="tip-btn" style="margin-right: 0" @click="delAnnotatedLiterature(item.id,item.type)"
|
|
371
369
|
v-html="'删除'"></div>
|
|
372
370
|
</div>
|
|
@@ -374,7 +372,7 @@
|
|
|
374
372
|
<div :style="{width: item.type === 'linkCourseware'?'1280px':'885px'}" class="tip-box">
|
|
375
373
|
<div class="tip-title" v-html="`${item.exegesis}`"></div>
|
|
376
374
|
<div class="tip-boxContent">
|
|
377
|
-
<zydx-read style="height: 100%"
|
|
375
|
+
<zydx-read :url="item.url" style="height: 100%"></zydx-read>
|
|
378
376
|
</div>
|
|
379
377
|
</div>
|
|
380
378
|
<div style="display: flex;flex-direction: row;justify-content: flex-end;margin-top: 10px;">
|
|
@@ -383,9 +381,9 @@
|
|
|
383
381
|
</div>
|
|
384
382
|
|
|
385
383
|
<div v-if="item.type === 'importWorks'" style="padding: 10px;height: 100%;">
|
|
386
|
-
<div
|
|
387
|
-
<span
|
|
388
|
-
<div class="tip-btnBox" style="margin: 0">
|
|
384
|
+
<div class="p-popup-title-box">
|
|
385
|
+
<span class="p-popup-title-name">著作内容</span>
|
|
386
|
+
<div v-if="!readOnly" class="tip-btnBox" style="margin: 0">
|
|
389
387
|
<div class="tip-btn" style="margin-right: 0" @click="delAnnotatedLiterature(item.id,item.type)"
|
|
390
388
|
v-html="'删除'"></div>
|
|
391
389
|
</div>
|
|
@@ -393,7 +391,7 @@
|
|
|
393
391
|
<div :style="{width: item.type === 'linkCourseware'?'1280px':'885px'}" class="tip-box">
|
|
394
392
|
<div class="tip-title" v-html="`${item.exegesis}`"></div>
|
|
395
393
|
<div class="tip-boxContent">
|
|
396
|
-
<zydx-read style="height: 100%"
|
|
394
|
+
<zydx-read :url="item.url" style="height: 100%"></zydx-read>
|
|
397
395
|
</div>
|
|
398
396
|
</div>
|
|
399
397
|
<div style="display: flex;flex-direction: row;justify-content: flex-end;margin-top: 10px;">
|
|
@@ -402,9 +400,9 @@
|
|
|
402
400
|
</div>
|
|
403
401
|
|
|
404
402
|
<div v-if="item.type === 'videoLink'" style="padding: 10px;height: 100%;">
|
|
405
|
-
<div
|
|
406
|
-
<span
|
|
407
|
-
<div class="tip-btnBox" style="margin: 0">
|
|
403
|
+
<div class="p-popup-title-box">
|
|
404
|
+
<span class="p-popup-title-name">视频内容</span>
|
|
405
|
+
<div v-if="!readOnly" class="tip-btnBox" style="margin: 0">
|
|
408
406
|
<div class="tip-btn" style="margin-right: 0" @click="delAnnotatedLiterature(item.id,item.type)"
|
|
409
407
|
v-html="'删除'"></div>
|
|
410
408
|
</div>
|
|
@@ -412,7 +410,7 @@
|
|
|
412
410
|
<div :style="{width: item.type === 'linkCourseware'?'1280px':'885px'}" class="tip-box">
|
|
413
411
|
<div class="tip-title" v-html="`${item.exegesis}`"></div>
|
|
414
412
|
<div class="tip-boxContent">
|
|
415
|
-
<zydx-read style="height: 100%"
|
|
413
|
+
<zydx-read :url="item.url" style="height: 100%"></zydx-read>
|
|
416
414
|
</div>
|
|
417
415
|
</div>
|
|
418
416
|
<div style="display: flex;flex-direction: row;justify-content: flex-end;margin-top: 10px;">
|
|
@@ -421,9 +419,9 @@
|
|
|
421
419
|
</div>
|
|
422
420
|
|
|
423
421
|
<div v-if="item.type === 'linkCourseware'" style="padding: 10px;height: 100%;">
|
|
424
|
-
<div
|
|
425
|
-
<span
|
|
426
|
-
<div class="tip-btnBox" style="margin: 0">
|
|
422
|
+
<div class="p-popup-title-box">
|
|
423
|
+
<span class="p-popup-title-name">课件内容</span>
|
|
424
|
+
<div v-if="!readOnly" class="tip-btnBox" style="margin: 0">
|
|
427
425
|
<div class="tip-btn" style="margin-right: 0" @click="delAnnotatedLiterature(item.id,item.type)"
|
|
428
426
|
v-html="'删除'"></div>
|
|
429
427
|
</div>
|
|
@@ -441,9 +439,9 @@
|
|
|
441
439
|
</div>
|
|
442
440
|
|
|
443
441
|
<div v-if="literature.indexOf(item.type)!==-1" style="padding: 10px;height: 100%;">
|
|
444
|
-
<div
|
|
445
|
-
<span
|
|
446
|
-
<div class="tip-btnBox" style="margin: 0">
|
|
442
|
+
<div class="p-popup-title-box">
|
|
443
|
+
<span class="p-popup-title-name">{{ literatureName[item.type] }}</span>
|
|
444
|
+
<div v-if="!readOnly" class="tip-btnBox" style="margin: 0">
|
|
447
445
|
<div v-if="!item.edit" class="tip-btn" @click="editAnnotatedLiterature(item)" v-html="'修改'"></div>
|
|
448
446
|
<div v-else class="tip-btn" @click="closeDataShowPopup(item)" v-html="'取消修改'"></div>
|
|
449
447
|
<div class="tip-btn" style="margin-right: 0" @click="delAnnotatedLiterature(item.id,item.type)"
|
|
@@ -452,7 +450,7 @@
|
|
|
452
450
|
</div>
|
|
453
451
|
<div class="tip-box" style="width: auto">
|
|
454
452
|
<div class="tip-boxContent">
|
|
455
|
-
{{item.text}}
|
|
453
|
+
{{ item.text }}
|
|
456
454
|
</div>
|
|
457
455
|
</div>
|
|
458
456
|
<div style="display: flex;flex-direction: row;justify-content: flex-end;margin-top: 10px;">
|
|
@@ -537,8 +535,14 @@ export default {
|
|
|
537
535
|
videoLink: '链接视频',
|
|
538
536
|
linkCourseware: '链接课件'
|
|
539
537
|
},
|
|
540
|
-
literature:['periodical', 'dissertation', 'writings', 'newspaper', 'customize'],
|
|
541
|
-
literatureName:{
|
|
538
|
+
literature: ['periodical', 'dissertation', 'writings', 'newspaper', 'customize'],
|
|
539
|
+
literatureName: {
|
|
540
|
+
periodical: '期刊论文',
|
|
541
|
+
dissertation: '学位论文',
|
|
542
|
+
writings: '著作',
|
|
543
|
+
newspaper: '报纸刊物',
|
|
544
|
+
customize: '自定义'
|
|
545
|
+
},
|
|
542
546
|
submitText: '确定',
|
|
543
547
|
cancelText: '取消',
|
|
544
548
|
tipTitle: '',
|
|
@@ -846,8 +850,11 @@ export default {
|
|
|
846
850
|
}
|
|
847
851
|
})[0]
|
|
848
852
|
}
|
|
849
|
-
|
|
850
|
-
|
|
853
|
+
let linkTypeArr = ['linkWorks', 'linkArticle', 'linkImage']
|
|
854
|
+
if (!!_this.bubbleData && linkTypeArr.indexOf(_this.bubbleData.type) !== -1) {
|
|
855
|
+
window.open(_this.bubbleData.url, '_blank');
|
|
856
|
+
return
|
|
857
|
+
}
|
|
851
858
|
_this.interpositionData.forEach(item => {
|
|
852
859
|
if (item.id === id || item.id === `${href}`) {
|
|
853
860
|
item.isShow = true
|
|
@@ -855,10 +862,6 @@ export default {
|
|
|
855
862
|
href = ''
|
|
856
863
|
}
|
|
857
864
|
})
|
|
858
|
-
let linkTypeArr = ['linkWorks', 'linkArticle', 'linkImage']
|
|
859
|
-
if (!!_this.bubbleData && linkTypeArr.indexOf(_this.bubbleData.type) !== -1) {
|
|
860
|
-
window.open(_this.bubbleData.url, '_blank');
|
|
861
|
-
}
|
|
862
865
|
},
|
|
863
866
|
},
|
|
864
867
|
extensions: [
|
|
@@ -1128,7 +1131,7 @@ export default {
|
|
|
1128
1131
|
},
|
|
1129
1132
|
//修改注释 文献
|
|
1130
1133
|
editAnnotatedLiterature(bubbleData) {
|
|
1131
|
-
console.log('bubbleData',bubbleData)
|
|
1134
|
+
console.log('bubbleData', bubbleData)
|
|
1132
1135
|
// 添加标注
|
|
1133
1136
|
if (bubbleData.type === 'nounExplain') {
|
|
1134
1137
|
// this.isShowExegesis = true
|
|
@@ -1699,25 +1702,35 @@ export default {
|
|
|
1699
1702
|
const click = (e, href) => {
|
|
1700
1703
|
e.stopPropagation()
|
|
1701
1704
|
e.preventDefault()
|
|
1702
|
-
this.menuOne = true
|
|
1705
|
+
// this.menuOne = true
|
|
1703
1706
|
let text = e.srcElement.innerText
|
|
1704
1707
|
this.$nextTick(() => {
|
|
1705
|
-
const only = this.$refs.only.getBoundingClientRect() // 获取div的位置
|
|
1706
|
-
let bubbleMenu = this.$refs.bubbleMenu.getBoundingClientRect()
|
|
1707
|
-
const editing = document.getElementsByClassName('editing-cont')
|
|
1708
|
-
const styles = window.getComputedStyle(editing[0])
|
|
1709
|
-
const marginLeft = Math.ceil(styles.getPropertyValue("margin-left").split('px')[0])
|
|
1710
|
-
const marginRight = Math.ceil(styles.getPropertyValue("margin-right").split('px')[0])
|
|
1711
|
-
let width = editing[0].clientWidth
|
|
1708
|
+
// const only = this.$refs.only.getBoundingClientRect() // 获取div的位置
|
|
1709
|
+
// let bubbleMenu = this.$refs.bubbleMenu.getBoundingClientRect()
|
|
1710
|
+
// const editing = document.getElementsByClassName('editing-cont')
|
|
1711
|
+
// const styles = window.getComputedStyle(editing[0])
|
|
1712
|
+
// const marginLeft = Math.ceil(styles.getPropertyValue("margin-left").split('px')[0])
|
|
1713
|
+
// const marginRight = Math.ceil(styles.getPropertyValue("margin-right").split('px')[0])
|
|
1714
|
+
// let width = editing[0].clientWidth
|
|
1712
1715
|
if (this.readOnly) {
|
|
1713
|
-
this.bubbleData = this.interpositionData.filter(item => item.id === text)[0]
|
|
1716
|
+
// this.bubbleData = this.interpositionData.filter(item => item.id === text)[0]
|
|
1717
|
+
this.interpositionData.forEach(item => {
|
|
1718
|
+
if(item.id === text){
|
|
1719
|
+
item.isShow=true
|
|
1720
|
+
}
|
|
1721
|
+
})
|
|
1714
1722
|
if (href) {
|
|
1715
|
-
this.bubbleData = this.interpositionData.filter(item => item.id === href)[0]
|
|
1723
|
+
// this.bubbleData = this.interpositionData.filter(item => item.id === href)[0]
|
|
1724
|
+
this.interpositionData.forEach(item => {
|
|
1725
|
+
if(item.id === href){
|
|
1726
|
+
item.isShow=true
|
|
1727
|
+
}
|
|
1728
|
+
})
|
|
1716
1729
|
}
|
|
1717
|
-
bubbleMenu = this.$refs.bubbleMenuReadOnly.getBoundingClientRect()
|
|
1730
|
+
// bubbleMenu = this.$refs.bubbleMenuReadOnly.getBoundingClientRect()
|
|
1718
1731
|
}
|
|
1719
1732
|
//确定注释在编译器的左半还是右半
|
|
1720
|
-
let styleKey = 'left'
|
|
1733
|
+
/*let styleKey = 'left'
|
|
1721
1734
|
let positionNum = `-${bubbleMenu.width / 2}px`
|
|
1722
1735
|
let menusStyle = {
|
|
1723
1736
|
'max-width': `${width - 20}px`,
|
|
@@ -1752,7 +1765,7 @@ export default {
|
|
|
1752
1765
|
}
|
|
1753
1766
|
}
|
|
1754
1767
|
menusStyle[`${styleKey}`] = positionNum
|
|
1755
|
-
this.menusStyle = menusStyle
|
|
1768
|
+
this.menusStyle = menusStyle*/
|
|
1756
1769
|
})
|
|
1757
1770
|
}
|
|
1758
1771
|
for (let i = 0; i < p1.length; i++) {
|
|
@@ -3757,4 +3770,42 @@ li {
|
|
|
3757
3770
|
flex-direction: row;
|
|
3758
3771
|
justify-content: center;
|
|
3759
3772
|
}
|
|
3773
|
+
|
|
3774
|
+
.p-popup-box {
|
|
3775
|
+
width: 100%;
|
|
3776
|
+
height: 100%;
|
|
3777
|
+
padding: 10px;
|
|
3778
|
+
box-sizing: border-box;
|
|
3779
|
+
}
|
|
3780
|
+
|
|
3781
|
+
.p-popup-title-box {
|
|
3782
|
+
display: flex;
|
|
3783
|
+
flex-direction: row;
|
|
3784
|
+
justify-content: space-between;
|
|
3785
|
+
margin-bottom: 10px;
|
|
3786
|
+
}
|
|
3787
|
+
|
|
3788
|
+
.p-popup-title-name {
|
|
3789
|
+
font-size: 16px;
|
|
3790
|
+
font-weight: 400;
|
|
3791
|
+
color: rgba(0, 0, 0, 1);
|
|
3792
|
+
}
|
|
3793
|
+
|
|
3794
|
+
.p-popup-content-box {
|
|
3795
|
+
border: 1px solid rgba(204, 204, 204, 1);
|
|
3796
|
+
padding: 20px 80px;
|
|
3797
|
+
margin-bottom: 10px;
|
|
3798
|
+
}
|
|
3799
|
+
|
|
3800
|
+
.p-popup-exegesis-content-box {
|
|
3801
|
+
border: 1px solid rgba(204, 204, 204, 1);
|
|
3802
|
+
padding: 50px 80px;
|
|
3803
|
+
margin-bottom: 10px;
|
|
3804
|
+
}
|
|
3805
|
+
|
|
3806
|
+
.p-popup-but-box {
|
|
3807
|
+
display: flex;
|
|
3808
|
+
flex-direction: row;
|
|
3809
|
+
justify-content: flex-end;
|
|
3810
|
+
}
|
|
3760
3811
|
</style>
|