区分全屏查看和全屏编辑

web/src/lang/en_us.js

@@ -68,7 +68,8 @@ export default {
     tips: 'tips：.smm and .json file can be import'
   },
   fullscreen: {
-    fullscreen: 'Fullscreen'
+    fullscreenShow: 'Full screen show',
+    fullscreenEdit: 'Full screen edit'
   },
   import: {
     title: 'Import',

web/src/lang/zh_cn.js

@@ -68,7 +68,8 @@ export default {
     tips: 'tips：.smm和.json文件可用于导入'
   },
   fullscreen: {
-    fullscreen: '全屏'
+    fullscreenShow: '全屏查看',
+    fullscreenEdit: '全屏编辑'
   },
   import: {
     title: '导入',

web/src/pages/Edit/components/Fullscreen.vue

@@ -3,10 +3,18 @@
     <el-tooltip
       class="item"
       effect="dark"
-      :content="$t('fullscreen.fullscreen')"
+      :content="$t('fullscreen.fullscreenShow')"
       placement="top"
     >
-      <div class="btn iconfont iconquanping" @click="toFullscreen"></div>
+      <div class="btn iconfont iconquanping" @click="toFullscreenShow"></div>
+    </el-tooltip>
+    <el-tooltip
+      class="item"
+      effect="dark"
+      :content="$t('fullscreen.fullscreenEdit')"
+      placement="top"
+    >
+      <div class="btn iconfont iconquanping1" @click="toFullscreenEdit"></div>
     </el-tooltip>
   </div>
 </template>
@@ -37,13 +45,14 @@ export default {
     }
   },
   methods: {
-    /**
+    // 全屏查看
-     * @Author: 王林
+    toFullscreenShow() {
-     * @Date: 2021-07-11 21:14:30
-     * @Desc: 准备全屏
-     */
-    toFullscreen() {
       fullScreen(this.mindMap.el)
+    },
+
+    // 全屏编辑
+    toFullscreenEdit() {
+      fullScreen(document.body)
     }
   }
 }
@@ -54,6 +63,14 @@ export default {
   display: flex;
   align-items: center;
 
+  .item {
+    margin-right: 12px;
+
+    &:last-of-type {
+      margin-right: 0;
+    }
+  }
+
   .btn {
     cursor: pointer;
   }