feat 添加导入导出功能

src/pages/Edit/components/Export.vue

@@ -2,6 +2,7 @@
   <el-dialog
     class="nodeExportDialog"
     :title="$t('export.title')"
+    :append-to-body="true"
     :visible.sync="dialogVisible"
     width="700px"
     v-loading.fullscreen.lock="loading"
@@ -187,12 +188,11 @@ export default {
       } else {
         this.$bus.$emit('export', this.exportType, true, this.fileName)
       }
-
       
-      this.$notify.info({
-        title: this.$t('export.notifyTitle'),
-        message: this.$t('export.notifyMessage')
-      })
+      // this.$notify.info({
+      //   title: this.$t('export.notifyTitle'),
+      //   message: this.$t('export.notifyMessage')
+      // })
       this.cancel()
     }
   }

src/pages/Edit/components/Import.vue

@@ -2,6 +2,7 @@
   <el-dialog
     class="nodeImportDialog"
     :title="$t('import.title')"
+    :append-to-body="true"
     :visible.sync="dialogVisible"
     width="300px"
   >

src/pages/Edit/components/Toolbar.vue

@@ -5,7 +5,7 @@
       <div class="toolbarBlock">
         <ToolbarNodeBtnList :list="horizontalList"></ToolbarNodeBtnList>
         <!-- 更多 -->
-        <el-popover
+        <!-- <el-popover
           v-model="popoverShow"
           placement="bottom-end"
           width="120"
@@ -22,7 +22,7 @@
             <span class="icon iconfont icongongshi"></span>
             <span class="text">{{ $t('toolbar.more') }}</span>
           </div>
-        </el-popover>
+        </el-popover> -->
       </div>
 
       <!-- 导出 -->
@@ -54,8 +54,8 @@
     <NodeIcon></NodeIcon>
     <NodeNote></NodeNote>
     <NodeTag></NodeTag>
-    <Export></Export>
-    <Import></Import>
+    <!-- <Export></Export>
+    <Import></Import> -->
   </div>
 </template>
 
@@ -65,8 +65,8 @@ import NodeHyperlink from './NodeHyperlink'
 import NodeIcon from './NodeIcon'
 import NodeNote from './NodeNote'
 import NodeTag from './NodeTag'
-import Export from './Export'
-import Import from './Import'
+// import Export from './Export'
+// import Import from './Import'
 import { mapState } from 'vuex'
 import { Notification } from 'element-ui'
 import exampleData from 'simple-mind-map/example/exampleData'
@@ -88,8 +88,8 @@ export default {
     NodeIcon,
     NodeNote,
     NodeTag,
-    Export,
-    Import,
+    // Export,
+    // Import,
     ToolbarNodeBtnList
   },
   data() {

src/pages/Edit/components/ToolbarNodeBtnList.vue

@@ -157,6 +157,14 @@
         <span class="text">{{ $t('toolbar.formula') }}</span>
       </div>
     </div>
+    <div class="toolbarBtn" @click="$bus.$emit('showImport')">
+      <span class="icon iconfont icondaoru"></span>
+      <span class="text">{{ $t('toolbar.import') }}</span>
+    </div>
+    <div class="toolbarBtn" @click="$bus.$emit('showExport')">
+      <span class="icon iconfont iconexport"></span>
+      <span class="text">{{ $t('toolbar.export') }}</span>
+    </div>
 
     <div class="toolbarBtn" @click="$bus.$emit('SAVE')">
       <span class="icon mindIconfont mind-iconbaocun"></span>
@@ -166,12 +174,15 @@
       <span class="icon mindIconfont mind-iconguanbi1"></span>
       <span class="text">{{ $t('toolbar.close') }}</span>
     </div>
+    <Export></Export>
+    <Import></Import>
   </div>
 </template>
 
 <script>
 import { mapState, mapMutations } from 'vuex'
-
+import Export from './Export'
+import Import from './Import'
 export default {
   props: {
     dir: {
@@ -185,6 +196,10 @@ export default {
       }
     }
   },
+  components:{
+    Export,
+    Import
+  },
   data() {
     return {
       activeNodes: [],