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
+86 -82
View File
@@ -1,4 +1,5 @@
<template> <template>
<a-config-provider :locale="locale">
<div id="app"> <div id="app">
<!-- <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" />
@@ -19,24 +20,24 @@
/> />
</template> </template>
<a-divider>初始化</a-divider> <a-divider>初始化</a-divider>
<Init/> <Init />
<a-divider>正文</a-divider> <a-divider>正文</a-divider>
<chapterData/> <chapterData />
<first-level-listing/> <first-level-listing />
<SaicFunc/> <SaicFunc />
<!-- <a-divider>正文</a-divider>--> <!-- <a-divider>正文</a-divider>-->
<!-- <contentOne />--> <!-- <contentOne />-->
<!-- <a-divider>列项</a-divider>--> <!-- <a-divider>列项</a-divider>-->
<!-- <a-divider>函数</a-divider>--> <!-- <a-divider>函数</a-divider>-->
<a-divider>表格、图片</a-divider> <a-divider>表格、图片</a-divider>
<SaicTable/> <SaicTable />
<SaicImg/> <SaicImg />
<!-- <a-divider>图</a-divider>--> <!-- <a-divider>图</a-divider>-->
<!-- <SaicImg/>--> <!-- <SaicImg/>-->
<!-- <insert-image />--> <!-- <insert-image />-->
<a-divider>脚注、注、示例</a-divider> <a-divider>脚注、注、示例</a-divider>
<add-footnote/> <add-footnote />
<SaicExample/> <SaicExample />
<!-- <InsertNotes />--> <!-- <InsertNotes />-->
<!-- <a-divider>示例</a-divider>--> <!-- <a-divider>示例</a-divider>-->
<!-- <SaicExample/>--> <!-- <SaicExample/>-->
@@ -45,35 +46,37 @@
<!-- <a-divider>修订信息</a-divider>--> <!-- <a-divider>修订信息</a-divider>-->
<!-- <RevisInformation />--> <!-- <RevisInformation />-->
<a-divider>附录</a-divider> <a-divider>附录</a-divider>
<Appendix/> <Appendix />
<!-- <insert-table-row />--> <!-- <insert-table-row />-->
<!-- <hello-world />--> <!-- <hello-world />-->
</div> </div>
</a-config-provider>
</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'
import zh_CN from 'ant-design-vue/lib/locale/zh_CN'
export default { export default {
components: { components: {
InsertTableRow, InsertTableRow,
InsertGuideText, InsertGuideText,
@@ -94,10 +97,10 @@
chapterData, chapterData,
Chapter Chapter
}, },
data() { data () {
let Ps let Ps
function updateScroll() { function updateScroll () {
Ps.update() Ps.update()
} }
@@ -126,10 +129,11 @@
} }
], ],
isDisplay: false, isDisplay: false,
num: 0 num: 0,
locale: zh_CN
} }
}, },
created() { created () {
window.Asc.plugin.init = function () { window.Asc.plugin.init = function () {
Vue.prototype.ctx = this Vue.prototype.ctx = this
// console.log(this) // console.log(this)
@@ -148,45 +152,45 @@
const oTextPr9 = oHeading1Style6.GetParaPr() const oTextPr9 = oHeading1Style6.GetParaPr()
oTextPr9.SetSpacingAfter(10) oTextPr9.SetSpacingAfter(10)
var oHeading1Style = oDocument.CreateStyle("Heading 1"); var oHeading1Style = oDocument.CreateStyle('Heading 1')
const oTextPr = oHeading1Style.GetTextPr(); const oTextPr = oHeading1Style.GetTextPr()
oTextPr.SetFontFamily("黑体"); oTextPr.SetFontFamily('黑体')
oTextPr.SetFontSize(21) oTextPr.SetFontSize(21)
oTextPr.SetColor(0, 0, 0); oTextPr.SetColor(0, 0, 0)
// //
// //
var oHeading1Style1 = oDocument.CreateStyle("Heading 2"); var oHeading1Style1 = oDocument.CreateStyle('Heading 2')
const oTextPr1 = oHeading1Style1.GetTextPr(); const oTextPr1 = oHeading1Style1.GetTextPr()
oTextPr1.SetFontFamily("黑体"); oTextPr1.SetFontFamily('黑体')
oTextPr1.SetFontSize(21) oTextPr1.SetFontSize(21)
oTextPr1.SetColor(0, 0, 0); oTextPr1.SetColor(0, 0, 0)
// //
// //
var oHeading1Style2 = oDocument.CreateStyle("Heading 3"); var oHeading1Style2 = oDocument.CreateStyle('Heading 3')
const oTextPr2 = oHeading1Style2.GetTextPr(); const oTextPr2 = oHeading1Style2.GetTextPr()
oTextPr2.SetFontFamily("黑体"); oTextPr2.SetFontFamily('黑体')
oTextPr2.SetFontSize(21) oTextPr2.SetFontSize(21)
oTextPr2.SetColor(0, 0, 0); oTextPr2.SetColor(0, 0, 0)
// //
// //
var oHeading1Style3 = oDocument.CreateStyle("Heading 4"); var oHeading1Style3 = oDocument.CreateStyle('Heading 4')
const oTextPr3 = oHeading1Style3.GetTextPr(); const oTextPr3 = oHeading1Style3.GetTextPr()
oTextPr3.SetFontFamily("黑体"); oTextPr3.SetFontFamily('黑体')
oTextPr3.SetFontSize(21) oTextPr3.SetFontSize(21)
// oTextPr3.SetColor(0, 0, 0); // oTextPr3.SetColor(0, 0, 0);
// //
// //
var oHeading1Style4 = oDocument.CreateStyle("Heading 5"); var oHeading1Style4 = oDocument.CreateStyle('Heading 5')
const oTextPr4 = oHeading1Style4.GetTextPr(); const oTextPr4 = oHeading1Style4.GetTextPr()
oTextPr4.SetFontFamily("黑体"); oTextPr4.SetFontFamily('黑体')
oTextPr4.SetFontSize(21) oTextPr4.SetFontSize(21)
oTextPr4.SetColor(0, 0, 0); oTextPr4.SetColor(0, 0, 0)
// //
var oHeading1Style5 = oDocument.CreateStyle("Heading 6"); var oHeading1Style5 = oDocument.CreateStyle('Heading 6')
const oTextPr5 = oHeading1Style5.GetTextPr(); const oTextPr5 = oHeading1Style5.GetTextPr()
oTextPr5.SetFontFamily("黑体"); oTextPr5.SetFontFamily('黑体')
oTextPr5.SetFontSize(21) oTextPr5.SetFontSize(21)
oTextPr5.SetColor(0, 0, 0); oTextPr5.SetColor(0, 0, 0)
var oNormalStyle = oDocument.GetDefaultStyle('numbering') var oNormalStyle = oDocument.GetDefaultStyle('numbering')
@@ -213,7 +217,7 @@
} }
}, },
methods: { methods: {
param2Obj(url) { param2Obj (url) {
const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ') const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
if (!search) { if (!search) {
return {} return {}
@@ -233,7 +237,7 @@
}) })
return obj return obj
}, },
save() { save () {
let documentCallbackUrl = window.Asc.plugin.info.documentCallbackUrl let documentCallbackUrl = window.Asc.plugin.info.documentCallbackUrl
let query = this.param2Obj(documentCallbackUrl) let query = this.param2Obj(documentCallbackUrl)
@@ -262,46 +266,46 @@
}, 1000) }, 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: auto; overflow: auto;
} }
* { * {
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;
} }
.ant-btn-group { .ant-btn-group {
display: block!important; display: block !important;
} }
</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;
@@ -314,15 +318,15 @@
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 { .app-header {
width: 100%; width: 100%;
height: 46px; height: 46px;
position: fixed; position: fixed;
@@ -334,11 +338,11 @@
background: #f1f1f1; background: #f1f1f1;
z-index: 100; z-index: 100;
border-bottom: 1px #e8e8e8 solid; border-bottom: 1px #e8e8e8 solid;
} }
.app-header-button { .app-header-button {
background: #66b1ff; background: #66b1ff;
border-color: #66b1ff; border-color: #66b1ff;
color: #FFF; color: #FFF;
} }
</style> </style>
src/pages/page1/components/InsertImage.vue
+11 -2
View File
@@ -548,11 +548,13 @@ export default {
beforeUpload (file) { beforeUpload (file) {
const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'
if (!isJpgOrPng) { if (!isJpgOrPng) {
this.$message.error('You can only upload JPG file!') this.$message.error('只能上传图片')
return false
} }
const isLt2M = file.size / 1024 / 1024 < 2 const isLt2M = file.size / 1024 / 1024 < 2
if (!isLt2M) { if (!isLt2M) {
this.$message.error('Image must smaller than 2MB!') this.$message.error('图片大小不能超过2MB')
return false
} }
return isJpgOrPng && isLt2M return isJpgOrPng && isLt2M
}, },
@@ -654,4 +656,11 @@ export default {
margin-top: 8px; margin-top: 8px;
color: #666; color: #666;
} }
.ant-upload-select-picture-card {
img {
max-width: 100%;
height: auto !important;
}
}
</style> </style>