zydx-plus 1.33.393 → 1.33.395
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
CHANGED
|
@@ -2174,7 +2174,20 @@ let buttonNames = {
|
|
|
2174
2174
|
}
|
|
2175
2175
|
},
|
|
2176
2176
|
resource_lesson_guidance: { // 就业指导-指导意见配置项
|
|
2177
|
-
actionName: '指导意见'
|
|
2177
|
+
actionName: '指导意见',
|
|
2178
|
+
buttonList: {
|
|
2179
|
+
0: {
|
|
2180
|
+
headLevel: {
|
|
2181
|
+
default: "guideIndex",
|
|
2182
|
+
guideIndex: '指导意见',
|
|
2183
|
+
resourceText: '文本资源',
|
|
2184
|
+
resourceVideo: '视频资源',
|
|
2185
|
+
resourceAudio: '音频资源',
|
|
2186
|
+
resourcePPT: 'PPT资源',
|
|
2187
|
+
resourceSoftware: '软件资源'
|
|
2188
|
+
}
|
|
2189
|
+
}
|
|
2190
|
+
}
|
|
2178
2191
|
},
|
|
2179
2192
|
resource_scene:{
|
|
2180
2193
|
actionName: '情景资源',
|
|
@@ -26,7 +26,77 @@ export function butJson(editor, data) {
|
|
|
26
26
|
switchingFormat: {
|
|
27
27
|
name: '切换版式',
|
|
28
28
|
key: 'switchingFormat',
|
|
29
|
-
menuKeys: [
|
|
29
|
+
menuKeys: [
|
|
30
|
+
{
|
|
31
|
+
name: '自由排版',
|
|
32
|
+
key: 'freeTypesetting',
|
|
33
|
+
menuKeys: [],
|
|
34
|
+
html: ''
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
name: '公文版式',
|
|
38
|
+
key: 'officialDocumentFormat',
|
|
39
|
+
menuKeys: [],
|
|
40
|
+
html: `<p style="text-align: center"><span style="font-size: 48px; color: rgb(225, 60, 57)">请在此输入红头名称</span></p>
|
|
41
|
+
<p data-signid="red" style="text-align: center"><span style="font-size: 16px; color: rgb(0, 0, 0)">请在此输入文件号xxx[xxx]xxxx号</span></p>
|
|
42
|
+
<p contenteditable="false" class="solid"></p>
|
|
43
|
+
<p data-signid="subject" style="text-align: center;margin: 80px 0 60px"><strong><span style="font-size: 24px; font-family: SimHei; color: rgb(0, 0, 0);line-height: 1;">请在此处输入标题</span></strong></p>
|
|
44
|
+
<p data-signid="lookUp"><strong><span style="font-size: 16px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入抬头:</span></strong></p>
|
|
45
|
+
<p data-signid="text" class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
46
|
+
<p data-signid="title-1" class="title indent"><strong><span style="font-size: 16px; font-family: SimHei; color: rgb(0, 0, 0)">一、请在此处输入一级标题</span></strong></p>
|
|
47
|
+
<p data-signid="text" class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
48
|
+
<p data-signid="title-2" class="title indent"><strong><span style="font-size: 16px; font-family: SimHei; color: rgb(0, 0, 0)">（一）请在此处输入二级标题</span></strong></p>
|
|
49
|
+
<p data-signid="text" class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
50
|
+
<p data-signid="paragraph" style="margin: 30px 0px 0px; text-align: right"><strong><span style="font-size: 14px; color: rgb(0, 0, 0)">请在此处输入落款</span></strong></p>
|
|
51
|
+
<p data-signid="date" style="text-align: right"><strong><span style="font-size: 14px; color: rgb(0, 0, 0)">请在此处输入日期</span></strong></p>`
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
name: '新闻版式',
|
|
55
|
+
key: 'newsFormat',
|
|
56
|
+
menuKeys: [],
|
|
57
|
+
html: `<p data-signid="subject" style="text-align: center;"><strong><span style="font-size: 24px; font-family: SimHei; color: rgb(0, 0, 0);">请在此处输入标题</span></strong></p>
|
|
58
|
+
<p data-signid="author" class="author" style="text-align: center;padding-bottom: 30px;"><span style="font-size: 14px; font-family: FangSong; color: rgb(0, 0, 0);">请在此处输入作者/来源</span></p>
|
|
59
|
+
<p data-signid="text" class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
60
|
+
<p data-signid="title-1" class="title indent"><strong><span style="font-size: 16px; font-family: SimHei; color: rgb(0, 0, 0)">一、请在此处输入一级标题</span></strong></p>
|
|
61
|
+
<p data-signid="text" class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
62
|
+
<p data-signid="title-2" class="title indent"><strong><span style="font-size: 16px; font-family: SimHei; color: rgb(0, 0, 0)">（一）请在此处输入二级标题</span></strong></p>
|
|
63
|
+
<p data-signid="text" class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
64
|
+
<p data-signid="paragraph" style="margin: 30px 0px 0px; text-align: right"><strong><span style="font-size: 14px; color: rgb(0, 0, 0)">请在此处输入落款</span></strong></p>
|
|
65
|
+
<p data-signid="date" style="text-align: right"><strong><span style="font-size: 14px; color: rgb(0, 0, 0)">请在此处输入日期</span></strong></p>`
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
name: '论文版式',
|
|
69
|
+
key: 'paperFormat',
|
|
70
|
+
menuKeys: [],
|
|
71
|
+
html: `<p data-signid="subject" style="text-align: center;"><strong><span style="font-size: 24px; font-family: SimHei; color: rgb(0, 0, 0);">请在此处输入题目</span></strong></p>
|
|
72
|
+
<p data-signid="author" class="author" style="text-align: center;padding-bottom: 30px;"><span style="font-size: 14px; font-family: FangSong; color: rgb(0, 0, 0);">请在此处输入作者</span></p>
|
|
73
|
+
<p data-signid="abstract" class="abstract"><strong><span style="font-size: 14px; font-family: SimSun; color: rgb(0, 0, 0)">摘要:</span></strong> <span style="font-size: 14px; font-family: FangSong; color: rgb(0, 0, 0)">请在此处输入摘要文本...</span></p>
|
|
74
|
+
<p data-signid="keyword" class="keyword"><strong><span contenteditable="false" style="font-size: 14px; font-family: SimSun; color: rgb(0, 0, 0)">关键词:</span></strong> <span style="font-size: 14px; font-family: FangSong; color: rgb(0, 0, 0)"> 请在此处输入关键字...</span></p>
|
|
75
|
+
<p></p>
|
|
76
|
+
<p data-signid="text" class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
77
|
+
<p data-signid="title-1" class="title indent"><strong><span style="font-size: 16px; font-family: SimHei; color: rgb(0, 0, 0)">一、请在此处输入一级标题</span></strong></p>
|
|
78
|
+
<p data-signid="text" class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
79
|
+
<p data-signid="title-2" class="title indent"><strong><span style="font-size: 16px; font-family: SimH ei; color: rgb(0, 0, 0)">（一）请在此处输入二级标题</span></strong></p>
|
|
80
|
+
<p data-signid="text" class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本（复用格式建议直接复制粘贴段落）</span></p>
|
|
81
|
+
<p data-signid="splitLine" contenteditable="false" class="paging-line">分 页 线（保存文档时线下内容另起一页）</p>
|
|
82
|
+
<p></p>
|
|
83
|
+
<p data-signid="annotation" contenteditable="false" style="text-align: center;"><strong><span style="font-size: 24px; font-family: SimHei; color: rgb(0, 0, 0);">注释</span></strong></p>
|
|
84
|
+
<p contenteditable="false" class="author" style="text-align: center;padding-bottom: 30px;"><span style="font-size: 14px;font-weight: 700; color: rgba(0, 0, 0, 0.5);">（请在文中标识要注释的内容，此处将生成注释的序号而后需要作者填写注释内容）</span></p>
|
|
85
|
+
<p data-signid="a-l" class="text" contenteditable="false"><span style="font-size: 12px; font-family: FangSong;text-indent: 2em;">① 注释：是指解释字句的文字，也指用文字解释字句，可以是文字符号图片等多种形式。（当前文本只是示例展示，不会出现在保存的文本中。）</span></p>
|
|
86
|
+
<p data-signid="annotationSplitLine" contenteditable="false" class="paging-line">分 页 线（保存文档时线下内容另起一页）</p>
|
|
87
|
+
<p></p>
|
|
88
|
+
<p contenteditable="false" data-signId="reference" style="text-align: center;margin-bottom: 30px;"><span font-family: SimHei; style="font-weight: 700;font-size: 24px;">参考文献</span></p>
|
|
89
|
+
<p contenteditable="false" class="author" style="text-align: center;padding-bottom: 30px;"><span style="font-size: 14px;font-weight: 700; color: rgba(0, 0, 0, 0.5);">（请在文中标识要注释的内容，此处将生成注释的序号而后需要作者填写注释内容）</span></p>
|
|
90
|
+
<p data-signid="r-l" class="text" contenteditable="false"><span style="font-size: 12px; font-family: FangSong;text-indent: 2em;"> [1] 孙品一.高校学报编辑工作现代化特征[C].中国高等学校自然科学学报研究会.科技编辑学论文集(2).北京：北京师范大学出版社，1998:10-22. （当前文本只是示例展示，不会出现在保存的文本中。）</span></p>
|
|
91
|
+
<p data-signid="r-l" class="text" contenteditable="false"><span style="font-size: 12px; font-family: FangSong;text-indent: 2em;"> [2] 张和生.地质力学系统理论[D].太原：太原理工大学，1998. （当前文本只是示例展示，不会出现在保存的文本中。）</span></p>
|
|
92
|
+
<p data-signid="referenceSplitLine" contenteditable="false" class="paging-line">分 页 线（保存文档时线下内容另起一页）</p>
|
|
93
|
+
<p></p>
|
|
94
|
+
<p data-signid="ack" style="text-align: center"><strong><span style="font-size: 16px; color: rgb(0, 0, 0)">致谢</span></strong></p>
|
|
95
|
+
<p><span style="font-size: 14px; font-family: KaiTi; color: rgb(0, 0, 0)">致谢内容...</span></p>
|
|
96
|
+
<p data-signid="paragraph" style="margin: 30px 0px 0px; text-align: right"><strong><span style="font-size: 14px; color: rgb(0, 0, 0)">请在此处输入落款</span></strong></p>
|
|
97
|
+
<p data-signid="date" style="text-align: right"><strong><span style="font-size: 14px; color: rgb(0, 0, 0)">请在此处输入日期</span></strong></p>`
|
|
98
|
+
}
|
|
99
|
+
]
|
|
30
100
|
},
|
|
31
101
|
shortcut: {
|
|
32
102
|
name: '快捷排版',
|
|
@@ -150,13 +220,13 @@ export function butJson(editor, data) {
|
|
|
150
220
|
name: '二级标题',
|
|
151
221
|
key: 'secondaryHeading',
|
|
152
222
|
menuKeys: [],
|
|
153
|
-
html: `<p data-signid="title-2" class="title indent"><strong><span style="font-size:
|
|
223
|
+
html: `<p data-signid="title-2" class="title indent"><strong><span style="font-size: 16px; font-family: SimHei; color: rgb(0, 0, 0)">（一）请在此处输入二级标题</span></strong></p>`
|
|
154
224
|
},
|
|
155
225
|
paragraphBody: {
|
|
156
226
|
name: '正文文本',
|
|
157
227
|
key: 'paragraphBody',
|
|
158
228
|
menuKeys: [],
|
|
159
|
-
html: `<p class="indent indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>`
|
|
229
|
+
html: `<p data-signid="text" class="indent indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>`
|
|
160
230
|
},
|
|
161
231
|
ackMenu: {
|
|
162
232
|
name: '致 谢',
|
|
@@ -202,8 +272,8 @@ export function butJson(editor, data) {
|
|
|
202
272
|
html: {
|
|
203
273
|
blackCenter4: `<p data-signId="title-1" class="title ${randomId()}" style="text-align: center;"><span style="font-weight: 700;color: rgb(0, 0, 0);font-size: 16px;font-family: SimHei">${menusData(data, 'titleMenu').text}</span></p>`,
|
|
204
274
|
blackLeft4: `<p data-signId="title-2" class="title ${randomId()}" style="text-align: left;"><span style="font-weight: 700;color: rgb(0, 0, 0);font-size: 16px;font-family: SimHei">${menusData(data, 'titleMenu').text}</span></p>`,
|
|
205
|
-
blackCenter5: `<p data-signId="title-3" class="title ${randomId()}" style="text-align: center;"><span style="font-weight: 700;color: rgb(0, 0, 0);font-size:
|
|
206
|
-
blackLeft5: `<p data-signId="title-4" class="title ${randomId()}" style="text-align: left;"><span style="font-weight: 700;color: rgb(0, 0, 0);font-size:
|
|
275
|
+
blackCenter5: `<p data-signId="title-3" class="title ${randomId()}" style="text-align: center;"><span style="font-weight: 700;color: rgb(0, 0, 0);font-size: 16px;font-family: SimHei">${menusData(data, 'titleMenu').text}</span></p>`,
|
|
276
|
+
blackLeft5: `<p data-signId="title-4" class="title ${randomId()}" style="text-align: left;"><span style="font-weight: 700;color: rgb(0, 0, 0);font-size: 16px;font-family: SimHei">${menusData(data, 'titleMenu').text}</span></p>`,
|
|
207
277
|
}
|
|
208
278
|
},
|
|
209
279
|
textMenu: {
|
|
@@ -83,41 +83,6 @@
|
|
|
83
83
|
</div>
|
|
84
84
|
</div>
|
|
85
85
|
|
|
86
|
-
<!--图片的浮动菜单-->
|
|
87
|
-
<div class="bubble-menu-img">
|
|
88
|
-
<template v-if="editor">
|
|
89
|
-
<div class="line">
|
|
90
|
-
<div class="label">图片缩放：</div>
|
|
91
|
-
<div class="percent">
|
|
92
|
-
<div class="symbol">%</div>
|
|
93
|
-
<input type="number" v-model="imgSizeVal" @input="changePercent" onfocus="this.select()" placeholder="10-100">
|
|
94
|
-
</div>
|
|
95
|
-
</div>
|
|
96
|
-
<div class="line">
|
|
97
|
-
<div class="label">图片位置：</div>
|
|
98
|
-
<div class="alignmentMode">
|
|
99
|
-
<div @click="changeAlign('left')">
|
|
100
|
-
<div class="imgBgc" :class="{imgBgcAction: editor.isActive({ textAlign: 'left' })}">
|
|
101
|
-
<img :src="alignmentModeLeft">
|
|
102
|
-
</div>
|
|
103
|
-
</div>
|
|
104
|
-
<div class="segmentation"></div>
|
|
105
|
-
<div @click="changeAlign('center')">
|
|
106
|
-
<div class="imgBgc" :class="{imgBgcAction: editor.isActive({ textAlign: 'center' })}">
|
|
107
|
-
<img :src="alignmentModeCenter">
|
|
108
|
-
</div>
|
|
109
|
-
</div>
|
|
110
|
-
<div class="segmentation"></div>
|
|
111
|
-
<div @click="changeAlign('right')">
|
|
112
|
-
<div class="imgBgc" :class="{imgBgcAction: editor.isActive({ textAlign: 'right' })}">
|
|
113
|
-
<img :src="alignmentModeRight">
|
|
114
|
-
</div>
|
|
115
|
-
</div>
|
|
116
|
-
</div>
|
|
117
|
-
</div>
|
|
118
|
-
</template>
|
|
119
|
-
</div>
|
|
120
|
-
|
|
121
86
|
<div v-if="!readOnly && toolbar.length > 0" class="complete">
|
|
122
87
|
<button v-if="butShow" class="but" @click="confirm">完成</button>
|
|
123
88
|
</div>
|
|
@@ -648,10 +613,6 @@ import MarginNarrow from "../src/margin-narrow.vue";
|
|
|
648
613
|
import MarginStandard from "../src/margin-standard.vue";
|
|
649
614
|
import MarginWide from "../src/margin-wide.vue";
|
|
650
615
|
import isSelect from "../src/isSelect.vue";
|
|
651
|
-
import {CustomImage} from "./image-size";
|
|
652
|
-
import alignmentModeCenter from './image/center.png'
|
|
653
|
-
import alignmentModeLeft from './image/left.png'
|
|
654
|
-
import alignmentModeRight from './image/right.png'
|
|
655
616
|
|
|
656
617
|
const img = require('./image/annotation.png')
|
|
657
618
|
export default {
|
|
@@ -843,26 +804,66 @@ export default {
|
|
|
843
804
|
name: '公文版式',
|
|
844
805
|
key: 'officialDocumentFormat',
|
|
845
806
|
menuKeys: [],
|
|
846
|
-
html:
|
|
807
|
+
html: `<p style="text-align: center"><span style="font-size: 48px; color: rgb(225, 60, 57)">请在此输入红头名称</span></p>
|
|
808
|
+
<p data-signid="red" style="text-align: center"><span style="font-size: 16px; color: rgb(0, 0, 0)">请在此输入文件号xxx[xxx]xxxx号</span></p>
|
|
809
|
+
<p contenteditable="false" class="solid"></p>
|
|
810
|
+
<p data-signid="subject" style="text-align: center;margin: 80px 0 60px"><strong><span style="font-size: 24px; font-family: SimHei; color: rgb(0, 0, 0);line-height: 1;">请在此处输入标题</span></strong></p>
|
|
811
|
+
<p data-signid="lookUp"><strong><span style="font-size: 16px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入抬头:</span></strong></p>
|
|
812
|
+
<p class="indent"><span style="font-size: 16px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
813
|
+
<p data-signid="title-1" class="title indent"><strong><span style="font-size: 16px; font-family: SimHei; color: rgb(0, 0, 0)">一、请在此处输入一级标题</span></strong></p>
|
|
814
|
+
<p class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
815
|
+
<p data-signid="title-2" class="title indent"><strong><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">（一）请在此处输入二级标题</span></strong></p>
|
|
816
|
+
<p class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
817
|
+
<p data-signid="paragraph" style="margin: 30px 0px 0px; text-align: right"><strong><span style="font-size: 14px; color: rgb(0, 0, 0)">请在此处输入落款</span></strong></p>
|
|
818
|
+
<p style="text-align: right"><strong><span style="font-size: 14px; color: rgb(0, 0, 0)">请在此处输入日期</span></strong></p>`
|
|
847
819
|
},
|
|
848
820
|
{
|
|
849
821
|
name: '新闻版式',
|
|
850
822
|
key: 'newsFormat',
|
|
851
823
|
menuKeys: [],
|
|
852
|
-
html:
|
|
824
|
+
html: `<p data-signid="subject" style="text-align: center;"><strong><span style="font-size: 24px; font-family: SimHei; color: rgb(0, 0, 0);">请在此处输入标题</span></strong></p>
|
|
825
|
+
<p data-signid="author" class="author" style="text-align: center;padding-bottom: 30px;"><span style="font-size: 14px; font-family: FangSong; color: rgb(0, 0, 0);">请在此处输入作者/来源</span></p>
|
|
826
|
+
<p class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
827
|
+
<p data-signid="title-1" class="title indent"><strong><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">一、请在此处输入一级标题</span></strong></p>
|
|
828
|
+
<p class="indent "><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
829
|
+
<p data-signid="title-2" class="title indent"><strong><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">（一）请在此处输入二级标题</span></strong></p>
|
|
830
|
+
<p class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
831
|
+
<p data-signid="paragraph" style="margin: 30px 0px 0px; text-align: right"><strong><span style="font-size: 14px; color: rgb(0, 0, 0)">请在此处输入落款</span></strong></p>
|
|
832
|
+
<p style="text-align: right"><strong><span style="font-size: 14px; color: rgb(0, 0, 0)">请在此处输入日期</span></strong></p>`
|
|
853
833
|
},
|
|
854
834
|
{
|
|
855
835
|
name: '论文版式',
|
|
856
836
|
key: 'paperFormat',
|
|
857
837
|
menuKeys: [],
|
|
858
|
-
html:
|
|
838
|
+
html: `<p data-signid="subject" style="text-align: center;"><strong><span style="font-size: 24px; font-family: SimHei; color: rgb(0, 0, 0);">请在此处输入题目</span></strong></p>
|
|
839
|
+
<p data-signid="author" class="author" style="text-align: center;padding-bottom: 30px;"><span style="font-size: 14px; font-family: FangSong; color: rgb(0, 0, 0);">请在此处输入作者</span></p>
|
|
840
|
+
<p data-signid="abstract" class="abstract"><strong><span style="font-size: 14px; font-family: SimSun; color: rgb(0, 0, 0)">摘要:</span></strong> <span style="font-size: 14px; font-family: FangSong; color: rgb(0, 0, 0)">请在此处输入摘要文本...</span></p>
|
|
841
|
+
<p data-signid="keyword" class="keyword"><strong><span contenteditable="false" style="font-size: 14px; font-family: SimSun; color: rgb(0, 0, 0)">关键词:</span></strong> <span style="font-size: 14px; font-family: FangSong; color: rgb(0, 0, 0)"> 请在此处输入关键字...</span></p>
|
|
842
|
+
<p></p>
|
|
843
|
+
<p class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
844
|
+
<p data-signid="title-1" class="title indent"><strong><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">一、请在此处输入一级标题</span></strong></p>
|
|
845
|
+
<p class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本</span></p>
|
|
846
|
+
<p data-signid="title-2" class="title indent"><strong><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">（一）请在此处输入二级标题</span></strong></p>
|
|
847
|
+
<p class="indent"><span style="font-size: 14px; font-family: SimHei; color: rgb(0, 0, 0)">请在此处输入正文文本（复用格式建议直接复制粘贴段落）</span></p>
|
|
848
|
+
<p data-signid="splitLine" contenteditable="false" class="paging-line">分 页 线（保存文档时线下内容另起一页）</p>
|
|
849
|
+
<p></p>
|
|
850
|
+
<p data-signid="annotation" contenteditable="false" style="text-align: center;"><strong><span style="font-size: 24px; font-family: SimHei; color: rgb(0, 0, 0);">注释</span></strong></p>
|
|
851
|
+
<p data-signid="author" contenteditable="false" class="author" style="text-align: center;padding-bottom: 30px;"><span style="font-size: 14px;font-weight: 700; color: rgba(0, 0, 0, 0.5);">（请在文中标识要注释的内容，此处将生成注释的序号而后需要作者填写注释内容）</span></p>
|
|
852
|
+
<p data-signid="a-l" class="text" contenteditable="false"><span style="font-size: 12px; font-family: FangSong;text-indent: 2em;">① 注释：是指解释字句的文字，也指用文字解释字句，可以是文字符号图片等多种形式。（当前文本只是示例展示，不会出现在保存的文本中。）</span></p>
|
|
853
|
+
<p data-signid="annotationSplitLine" contenteditable="false" class="paging-line">分 页 线（保存文档时线下内容另起一页）</p>
|
|
854
|
+
<p></p>
|
|
855
|
+
<p contenteditable="false" data-signId="reference" style="text-align: center;margin-bottom: 30px;"><span font-family: SimHei; style="font-weight: 700;font-size: 24px;">参考文献</span></p>
|
|
856
|
+
<p data-signid="author" contenteditable="false" class="author" style="text-align: center;padding-bottom: 30px;"><span style="font-size: 14px;font-weight: 700; color: rgba(0, 0, 0, 0.5);">（请在文中标识要注释的内容，此处将生成注释的序号而后需要作者填写注释内容）</span></p>
|
|
857
|
+
<p data-signid="r-l" class="text" contenteditable="false"><span style="font-size: 12px; font-family: FangSong;text-indent: 2em;"> [1] 孙品一.高校学报编辑工作现代化特征[C].中国高等学校自然科学学报研究会.科技编辑学论文集(2).北京：北京师范大学出版社，1998:10-22. （当前文本只是示例展示，不会出现在保存的文本中。）</span></p>
|
|
858
|
+
<p data-signid="r-l" class="text" contenteditable="false"><span style="font-size: 12px; font-family: FangSong;text-indent: 2em;"> [2] 张和生.地质力学系统理论[D].太原：太原理工大学，1998. （当前文本只是示例展示，不会出现在保存的文本中。）</span></p>
|
|
859
|
+
<p data-signid="referenceSplitLine" contenteditable="false" class="paging-line">分 页 线（保存文档时线下内容另起一页）</p>
|
|
860
|
+
<p></p>
|
|
861
|
+
<p data-signid="ack" style="text-align: center"><strong><span style="font-size: 16px; color: rgb(0, 0, 0)">致谢</span></strong></p>
|
|
862
|
+
<p><span style="font-size: 14px; font-family: KaiTi; color: rgb(0, 0, 0)">致谢内容...</span></p>
|
|
863
|
+
<p data-signid="paragraph" style="margin: 30px 0px 0px; text-align: right"><strong><span style="font-size: 14px; color: rgb(0, 0, 0)">请在此处输入落款</span></strong></p>
|
|
864
|
+
<p style="text-align: right"><strong><span style="font-size: 14px; color: rgb(0, 0, 0)">请在此处输入日期</span></strong></p>`
|
|
859
865
|
}
|
|
860
|
-
]
|
|
861
|
-
imgSizeVal: '',
|
|
862
|
-
imgSizeLock: true,
|
|
863
|
-
alignmentModeLeft: alignmentModeLeft,
|
|
864
|
-
alignmentModeCenter: alignmentModeCenter,
|
|
865
|
-
alignmentModeRight: alignmentModeRight,
|
|
866
|
+
]
|
|
866
867
|
}
|
|
867
868
|
},
|
|
868
869
|
props: {
|
|
@@ -1102,7 +1103,6 @@ export default {
|
|
|
1102
1103
|
titleId, // 标题id
|
|
1103
1104
|
lineHeightId,//行高
|
|
1104
1105
|
dataUrl,
|
|
1105
|
-
CustomImage,// 自定义图片大小
|
|
1106
1106
|
Superscript.configure({
|
|
1107
1107
|
HTMLAttributes: {
|
|
1108
1108
|
class: 'annotation',
|
|
@@ -1150,19 +1150,6 @@ export default {
|
|
|
1150
1150
|
}
|
|
1151
1151
|
},
|
|
1152
1152
|
}),
|
|
1153
|
-
BubbleMenu.configure({
|
|
1154
|
-
pluginKey: 'bubbleMenuImg',
|
|
1155
|
-
element: document.querySelector('.bubble-menu-img'),
|
|
1156
|
-
tippyOptions: { duration: 100 },
|
|
1157
|
-
shouldShow: ({editor, view, state, oldState, from, to}) => {
|
|
1158
|
-
if(editor.isActive('image')) {
|
|
1159
|
-
this.imgSizeVal = parseInt(this.editor.getAttributes('image').width)
|
|
1160
|
-
} else {
|
|
1161
|
-
this.imgSizeVal = ''
|
|
1162
|
-
}
|
|
1163
|
-
return editor.isActive('image')
|
|
1164
|
-
},
|
|
1165
|
-
}),
|
|
1166
1153
|
Link.configure({
|
|
1167
1154
|
openOnClick: false,
|
|
1168
1155
|
HTMLAttributes: {
|
|
@@ -1329,26 +1316,6 @@ export default {
|
|
|
1329
1316
|
},
|
|
1330
1317
|
emits: ['confirm', 'enclosure', 'enlDownload', 'enlSee'],
|
|
1331
1318
|
methods: {
|
|
1332
|
-
changeAlign(tag) {
|
|
1333
|
-
// 图片对齐方式
|
|
1334
|
-
this.editor.chain().setTextAlign(tag).run()
|
|
1335
|
-
},
|
|
1336
|
-
changePercent(e) {
|
|
1337
|
-
// 改变图片百分比
|
|
1338
|
-
if(parseInt(e.target.value) > 100) {
|
|
1339
|
-
this.imgSizeVal = 100
|
|
1340
|
-
this.editor.chain().setImageWidth('100%').focus().run()
|
|
1341
|
-
} else if(parseInt(e.target.value) < 10) {
|
|
1342
|
-
} else {
|
|
1343
|
-
if(this.imgSizeLock) {
|
|
1344
|
-
this.imgSizeLock = false
|
|
1345
|
-
setTimeout(() => {
|
|
1346
|
-
this.editor.chain().setImageWidth(e.target.value + '%').focus().run()
|
|
1347
|
-
this.imgSizeLock = true
|
|
1348
|
-
}, 500)
|
|
1349
|
-
}
|
|
1350
|
-
}
|
|
1351
|
-
},
|
|
1352
1319
|
selectMargin(selectItem) {
|
|
1353
1320
|
this.pageMarginSvg.forEach(item => {
|
|
1354
1321
|
item.isSelect = item.title === selectItem.title;
|
|
@@ -1372,53 +1339,117 @@ export default {
|
|
|
1372
1339
|
},
|
|
1373
1340
|
//修改模板类型
|
|
1374
1341
|
async changeTemplateType() {
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
const html = this.switchingFormat.filter(item => item.key === this.templateType)[0].html
|
|
1380
|
-
this.editor.chain().setContent(html).run()
|
|
1381
|
-
this.toolbar = [
|
|
1382
|
-
'switchingFormat', 'signMenu', 'pageMargin', 'paragraph',
|
|
1383
|
-
'outlineMenu', 'alignmentMode', 'titleMenu',
|
|
1384
|
-
'textMenu', 'color', 'interposition']
|
|
1385
|
-
this.organizeButton()
|
|
1342
|
+
const oldFormatWriteNewFormat = (oldJson)=>{
|
|
1343
|
+
let newJson = this.editor.getJSON()
|
|
1344
|
+
if(oldJson.content.length===1&&!oldJson.content[0].content){
|
|
1345
|
+
return
|
|
1386
1346
|
}
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
'switchingFormat', 'signMenu', 'pageMargin','redMenu', 'firstLevelHeading',
|
|
1393
|
-
'secondaryHeading', 'paragraphBody', 'paragraphMenu', 'alignmentMode',
|
|
1394
|
-
'titleMenu', 'color', 'interposition']
|
|
1395
|
-
this.organizeButton()
|
|
1347
|
+
let oldContent = []
|
|
1348
|
+
let signIdArrObj={
|
|
1349
|
+
officialDocumentFormat: ['text','paragraph','date','subject'],
|
|
1350
|
+
newsFormat: ['text','paragraph','date','subject','author'],
|
|
1351
|
+
paperFormat: ['text','paragraph','date','subject','author']
|
|
1396
1352
|
}
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1353
|
+
let signIdArr=signIdArrObj[this.templateType]
|
|
1354
|
+
let newSignIdIndex = -1
|
|
1355
|
+
let remainIndex = 0
|
|
1356
|
+
for (let i = 0; i <oldJson.content.length ; i++) {
|
|
1357
|
+
let item = oldJson.content[i]
|
|
1358
|
+
if(signIdArr.indexOf(item.attrs.signId)!==-1||(!!item.attrs.signId&&item.attrs.signId.indexOf('title')!==-1)){
|
|
1359
|
+
item.reserve = true
|
|
1360
|
+
for (let j = 0; j < newJson.content.length; j++) {
|
|
1361
|
+
let newItem = newJson.content[j]
|
|
1362
|
+
if(newItem.attrs.signId&&item.attrs.signId&&item.attrs.signId===newItem.attrs.signId&&newSignIdIndex<j){
|
|
1363
|
+
newJson.content[j]=JSON.parse(JSON.stringify(item))
|
|
1364
|
+
delete newJson.content[j].reserve
|
|
1365
|
+
item.reserve = false
|
|
1366
|
+
if(newJson.content[j].attrs.signId==='subject'&&this.templateType === 'officialDocumentFormat'){
|
|
1367
|
+
newJson.content[j].attrs.margin= '80px 0 60px'
|
|
1368
|
+
}else {
|
|
1369
|
+
newJson.content[j].attrs.margin= null
|
|
1370
|
+
}
|
|
1371
|
+
newSignIdIndex=j
|
|
1372
|
+
break
|
|
1373
|
+
}else {
|
|
1374
|
+
let arr = ['paragraph','date']
|
|
1375
|
+
if(newSignIdIndex>=0&&arr.indexOf(newJson.content[newSignIdIndex].attrs.signId)===-1){
|
|
1376
|
+
// 内容有意义但无法替换如新样板，位置起点留存
|
|
1377
|
+
remainIndex=newSignIdIndex
|
|
1378
|
+
}
|
|
1379
|
+
}
|
|
1380
|
+
}
|
|
1381
|
+
}
|
|
1406
1382
|
}
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1383
|
+
oldContent = oldJson.content.filter(item=>item.reserve)
|
|
1384
|
+
oldContent.forEach((item,index)=>{
|
|
1385
|
+
delete item.reserve
|
|
1386
|
+
newJson.content.splice(remainIndex+index+1,0,item)
|
|
1387
|
+
})
|
|
1388
|
+
this.editor.chain().setContent(newJson).run()
|
|
1389
|
+
}
|
|
1390
|
+
const htmlFormat = butJson(this.editor, this.menusText)['switchingFormat'].menuKeys
|
|
1391
|
+
let oldJson = this.editor.getJSON()
|
|
1392
|
+
// 自由排版
|
|
1393
|
+
if (this.templateType === 'freeTypesetting') {
|
|
1394
|
+
const html = htmlFormat.filter(item => item.key === this.templateType)[0].html
|
|
1395
|
+
this.editor.chain().setContent(html).run()
|
|
1396
|
+
this.toolbar = [
|
|
1397
|
+
'switchingFormat', 'signMenu', 'pageMargin', 'paragraph',
|
|
1398
|
+
'outlineMenu', 'alignmentMode', 'titleMenu',
|
|
1399
|
+
'textMenu', 'color', 'interposition']
|
|
1400
|
+
this.organizeButton()
|
|
1401
|
+
this.interpositionData = []
|
|
1402
|
+
if(oldJson.content.length===1&&!oldJson.content[0].content){
|
|
1403
|
+
return
|
|
1416
1404
|
}
|
|
1417
|
-
|
|
1405
|
+
let oldContent = []
|
|
1406
|
+
let signIdArr=['text','paragraph','date','subject','author']
|
|
1407
|
+
oldJson.content.forEach((item)=>{
|
|
1408
|
+
if(signIdArr.indexOf(item.attrs.signId)!==-1||(!!item.attrs.signId&&item.attrs.signId.indexOf('title')!==-1)){
|
|
1409
|
+
if(item.attrs.signId==='subject'){
|
|
1410
|
+
item.attrs.margin= null
|
|
1411
|
+
}
|
|
1412
|
+
oldContent.push(item)
|
|
1413
|
+
}
|
|
1414
|
+
})
|
|
1415
|
+
this.editor.chain().setContent({type:'doc',content:oldContent}).run()
|
|
1416
|
+
}
|
|
1417
|
+
// 公文版式
|
|
1418
|
+
if (this.templateType === 'officialDocumentFormat') {
|
|
1419
|
+
const html = htmlFormat.filter(item => item.key === this.templateType)[0].html
|
|
1420
|
+
this.editor.chain().setContent(html).run()
|
|
1421
|
+
this.toolbar = [
|
|
1422
|
+
'switchingFormat', 'signMenu', 'pageMargin','redMenu', 'firstLevelHeading',
|
|
1423
|
+
'secondaryHeading', 'paragraphBody', 'paragraphMenu', 'alignmentMode',
|
|
1424
|
+
'titleMenu', 'color', 'interposition']
|
|
1425
|
+
this.organizeButton()
|
|
1418
1426
|
this.interpositionData = []
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
|
|
1427
|
+
oldFormatWriteNewFormat(oldJson)
|
|
1428
|
+
}
|
|
1429
|
+
// 新闻版式
|
|
1430
|
+
if (this.templateType === 'newsFormat') {
|
|
1431
|
+
const html = htmlFormat.filter(item => item.key === this.templateType)[0].html
|
|
1432
|
+
this.editor.chain().setContent(html).run()
|
|
1433
|
+
this.toolbar = [
|
|
1434
|
+
'switchingFormat', 'signMenu', 'pageMargin', 'firstLevelHeading',
|
|
1435
|
+
'secondaryHeading', 'paragraphBody', 'paragraphMenu', 'alignmentMode',
|
|
1436
|
+
'titleMenu', 'color', 'interposition']
|
|
1437
|
+
this.organizeButton()
|
|
1438
|
+
this.interpositionData = []
|
|
1439
|
+
oldFormatWriteNewFormat(oldJson)
|
|
1440
|
+
}
|
|
1441
|
+
// 论文版式
|
|
1442
|
+
if (this.templateType === 'paperFormat') {
|
|
1443
|
+
const html = htmlFormat.filter(item => item.key === this.templateType)[0].html
|
|
1444
|
+
this.editor.chain().setContent(html).run()
|
|
1445
|
+
this.toolbar = [
|
|
1446
|
+
'switchingFormat', 'signMenu', 'pageMargin', 'firstLevelHeading',
|
|
1447
|
+
'secondaryHeading', 'paragraphBody', 'ackMenu', 'paragraphMenu', 'alignmentMode',
|
|
1448
|
+
'titleMenu', 'color', 'interposition']
|
|
1449
|
+
this.organizeButton()
|
|
1450
|
+
this.interpositionData = []
|
|
1451
|
+
oldFormatWriteNewFormat(oldJson)
|
|
1452
|
+
}
|
|
1422
1453
|
},
|
|
1423
1454
|
// 修改边距
|
|
1424
1455
|
changeMargin() {
|
|
@@ -2053,7 +2084,7 @@ export default {
|
|
|
2053
2084
|
html = ''
|
|
2054
2085
|
}
|
|
2055
2086
|
}
|
|
2056
|
-
if (data[i].dataset?.signid === 'splitLine') {
|
|
2087
|
+
if (data[i].dataset?.signid === 'splitLine' || data[i].dataset?.signid === 'annotationSplitLine' || data[i].dataset?.signid === 'referenceSplitLine') {
|
|
2057
2088
|
this.htmlArr.push(html)
|
|
2058
2089
|
pHeight = 0
|
|
2059
2090
|
html = ''
|
|
@@ -2116,7 +2147,7 @@ export default {
|
|
|
2116
2147
|
pHeight = end.size
|
|
2117
2148
|
} else {
|
|
2118
2149
|
pHeight += text
|
|
2119
|
-
if (data[i].dataset?.signid !== 'splitLine' && data[i].dataset?.signid !== 'referenceSplitLine') html += data[i].outerHTML
|
|
2150
|
+
if (data[i].dataset?.signid !== 'splitLine' && data[i].dataset?.signid !== 'annotationSplitLine' && data[i].dataset?.signid !== 'referenceSplitLine') html += data[i].outerHTML
|
|
2120
2151
|
}
|
|
2121
2152
|
if (i === data.length - 1) {
|
|
2122
2153
|
this.htmlArr.push(html)
|
|
@@ -2731,7 +2762,23 @@ export default {
|
|
|
2731
2762
|
async butTap(data, key, childKey) {
|
|
2732
2763
|
// 切换版式
|
|
2733
2764
|
if (data.key === 'switchingFormat') {
|
|
2734
|
-
this.
|
|
2765
|
+
this.templateType = key.key
|
|
2766
|
+
if(this.templateType === 'freeTypesetting'){
|
|
2767
|
+
|
|
2768
|
+
await this.changeTemplateType()
|
|
2769
|
+
}
|
|
2770
|
+
if(this.templateType === 'officialDocumentFormat'){
|
|
2771
|
+
|
|
2772
|
+
await this.changeTemplateType()
|
|
2773
|
+
}
|
|
2774
|
+
if(this.templateType === 'newsFormat'){
|
|
2775
|
+
|
|
2776
|
+
await this.changeTemplateType()
|
|
2777
|
+
}
|
|
2778
|
+
if(this.templateType === 'paperFormat'){
|
|
2779
|
+
|
|
2780
|
+
await this.changeTemplateType()
|
|
2781
|
+
}
|
|
2735
2782
|
}
|
|
2736
2783
|
// 快捷排版
|
|
2737
2784
|
if (data.key === 'shortcut') {
|
|
@@ -3815,12 +3862,17 @@ export default {
|
|
|
3815
3862
|
},
|
|
3816
3863
|
|
|
3817
3864
|
async addAnnotationMenu() {
|
|
3818
|
-
|
|
3865
|
+
let index = 0
|
|
3866
|
+
const json = this.editor.getJSON()
|
|
3867
|
+
let jsonData = json.content.filter(item => !(/a-/.test(item.attrs.signId)))
|
|
3868
|
+
this.editor?.commands.setContent(jsonData)
|
|
3869
|
+
this.interpositionData.forEach((item)=>{
|
|
3819
3870
|
if(item.type!=='taggingMenu') return
|
|
3871
|
+
index+=1
|
|
3820
3872
|
const t = this.signIdData('annotation')
|
|
3821
3873
|
const b = this.signIdData('annotationSplitLine') // 判断是否有分页线
|
|
3822
3874
|
const html = `<p contenteditable="false" data-signId="annotation" style="text-align: center;margin-bottom: 30px;"><span style="font-weight: 700;font-size: 16px;">注释：</span></p>`
|
|
3823
|
-
const html2 = `<p contenteditable="false" class="text" data-signId="
|
|
3875
|
+
const html2 = `<p contenteditable="false" class="text" data-signId="a-${index}"><span style="font-family: FangSong;font-size: 12px;line-height25px"><span class="annotation-num">${index}</span> ${item.exegesis}: ${item.text}</span></p>`
|
|
3824
3876
|
const last = this.editor.state.selection.$anchor.path[0].content.size
|
|
3825
3877
|
if (t === -1) this.editor.chain().focus().insertContentAt(last, html).run()
|
|
3826
3878
|
let last1 = this.editor.state.selection.$anchor.path[0].content.size
|
|
@@ -3833,6 +3885,9 @@ export default {
|
|
|
3833
3885
|
},
|
|
3834
3886
|
|
|
3835
3887
|
async addReferenceMenu(data) {
|
|
3888
|
+
const json = this.editor.getJSON()
|
|
3889
|
+
let jsonData = json.content.filter(item => !(/r-l/.test(item.attrs.signId)))
|
|
3890
|
+
this.editor?.commands.setContent(jsonData)
|
|
3836
3891
|
const t = await this.signIdData('reference')
|
|
3837
3892
|
const b = await this.signIdData('referenceSplitLine') // 判断是否有分页线
|
|
3838
3893
|
const html = `<p contenteditable="false" data-signId="reference" style="text-align: center;margin-bottom: 30px;"><span style="font-weight: 700;font-size: 16px;">参考文献：</span></p>`
|
|
@@ -3849,7 +3904,7 @@ export default {
|
|
|
3849
3904
|
// 删除举例说明
|
|
3850
3905
|
delGiveExample(){
|
|
3851
3906
|
const json = this.editor.getJSON()
|
|
3852
|
-
let jsonData = json.content.filter(item => !(/r
|
|
3907
|
+
let jsonData = json.content.filter(item => !(/r-l/.test(item.attrs.signId)) && !(/a-/.test(item.attrs.signId)))
|
|
3853
3908
|
this.editor?.commands.setContent(jsonData)
|
|
3854
3909
|
this.addAnnotationMenu()
|
|
3855
3910
|
},
|
|
@@ -3950,7 +4005,9 @@ export default {
|
|
|
3950
4005
|
background-color: #fff;
|
|
3951
4006
|
box-sizing: border-box;
|
|
3952
4007
|
position: relative;
|
|
3953
|
-
border-bottom: 10px solid #e5e5e5;
|
|
4008
|
+
//border-bottom: 10px solid #e5e5e5;
|
|
4009
|
+
margin-bottom: 10px;
|
|
4010
|
+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
|
3954
4011
|
}
|
|
3955
4012
|
|
|
3956
4013
|
.read-only-page:last-child {
|
|
@@ -3982,7 +4039,7 @@ export default {
|
|
|
3982
4039
|
}
|
|
3983
4040
|
|
|
3984
4041
|
:deep(.title) {
|
|
3985
|
-
padding: 10px 0 2px 0;
|
|
4042
|
+
//padding: 10px 0 2px 0;
|
|
3986
4043
|
}
|
|
3987
4044
|
|
|
3988
4045
|
.read-only-a {
|
|
@@ -4686,7 +4743,8 @@ li {
|
|
|
4686
4743
|
flex-direction: row;
|
|
4687
4744
|
justify-content: space-between;
|
|
4688
4745
|
padding: 0 90px;
|
|
4689
|
-
margin-top: 10px
|
|
4746
|
+
margin-top: 10px;
|
|
4747
|
+
box-sizing: border-box;
|
|
4690
4748
|
}
|
|
4691
4749
|
|
|
4692
4750
|
.page-margin-select-item {
|
|
@@ -4755,67 +4813,4 @@ li {
|
|
|
4755
4813
|
border:1px solid #000;
|
|
4756
4814
|
border-radius: 50%;
|
|
4757
4815
|
}
|
|
4758
|
-
.bubble-menu-img {
|
|
4759
|
-
position: relative;
|
|
4760
|
-
padding: 15px;
|
|
4761
|
-
background-color: #fff;
|
|
4762
|
-
border-radius: 5px;
|
|
4763
|
-
box-shadow: 0 1px 6px #d2d2d2;
|
|
4764
|
-
}
|
|
4765
|
-
.line {
|
|
4766
|
-
display: flex;
|
|
4767
|
-
align-items: center;
|
|
4768
|
-
padding-bottom: 10px;
|
|
4769
|
-
}
|
|
4770
|
-
.line:last-child {
|
|
4771
|
-
padding-bottom: 0
|
|
4772
|
-
}
|
|
4773
|
-
.percent {
|
|
4774
|
-
position: relative;
|
|
4775
|
-
}
|
|
4776
|
-
.percent input{
|
|
4777
|
-
border-radius: 4px;
|
|
4778
|
-
width: 68px;
|
|
4779
|
-
}
|
|
4780
|
-
.percent input::-webkit-outer-spin-button,
|
|
4781
|
-
.percent input::-webkit-inner-spin-button {
|
|
4782
|
-
-webkit-appearance: none !important;
|
|
4783
|
-
}
|
|
4784
|
-
.percent input[type='number']{
|
|
4785
|
-
-moz-appearance: textfield;
|
|
4786
|
-
box-shadow: none;
|
|
4787
|
-
border: 1px solid #8c939d;
|
|
4788
|
-
padding: 5px 15px 5px 5px;
|
|
4789
|
-
}
|
|
4790
|
-
.symbol {
|
|
4791
|
-
position: absolute;
|
|
4792
|
-
right: 5px;
|
|
4793
|
-
top: 5px
|
|
4794
|
-
}
|
|
4795
|
-
|
|
4796
|
-
.alignmentMode {
|
|
4797
|
-
display: flex;
|
|
4798
|
-
justify-content: center;
|
|
4799
|
-
align-items: center;
|
|
4800
|
-
}
|
|
4801
|
-
.segmentation {
|
|
4802
|
-
height: 13px;
|
|
4803
|
-
width: 1px;
|
|
4804
|
-
margin: 0 5px;
|
|
4805
|
-
background-color: #565656;
|
|
4806
|
-
}
|
|
4807
|
-
.imgBgc {
|
|
4808
|
-
border-radius: 3px;
|
|
4809
|
-
width: 20px;
|
|
4810
|
-
height: 20px;
|
|
4811
|
-
background-color: #CCCCCC;
|
|
4812
|
-
}
|
|
4813
|
-
.imgBgcAction {
|
|
4814
|
-
background-color: #2A82E4;
|
|
4815
|
-
}
|
|
4816
|
-
.imgBgc > img {
|
|
4817
|
-
padding: 1px;
|
|
4818
|
-
width: 100%;
|
|
4819
|
-
height: 100%;
|
|
4820
|
-
}
|
|
4821
4816
|
</style>
|
|
@@ -1174,7 +1174,7 @@ export default {
|
|
|
1174
1174
|
that.ctx = canvas.getContext('2d');
|
|
1175
1175
|
let ctx2 = canvas2.getContext('2d');
|
|
1176
1176
|
that.boxWidth = that.$refs.wrap.offsetWidth
|
|
1177
|
-
that.scales
|
|
1177
|
+
that.scales=(that.boxWidth/846)*(that.boxWidth/(that.boxWidth-(that.boxWidth*0.115*2)))
|
|
1178
1178
|
let viewport = page.getViewport({scale: that.scales})
|
|
1179
1179
|
const sc = viewport.width / viewport.height
|
|
1180
1180
|
const wid = that.$refs.wrap.offsetWidth - 10
|