perfect_header_编辑&工具

src/services/common.ts

@@ -265,7 +265,7 @@ export const save = async (
   return true;
 };
 const pen = ref(false);
-const drawPen = () => {
+export const drawPen = () => {
   meta2d.inactive();
   try {
     if (!meta2d.canvas.drawingLineName) {
@@ -299,7 +299,7 @@ const drawingPencil = () => {
   }
 };
 
-const magnifier = ref(false);
+export const magnifier = ref(false);
 export const showMagnifier = () => {
   if (!meta2d.canvas.magnifierCanvas.magnifier) {
     meta2d.showMagnifier();
@@ -309,7 +309,7 @@ export const showMagnifier = () => {
   magnifier.value = meta2d.canvas.magnifierCanvas.magnifier;
 };
 
-const map = ref(false);
+export const map = ref(false);
 export const showMap = () => {
   if (!meta2d.map?.isShow) {
     meta2d.showMap();
@@ -326,7 +326,7 @@ export const unsave = "当前文件未保存，是否继续？（开通vip可享
 //未登录，当前文件可能不会保存
 //
 export const newFile = async () => {
-  notificFn(newFile, true);
+  notificFn(newfile, true);
   // if (!(user && user.id)) {
   //   if (await showNotification(unLogin)) {
   //     newfile(false);

src/views/components/Header.vue

@@ -168,10 +168,20 @@
           <a @click="onScaleView">100%视图</a>
         </t-dropdown-item>
         <t-dropdown-item>
-          <a @click="showMap">鹰眼地图</a>
+          <a @click="showMap">
+            <div class="flex middle">
+              鹰眼地图 <span class="flex-grow"></span>
+              <t-icon v-show="map" name="check" />
+            </div>
+          </a>
         </t-dropdown-item>
         <t-dropdown-item divider="true">
-          <a @click="showMagnifier">放大镜</a>
+          <a @click="showMagnifier">
+            <div class="flex middle">
+              放大镜 <span class="flex-grow"></span>
+              <t-icon v-show="magnifier" name="check" />
+            </div>
+          </a>
         </t-dropdown-item>
         <t-dropdown-item>
           <a @click="onAutoAnchor">
@@ -286,14 +296,22 @@ import {
 import JSZip from "jszip";
 import axios from "axios";
 import { switchTheme } from "@/services/theme";
-import { noLoginTip ,localMeta2dDataName} from "@/services/utils";
-import { useDot ,notificFn} from "@/services/common";
+import { noLoginTip, localMeta2dDataName } from "@/services/utils";
+import { useDot, notificFn } from "@/services/common";
 import {
   save,
   newFile,
   SaveType,
   onScaleView,
-  onScaleWindow,showMagnifier,showMap,newfile,title}from "@/services/common";
+  onScaleWindow,
+  showMagnifier,
+  showMap,
+  newfile,
+  title,
+  drawPen,
+  map,
+  magnifier
+} from "@/services/common";
 
 const router = useRouter();
 const route = useRoute();
@@ -313,7 +331,7 @@ const inputMeta2dName = () => {
 };
 
 const initMeta2dName = () => {
-  data.name = (meta2d.store.data as Meta2dBackData).name||'';
+  data.name = (meta2d.store.data as Meta2dBackData).name || "";
 };
 
 nextTick(() => {
@@ -936,6 +954,7 @@ const onPaste = () => {
 
 const onToggleAnchor = () => {
   //取消连线状态
+  meta2d.store.options.disableAnchor = false;
   meta2d.canvas.drawingLineName && drawPen();
   meta2d.toggleAnchorMode();
 };

src/views/components/View.vue

@@ -688,6 +688,9 @@ const preview = async () => {
   #meta2d {
     border-top: 1px solid var(--color-background-input);
     height: calc(100vh - 81px);
+    :deep(.meta2d-map){
+      background: var(--color-background);
+    }
   }
 }
 </style>