ZQ/plugins_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 前言修改

Browse Source
This commit is contained in:
赵霄
2023-08-25 10:23:22 +08:00
parent 4e01fc208a
commit 9419df178a
3 changed files with 2126 additions and 1933 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/page1/App.vue
+267 -266
View File
@@ -3,13 +3,13 @@
<!-- <template v-for="item in data"> <!-- <template v-for="item in data">
<insert-text :title="item.title" :key="item.title" :list="item.list" /> <insert-text :title="item.title" :key="item.title" :list="item.list" />
</template> --> </template> -->
<!-- <div class="app-header">--> <!-- <div class="app-header">-->
<!-- <a-button @click="save" class="app-header-button">保存</a-button>--> <!-- <a-button @click="save" class="app-header-button">保存</a-button>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="ant-drawer-index" v-if="isDisplay">--> <!-- <div class="ant-drawer-index" v-if="isDisplay">-->
<!-- 数据保存中；请勿关闭页面 <span class="ant-drawer-text">{{num}}</span>--> <!-- 数据保存中；请勿关闭页面 <span class="ant-drawer-text">{{num}}</span>-->
<!-- </div>--> <!-- </div>-->
<template v-for="item in data"> <template v-for="item in data">
<insert-guide-text <insert-guide-text
:title="item.title" :title="item.title"
@@ -51,283 +51,284 @@
</div> </div>
</template> </template>
<script> <script>
import Vue from 'vue' import Vue from 'vue'
import {SEPARATOR_TYPE} from '@/pages/page1/common/utils' import {SEPARATOR_TYPE} from '@/pages/page1/common/utils'
import InsertTableRow from './components/InsertTableRow.vue' import InsertTableRow from './components/InsertTableRow.vue'
import InsertGuideText from './components/InsertGuideText.vue' import InsertGuideText from './components/InsertGuideText.vue'
import FirstLevelListing from './components/FirstLevelListing.vue' import FirstLevelListing from './components/FirstLevelListing.vue'
import AddFootnote from './components/AddFootnote.vue' import AddFootnote from './components/AddFootnote.vue'
import InsertImage from './components/InsertImage.vue' import InsertImage from './components/InsertImage.vue'
import HelloWorld from './components/HelloWorld.vue' import HelloWorld from './components/HelloWorld.vue'
import Init from './saicComponents/Init' import Init from './saicComponents/Init'
import contentOne from "./saicComponents/Content"; import contentOne from './saicComponents/Content'
import SaicFunc from "./saicComponents/SaicFunc"; import SaicFunc from './saicComponents/SaicFunc'
import SaicTable from "./saicComponents/SaicTable"; import SaicTable from './saicComponents/SaicTable'
import SaicImg from "./components/InsertImage"; import SaicImg from './components/InsertImage'
import InsertNotes from "./saicComponents/InsertNotes"; import InsertNotes from './saicComponents/InsertNotes'
import SaicExample from "./saicComponents/SaicExample"; import SaicExample from './saicComponents/SaicExample'
import SaicFile from "./saicComponents/SaicFile"; import SaicFile from './saicComponents/SaicFile'
import RevisInformation from "./saicComponents/RevisInformation"; import RevisInformation from './saicComponents/RevisInformation'
import Appendix from "./saicComponents/Appendix"; import Appendix from './saicComponents/Appendix'
import chapterData from "./saicComponents/chapterData"; import chapterData from './saicComponents/chapterData'
import Chapter from "./saicComponents/Chapter"; import Chapter from './saicComponents/Chapter'
import _axios from "@/plugins/axios2"; import _axios from '@/plugins/axios2'
export default { export default {
components: { components: {
InsertTableRow, InsertTableRow,
InsertGuideText, InsertGuideText,
FirstLevelListing, FirstLevelListing,
AddFootnote, AddFootnote,
InsertImage, InsertImage,
HelloWorld, HelloWorld,
Init, Init,
contentOne, contentOne,
SaicFunc, SaicFunc,
SaicTable, SaicTable,
SaicImg, SaicImg,
InsertNotes, InsertNotes,
SaicExample, SaicExample,
SaicFile, SaicFile,
RevisInformation, RevisInformation,
Appendix, Appendix,
chapterData, chapterData,
Chapter Chapter
}, },
data() { data() {
let Ps let Ps
function updateScroll() { function updateScroll() {
Ps.update() Ps.update()
} }
return { return {
// SEPARATOR_TYPE, // SEPARATOR_TYPE,
data: [ data: [
{ {
title: '术语和定义', title: '术语和定义',
list: [ list: [
'下列术语和定义适用于本文件。', '下列术语和定义适用于本文件。',
'......界定的术语和定义适用于本文件。', '......界定的术语和定义适用于本文件。',
'......界定的以及下列术语和定义适用于本文件。', '......界定的以及下列术语和定义适用于本文件。',
'本文件没有需要界定的术语和定义。' '本文件没有需要界定的术语和定义。'
], ],
separatorText: SEPARATOR_TYPE.STRIKETHROUGH separatorText: SEPARATOR_TYPE.STRIKETHROUGH
}, },
{ {
title: '符号、代号和缩略语', title: '符号、代号和缩略语',
list: [ list: [
'下列代号适用于本文件。', '下列代号适用于本文件。',
'下列符号适用于本文件。', '下列符号适用于本文件。',
'下列缩略语适用于本文件。', '下列缩略语适用于本文件。',
'下列代号和缩略语适用于本文件。', '下列代号和缩略语适用于本文件。'
], ],
separatorText: SEPARATOR_TYPE.COLON separatorText: SEPARATOR_TYPE.COLON
},
],
isDisplay: false,
num: 0,
}
},
created() {
window.Asc.plugin.init = function () {
Vue.prototype.ctx = this
// console.log(this)
const container = document.getElementById('app')
// eslint-disable-next-line no-undef
Ps = new PerfectScrollbar(`#${container.id}`, {})
this.callCommand(() => {
try {
var oDocument = Api.GetDocument();
const oHeading1Style6 = oDocument.CreateStyle("Normal");
const oTextPr7 = oHeading1Style6.GetTextPr();
oTextPr7.SetFontFamily("宋体");
oTextPr7.SetColor(0, 0, 0);
oTextPr7.SetFontSize(21)
const oTextPr9 = oHeading1Style6.GetParaPr();
oTextPr9.SetSpacingAfter(10)
// var oHeading1Style = oDocument.CreateStyle("Heading 1");
// const oTextPr = oHeading1Style.GetTextPr();
// oTextPr.SetFontFamily("黑体");
// oTextPr.SetColor(0, 0, 0);
//
//
// var oHeading1Style1 = oDocument.CreateStyle("Heading 2");
// const oTextPr1 = oHeading1Style1.GetTextPr();
// oTextPr1.SetFontFamily("黑体");
// oTextPr1.SetColor(0, 0, 0);
//
//
// var oHeading1Style2 = oDocument.CreateStyle("Heading 3");
// const oTextPr2 = oHeading1Style2.GetTextPr();
// oTextPr2.SetFontFamily("黑体");
// oTextPr2.SetColor(0, 0, 0);
//
//
// var oHeading1Style3 = oDocument.CreateStyle("Heading 4");
// const oTextPr3 = oHeading1Style3.GetTextPr();
// oTextPr3.SetFontFamily("黑体");
// oTextPr3.SetColor(0, 0, 0);
//
//
// var oHeading1Style4 = oDocument.CreateStyle("Heading 5");
// const oTextPr4 = oHeading1Style4.GetTextPr();
// oTextPr4.SetFontFamily("黑体");
// oTextPr4.SetColor(0, 0, 0);
//
// var oHeading1Style5 = oDocument.CreateStyle("Heading 6");
// const oTextPr5 = oHeading1Style5.GetTextPr();
// oTextPr5.SetFontFamily("黑体");
// oTextPr5.SetColor(0, 0, 0);
var oNormalStyle = oDocument.GetDefaultStyle("numbering");
const oTextPr6 = oNormalStyle.GetTextPr();
oTextPr6.SetFontFamily("黑体");
const oParagraph = Api.CreateParagraph();
oParagraph.SetStyle(oNormalStyle);
Api.HeadersAndFooters_DifferentOddandEvenPage(true)
// Api.HeadersAndFooters_DifferentFirstPage(true)
} catch (e) {
console.log('init err:', e)
}
})
}
window.addEventListener('message', (e) => {
// console.log(e)
}, false)
window.Asc.plugin.button = function (id) {
// console.log('wx2', id)
if (id === -1) this.executeCommand('close', '')
}
},
methods: {
param2Obj(url) {
const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
if (!search) {
return {}
} }
const obj = {} ],
const searchArr = search.split('&') isDisplay: false,
searchArr.forEach(v => { num: 0
const index = v.indexOf('=') }
if (index !== -1) { },
const name = v.substring(0, index) created() {
let val = v.substring(index + 1, v.length) window.Asc.plugin.init = function () {
if (val == 'undefined' || !val) { Vue.prototype.ctx = this
val = '' // console.log(this)
} const container = document.getElementById('app')
obj[name] = val // eslint-disable-next-line no-undef
} Ps = new PerfectScrollbar(`#${container.id}`, {})
}) this.callCommand(() => {
return obj try {
},
save() {
let documentCallbackUrl = window.Asc.plugin.info.documentCallbackUrl var oDocument = Api.GetDocument()
let query = this.param2Obj(documentCallbackUrl) const oHeading1Style6 = oDocument.CreateStyle('Normal')
let formData = (data) => { const oTextPr7 = oHeading1Style6.GetTextPr()
let _formData = new FormData() oTextPr7.SetFontFamily('宋体')
for (let i in data) { oTextPr7.SetColor(0, 0, 0)
_formData.append(i, data[i]) oTextPr7.SetFontSize(21)
} const oTextPr9 = oHeading1Style6.GetParaPr()
return _formData oTextPr9.SetSpacingAfter(10)
// var oHeading1Style = oDocument.CreateStyle("Heading 1");
// const oTextPr = oHeading1Style.GetTextPr();
// oTextPr.SetFontFamily("黑体");
// oTextPr.SetColor(0, 0, 0);
//
//
// var oHeading1Style1 = oDocument.CreateStyle("Heading 2");
// const oTextPr1 = oHeading1Style1.GetTextPr();
// oTextPr1.SetFontFamily("黑体");
// oTextPr1.SetColor(0, 0, 0);
//
//
// var oHeading1Style2 = oDocument.CreateStyle("Heading 3");
// const oTextPr2 = oHeading1Style2.GetTextPr();
// oTextPr2.SetFontFamily("黑体");
// oTextPr2.SetColor(0, 0, 0);
//
//
// var oHeading1Style3 = oDocument.CreateStyle("Heading 4");
// const oTextPr3 = oHeading1Style3.GetTextPr();
// oTextPr3.SetFontFamily("黑体");
// oTextPr3.SetColor(0, 0, 0);
//
//
// var oHeading1Style4 = oDocument.CreateStyle("Heading 5");
// const oTextPr4 = oHeading1Style4.GetTextPr();
// oTextPr4.SetFontFamily("黑体");
// oTextPr4.SetColor(0, 0, 0);
//
// var oHeading1Style5 = oDocument.CreateStyle("Heading 6");
// const oTextPr5 = oHeading1Style5.GetTextPr();
// oTextPr5.SetFontFamily("黑体");
// oTextPr5.SetColor(0, 0, 0);
var oNormalStyle = oDocument.GetDefaultStyle('numbering')
const oTextPr6 = oNormalStyle.GetTextPr()
oTextPr6.SetFontFamily('黑体')
const oParagraph = Api.CreateParagraph()
oParagraph.SetStyle(oNormalStyle)
Api.HeadersAndFooters_DifferentOddandEvenPage(true)
// Api.HeadersAndFooters_DifferentFirstPage(true)
} catch (e) {
console.log('init err:', e)
} }
this.num = 10 })
this.isDisplay = true }
_axios({
url: 'api/lawss/activiti/recieveFile', window.addEventListener('message', (e) => {
method: 'post', // console.log(e)
data: formData(query) }, false)
}).then(res => {
}).catch(e => { window.Asc.plugin.button = function (id) {
}) // console.log('wx2', id)
this.setIntervalOne = setInterval(() => { if (id === -1) this.executeCommand('close', '')
this.num-- }
if (this.num == 0) { },
clearInterval(this.setIntervalOne) methods: {
this.isDisplay = false param2Obj(url) {
const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
if (!search) {
return {}
}
const obj = {}
const searchArr = search.split('&')
searchArr.forEach(v => {
const index = v.indexOf('=')
if (index !== -1) {
const name = v.substring(0, index)
let val = v.substring(index + 1, v.length)
if (val == 'undefined' || !val) {
val = ''
} }
}, 1000) obj[name] = val
}, }
})
return obj
},
save() {
let documentCallbackUrl = window.Asc.plugin.info.documentCallbackUrl
let query = this.param2Obj(documentCallbackUrl)
let formData = (data) => {
let _formData = new FormData()
for (let i in data) {
_formData.append(i, data[i])
}
return _formData
}
this.num = 10
this.isDisplay = true
_axios({
url: 'api/lawss/activiti/recieveFile',
method: 'post',
data: formData(query)
}).then(res => {
}).catch(e => {
})
this.setIntervalOne = setInterval(() => {
this.num--
if (this.num == 0) {
clearInterval(this.setIntervalOne)
this.isDisplay = false
}
}, 1000)
} }
} }
}
</script> </script>
<style lang="less"> <style lang="less">
#app { #app {
font-family: Avenir, Helvetica, Arial, sans-serif; font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
text-align: left; text-align: left;
color: #2c3e50; color: #2c3e50;
padding: 10px; padding: 10px;
} }
#app { #app {
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
} }
* { * {
user-select: none; user-select: none;
} }
h1, h2, h3, h4, h5 { h1, h2, h3, h4, h5 {
color: rgba(0, 0, 0, .85); color: rgba(0, 0, 0, .85);
font-weight: 500; font-weight: 500;
} }
body { body {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC,
Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif,
Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-variant: tabular-nums; font-variant: tabular-nums;
} }
</style> </style>
<style scoped> <style scoped>
.ant-drawer-index { .ant-drawer-index {
width: 210px; width: 210px;
height: 40px; height: 40px;
text-align: center; text-align: center;
line-height: 40px; line-height: 40px;
background: #000; background: #000;
color: #fff; color: #fff;
position: fixed; position: fixed;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
border-radius: 6px; border-radius: 6px;
z-index: 10; z-index: 10;
} }
.ant-drawer-text { .ant-drawer-text {
width: 10px; width: 10px;
display: inline-block; display: inline-block;
color: #ffff00; color: #ffff00;
} }
.app-header{
width: 100%; .app-header {
height: 46px; width: 100%;
position: fixed; height: 46px;
left: 0; position: fixed;
top: 0; left: 0;
padding-left: 10px; top: 0;
line-height: 46px; padding-left: 10px;
text-align: left; line-height: 46px;
background: #f1f1f1; text-align: left;
z-index: 100; background: #f1f1f1;
border-bottom: 1px #e8e8e8 solid; z-index: 100;
} border-bottom: 1px #e8e8e8 solid;
.app-header-button{ }
background: #66b1ff;
border-color: #66b1ff; .app-header-button {
color: #FFF; background: #66b1ff;
} border-color: #66b1ff;
color: #FFF;
}
</style> </style>
src/pages/page1/common/image.js
+1
View File
File diff suppressed because one or more lines are too long
src/pages/page1/saicComponents/Init.vue
+1858 -1667
View File
File diff suppressed because one or more lines are too long