文档管理和个人设置组件更新

src/views1/File/Individual/IndividualView.vue

@@ -1,13 +1,5 @@
 <template>
   <div class="containe">
-    <div class="header">
-      <span>文档管理</span>
-      <img src="../../../assets/img/chevron-down.png" alt="" />
-      <img src="../../../assets/img/slash.png" alt="" />
-      <span class="top1">个人文档</span>
-      <img src="../../../assets/img/chevron-up.png" alt="" class="top2" />
-      <img src="../../../assets/img/slash.png" alt="" />
-    </div>
     <div class="main">
       <div class="app-container">
         <el-row :gutter="20">
@@ -799,41 +791,41 @@
     font-weight: 500;
     padding-left: calc(100vw * (20 / 1920));
 
-    .header {
-      width: calc(100vw * (300 / 1920));
-      height: calc(100vh * (22 / 1080));
-      margin-top: calc(100vh * (20 / 1080));
-      margin-bottom: calc(100vh * (20 / 1080));
-      display: flex;
-      align-items: center;
-
-      img {
-        width: calc(100vw * (16 / 1920));
-        height: calc(100vh * (16 / 1080));
-        border: 1px dashed grey;
-        margin-left: 3px;
-        margin-right: 3px;
-      }
-
-      .top1 {
-        color: #2e8aecff;
-      }
-    }
-
-    .title {
-      height: calc(100vh * (22 / 1080));
-      margin-top: calc(100vh * (20 / 1080));
-      margin-bottom: calc(100vh * (20 / 1080));
-      color: #ffffffff;
-      font-size: 0.16rem;
-      font-weight: bold;
-      line-height: calc(100vh * (22 / 1080));
-    }
+    // .header {
+    //   width: calc(100vw * (300 / 1920));
+    //   height: calc(100vh * (22 / 1080));
+    //   margin-top: calc(100vh * (20 / 1080));
+    //   margin-bottom: calc(100vh * (20 / 1080));
+    //   display: flex;
+    //   align-items: center;
+
+    //   img {
+    //     width: calc(100vw * (16 / 1920));
+    //     height: calc(100vh * (16 / 1080));
+    //     border: 1px dashed grey;
+    //     margin-left: 3px;
+    //     margin-right: 3px;
+    //   }
+
+    //   .top1 {
+    //     color: #2e8aecff;
+    //   }
+    // }
+
+    // .title {
+    //   height: calc(100vh * (22 / 1080));
+    //   margin-top: calc(100vh * (20 / 1080));
+    //   margin-bottom: calc(100vh * (20 / 1080));
+    //   color: #ffffffff;
+    //   font-size: 0.16rem;
+    //   font-weight: bold;
+    //   line-height: calc(100vh * (22 / 1080));
+    // }
 
     .main {
       width: calc(100vw * (1876 / 1920));
       height: calc(100vh * (930 / 1080));
-
+      margin-top: calc(100vh * (35 / 1080));
       .app-container {
         width: calc(100vw * (1876 / 1920));
         height: calc(100vh * (930 / 1080));

src/views1/File/Level/LevelView.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="containe">
-      <div class="header">
+      <!-- <div class="header">
         <span>文档管理</span>
         <img src="../../../assets/img/chevron-down.png" alt="" />
         <img src="../../../assets/img/slash.png" alt="" />
@@ -8,9 +8,9 @@
         <img src="../../../assets/img/chevron-up.png" alt="" class="top2" />
         <img src="../../../assets/img/slash.png" alt="" />
       </div>
-      <div class="title">文档级别</div>
+      <div class="title">文档级别</div> -->
       <div class="main">
-        <h3>文档级别</h3>
+        <h3>文档级别管理</h3>
     <div class="main-main">
         <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
@@ -234,39 +234,40 @@
     font-weight: 500;
     padding-left: calc(100vw * (20 / 1920));
     //顶部信息
-    .header {
-      width: calc(100vw * (300 / 1920));
-      height: calc(100vh * (22 / 1080));
-      margin-top: calc(100vh * (20 / 1080));
-      margin-bottom: calc(100vh * (20 / 1080));
-      display: flex;
-      align-items: center;
-      img {
-        width: calc(100vw * (16 / 1920));
-        height: calc(100vh * (16 / 1080));
-        border: 1px dashed grey;
-        margin-left: 3px;
-        margin-right: 3px;
-      }
-      .top1 {
-        color: #2e8aecff;
-      }
-    }
-    //中间目录列表
-    .title {
-      height: calc(100vh * (22 / 1080));
-      margin-top: calc(100vh * (20 / 1080));
-      margin-bottom: calc(100vh * (20 / 1080));
-      color: #ffffffff;
-      font-size: 0.16rem;
-      font-weight: bold;
-      line-height: calc(100vh * (22 / 1080));
-    }
+    // .header {
+    //   width: calc(100vw * (300 / 1920));
+    //   height: calc(100vh * (22 / 1080));
+    //   margin-top: calc(100vh * (20 / 1080));
+    //   margin-bottom: calc(100vh * (20 / 1080));
+    //   display: flex;
+    //   align-items: center;
+    //   img {
+    //     width: calc(100vw * (16 / 1920));
+    //     height: calc(100vh * (16 / 1080));
+    //     border: 1px dashed grey;
+    //     margin-left: 3px;
+    //     margin-right: 3px;
+    //   }
+    //   .top1 {
+    //     color: #2e8aecff;
+    //   }
+    // }
+    // //中间目录列表
+    // .title {
+    //   height: calc(100vh * (22 / 1080));
+    //   margin-top: calc(100vh * (20 / 1080));
+    //   margin-bottom: calc(100vh * (20 / 1080));
+    //   color: #ffffffff;
+    //   font-size: 0.16rem;
+    //   font-weight: bold;
+    //   line-height: calc(100vh * (22 / 1080));
+    // }
     .main {
       width: calc(100vw * (1876 / 1920));
-      height: calc(100vh * (880 / 1080));
+      height: calc(100vh * (930 / 1080));
       background: url(../../../assets/img/Group-610.png);
-      background-size: calc(100vw * (1876 / 1920)) calc(100vh * (880 / 1080));
+      background-size: calc(100vw * (1876 / 1920)) calc(100vh * (930 / 1080));
+      margin-top: calc(100vh * (35 / 1080));
       h3 {
         font-size: 0.2rem;
         color: #ffffffff;
@@ -282,7 +283,7 @@
     //   background: seagreen;
       .el-table{
       width: calc(100vw * (1822 / 1920));
-      height: calc(100vh * (650 / 1080));
+      height: calc(100vh * (700 / 1080));
       background: transparent;
       overflow: auto;
       }

src/views1/File/Part/PartView.vue

@@ -1,19 +1,11 @@
 <template>
   <div class="containe">
-    <div class="header">
-      <span>文档管理</span>
-      <img src="../../../assets/img/chevron-down.png" alt="" />
-      <img src="../../../assets/img/slash.png" alt="" />
-      <span class="top1">部门文档</span>
-      <img src="../../../assets/img/chevron-up.png" alt="" class="top2" />
-      <img src="../../../assets/img/slash.png" alt="" />
-    </div>
     <div class="main">
       <div class="app-container">
         <el-row :gutter="20">
           <!--目录数据-->
           <el-col :span="4" :xs="24" class="main-left">
-            <div class="head-top">部门文档</div>
+            <div class="head-top">部门结构</div>
             <div class="head-container">
               <el-tree
                 :data="dirList"
@@ -918,36 +910,37 @@ export default {
   font-family: PingFang SC-Medium, PingFang SC;
   font-weight: 500;
   padding-left: calc(100vw * (20 / 1920));
-  .header {
-    width: calc(100vw * (300 / 1920));
-    height: calc(100vh * (22 / 1080));
-    margin-top: calc(100vh * (20 / 1080));
-    margin-bottom: calc(100vh * (20 / 1080));
-    display: flex;
-    align-items: center;
-    img {
-      width: calc(100vw * (16 / 1920));
-      height: calc(100vh * (16 / 1080));
-      border: 1px dashed grey;
-      margin-left: 3px;
-      margin-right: 3px;
-    }
-    .top1 {
-      color: #2e8aecff;
-    }
-  }
-  .title {
-    height: calc(100vh * (22 / 1080));
-    margin-top: calc(100vh * (20 / 1080));
-    margin-bottom: calc(100vh * (20 / 1080));
-    color: #ffffffff;
-    font-size: 0.16rem;
-    font-weight: bold;
-    line-height: calc(100vh * (22 / 1080));
-  }
+  // .header {
+  //   width: calc(100vw * (300 / 1920));
+  //   height: calc(100vh * (22 / 1080));
+  //   margin-top: calc(100vh * (20 / 1080));
+  //   margin-bottom: calc(100vh * (20 / 1080));
+  //   display: flex;
+  //   align-items: center;
+  //   img {
+  //     width: calc(100vw * (16 / 1920));
+  //     height: calc(100vh * (16 / 1080));
+  //     border: 1px dashed grey;
+  //     margin-left: 3px;
+  //     margin-right: 3px;
+  //   }
+  //   .top1 {
+  //     color: #2e8aecff;
+  //   }
+  // }
+  // .title {
+  //   height: calc(100vh * (22 / 1080));
+  //   margin-top: calc(100vh * (20 / 1080));
+  //   margin-bottom: calc(100vh * (20 / 1080));
+  //   color: #ffffffff;
+  //   font-size: 0.16rem;
+  //   font-weight: bold;
+  //   line-height: calc(100vh * (22 / 1080));
+  // }
   .main {
     width: calc(100vw * (1876 / 1920));
     height: calc(100vh * (930 / 1080));
+    margin-top: calc(100vh * (35 / 1080));
     .app-container {
       width: calc(100vw * (1876 / 1920));
       height: calc(100vh * (930 / 1080));
@@ -964,7 +957,7 @@ export default {
         color: #ffffffff;
         font-size: 0.2rem;
         padding-left: calc(100vw * (15 / 1920));
-        padding-top: calc(100vh * (18 / 1080));
+        padding-top: calc(100vh * (20 / 1080));
       }
       //左边下拉菜单
       .head-container {

src/views1/File/Publi/PublicView.vue

@@ -1,14 +1,5 @@
 <template>
   <div class="containe">
-    <div class="header">
-      <span>文档管理</span>
-      <img src="../../../assets/img/chevron-down.png" alt="" />
-      <img src="../../../assets/img/slash.png" alt="" />
-      <span class="top1">公共文档</span>
-      <img src="../../../assets/img/chevron-up.png" alt="" class="top2" />
-      <img src="../../../assets/img/slash.png" alt="" />
-    </div>
-    <div class="title">公共文档</div>
     <div class="main">
       <div class="app-container">
         <el-row :gutter="20">
@@ -30,7 +21,7 @@
           </el-col>
           <!--用户数据-->
           <el-col :span="20" :xs="24" class="main-right">
-            <p>文档列表</p>
+            <p>公共文档</p>
             <el-form
               :model="queryParams"
               ref="queryForm"
@@ -864,48 +855,22 @@ export default {
   font-family: PingFang SC-Medium, PingFang SC;
   font-weight: 500;
   padding-left: calc(100vw * (20 / 1920));
-  .header {
-    width: calc(100vw * (300 / 1920));
-    height: calc(100vh * (22 / 1080));
-    margin-top: calc(100vh * (20 / 1080));
-    margin-bottom: calc(100vh * (20 / 1080));
-    display: flex;
-    align-items: center;
-    img {
-      width: calc(100vw * (16 / 1920));
-      height: calc(100vh * (16 / 1080));
-      border: 1px dashed grey;
-      margin-left: 3px;
-      margin-right: 3px;
-    }
-    .top1 {
-      color: #2e8aecff;
-    }
-  }
-  .title {
-    height: calc(100vh * (22 / 1080));
-    margin-top: calc(100vh * (20 / 1080));
-    margin-bottom: calc(100vh * (20 / 1080));
-    color: #ffffffff;
-    font-size: 0.16rem;
-    font-weight: bold;
-    line-height: calc(100vh * (22 / 1080));
-  }
   .main {
     width: calc(100vw * (1876 / 1920));
-    height: calc(100vh * (880 / 1080));
+    height: calc(100vh * (930 / 1080));
+    margin-top: calc(100vh * (35 / 1080));
     .app-container {
       width: calc(100vw * (1876 / 1920));
-      height: calc(100vh * (880 / 1080));
+      height: calc(100vh * (930 / 1080));
       padding: 0;
     }
     .main-left {
       width: calc(100vw * (260 / 1920));
-      height: calc(100vh * (880 / 1080));
+      height: calc(100vh * (930 / 1080));
       margin-right: calc(100vw * (20 / 1920));
       margin-left: calc(100vw * (10 / 1920));
       background: url(../../../assets/img/Group-609.png);
-      background-size: calc(100vw * (260 / 1920)) calc(100vh * (880 / 1080));
+      background-size: calc(100vw * (260 / 1920)) calc(100vh * (930 / 1080));
       .head-top {
         color: #ffffffff;
         font-size: 0.2rem;
@@ -915,9 +880,9 @@ export default {
     }
     .main-right {
       width: calc(100vw * (1600 / 1920));
-      height: calc(100vh * (880 / 1080));
+      height: calc(100vh * (930 / 1080));
       background: url(../../../assets/img/Group-610.png);
-      background-size: calc(100vw * (1600 / 1920)) calc(100vh * (880 / 1080));
+      background-size: calc(100vw * (1600 / 1920)) calc(100vh * (930 / 1080));
       p {
         color: #ffffffff;
         font-size: 0.16rem;
@@ -938,7 +903,7 @@ export default {
       }
       .main-right-table {
         width: calc(100vw * (1540 / 1920));
-        height: calc(100vh * (600 / 1080));
+        height: calc(100vh * (650 / 1080));
         margin-left: calc(100vw * (20 / 1920));
         background: transparent;
         color: #7ea4c8ff;

src/views1/File/Storage/StorageView.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="containe">
-      <div class="header">
+      <!-- <div class="header">
         <span>文档管理</span>
         <img src="../../../assets/img/chevron-down.png" alt="" />
         <img src="../../../assets/img/slash.png" alt="" />
@@ -8,7 +8,7 @@
         <img src="../../../assets/img/chevron-up.png" alt="" class="top2" />
         <img src="../../../assets/img/slash.png" alt="" />
       </div>
-      <div class="title">分组文档</div>
+      <div class="title">分组文档</div> -->
       <div class="main">
         <h3>分组文档</h3>
         <div class="main-main">
@@ -162,39 +162,40 @@
     font-weight: 500;
     padding-left: calc(100vw * (20 / 1920));
     //顶部信息
-    .header {
-      width: calc(100vw * (300 / 1920));
-      height: calc(100vh * (22 / 1080));
-      margin-top: calc(100vh * (20 / 1080));
-      margin-bottom: calc(100vh * (20 / 1080));
-      display: flex;
-      align-items: center;
-      img {
-        width: calc(100vw * (16 / 1920));
-        height: calc(100vh * (16 / 1080));
-        border: 1px dashed grey;
-        margin-left: 3px;
-        margin-right: 3px;
-      }
-      .top1 {
-        color: #2e8aecff;
-      }
-    }
-    //中间目录列表
-    .title {
-      height: calc(100vh * (22 / 1080));
-      margin-top: calc(100vh * (20 / 1080));
-      margin-bottom: calc(100vh * (20 / 1080));
-      color: #ffffffff;
-      font-size: 0.16rem;
-      font-weight: bold;
-      line-height: calc(100vh * (22 / 1080));
-    }
+    // .header {
+    //   width: calc(100vw * (300 / 1920));
+    //   height: calc(100vh * (22 / 1080));
+    //   margin-top: calc(100vh * (20 / 1080));
+    //   margin-bottom: calc(100vh * (20 / 1080));
+    //   display: flex;
+    //   align-items: center;
+    //   img {
+    //     width: calc(100vw * (16 / 1920));
+    //     height: calc(100vh * (16 / 1080));
+    //     border: 1px dashed grey;
+    //     margin-left: 3px;
+    //     margin-right: 3px;
+    //   }
+    //   .top1 {
+    //     color: #2e8aecff;
+    //   }
+    // }
+    // //中间目录列表
+    // .title {
+    //   height: calc(100vh * (22 / 1080));
+    //   margin-top: calc(100vh * (20 / 1080));
+    //   margin-bottom: calc(100vh * (20 / 1080));
+    //   color: #ffffffff;
+    //   font-size: 0.16rem;
+    //   font-weight: bold;
+    //   line-height: calc(100vh * (22 / 1080));
+    // }
     .main {
       width: calc(100vw * (1876 / 1920));
-      height: calc(100vh * (880 / 1080));
+      height: calc(100vh * (930 / 1080));
       background: url(../../../assets/img/Group-610.png);
-      background-size: calc(100vw * (1876 / 1920)) calc(100vh * (880 / 1080));
+      background-size: calc(100vw * (1876 / 1920)) calc(100vh * (930 / 1080));
+      margin-top: calc(100vh * (35 / 1080));
       h3 {
         font-size: 0.2rem;
         color: #ffffffff;
@@ -215,7 +216,7 @@
         // background: seagreen;
         .el-table {
           width: calc(100vw * (1822 / 1920));
-          height: calc(100vh * (650 / 1080));
+          height: calc(100vh * (700 / 1080));
           background: transparent;
           overflow: auto;
         }

src/views1/Group/Groups/GroupsView.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="containe">
-    <div class="header">
+    <!-- <div class="header">
       <span>分组管理</span>
       <img src="../../../assets/img/chevron-down.png" alt="" />
       <img src="../../../assets/img/slash.png" alt="" />
@@ -8,9 +8,9 @@
       <img src="../../../assets/img/chevron-up.png" alt="" class="top2" />
       <img src="../../../assets/img/slash.png" alt="" />
     </div>
-    <div class="title">分组</div>
+    <div class="title">分组</div> -->
     <div class="main">
-      <h3>分组</h3>
+      <h3>分组管理</h3>
       <div class="main-main">
         <el-form
           :model="queryParams"
@@ -360,39 +360,40 @@ export default {
   font-weight: 500;
   padding-left: calc(100vw * (20 / 1920));
   //顶部信息
-  .header {
-    width: calc(100vw * (300 / 1920));
-    height: calc(100vh * (22 / 1080));
-    margin-top: calc(100vh * (20 / 1080));
-    margin-bottom: calc(100vh * (20 / 1080));
-    display: flex;
-    align-items: center;
-    img {
-      width: calc(100vw * (16 / 1920));
-      height: calc(100vh * (16 / 1080));
-      border: 1px dashed grey;
-      margin-left: 3px;
-      margin-right: 3px;
-    }
-    .top1 {
-      color: #2e8aecff;
-    }
-  }
-  //中间目录列表
-  .title {
-    height: calc(100vh * (22 / 1080));
-    margin-top: calc(100vh * (20 / 1080));
-    margin-bottom: calc(100vh * (20 / 1080));
-    color: #ffffffff;
-    font-size: 0.16rem;
-    font-weight: bold;
-    line-height: calc(100vh * (22 / 1080));
-  }
+  // .header {
+  //   width: calc(100vw * (300 / 1920));
+  //   height: calc(100vh * (22 / 1080));
+  //   margin-top: calc(100vh * (20 / 1080));
+  //   margin-bottom: calc(100vh * (20 / 1080));
+  //   display: flex;
+  //   align-items: center;
+  //   img {
+  //     width: calc(100vw * (16 / 1920));
+  //     height: calc(100vh * (16 / 1080));
+  //     border: 1px dashed grey;
+  //     margin-left: 3px;
+  //     margin-right: 3px;
+  //   }
+  //   .top1 {
+  //     color: #2e8aecff;
+  //   }
+  // }
+  // //中间目录列表
+  // .title {
+  //   height: calc(100vh * (22 / 1080));
+  //   margin-top: calc(100vh * (20 / 1080));
+  //   margin-bottom: calc(100vh * (20 / 1080));
+  //   color: #ffffffff;
+  //   font-size: 0.16rem;
+  //   font-weight: bold;
+  //   line-height: calc(100vh * (22 / 1080));
+  // }
   .main {
     width: calc(100vw * (1876 / 1920));
-    height: calc(100vh * (880 / 1080));
+    height: calc(100vh * (930 / 1080));
     background: url(../../../assets/img/Group-610.png);
-    background-size: calc(100vw * (1876 / 1920)) calc(100vh * (880 / 1080));
+    background-size: calc(100vw * (1876 / 1920)) calc(100vh * (930 / 1080));
+    margin-top: calc(100vh * (35 / 1080));
     h3 {
       font-size: 0.2rem;
       color: #ffffffff;
@@ -408,7 +409,7 @@ export default {
       // background: seagreen;
       .el-table {
         width: calc(100vw * (1822 / 1920));
-        height: calc(100vh * (600 / 1080));
+        height: calc(100vh * (650 / 1080));
         background: transparent;
         overflow: auto;
       }

src/views1/HomeView.vue

@@ -112,7 +112,7 @@
               <el-menu-item index="/home/system/journal/register">登录日志</el-menu-item>
             </el-submenu>
           </el-submenu> -->
-          <el-submenu index="5">
+          <!-- <el-submenu index="5">
             <template slot="title">
               <span class="nav1">
                 <img
@@ -123,7 +123,7 @@
               >分组管理
             </template>
             <el-menu-item index="/home/group/groups">分组</el-menu-item>
-          </el-submenu>
+          </el-submenu> -->
         </el-menu>
         <div class="right">
           <!-- <span class="right_1">

src/views1/Page/PageView.vue

@@ -25,7 +25,7 @@
       </div>
       <div class="cen">
         <div class="cen—top">
-          <el-dropdown class="cen—top-left">
+          <!-- <el-dropdown class="cen—top-left">
             <span class="el-dropdown-link">
               全部文档<i class="el-icon-caret-bottom el-icon--right"></i>
             </span>
@@ -34,7 +34,7 @@
               <el-dropdown-item>部门文档</el-dropdown-item>
               <el-dropdown-item>公共文档</el-dropdown-item>
             </el-dropdown-menu>
-          </el-dropdown>
+          </el-dropdown> -->
           <div class="cen—top-right">
             <div class="cen—top-div">
               <el-input
@@ -64,8 +64,8 @@
             <p>公共文档</p>
             <img src="../../assets/img/MMB3.png" alt="" />
           </router-link>
-          <router-link :to="{ path: '/home/doc/group' }" class="four">
-            <p>分组文档</p>
+          <router-link :to="{ path: '/home/setting/ocr' }" class="four">
+            <p>文字识别</p>
             <img src="../../assets/img/MMB4.png" alt="" />
           </router-link>
         </div>
@@ -821,6 +821,7 @@ export default {
         .cen—top-right {
           width: calc(100vw * (536 / 1920));
           height: calc(100vh * (36 / 1080));
+          margin-left: calc(100vw * (60 / 1920));
           // background: skyblue;
           .cen—top-div {
             position: relative;

src/views1/Personal/Partspace/PartspaceView.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="containe">
-      <div class="header">
+      <!-- <div class="header">
         <span>个人设置</span>
         <img src="../../../assets/img/chevron-down.png" alt="" />
         <img src="../../../assets/img/slash.png" alt="" />
@@ -8,9 +8,9 @@
         <img src="../../../assets/img/chevron-up.png" alt="" class="top2" />
         <img src="../../../assets/img/slash.png" alt="" />
       </div>
-      <div class="title">部门存储空间</div>
+      <div class="title">部门存储空间</div> -->
       <div class="main">
-        <h3>目录列表</h3>
+        <h3>部门存储空间</h3>
         <div class="main-main">
             <div class="app-container">
     <el-row :gutter="10" class="mb8">
@@ -372,48 +372,49 @@
     font-weight: 500;
     padding-left: calc(100vw * (20 / 1920));
     //顶部信息
-    .header {
-      width: calc(100vw * (300 / 1920));
-      height: calc(100vh * (22 / 1080));
-      margin-top: calc(100vh * (20 / 1080));
-      margin-bottom: calc(100vh * (20 / 1080));
-      display: flex;
-      align-items: center;
-      img {
-        width: calc(100vw * (16 / 1920));
-        height: calc(100vh * (16 / 1080));
-        border: 1px dashed grey;
-        margin-left: 3px;
-        margin-right: 3px;
-      }
-      .top1 {
-        color: #2e8aecff;
-      }
-    }
-    //中间目录列表
-    .title {
-      height: calc(100vh * (22 / 1080));
-      margin-top: calc(100vh * (20 / 1080));
-      margin-bottom: calc(100vh * (20 / 1080));
-      color: #ffffffff;
-      font-size: 0.16rem;
-      font-weight: bold;
-      line-height: calc(100vh * (22 / 1080));
-    }
+    // .header {
+    //   width: calc(100vw * (300 / 1920));
+    //   height: calc(100vh * (22 / 1080));
+    //   margin-top: calc(100vh * (20 / 1080));
+    //   margin-bottom: calc(100vh * (20 / 1080));
+    //   display: flex;
+    //   align-items: center;
+    //   img {
+    //     width: calc(100vw * (16 / 1920));
+    //     height: calc(100vh * (16 / 1080));
+    //     border: 1px dashed grey;
+    //     margin-left: 3px;
+    //     margin-right: 3px;
+    //   }
+    //   .top1 {
+    //     color: #2e8aecff;
+    //   }
+    // }
+    // //中间目录列表
+    // .title {
+    //   height: calc(100vh * (22 / 1080));
+    //   margin-top: calc(100vh * (20 / 1080));
+    //   margin-bottom: calc(100vh * (20 / 1080));
+    //   color: #ffffffff;
+    //   font-size: 0.16rem;
+    //   font-weight: bold;
+    //   line-height: calc(100vh * (22 / 1080));
+    // }
     .main {
       width: calc(100vw * (1876 / 1920));
-      height: calc(100vh * (774 / 1080));
+      height: calc(100vh * (824 / 1080));
       background: url(../../../assets/img/Group-610.png);
-      background-size: calc(100vw * (1876 / 1920)) calc(100vh * (774 / 1080));
+      background-size: calc(100vw * (1876 / 1920)) calc(100vh * (824 / 1080));
+      margin-top: calc(100vh * (35 / 1080));
       h3 {
         font-size: 0.2rem;
         color: #ffffffff;
-        padding-top: calc(100vh * (21 / 1080));
+        padding-top: calc(100vh * (25 / 1080));
         padding-left: calc(100vw * (30 / 1920));
       }
       .main-main {
         width: calc(100vw * (1845 / 1920));
-        height: calc(100vh * (700 / 1080));
+        height: calc(100vh * (750 / 1080));
         margin-left: calc(100vw * (16 / 1920));
         margin-top: calc(100vh * (20 / 1080));
         // background: seagreen;
@@ -424,7 +425,7 @@
         }
         .el-table {
           width: calc(100vw * (1830 / 1920));
-          height: calc(100vh * (646 / 1080));
+          height: calc(100vh * (696 / 1080));
           margin-left: calc(100vw * (8 / 1920));
           border: 1px solid #006C9AFF;
           overflow: auto;

src/views1/Personal/Publispace/PublispaceView.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="containe">
-      <div class="header">
+      <!-- <div class="header">
         <span>个人设置</span>
         <img src="../../../assets/img/chevron-down.png" alt="" />
         <img src="../../../assets/img/slash.png" alt="" />
@@ -8,9 +8,9 @@
         <img src="../../../assets/img/chevron-up.png" alt="" class="top2" />
         <img src="../../../assets/img/slash.png" alt="" />
       </div>
-      <div class="title">公共存储空间</div>
+      <div class="title">公共存储空间</div> -->
       <div class="main">
-        <h3>目录列表</h3>
+        <h3>公共存储空间</h3>
         <div class="main-main">
             <div class="app-container">
     <el-row :gutter="10" class="mb8">
@@ -267,39 +267,40 @@
     font-weight: 500;
     padding-left: calc(100vw * (20 / 1920));
     //顶部信息
-    .header {
-      width: calc(100vw * (300 / 1920));
-      height: calc(100vh * (22 / 1080));
-      margin-top: calc(100vh * (20 / 1080));
-      margin-bottom: calc(100vh * (20 / 1080));
-      display: flex;
-      align-items: center;
-      img {
-        width: calc(100vw * (16 / 1920));
-        height: calc(100vh * (16 / 1080));
-        border: 1px dashed grey;
-        margin-left: 3px;
-        margin-right: 3px;
-      }
-      .top1 {
-        color: #2e8aecff;
-      }
-    }
-    //中间目录列表
-    .title {
-      height: calc(100vh * (22 / 1080));
-      margin-top: calc(100vh * (20 / 1080));
-      margin-bottom: calc(100vh * (20 / 1080));
-      color: #ffffffff;
-      font-size: 0.16rem;
-      font-weight: bold;
-      line-height: calc(100vh * (22 / 1080));
-    }
+    // .header {
+    //   width: calc(100vw * (300 / 1920));
+    //   height: calc(100vh * (22 / 1080));
+    //   margin-top: calc(100vh * (20 / 1080));
+    //   margin-bottom: calc(100vh * (20 / 1080));
+    //   display: flex;
+    //   align-items: center;
+    //   img {
+    //     width: calc(100vw * (16 / 1920));
+    //     height: calc(100vh * (16 / 1080));
+    //     border: 1px dashed grey;
+    //     margin-left: 3px;
+    //     margin-right: 3px;
+    //   }
+    //   .top1 {
+    //     color: #2e8aecff;
+    //   }
+    // }
+    // //中间目录列表
+    // .title {
+    //   height: calc(100vh * (22 / 1080));
+    //   margin-top: calc(100vh * (20 / 1080));
+    //   margin-bottom: calc(100vh * (20 / 1080));
+    //   color: #ffffffff;
+    //   font-size: 0.16rem;
+    //   font-weight: bold;
+    //   line-height: calc(100vh * (22 / 1080));
+    // }
     .main {
       width: calc(100vw * (1876 / 1920));
-      height: calc(100vh * (880 / 1080));
+      height: calc(100vh * (930 / 1080));
       background: url(../../../assets/img/Group-610.png);
-      background-size: calc(100vw * (1876 / 1920)) calc(100vh * (880 / 1080));
+      background-size: calc(100vw * (1876 / 1920)) calc(100vh * (930 / 1080));
+      margin-top: calc(100vh * (35 / 1080));
       h3 {
         font-size: 0.2rem;
         color: #ffffffff;
@@ -310,16 +311,16 @@
         width: calc(100vw * (1845 / 1920));
         height: calc(100vh * (700 / 1080));
         margin-left: calc(100vw * (16 / 1920));
-        margin-top: calc(100vh * (20 / 1080));
+        margin-top: calc(100vh * (25 / 1080));
         // background: seagreen;
         .app-container {
           width: calc(100vw * (1845 / 1920));
-          height: calc(100vh * (700 / 1080));
+          height: calc(100vh * (750 / 1080));
           padding: 0;
         }
         .el-table {
           width: calc(100vw * (1830 / 1920));
-          height: calc(100vh * (745 / 1080));
+          height: calc(100vh * (795 / 1080));
           margin-left: calc(100vw * (8 / 1920));
           border: 1px solid #006C9AFF;
           overflow: auto;

src/views1/Personal/Space/SpaceView.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="containe">
-    <div class="header">
+    <!-- <div class="header">
       <span>个人设置</span>
       <img src="../../../assets/img/chevron-down.png" alt="" />
       <img src="../../../assets/img/slash.png" alt="" />
@@ -8,9 +8,9 @@
       <img src="../../../assets/img/chevron-up.png" alt="" class="top2" />
       <img src="../../../assets/img/slash.png" alt="" />
     </div>
-    <div class="title">个人存储空间</div>
+    <div class="title">个人存储空间</div> -->
     <div class="main">
-      <h3>目录列表</h3>
+      <h3>个人存储空间</h3>
       <div class="main-main">
         <div class="app-container">
           <el-row :gutter="10" class="mb8">
@@ -478,59 +478,60 @@ export default {
   font-weight: 500;
   padding-left: calc(100vw * (20 / 1920));
   //顶部信息
-  .header {
-    width: calc(100vw * (300 / 1920));
-    height: calc(100vh * (22 / 1080));
-    margin-top: calc(100vh * (20 / 1080));
-    margin-bottom: calc(100vh * (20 / 1080));
-    display: flex;
-    align-items: center;
-    img {
-      width: calc(100vw * (16 / 1920));
-      height: calc(100vh * (16 / 1080));
-      border: 1px dashed grey;
-      margin-left: 3px;
-      margin-right: 3px;
-    }
-    .top1 {
-      color: #2e8aecff;
-    }
-  }
-  //中间目录列表
-  .title {
-    height: calc(100vh * (22 / 1080));
-    margin-top: calc(100vh * (20 / 1080));
-    margin-bottom: calc(100vh * (20 / 1080));
-    color: #ffffffff;
-    font-size: 0.16rem;
-    font-weight: bold;
-    line-height: calc(100vh * (22 / 1080));
-  }
+  // .header {
+  //   width: calc(100vw * (300 / 1920));
+  //   height: calc(100vh * (22 / 1080));
+  //   margin-top: calc(100vh * (20 / 1080));
+  //   margin-bottom: calc(100vh * (20 / 1080));
+  //   display: flex;
+  //   align-items: center;
+  //   img {
+  //     width: calc(100vw * (16 / 1920));
+  //     height: calc(100vh * (16 / 1080));
+  //     border: 1px dashed grey;
+  //     margin-left: 3px;
+  //     margin-right: 3px;
+  //   }
+  //   .top1 {
+  //     color: #2e8aecff;
+  //   }
+  // }
+  // //中间目录列表
+  // .title {
+  //   height: calc(100vh * (22 / 1080));
+  //   margin-top: calc(100vh * (20 / 1080));
+  //   margin-bottom: calc(100vh * (20 / 1080));
+  //   color: #ffffffff;
+  //   font-size: 0.16rem;
+  //   font-weight: bold;
+  //   line-height: calc(100vh * (22 / 1080));
+  // }
   .main {
     width: calc(100vw * (1876 / 1920));
-    height: calc(100vh * (774 / 1080));
+    height: calc(100vh * (824 / 1080));
     background: url(../../../assets/img/Group-610.png);
-    background-size: calc(100vw * (1876 / 1920)) calc(100vh * (774 / 1080));
+    background-size: calc(100vw * (1876 / 1920)) calc(100vh * (824 / 1080));
+    margin-top: calc(100vh * (35 / 1080));
     h3 {
       font-size: 0.2rem;
       color: #ffffffff;
-      padding-top: calc(100vh * (21 / 1080));
+      padding-top: calc(100vh * (23 / 1080));
       padding-left: calc(100vw * (30 / 1920));
     }
     .main-main {
       width: calc(100vw * (1845 / 1920));
-      height: calc(100vh * (700 / 1080));
+      height: calc(100vh * (750 / 1080));
       margin-left: calc(100vw * (16 / 1920));
       margin-top: calc(100vh * (20 / 1080));
       // background: seagreen;
       .app-container {
         width: calc(100vw * (1845 / 1920));
-        height: calc(100vh * (700 / 1080));
+        height: calc(100vh * (750 / 1080));
         padding: 0;
       }
       .el-table {
         width: calc(100vw * (1830 / 1920));
-        height: calc(100vh * (646 / 1080));
+        height: calc(100vh * (696 / 1080));
         margin-left: calc(100vw * (8 / 1920));
         border: 1px solid #006C9AFF;
         overflow: auto;

src/views1/Personal/Storagespace/StoragespaceView.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="containe">
-      <div class="header">
+      <!-- <div class="header">
         <span>个人设置</span>
         <img src="../../../assets/img/chevron-down.png" alt="" />
         <img src="../../../assets/img/slash.png" alt="" />
@@ -8,8 +8,9 @@
         <img src="../../../assets/img/chevron-up.png" alt="" class="top2" />
         <img src="../../../assets/img/slash.png" alt="" />
       </div>
-      <div class="title">分组存储空间</div>
+      <div class="title">分组存储空间</div> -->
       <div class="main">
+        <h3>分组存储空间</h3>
         <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="分组名称" prop="groupName">
@@ -157,42 +158,52 @@
     font-family: PingFang SC-Medium, PingFang SC;
     font-weight: 500;
     padding-left: calc(100vw * (20 / 1920));
-    .header {
-      width: calc(100vw * (300 / 1920));
-      height: calc(100vh * (22 / 1080));
-      margin-top: calc(100vh * (20 / 1080));
-      margin-bottom: calc(100vh * (20 / 1080));
-      display: flex;
-      align-items: center;
-      img {
-        width: calc(100vw * (16 / 1920));
-        height: calc(100vh * (16 / 1080));
-        border: 1px dashed grey;
-        margin-left: 3px;
-        margin-right: 3px;
-      }
-      .top1 {
-        color: #2e8aecff;
-      }
-    }
-    .title {
-      height: calc(100vh * (22 / 1080));
-      margin-top: calc(100vh * (20 / 1080));
-      margin-bottom: calc(100vh * (20 / 1080));
-      color: #ffffffff;
-      font-size: 0.16rem;
-      font-weight: bold;
-      line-height: calc(100vh * (22 / 1080));
-    }
+    // .header {
+    //   width: calc(100vw * (300 / 1920));
+    //   height: calc(100vh * (22 / 1080));
+    //   margin-top: calc(100vh * (20 / 1080));
+    //   margin-bottom: calc(100vh * (20 / 1080));
+    //   display: flex;
+    //   align-items: center;
+    //   img {
+    //     width: calc(100vw * (16 / 1920));
+    //     height: calc(100vh * (16 / 1080));
+    //     border: 1px dashed grey;
+    //     margin-left: 3px;
+    //     margin-right: 3px;
+    //   }
+    //   .top1 {
+    //     color: #2e8aecff;
+    //   }
+    // }
+    // .title {
+    //   height: calc(100vh * (22 / 1080));
+    //   margin-top: calc(100vh * (20 / 1080));
+    //   margin-bottom: calc(100vh * (20 / 1080));
+    //   color: #ffffffff;
+    //   font-size: 0.16rem;
+    //   font-weight: bold;
+    //   line-height: calc(100vh * (22 / 1080));
+    // }
     .main {
       width: calc(100vw * (1876 / 1920));
-      height: calc(100vh * (880 / 1080));
-      background: url(../../../assets/img/Group-615.png);
-      background-size: calc(100vw * (1876 / 1920)) calc(100vh * (880 / 1080));
+      height: calc(100vh * (930 / 1080));
+      background: url(../../../assets/img/Group-610.png);
+      background-size: calc(100vw * (1876 / 1920)) calc(100vh * (930 / 1080));
+      margin-top: calc(100vh * (35 / 1080));
+      h3 {
+      font-size: 0.2rem;
+      color: #ffffffff;
+      padding-top: calc(100vh * (25 / 1080));
+      padding-left: calc(100vw * (30 / 1920));
+    }
       .app-container {
         width: calc(100vw * (1876 / 1920));
-        height: calc(100vh * (880 / 1080));
+        height: calc(100vh * (920 / 1080));
         // padding: 0;
+        ::v-deep .el-form-item__label{
+          color: #2E8AECFF;
+        }
       } 
       .reset1 {
           color: #2e8aecff;
@@ -213,7 +224,7 @@
 }
 //table样式
 ::v-deep .el-table {
-  height: calc(100vh * (700 / 1080));
+  height: calc(100vh * (750 / 1080));
   overflow: auto;
   background: transparent;
   color: #7EA4C8FF;