| 
					
				 | 
			
			
				@@ -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="" /> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -11,7 +11,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"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <div class="app-container"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <el-row :gutter="20"> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -25,7 +25,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <!--用户数据--> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <el-col :span="20" :xs="24" class="main-right">  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <p>文档列表</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <p>子分组文档</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           label-width="68px" class="main-right-form"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <el-form-item label="文件名称" prop="docName"> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -52,7 +52,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" class="cz">重置</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" class="reset1">重置</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </el-form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				      
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -714,53 +714,54 @@ import { listTag } from "@/api/doc/tag.js"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     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)); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      height: calc(100vh * (930 / 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)); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        margin-top: calc(100vh * (35 / 1080)); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         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; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           padding-left: calc(100vw * (15 / 1920)); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          padding-top: calc(100vh * (15 / 1080)); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          padding-top: calc(100vh * (20 / 1080)); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       .el-breadcrumb{ 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -777,9 +778,10 @@ import { listTag } from "@/api/doc/tag.js"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       .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)); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        margin-top: calc(100vh * (35 / 1080)); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         p { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           color: #ffffffff; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           font-size: 0.16rem; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -788,8 +790,10 @@ import { listTag } from "@/api/doc/tag.js"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           padding-bottom: calc(100vh * (20 / 1080)); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         //重置按钮 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        .cz{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            color: #2e8aecff; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        .reset1 { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          color: #2e8aecff; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          background: transparent; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          border: 1px solid #2E8AECFF; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         .main-right-form { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           width: calc(100vw * (1540 / 1920)); 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -799,7 +803,7 @@ import { listTag } from "@/api/doc/tag.js"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         .main-right-table { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           width: calc(100vw * (1540 / 1920)); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          height: calc(100vh * (580 / 1080)); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          height: calc(100vh * (630 / 1080)); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           margin-left: calc(100vw * (20 / 1920)); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           background: transparent; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 |