修改界面css

src/assets/styles/my-common.scss

@@ -233,6 +233,7 @@
 
 //转发下载图片的大小
 .zhuanfa {
+  cursor: pointer;
   width: 22px;
   height: 22px;
 }

src/layout/indexCommon.vue

@@ -1026,4 +1026,7 @@ watch(() => editableTabsValue.value, (newValue, oldValue) => {
     height: 1000px !important;
   }
 }
+:deep(.el-tabs--card>.el-tabs__header){
+  border-bottom:none !important ;
+}
 </style>

src/views/department/MyFile.vue

@@ -4,15 +4,15 @@
             <div class="settingBox" @click="mouseClick">
                 <!-- 设置盒子顶部搜索 -->
                 <div class="topSearch">
-                    <div style="position: relative;">
+                    <div style="position: relative;width: 80%;">
                         <el-input v-model="searchFire" class="searchFire" size="large" placeholder="搜索文件"
-                            style="width: 15rem;" />
+                           />
                         <el-icon style="color: gray;display: inline-block;position: absolute;top: 8px;right: 5px;">
                             <Search />
                         </el-icon>
                     </div>
                     <div>
-                        <el-icon style="font-size: 24px;" @click="createNewMenu(1,true)">
+                        <el-icon @click="createNewMenu(1,true)" color="#505870" size="24">
                             <Plus />
                         </el-icon>
                         <!-- @click="createNewFile" -->
@@ -45,7 +45,7 @@
                                <template #content> 安全级别: {{ item.encryptLevel == 'L1'?'敏感':(item.encryptLevel == 'L2'?'涉密':(item.encryptLevel == 'L3'?'机密':'绝密')) }} </template>
                                <img src="../../assets/images/fileStyle.png" style="width: 72px;height: 72px;"></el-tooltip>
                                <img src="../../assets/images/fileStyle.png" style="width: 72px;height: 72px;" v-else>
-                              <p class="ellipsis-text">{{ item.dirName }}</p>
+                              <p class="ellipsis-text shouzhi">{{ item.dirName }}</p>
                               <img class="levelImg" v-if="item.isEncrypt === 'Y'" :src="getLevelImg(item.encryptLevel)" alt="">
                           </div>
                         </div>
@@ -1757,10 +1757,10 @@ p {
 .settingBox {
     width: 25vw;
     height: 92vh;
-    border: 1px solid black;
+    // border: 1px solid black;
     border-radius: 4px;
     /* margin: 5px 5px; */
-    margin-right: 5px;
+    margin-right: 8px;
     background-color: white;
 }
 
@@ -1774,7 +1774,8 @@ p {
 }
 
 .searchFire {
-    width: 248px;
+    // width: 248px;
+    flex: 1;
     height: 32px;
 }
 

src/views/myfile/MyFile.vue

@@ -7,7 +7,7 @@
                     
                     <div class="spaceName">{{spaceName}}</div>
                     <div>
-                        <el-icon style="font-size: 24px;" @click="createNewMenu(0)">
+                        <el-icon @click="createNewMenu(0)" color="#505870" size="24">
                             <Plus />
                         </el-icon>
                         <!-- @click="createNewFile" -->
@@ -48,8 +48,8 @@
                                <template #content><span>安全级别: {{ item.encryptLevel == 'L1'?'敏感':(item.encryptLevel == 'L2'?'涉密':(item.encryptLevel == 'L3'?'机密':'绝密')) }}</span>  </template>
                                <img src="../../assets/images/fileStyle.png" style="width: 72px;height: 72px;"></el-tooltip>
                                <img src="../../assets/images/fileStyle.png" style="width: 72px;height: 72px;" v-else>
-                              <p class="ellipsis-text">{{ item.dirName }}</p>
-                              <img class="levelImg" v-if="item.isEncrypt === 'Y'" :src="getLevelImg(item.encryptLevel)" alt="">
+                              <p class="ellipsis-text shouzhi">{{ item.dirName }}</p>
+                              <img class="levelImg shouzhi" v-if="item.isEncrypt === 'Y'" :src="getLevelImg(item.encryptLevel)" alt="">
                           </div>
                         </div>
                     </template>
@@ -1880,10 +1880,10 @@ p {
 .settingBox {
     width: 25vw;
     height: 92vh;
-    border: 1px solid black;
+    // border: 1px solid black;
     border-radius: 4px;
     /* margin: 5px 5px; */
-    margin-right: 5px;
+    margin-right: 8px;
     background-color: white;
 }
 

src/views/publicment/MyFile.vue

@@ -4,15 +4,14 @@
             <div class="settingBox" @click="mouseClick">
                 <!-- 设置盒子顶部搜索 -->
                 <div class="topSearch">
-                    <div style="position: relative;">
-                        <el-input v-model="searchFire" class="searchFire" size="large" placeholder="搜索文件"
-                            style="width: 15rem;" />
+                    <div style="position: relative;width: 80%;">
+                        <el-input v-model="searchFire" class="searchFire" size="large" placeholder="搜索文件"/>
                         <el-icon style="color: gray;display: inline-block;position: absolute;top: 8px;right: 5px;">
-                            <Search />
+                            <Search/>
                         </el-icon>
                     </div>
                     <div>
-                        <el-icon style="font-size: 24px;" @click="createNewMenu(1,true)">
+                        <el-icon @click="createNewMenu(1,true)" color="#505870" size="24">
                             <Plus />
                         </el-icon>
                         <!-- @click="createNewFile" -->
@@ -45,7 +44,7 @@
                                <template #content> 安全级别: {{ item.encryptLevel == 'L1'?'敏感':(item.encryptLevel == 'L2'?'涉密':(item.encryptLevel == 'L3'?'机密':'绝密')) }} </template>
                                <img src="../../assets/images/fileStyle.png" style="width: 72px;height: 72px;"></el-tooltip>
                                <img src="../../assets/images/fileStyle.png" style="width: 72px;height: 72px;" v-else>
-                              <p class="ellipsis-text">{{ item.dirName }}</p>
+                              <p class="ellipsis-text shouzhi">{{ item.dirName }}</p>
                               <img class="levelImg" v-if="item.isEncrypt === 'Y'" :src="getLevelImg(item.encryptLevel)" alt="">
                           </div>
                         </div>
@@ -1757,10 +1756,10 @@ p {
 .settingBox {
     width: 25vw;
     height: 92vh;
-    border: 1px solid black;
+    // border: 1px solid black;
     border-radius: 4px;
     /* margin: 5px 5px; */
-    margin-right: 5px;
+    margin-right: 8px;
     background-color: white;
 }
 
@@ -1774,7 +1773,8 @@ p {
 }
 
 .searchFire {
-    width: 248px;
+    // width: 248px;
+    flex: 1;
     height: 32px;
 }