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

fix 81427

Browse Source
This commit is contained in:
赵霄
2024-01-30 17:03:09 +08:00
parent 095fea4bde
commit 8e29bd72d0
2 changed files with 332 additions and 319 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/page1/App.vue
+321 -317
View File
@@ -1,344 +1,348 @@
<template>
<div id="app">
<!-- <template v-for="item in data">
<insert-text :title="item.title" :key="item.title" :list="item.list" />
</template> -->
<!-- <div class="app-header">-->
<!-- <a-button @click="save" class="app-header-button">保存</a-button>-->
<!-- </div>-->
<a-config-provider :locale="locale">
<div id="app">
<!-- <template v-for="item in data">
<insert-text :title="item.title" :key="item.title" :list="item.list" />
</template> -->
<!-- <div class="app-header">-->
<!-- <a-button @click="save" class="app-header-button">保存</a-button>-->
<!-- </div>-->
<!-- <div class="ant-drawer-index" v-if="isDisplay">-->
<!-- 数据保存中；请勿关闭页面 <span class="ant-drawer-text">{{num}}</span>-->
<!-- </div>-->
<template v-for="item in data">
<insert-guide-text
:title="item.title"
:key="`insert-guide-text${item.title}`"
:list="item.list"
:separatorText="item.separatorText"
/>
</template>
<a-divider>初始化</a-divider>
<Init/>
<a-divider>正文</a-divider>
<chapterData/>
<first-level-listing/>
<SaicFunc/>
<!-- <a-divider>正文</a-divider>-->
<!-- <contentOne />-->
<!-- <a-divider>列项</a-divider>-->
<!-- <a-divider>函数</a-divider>-->
<a-divider>表格、图片</a-divider>
<SaicTable/>
<SaicImg/>
<!-- <a-divider>图</a-divider>-->
<!-- <SaicImg/>-->
<!-- <insert-image />-->
<a-divider>脚注、注、示例</a-divider>
<add-footnote/>
<SaicExample/>
<!-- <InsertNotes />-->
<!-- <a-divider>示例</a-divider>-->
<!-- <SaicExample/>-->
<!-- <a-divider>上传</a-divider>-->
<!-- <SaicFile />-->
<!-- <a-divider>修订信息</a-divider>-->
<!-- <RevisInformation />-->
<a-divider>附录</a-divider>
<Appendix/>
<!-- <insert-table-row />-->
<!-- <hello-world />-->
</div>
<!-- <div class="ant-drawer-index" v-if="isDisplay">-->
<!-- 数据保存中；请勿关闭页面 <span class="ant-drawer-text">{{num}}</span>-->
<!-- </div>-->
<template v-for="item in data">
<insert-guide-text
:title="item.title"
:key="`insert-guide-text${item.title}`"
:list="item.list"
:separatorText="item.separatorText"
/>
</template>
<a-divider>初始化</a-divider>
<Init />
<a-divider>正文</a-divider>
<chapterData />
<first-level-listing />
<SaicFunc />
<!-- <a-divider>正文</a-divider>-->
<!-- <contentOne />-->
<!-- <a-divider>列项</a-divider>-->
<!-- <a-divider>函数</a-divider>-->
<a-divider>表格、图片</a-divider>
<SaicTable />
<SaicImg />
<!-- <a-divider>图</a-divider>-->
<!-- <SaicImg/>-->
<!-- <insert-image />-->
<a-divider>脚注、注、示例</a-divider>
<add-footnote />
<SaicExample />
<!-- <InsertNotes />-->
<!-- <a-divider>示例</a-divider>-->
<!-- <SaicExample/>-->
<!-- <a-divider>上传</a-divider>-->
<!-- <SaicFile />-->
<!-- <a-divider>修订信息</a-divider>-->
<!-- <RevisInformation />-->
<a-divider>附录</a-divider>
<Appendix />
<!-- <insert-table-row />-->
<!-- <hello-world />-->
</div>
</a-config-provider>
</template>
<script>
import Vue from 'vue'
import {SEPARATOR_TYPE} from '@/pages/page1/common/utils'
import InsertTableRow from './components/InsertTableRow.vue'
import InsertGuideText from './components/InsertGuideText.vue'
import FirstLevelListing from './components/FirstLevelListing.vue'
import AddFootnote from './components/AddFootnote.vue'
import InsertImage from './components/InsertImage.vue'
import HelloWorld from './components/HelloWorld.vue'
import Init from './saicComponents/Init'
import contentOne from './saicComponents/Content'
import SaicFunc from './saicComponents/SaicFunc'
import SaicTable from './saicComponents/SaicTable'
import SaicImg from './components/InsertImage'
import InsertNotes from './saicComponents/InsertNotes'
import SaicExample from './saicComponents/SaicExample'
import SaicFile from './saicComponents/SaicFile'
import RevisInformation from './saicComponents/RevisInformation'
import Appendix from './saicComponents/Appendix'
import chapterData from './saicComponents/chapterData'
import Chapter from './saicComponents/Chapter'
import _axios from '@/plugins/axios2'
import Vue from 'vue'
import { SEPARATOR_TYPE } from '@/pages/page1/common/utils'
import InsertTableRow from './components/InsertTableRow.vue'
import InsertGuideText from './components/InsertGuideText.vue'
import FirstLevelListing from './components/FirstLevelListing.vue'
import AddFootnote from './components/AddFootnote.vue'
import InsertImage from './components/InsertImage.vue'
import HelloWorld from './components/HelloWorld.vue'
import Init from './saicComponents/Init'
import contentOne from './saicComponents/Content'
import SaicFunc from './saicComponents/SaicFunc'
import SaicTable from './saicComponents/SaicTable'
import SaicImg from './components/InsertImage'
import InsertNotes from './saicComponents/InsertNotes'
import SaicExample from './saicComponents/SaicExample'
import SaicFile from './saicComponents/SaicFile'
import RevisInformation from './saicComponents/RevisInformation'
import Appendix from './saicComponents/Appendix'
import chapterData from './saicComponents/chapterData'
import Chapter from './saicComponents/Chapter'
import _axios from '@/plugins/axios2'
import zh_CN from 'ant-design-vue/lib/locale/zh_CN'
export default {
components: {
InsertTableRow,
InsertGuideText,
FirstLevelListing,
AddFootnote,
InsertImage,
HelloWorld,
Init,
contentOne,
SaicFunc,
SaicTable,
SaicImg,
InsertNotes,
SaicExample,
SaicFile,
RevisInformation,
Appendix,
chapterData,
Chapter
},
data() {
let Ps
export default {
components: {
InsertTableRow,
InsertGuideText,
FirstLevelListing,
AddFootnote,
InsertImage,
HelloWorld,
Init,
contentOne,
SaicFunc,
SaicTable,
SaicImg,
InsertNotes,
SaicExample,
SaicFile,
RevisInformation,
Appendix,
chapterData,
Chapter
},
data () {
let Ps
function updateScroll() {
Ps.update()
}
function updateScroll () {
Ps.update()
}
return {
// SEPARATOR_TYPE,
data: [
{
title: '术语和定义',
list: [
'下列术语和定义适用于本文件。',
'......界定的术语和定义适用于本文件。',
'......界定的以及下列术语和定义适用于本文件。',
'本文件没有需要界定的术语和定义。'
],
separatorText: SEPARATOR_TYPE.STRIKETHROUGH
},
{
title: '符号、代号和缩略语',
list: [
'下列代号适用于本文件。',
'下列符号适用于本文件。',
'下列缩略语适用于本文件。',
'下列代号和缩略语适用于本文件。'
],
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.SetFontSize(21)
oTextPr.SetColor(0, 0, 0);
//
//
var oHeading1Style1 = oDocument.CreateStyle("Heading 2");
const oTextPr1 = oHeading1Style1.GetTextPr();
oTextPr1.SetFontFamily("黑体");
oTextPr1.SetFontSize(21)
oTextPr1.SetColor(0, 0, 0);
//
//
var oHeading1Style2 = oDocument.CreateStyle("Heading 3");
const oTextPr2 = oHeading1Style2.GetTextPr();
oTextPr2.SetFontFamily("黑体");
oTextPr2.SetFontSize(21)
oTextPr2.SetColor(0, 0, 0);
//
//
var oHeading1Style3 = oDocument.CreateStyle("Heading 4");
const oTextPr3 = oHeading1Style3.GetTextPr();
oTextPr3.SetFontFamily("黑体");
oTextPr3.SetFontSize(21)
// oTextPr3.SetColor(0, 0, 0);
//
//
var oHeading1Style4 = oDocument.CreateStyle("Heading 5");
const oTextPr4 = oHeading1Style4.GetTextPr();
oTextPr4.SetFontFamily("黑体");
oTextPr4.SetFontSize(21)
oTextPr4.SetColor(0, 0, 0);
//
var oHeading1Style5 = oDocument.CreateStyle("Heading 6");
const oTextPr5 = oHeading1Style5.GetTextPr();
oTextPr5.SetFontFamily("黑体");
oTextPr5.SetFontSize(21)
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 {}
return {
// SEPARATOR_TYPE,
data: [
{
title: '术语和定义',
list: [
'下列术语和定义适用于本文件。',
'......界定的术语和定义适用于本文件。',
'......界定的以及下列术语和定义适用于本文件。',
'本文件没有需要界定的术语和定义。'
],
separatorText: SEPARATOR_TYPE.STRIKETHROUGH
},
{
title: '符号、代号和缩略语',
list: [
'下列代号适用于本文件。',
'下列符号适用于本文件。',
'下列缩略语适用于本文件。',
'下列代号和缩略语适用于本文件。'
],
separatorText: SEPARATOR_TYPE.COLON
}
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 = ''
}
obj[name] = val
}
})
return obj
},
save() {
],
isDisplay: false,
num: 0,
locale: zh_CN
}
},
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 {
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
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.SetFontSize(21)
oTextPr.SetColor(0, 0, 0)
//
//
var oHeading1Style1 = oDocument.CreateStyle('Heading 2')
const oTextPr1 = oHeading1Style1.GetTextPr()
oTextPr1.SetFontFamily('黑体')
oTextPr1.SetFontSize(21)
oTextPr1.SetColor(0, 0, 0)
//
//
var oHeading1Style2 = oDocument.CreateStyle('Heading 3')
const oTextPr2 = oHeading1Style2.GetTextPr()
oTextPr2.SetFontFamily('黑体')
oTextPr2.SetFontSize(21)
oTextPr2.SetColor(0, 0, 0)
//
//
var oHeading1Style3 = oDocument.CreateStyle('Heading 4')
const oTextPr3 = oHeading1Style3.GetTextPr()
oTextPr3.SetFontFamily('黑体')
oTextPr3.SetFontSize(21)
// oTextPr3.SetColor(0, 0, 0);
//
//
var oHeading1Style4 = oDocument.CreateStyle('Heading 5')
const oTextPr4 = oHeading1Style4.GetTextPr()
oTextPr4.SetFontFamily('黑体')
oTextPr4.SetFontSize(21)
oTextPr4.SetColor(0, 0, 0)
//
var oHeading1Style5 = oDocument.CreateStyle('Heading 6')
const oTextPr5 = oHeading1Style5.GetTextPr()
oTextPr5.SetFontFamily('黑体')
oTextPr5.SetFontSize(21)
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',
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)
})
}
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('&')
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 = ''
}
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>
<style lang="less">
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: left;
color: #2c3e50;
padding: 10px;
}
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: left;
color: #2c3e50;
padding: 10px;
}
#app {
height: 100%;
overflow: auto;
}
#app {
height: 100%;
overflow: auto;
}
* {
user-select: none;
}
* {
user-select: none;
}
h1, h2, h3, h4, h5 {
color: rgba(0, 0, 0, .85);
font-weight: 500;
}
h1, h2, h3, h4, h5 {
color: rgba(0, 0, 0, .85);
font-weight: 500;
}
body {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC,
Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif,
Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-variant: tabular-nums;
}
body {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC,
Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif,
Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-variant: tabular-nums;
}
.ant-btn-group {
display: block!important;
}
.ant-btn-group {
display: block !important;
}
</style>
<style scoped>
.ant-drawer-index {
width: 210px;
height: 40px;
text-align: center;
line-height: 40px;
background: #000;
color: #fff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 6px;
z-index: 10;
}
.ant-drawer-index {
width: 210px;
height: 40px;
text-align: center;
line-height: 40px;
background: #000;
color: #fff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 6px;
z-index: 10;
}
.ant-drawer-text {
width: 10px;
display: inline-block;
color: #ffff00;
}
.ant-drawer-text {
width: 10px;
display: inline-block;
color: #ffff00;
}
.app-header {
width: 100%;
height: 46px;
position: fixed;
left: 0;
top: 0;
padding-left: 10px;
line-height: 46px;
text-align: left;
background: #f1f1f1;
z-index: 100;
border-bottom: 1px #e8e8e8 solid;
}
.app-header {
width: 100%;
height: 46px;
position: fixed;
left: 0;
top: 0;
padding-left: 10px;
line-height: 46px;
text-align: left;
background: #f1f1f1;
z-index: 100;
border-bottom: 1px #e8e8e8 solid;
}
.app-header-button {
background: #66b1ff;
border-color: #66b1ff;
color: #FFF;
}
.app-header-button {
background: #66b1ff;
border-color: #66b1ff;
color: #FFF;
}
</style>
src/pages/page1/components/InsertImage.vue
+11 -2
View File
@@ -548,11 +548,13 @@ export default {
beforeUpload (file) {
const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'
if (!isJpgOrPng) {
this.$message.error('You can only upload JPG file!')
this.$message.error('只能上传图片')
return false
}
const isLt2M = file.size / 1024 / 1024 < 2
if (!isLt2M) {
this.$message.error('Image must smaller than 2MB!')
this.$message.error('图片大小不能超过2MB')
return false
}
return isJpgOrPng && isLt2M
},
@@ -654,4 +656,11 @@ export default {
margin-top: 8px;
color: #666;
}
.ant-upload-select-picture-card {
img {
max-width: 100%;
height: auto !important;
}
}
</style>