openatc-components 0.0.101 → 0.0.102

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openatc-components",
-  "version": "0.0.101",
+  "version": "0.0.102",
   "description": "A Vue.js project",
   "author": "openatc developer",
   "private": false,

package/src/kisscomps/components/DrawChannelization/drawsvg/drawElement/crossMap.vue

@@ -83,22 +83,13 @@ export default {
           }
           this.mapreset = true
         }
+        this.$nextTick(() => {
+          // 底图大小改变后，需要同步svg的宽高
+          this.synchroSVGSize()
+        })
       },
       deep: true
     },
-    // crossmapitem: {
-    //   handler: function (newval, oldval) {
-    //     if ((JSON.stringify(oldval) !== '{}') && !this.isEqual(newval, oldval)) {
-    //       // 更改原数据的位置大小数据
-    //       let data = {
-    //         ...this.CrossMapData,
-    //         ...newval
-    //       }
-    //       let fields = Object.keys(newval)
-    //       this.$emit('changeCrossMap', data, fields)
-    //     }
-    //   }
-    // },
     pointchange: {
       handler: function (val) {
         // 解决光标样式被选区样式覆盖问题
@@ -127,21 +118,25 @@ export default {
       this.crossmapitem = JSON.parse(JSON.stringify(final))
       this.handleChangeData()
     },
-    mapResizeStop (origin, final) {
-      // 底图改变大小停止
+    synchroSVGSize () {
       let svgdom = document.querySelector('.cross-map svg')
       if (svgdom) {
         // 解决svg源文件里有宽高属性，此时对svg父容器改变宽高，svg尺寸不会改变的问题
         // 因此要修改svg文件的宽高属性
         if (svgdom.getAttribute('width')) {
-          svgdom.setAttribute('width', final.w + 'px')
+          svgdom.setAttribute('width', this.crossmapitem.w + 'px')
         }
         if (svgdom.getAttribute('height')) {
-          svgdom.setAttribute('height', final.h + 'px')
+          svgdom.setAttribute('height', this.crossmapitem.h + 'px')
         }
       }
+    },
+
+    mapResizeStop (origin, final) {
+      // 底图改变大小停止
       this.resetMapSvg()
       this.crossmapitem = JSON.parse(JSON.stringify(final))
+      this.synchroSVGSize()
       this.handleChangeData()
     },
     mapRotateStop (origin, final) {

package/src/kisscomps/components/DrawChannelization/drawsvg/utils/loadutils.js

@@ -25,11 +25,6 @@ export default class Svgmethods {
       return
     }
     if (filetype === 'image/svg+xml') {
-      reader.readAsText(file, 'UTF-8')
-      reader.addEventListener('load', async (readerEvent) => {
-        const content = readerEvent.target.result
-        call('vectorgraph', content)
-      })
       reader2.readAsDataURL(file)
       reader2.addEventListener('load', async (readerEvent) => {
         const imageSrc = readerEvent.target.result
@@ -41,6 +36,11 @@ export default class Svgmethods {
             height
           }
           call2('vectorgraph', svgsize)
+          reader.readAsText(file, 'UTF-8')
+          reader.addEventListener('load', async (readerEvent) => {
+            const content = readerEvent.target.result
+            call('vectorgraph', content)
+          })
         })
       })
     }
@@ -48,9 +48,6 @@ export default class Svgmethods {
       reader.readAsDataURL(file)
       reader.addEventListener('load', async (readerEvent) => {
         // 图片的 base64 格式, 可以直接当成 img 的 src 属性值
-        const _base64 = reader.result
-        const content = _base64
-        call('picture', content)
         const imageSrc = readerEvent.target.result
         // 调用计算图片大小的方法
         calculateImageSize(imageSrc).then(function ({width, height}) {
@@ -60,6 +57,9 @@ export default class Svgmethods {
             height
           }
           call2('picture', pngsize)
+          const _base64 = reader.result
+          const content = _base64
+          call('picture', content)
         })
       })
     }