zydx-plus 1.35.592 → 1.35.593

package/src/components/editor/src/butJson-copy.js

@@ -0,0 +1,183 @@
+
+const num = {1: '①', 2: '②', 3: '③', 4: '④', 5: '⑤', 6: '⑥', 7: '⑦', 8: '⑧', 9: '⑨', 10: '⑩', 11: '⑪', 12: '⑫', 13: '⑬', 14: '⑭', 15: '⑮', 16: '⑯', 17: '⑰', 18: '⑱', 19: '⑲', 20: '⑳',}
+
+export function butJson (editor,data) {
+    return {
+        signMenu: {
+            name: '添加标志',
+            key: 'signMenu',
+            menuKeys: []
+        },
+        titleMenu: {
+            name: '字体',
+            key: 'titleMenu',
+            menuKeys: [
+                {name: '微软雅黑', key: 'Microsoft Yahei'},
+                {name: '楷体', key: 'Kaiti'},
+                {name: '仿宋', key: 'FangSong'},
+                {name: '黑体', key: 'SimHei'},
+            ],
+            html: {
+                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>`,
+                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>`,
+                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: 14px;font-family: SimHei">${menusData(data,'titleMenu').text}</span></p>`,
+                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: 14px;font-family: SimHei">${menusData(data,'titleMenu').text}</span></p>`,
+            }
+        },
+        textMenu: {
+            name: '字号',
+            key: 'textMenu',
+            menuKeys: [
+                {name: '12', key: '12px'},
+                {name: '14', key: '14px'},
+                {name: '16', key: '16px'},
+                {name: '18', key: '18px'},
+                {name: '20', key: '20px'},
+                {name: '22', key: '22px'},
+                {name: '24', key: '24px'},
+                {name: '26', key: '26px'},
+                {name: '28', key: '28px'},
+                {name: '30', key: '30px'},
+                {name: '32', key: '32px'}
+            ],
+            html: {
+                Song5: `<p class="text" style="text-align: left;"><span style="color: rgb(0, 0, 0);font-size: 14px;font-family: SimSun">请输入正文</span></p>`,
+                regular5: `<p class="text" style="text-align: left;"><span style="color: rgb(0, 0, 0);font-size: 14px;font-family: KaiTi">请输入正文</span></p>`,
+            }
+        },
+        outlineMenu: {
+            name: '大纲级别',
+            key: 'outlineMenu',
+            menuKeys: [
+                {name: '一级标题', key: 'title-1'},
+                {name: '二级标题', key: 'title-2'},
+                {name: '三级标题', key: 'title-3'},
+                {name: '四级标题', key: 'title-4'},
+                {name: '正文文本', key: 'text'},
+            ],
+            html: {}
+        },
+        redMenu: {
+            name: '添加红头',
+            key: 'redMenu',
+            menuKeys: [],
+            html: `<p style="text-align: center;"><span style="color: rgb(225, 60, 57);font-size: 48px;">XXXXXXX(单位)文件</span></p><p data-signId="red" style="text-align: center;"><span style="color: rgb(0, 0, 0);font-size: 16px;">xxx〔xx〕xxxx 号</span></p>`
+        },
+        authorMenu: {
+            name: '添加作者',
+            key: 'authorMenu',
+            menuKeys: [],
+            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>`
+        },
+        subjectMenu: {
+            name: '添加题目',
+            key: 'subjectMenu',
+            menuKeys: [],
+            html: `<p data-signId="subject" style="text-align: center;padding-bottom: 30px;"><span style="color: rgb(0, 0, 0);font-size: 24px;font-family: SimHei;font-weight: 700;">${menusData(data,'subjectMenu').text}</span></p>`
+        },
+        paragraphMenu: {
+            name: '添加落款',
+            key: 'paragraphMenu',
+            menuKeys: [],
+            html: `<p data-signId="paragraph" style="text-align: right;"><span style="color: rgb(0, 0, 0);font-size: 14px;font-weight: 700;">落款人名</span></p><p style="text-align: right;"><span style="color: rgb(0, 0, 0);font-size: 14px;font-weight: 700">${getTime()}</span></p>`
+        },
+        numberMenu: {
+            name: '标注编号',
+            key: 'numberMenu',
+            menuKeys: [],
+            html: [
+                `<sup>[${menusData(data,'numberMenu').text}]</sup>`,
+                `<sup>[${menusData(data,'numberMenu').text}]</sup><span> </span>`
+            ]
+        },
+        keywordMenu: {
+            name: '关键词',
+            key: 'keywordMenu',
+            menuKeys: [],
+            html: `<p class="keyword" data-signId="keyword"><span style="color: rgb(0, 0, 0);font-size: 12px;font-weight: 700;font-family: SimSun;">关键词：</span><span style="color: rgb(0, 0, 0);font-size: 12px;font-family: KaiTi">关键词内容...</span></p>`
+        },
+        abstractMenu: {
+            name: '添加摘要',
+            key: 'abstractMenu',
+            menuKeys: [],
+            html: `<p class="abstract" data-signId="abstract"><span style="color: rgb(0, 0, 0);font-size: 12px;font-weight: 700;font-family: SimSun;">摘要：</span><span style="color: rgb(0, 0, 0);font-size: 12px;font-family: KaiTi">摘要内容...</span></p>`
+        },
+        literatureMenu: {
+            name: '添加文献',
+            key: 'literatureMenu',
+            menuKeys: [],
+            html: `<p class="literature"><span style="color: rgb(0, 0, 0);font-size: 14px;font-family: SimSun">[1]作者.期刊论文名称IJ1.期刊名称,发表年份(第几期):页码</span></p><p class="literature"><span style="color: rgb(0, 0, 0);font-size: 14px;font-family: SimSun">[2]作者.学位论文名称[D1.毕业院校所在城市:毕业院校,论文提交年份:页码</span></p><p class="literature"><span style="color: rgb(0, 0, 0);font-size: 14px;font-family: SimSun">[3]作者.著作名称[M.出版社所在城市:出版社名称,出版年份:页码.</span></p><p class="literature" data-signId="literature"><span style="color: rgb(0, 0, 0);font-size: 14px;font-family: SimSun">[4]作者.文章名称[N].报纸名称,发行日期(版面)</span></p>`
+        },
+        taggingMenu: {
+            name: '添加标注',
+            key: 'taggingMenu',
+            menuKeys: [],
+            html: [
+                `<sup>${num[numSort(editor)]}</sup>`,
+                `<hr class="custom-link" contenteditable="false">`,
+                `<p data-signId="s-${numSort(editor)}"><span style="font-family: KaiTi">${num[numSort(editor)]}填写标注内容<span></p>`,
+                `<sup>${num[numSort(editor)]}</sup><span> </span>`,
+            ],
+            index: numSort(editor)
+        },
+        ackMenu: {
+            name: '致谢',
+            key: 'ackMenu',
+            menuKeys: [],
+            html: [
+                `<p data-signId="ack" contenteditable="false" style="text-align: center;"><span style="color: rgb(0, 0, 0);font-size: 16px;font-weight: bold;">致谢</span></p>`,
+                `<p><span style="color: rgb(0, 0, 0);font-size: 14px;font-family: KaiTi;">致谢内容...</span></p>`
+            ]
+        },
+        'group-image': {
+            name: '上传图片',
+            key: 'group-image',
+            menuKeys: [
+                {name: '网络图片', key: 'insertImage'},
+                {name: '上传图片', key: 'uploadImage'},
+            ],
+        },
+        'group-upload': {
+            name: '上传文件',
+            key: 'group-upload',
+            menuKeys: [],
+            html: `<p contenteditable="false" data-signId="enclosure"><span style="font-weight: 700;font-size: 16px;">附件列表：</span></p>`
+        }
+    }
+}
+
+function numSort(editor) {
+    let num = 1
+    const data = editor.getJSON().content
+    data.forEach((item, index) => {
+        const id = item.attrs === undefined? null :item.attrs.signId
+        if(id) {
+            let arr = item.attrs.signId.split('-')[1]
+            num = Number(arr) + 1 > num ? Number(arr) + 1 : num
+        }
+    })
+    return num
+}
+
+function menusData(data,key) {
+    let arr = {}
+    data.forEach(item => {
+        if (item.key === key) arr = item
+    })
+    return arr
+}
+
+// 随机
+function randomId() {
+    const id = Math.random().toString(36).substr(2)
+    return id.replace(/[0-9]/g, '')
+}
+
+// 时间
+function getTime() {
+    let date = new Date()
+    let year = date.getFullYear()
+    let month = date.getMonth() + 1
+    let day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
+    return year + '年' + month + '月' + day + '日'
+}