更新文件目录

src/pages/views/chart/index.vue

@@ -421,17 +421,18 @@ onUnmounted(() => {
 .box {
   display: flex;
   justify-content: center;
-}
+  min-width: 1180px;
 
-.speedOption,
-.pressureOption {
-  width: 560px;
-  height: 570px;
-  position: relative;
-}
+  .speedOption,
+  .pressureOption {
+    width: 560px;
+    height: 570px;
+    position: relative;
+  }
 
-.chartstyle {
-  width: 100%;
-  height: 100%;
+  .chartstyle {
+    width: 100%;
+    height: 100%;
+  }
 }
 </style>

src/pages/views/draw/index.vue

@@ -36,160 +36,160 @@
 </template>
 <script setup lang='ts'>
 import { h, onMounted, ref } from 'vue'
-import { DrawCanvas } from './js/draw.js'
+import { DrawCanvas } from './assets/js/draw'
 
 const drawCanvas = new DrawCanvas()
 const options = [
   {
     label: '边界线',
-    icon: './img/0.png',
+    icon: './assets/img/0.png',
     value: 0,
     w: 5,
     h: 3
   },
   {
     label: '灰岩',
-    icon: './img/1.png',
+    icon: './assets/img/1.png',
     value: 1,
     w: 10,
     h: 6
   },
   {
     label: '第四系全新统残坡积',
-    icon: './img/2.png',
+    icon: './assets/img/2.png',
     value: 2,
     w: 10,
     h: 6
   },
   {
     label: '第四系全新统崩坡积',
-    icon: './img/3.png',
+    icon: './assets/img/3.png',
     value: 3,
     w: 10,
     h: 6
   },
   {
     label: '震旦系上统灯影组',
-    icon: './img/4.png',
+    icon: './assets/img/4.png',
     value: 4,
     w: 10,
     h: 6
   },
   {
     label: '志留系中统石门坎组',
-    icon: './img/5.png',
+    icon: './assets/img/5.png',
     value: 5,
     w: 10,
     h: 6
   },
   {
     label: '寒武系中统西王庙组',
-    icon: './img/6.png',
+    icon: './assets/img/6.png',
     value: 6,
     w: 10,
     h: 6
   },
   {
     label: '粉砂岩',
-    icon: './img/7.png',
+    icon: './assets/img/7.png',
     value: 7,
     w: 10,
     h: 6
   },
   {
     label: '页岩',
-    icon: './img/8.png',
+    icon: './assets/img/8.png',
     value: 8,
     w: 10,
     h: 6
   },
   {
     label: '粉砂质泥岩',
-    icon: './img/9.png',
+    icon: './assets/img/9.png',
     value: 9,
     w: 10,
     h: 6
   },
   {
     label: '泥岩',
-    icon: './img/10.png',
+    icon: './assets/img/10.png',
     value: 10,
     w: 10,
     h: 6
   },
   {
     label: '断层破碎带',
-    icon: './img/11.png',
+    icon: './assets/img/11.png',
     value: 11,
     w: 10,
     h: 6
   },
   {
     label: '块石土',
-    icon: './img/12.png',
+    icon: './assets/img/12.png',
     value: 12,
     w: 10,
     h: 6
   },
   {
     label: '白云质灰岩',
-    icon: './img/13.png',
+    icon: './assets/img/13.png',
     value: 13,
     w: 10,
     h: 6
   },
   {
     label: '炭质页岩',
-    icon: './img/14.png',
+    icon: './assets/img/14.png',
     value: 14,
     w: 10,
     h: 6
   },
   {
     label: '推测地层界线',
-    icon: './img/15.png',
+    icon: './assets/img/15.png',
     value: 15,
     w: 10,
     h: 6
   },
   {
     label: '推测岩,土层界线',
-    icon: './img/16.png',
+    icon: './assets/img/16.png',
     value: 16,
     w: 10,
     h: 6
   },
   {
     label: '细砂岩',
-    icon: './img/17.png',
+    icon: './assets/img/17.png',
     value: 17,
     w: 10,
     h: 6
   },
   {
     label: '花岗闪长岩',
-    icon: './img/18.png',
+    icon: './assets/img/18.png',
     value: 18,
     w: 10,
     h: 6
   },
   {
     label: '千枚岩',
-    icon: './img/19.png',
+    icon: './assets/img/19.png',
     value: 19,
     w: 10,
     h: 6
   },
   {
     label: '钙质千枚岩',
-    icon: './img/20.png',
+    icon: './assets/img/20.png',
     value: 20,
     w: 10,
     h: 6
   },
   {
     label: '碳质板岩',
-    icon: './img/21.png',
+    icon: './assets/img/21.png',
     value: 21,
     w: 10,
     h: 6
@@ -231,7 +231,7 @@ function changeOption(v: null, option: { label: string; icon: string; value: num
 }
 
 onMounted(() => {
-  document.title = 'canvas 画图'
+  document.title = 'H5 canvas画图'
   const canvas = document.getElementById('CANVAS')
   drawCanvas._init({
     canvas,
@@ -275,4 +275,4 @@ onMounted(() => {
     outline: none;
   }
 }
-</style>
+</style>./assets/js/draw.js

src/services/registerMenu.ts → src/pages/views/edit/assets/js/registerMenu.ts

@@ -1,5 +1,5 @@
 import { Boot } from '@wangeditor/editor'
-import { exp2pdf } from './exportFile'
+import { exp2pdf } from '@/services/exportFile'
 console.warn('此插件注册富文本自定义按钮')
 // 注册一个保存按钮
 class SaveBtn {

src/pages/views/edit/component/editeDemo.vue

@@ -29,7 +29,7 @@
 
 <script setup lang='ts'>
 // 富文本注册自定义按钮
-import '@/services/registerMenu'
+import '../assets/js/registerMenu'
 import { onBeforeUnmount, ref, shallowRef } from 'vue'
 import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
 import '@wangeditor/editor/dist/css/style.css'

src/pages/views/edit/js/registerMenu.ts

@@ -1,37 +0,0 @@
-import { Boot } from '@wangeditor/editor'
-import { exp2pdf } from '@/services/exportFile'
-console.warn('此插件注册富文本自定义按钮')
-// 注册一个保存按钮
-class SaveBtn {
-    title = ''
-    iconSvg = ''
-    tag = ''
-    constructor() {
-        this.title = '导出PDF'
-        this.iconSvg = '<svg viewBox="0 0 1024 1024" style="width:22px;height:22px;" version="1.1" xmlns="http://www.w3.org/2000/svg" ><path d="M773.696 134.812444l-509.155556 0c-69.76 0-126.520889 56.760889-126.520889 126.542222l0 501.326222c0 69.781333 56.760889 126.499556 126.520889 126.499556l509.141333 0c69.781333 0 126.520889-56.718222 126.520889-126.499556L900.202667 261.361778C900.202667 191.573333 843.441778 134.833778 773.696 134.812444zM324.437333 184.213333l389.347556 0 0 279.608889L324.437333 463.822222 324.437333 184.213333zM850.872889 762.680889c0 42.552889-34.616889 77.191111-77.169778 77.191111l-509.155556 0c-42.552889 0-77.169778-34.638222-77.169778-77.191111L187.377778 261.383111c0-42.574222 34.616889-77.169778 77.169778-77.169778l0-0.021333 10.567111 0 0 329.009778 488.007111 0 0.021333 0L763.143111 184.184889l10.567111 0c42.56 0 77.169778 34.595556 77.169778 77.169778L850.88 762.680889zM591.772444 256.832l49.329778 0 0 164.522667-49.329778 0 0-164.522667ZM591.772444 256.832"></path></svg>'
-        this.tag = 'button'
-    }
-
-    getValue() {
-        return ''
-    }
-
-    isActive() {
-        return false
-    }
-
-    isDisabled() {
-        return false
-    }
-
-    exec() {
-        exp2pdf('exportPDF', '测试' + new Date().toLocaleDateString())
-        console.log('导出');
-    }
-}
-Boot.registerMenu({
-    key: 'SaveBtn',
-    factory() {
-        return new SaveBtn()
-    }
-})

src/pages/views/home/index.vue

@@ -29,8 +29,8 @@
   </div>
 </template>
 <script setup lang="ts">
-import { Painter } from './js/Painter.js'
-import { Recorder } from './js/Recorder.js'
+import { Painter } from './assets/js/Painter'
+import { Recorder } from './assets/js/Recorder'
 import {
   onMounted, ref, nextTick, onUnmounted
 } from 'vue'
@@ -191,4 +191,4 @@ onUnmounted(() => {
   }
 
 }
-</style>
+</style>./assets/js/Painter.js./assets/js/Recorder.js

src/pages/views/planTool/index.vue

@@ -42,7 +42,7 @@
 <script setup>
 import { onMounted, ref, watchEffect } from 'vue'
 import OpenSeadragon from 'openseadragon'
-import { svgOverlay } from './js/openseadragon-svg-overlay'
+import { svgOverlay } from './assets/js/openseadragon-svg-overlay'
 
 // 数据
 const scale = ref(0)
@@ -343,3 +343,4 @@ onMounted(() => {
   outline: none !important;
 }
 </style>
+./assets/js/openseadragon-svg-overlay