项目文件目录结构调整

src/App.vue

@@ -3,19 +3,19 @@
     <Header v-if="isHeaderShow" id="headWrapper"></Header>
     <router-view class="mainContent"></router-view>
     <Footer v-if="isFooterShow"></Footer>
-    <el-backtop class="backtop" target="#app" title="快点我，带你上天！"></el-backtop>
+    <el-backtop class="backtop" target="#app" title="回到顶部"></el-backtop>
     <!-- 将上传组件全局注册 -->
-    <global-uploader></global-uploader>
+    <global-uploader v-if="isGlobalUploaderShow"></global-uploader>
     <!-- 查看大图 -->
-    <ImgReview></ImgReview>
+    <ImgReview v-if="isImgReviewShow"></ImgReview>
   </div>
 </template>
 
 <script>
 import Header from '@/components/Header.vue'
 import Footer from '@/components/Footer.vue'
-import globalUploader from '@/components/GlobalUploader.vue'
-import ImgReview from '@/components/ImgReview'
+import globalUploader from '@/components//common/GlobalUploader.vue'
+import ImgReview from '@/components/common/ImgReview'
 
 export default {
   name: 'App',
@@ -29,49 +29,47 @@ export default {
     //  头部是否显示
     isHeaderShow() {
       let routerNameList = ['Error_401', 'Error_404', 'Error_500']
-      if (routerNameList.includes(this.$route.name)) {
-        return false
-      } else {
-        return true
-      }
+      return routerNameList.includes(this.$route.name) ? false : true
     },
     //  底部是否显示
     isFooterShow() {
-      let routerNameList = [
-        'File',
-        'Share',
-        'MyShare',
-        'Error_401',
-        'Error_404',
-        'Error_500'
-      ]
-      if (routerNameList.includes(this.$route.name)) {
-        return false
-      } else {
-        return true
-      }
+      let routerNameList = ['File', 'Share', 'MyShare', 'Error_401', 'Error_404', 'Error_500']
+      return routerNameList.includes(this.$route.name) ? false : true
+    },
+    // 全局上传组件是否显示
+    isGlobalUploaderShow() {
+      let routerNameList = ['Login', 'Register']
+      return routerNameList.includes(this.$route.name) ? false : true
+    },
+    // 图片预览组件是否显示
+    isImgReviewShow() {
+      let routerNameList = ['Login', 'Register']
+      return routerNameList.includes(this.$route.name) ? false : true
     }
-  },
-  data() {
-    return {}
   }
 }
 </script>
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl'
-#app
-  height 100%
-  overflow-x hidden
-  -webkit-text-size-adjust none
-  overflow-y auto
-  >>> .el-backtop
-    background-color $Success
-    color #fff
-    z-index 3
-  .mainContent
-    flex 1
-    width 90%
-    min-height calc(100vh - 70px)
-    margin 0 auto
-    display flex
+@import '~@/assets/styles/varibles.styl';
+
+#app {
+  height: 100%;
+  overflow-x: hidden;
+  -webkit-text-size-adjust: none;
+  overflow-y: auto;
+
+  >>> .el-backtop {
+    background-color: $Success;
+    color: #fff;
+    z-index: 3;
+  }
+
+  .mainContent {
+    flex: 1;
+    width: 90%;
+    min-height: calc(100vh - 70px);
+    margin: 0 auto;
+    display: flex;
+  }
+}
 </style>

src/views/Login.vue

@@ -43,7 +43,7 @@
 
 <script>
 import CanvasNest from 'canvas-nest.js'
-import DragVerify from '@/components/DragVerify.vue'  //  引入滑动解锁组件
+import DragVerify from '@/components/common/DragVerify.vue'  //  引入滑动解锁组件
 import { login } from '@/request/user.js'
 
 // 配置

src/views/MyShare/index.vue

@@ -30,7 +30,7 @@
 
 <script>
 import BreadCrumb from '@/components/BreadCrumb'
-import FileTable from '@/components/FileTable'
+import FileTable from '@/components/File/FileTable'
 import { getMyShareFileList } from '@/request/file.js'
 
 export default {

src/views/Register.vue

@@ -46,7 +46,7 @@
 
 <script>
 import CanvasNest from 'canvas-nest.js'
-import DragVerify from '@/components/DragVerify.vue'  //  引入滑动解锁组件
+import DragVerify from '@/components/common/DragVerify.vue'  //  引入滑动解锁组件
 import { addUser } from '@/request/user.js'
 
 // 配置

src/views/Share/index.vue

@@ -57,8 +57,8 @@
 
 <script>
 import BreadCrumb from '@/components/BreadCrumb'
-import FileTable from '@/components/FileTable'
-import MoveFileDialog from '@/components/MoveFileDialog'
+import FileTable from '@/components/File/FileTable'
+import MoveFileDialog from '@/components/File/MoveFileDialog'
 import {
   checkShareLinkEndtime,
   checkShareLinkType,

src/views/file/components/FileList/index.vue

@@ -77,10 +77,10 @@
 <script>
 import OperationMenu from './components/OperationMenu'
 import BreadCrumb from '@/components/BreadCrumb'
-import FileTable from '@/components/FileTable'
+import FileTable from '@/components/File/FileTable'
 import FileGrid from './components/FileGrid'
 import FileTimeLine from './components/FileTimeLine'
-import MoveFileDialog from '@/components/MoveFileDialog'
+import MoveFileDialog from '@/components/File/MoveFileDialog'
 import ShareFileDialog from './components/ShareFileDialog'
 
 import {