From 8e29bd72d0db52a0ac2f80c57a1b48fdcc6dc06e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E9=9C=84?= <zhaoxiaox0053@163.com>
Date: Tue, 30 Jan 2024 17:03:09 +0800
Subject: [PATCH] fix 81427

---
 src/pages/page1/App.vue                    | 638 +++++++++++----------
 src/pages/page1/components/InsertImage.vue |  13 +-
 2 files changed, 332 insertions(+), 319 deletions(-)

diff --git a/src/pages/page1/App.vue b/src/pages/page1/App.vue
index 6e0d70e..b02c102 100644
--- a/src/pages/page1/App.vue
+++ b/src/pages/page1/App.vue
@@ -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>
diff --git a/src/pages/page1/components/InsertImage.vue b/src/pages/page1/components/InsertImage.vue
index 43630dc..4057d84 100644
--- a/src/pages/page1/components/InsertImage.vue
+++ b/src/pages/page1/components/InsertImage.vue
@@ -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>