修改bug,安全级别，手指，调整部分样式

src/assets/styles/my-common.scss

@@ -241,4 +241,14 @@
 
 .forwd {
   margin: 0 16px;
-}
+}
+.shouzhi {
+  cursor: pointer;
+}
+.juli {
+  margin-right: 6px;
+}
+.juzhong{
+  display: flex;
+  align-items: center;
+}

src/components/RightMenu/index.vue

@@ -6,11 +6,11 @@
   >
     <div class="menu_item" @click="folderClick(null, null)">
       <img src="@/assets/images/trash.png" alt="" />
-      <span>打开</span>
+      <span class="shouzhi">打开</span>
     </div>
     <div class="menu_item" @click="collectFolder">
       <img src="@/assets/images/collect.png" alt="" />
-      <span>取消收藏</span>
+      <span class="shouzhi">取消收藏</span>
     </div>
   </div>
 </template>
@@ -38,6 +38,7 @@ const props = defineProps({
 </script>
 
 <style lang="scss" scoped>
+@import "@/assets/styles/my-common.scss";
 .right_menu {
   width: 156px;
   position: absolute;

src/main.js

@@ -26,7 +26,7 @@ import SvgIcon from '@/components/SvgIcon'
 import elementIcons from '@/components/SvgIcon/svgicon'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 import './permission' // permission control
-
+// import "@/assets/styles/my-common.scss";
 import { useDict } from '@/utils/dict'
 import { parseTime, resetForm, addDateRange, handleTree, selectDictLabel, selectDictLabels } from '@/utils/ruoyi'
 

src/views/biz/recent/index.vue

@@ -24,7 +24,7 @@
                     alt=""
                     style=""
                   />
-                  {{ scope.row.dirName }}
+                  <span class="shouzhi">{{ scope.row.dirName }}</span>
                 </div>
               </template>
             </el-table-column>
@@ -56,7 +56,7 @@
                     alt=""
                     style=""
                   />
-                  {{ scope.row==null ? '': scope.row.fileName }}
+                  <span class="shouzhi"> {{ scope.row==null ? '': scope.row.fileName }}</span>
                 </div>
                 <!-- <span
                   style="
@@ -111,7 +111,7 @@
           :style="{ left: xz + 'px', top: yz + 'px' }"
         >
           <template v-for="(item, index) in filterMouseCli()" :key="index">
-            <p @click="chooseSet(item, index, 1)" class="chooseSet">
+            <p @click="chooseSet(item, index, 1)" class="chooseSet shouzhi" style="margin: 0;">
               <img :src="item.img" alt="" />
               {{ item.name }}
               <span
@@ -779,6 +779,7 @@ const downLoadfile = () => {
 </script>
 
 <style lang="scss" scoped>
+@import "@/assets/styles/my-common.scss";
 .page {
   height: 100%;
   height: 100%;
@@ -920,4 +921,7 @@ const downLoadfile = () => {
     }
   }
 }
+.shouzhi{
+  margin-left: 5px;
+}
 </style>

src/views/collect/index.vue

@@ -142,7 +142,7 @@
                     alt=""
                     style=""
                   />
-                  {{ scope.row.docDir.dirName }}
+                  <span class="shouzhi">{{ scope.row.docDir.dirName }}</span>
                 </div>
               </template>
             </el-table-column>
@@ -179,7 +179,7 @@
                     alt=""
                     style=""
                   />
-                  {{ scope.row.docInfo.fileName }}
+                <span class="shouzhi"> {{ scope.row.docInfo.fileName }}</span>  
                 </div>
               </template>
             </el-table-column>
@@ -260,9 +260,9 @@
   <!-- 右键唤出的菜单 -->
   <!-- TODO 默认就是不搜索标签 -->
   <div
-    class="right_menu"
+    class="right_menu shouzhi"
     v-if="visible"
-    :style="{ left: left + 'px', top: top + 'px' }"
+    :style="{ left: left + 'px', top: top + 'px',margin:'0' }"
   >
     <div class="menu_item" @click="reName">
       <img src="@/assets/images/textbox.png" alt="" />
@@ -604,6 +604,10 @@ const setIcon = (fileType) => {
 </script>
 
 <style lang="scss" scoped>
+@import "@/assets/styles/my-common.scss";
+.shouzhi {
+  margin-left: 5px;
+}
 .container {
   height: 100%;
   background-color: #fff;

src/views/department/MyFile.vue

@@ -22,7 +22,7 @@
                 <div
                     style="display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;height: 75vh;align-content: flex-start;overflow-y: auto;">
                     <!-- v-for盒子 -->
-                    <template v-for="(item, index) in fileMenu">
+                    <template v-for="(item, index) in fileMenu" :key="index">
                         <div class="setBox" @click="changeFile(item, index)">
                             <el-dropdown trigger="click" class="selectChe">
                                 <span class="el-dropdown-link">
@@ -36,7 +36,13 @@
                                 </template>
                             </el-dropdown>
                           <div class="left_fileBox">
-                              <img src="../../assets/images/fileStyle.png" style="width: 72px;height: 72px;">
+                            <el-tooltip
+                                  class="box-item tool-tip"
+                                  effect="dark"
+                                  placement="top-start"
+                               > 
+                               <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>
                               <p class="ellipsis-text">{{ item.dirName }}</p>
                               <img class="levelImg" v-if="item.isEncrypt === 'Y'" :src="getLevelImg(item.encryptLevel)" alt="">
                           </div>
@@ -65,7 +71,7 @@
                                 <img src="../../assets/images/upload.png" style="width: 24px;height: 24px;" alt="">
                             </div>
                             <div style="margin-left: 5px;">
-                                <span style="color: black;cursor: pointer;" @click="uploadModal = true">上传
+                                <span style="color: black;cursor: pointer;" @click="uploadModal = true" class="shouzhi">上传
                                 </span>
                             </div>
                         </div>
@@ -75,7 +81,7 @@
                                 <img src="../../assets/images/upload.png" style="width: 24px;height: 24px;" alt="">
                             </div>
                             <div style="margin-left: 5px;">
-                                <span style="color: black;cursor: pointer;">上传
+                                <span style="color: black;cursor: pointer;" class="shouzhi">上传
                                 </span>
                             </div>
                         </div>
@@ -89,7 +95,7 @@
                                 </el-icon>
                             </div>
                             <div style="margin-left: 5px;" @click="createNewMenu(0)">
-                                <span style="font-size: 14px;">新建</span>
+                                <span style="font-size: 14px;" class="shouzhi">新建</span>
                             </div>
                         </div>
                         <div v-else
@@ -102,7 +108,7 @@
                                 </el-icon>
                             </div>
                             <div style="margin-left: 5px;" @click="createNewMenu(0)">
-                                <span style="font-size: 14px;">新建</span>
+                                <span style="font-size: 14px;" class="shouzhi">新建</span>
                             </div>
                         </div>
                         <template v-for="(item, index) in useMenu" :key="index">
@@ -113,7 +119,7 @@
                                     <img :src="item.img" style="width: 24px;height: 24px;" alt="">
                                 </div>
                                 <div style="margin-left: 5px;">
-                                    <span style="font-size: 14px;">{{ item.name }}</span>
+                                    <span style="font-size: 14px;" class="shouzhi">{{ item.name }}</span>
                                 </div>
                             </div>
                         </template>
@@ -121,9 +127,9 @@
                     <!-- 面包屑功能栏 -->
                     <div class="breadBox">
                         <!-- 左侧 -->
-                        <div style="display: flex;justify-content: space-around;align-items: center;">
+                        <div style="display: flex;justify-content: space-around;align-items: center;margin-left: 10px;">
                             <!-- 前进后退 -->
-                            <div style="display: flex;justify-content: space-around;align-items: center;">
+                            <div style="display: flex;justify-content: space-around;align-items: center;margin-right: 5px;" >
                                 <img style="display:block;width: 11px;height: 11px;" :src="blueLeft" alt=""
                                     @click="arrowLift">
                                 <img style="display:block;width: 16px;height: 16px;" :src="grayRight" alt="">
@@ -152,21 +158,21 @@
                                 <el-table-column type="selection" width="55" />
                                 <el-table-column label="名称" width="180">
                                     <template #default="scope">
-                                        <span>
-                                            <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,true)">
+                                        <span class="juzhong">
+                                            <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,true)" class="juli">
                                                 <Star />
                                             </el-icon>
-                                            <img v-else @click.stop="delCollect(scope.row,true)" src="../../assets/images/yellowstar.png" alt="">
+                                            <img v-else @click.stop="delCollect(scope.row,true)" src="../../assets/images/yellowstar.png" alt="" class="juli">
                                             <img src="../../assets/images/fileBox.png" style="width: 20px;height: 24px;"
-                                                alt="">
+                                                alt="" class="juli">
                                                  <el-tooltip
                                                     class="box-item"
                                                     effect="dark"
-                                                    :content="scope.row.dirName"
                                                     placement="top"
                                                     :show-after="1000"
-                                                >
-                                                   {{ scope.row.dirName }}
+                                                > 
+                                                <template #content> {{ scope.row.encryptLevel == 'L1'?'敏感':(scope.row.encryptLevel == 'L2'?'涉密':(scope.row.encryptLevel == 'L3'?'机密':'绝密')) }} </template>
+                                                   <span class="shouzhi"> {{ scope.row.dirName }}</span>
                                                 </el-tooltip>
                                         </span>
                                     </template>
@@ -200,11 +206,11 @@
                             </div> -->
                             <div class="menu_item" @click="restName(null, null)">
                                 <img src="@/assets/images/textbox.png" alt="" />
-                                <span>重命名</span>
+                                <span class="shouzhi">重命名</span>
                             </div>
                             <div class="menu_item" @click="collectFolder">
                                 <img src="@/assets/images/collect.png" alt="" />
-                                <span>收藏</span>
+                                <span class="shouzhi">收藏</span>
                             </div>
                         </div>
                     </div>
@@ -218,20 +224,20 @@
                                     <el-table-column type="selection" width="55" />
                                     <el-table-column label="名称" width="200">
                                         <template #default="scope">
-                                            <span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
+                                            <span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" class="juzhong">
                                             <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,false)">
                                                 <Star />
                                             </el-icon>
-                                            <img v-else @click.stop="delCollect(scope.row,false)" src="../../assets/images/yellowstar.png" alt="">
-                                            <img :src="getImage(scope.row.fileType)" alt="">
+                                            <img v-else @click.stop="delCollect(scope.row,false)" src="../../assets/images/yellowstar.png" alt="" class="juli">
+                                            <img :src="getImage(scope.row.fileType)" alt="" class="juli">
                                                   <el-tooltip
                                                     class="box-item"
                                                     effect="dark"
-                                                    :content="scope.row.fileName"
                                                     placement="top"
                                                     :show-after="1000"
                                                 >
-                                                   {{ scope.row.fileName }}
+                                                <template #content> {{ scope.row.encryptLevel == 'L1'?'敏感':(scope.row.encryptLevel == 'L2'?'涉密':(scope.row.encryptLevel == 'L3'?'机密':'绝密')) }} </template>
+                                                   <span class="shouzhi">{{ scope.row.fileName }}</span>
                                                 </el-tooltip>
                                         </span>
                                         </template>
@@ -1716,6 +1722,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "@/assets/styles/my-common.scss";
 .lodingBox{
     position:absolute;
     top: 0;

src/views/highSearch/HighSearch.vue

@@ -43,7 +43,7 @@
         @keydown.enter="doSearch"
         placeholder="请输入要查询的内容"
       />
-      <div class="search_btn" @click="doSearch">搜索</div>
+      <div class="search_btn" @click="doSearch" style="cursor: pointer;">搜索</div>
     </div>
     <div class="result_box">
       <div class="left_box" v-if="listData.length">

src/views/liveChat/index.vue

@@ -507,8 +507,8 @@ onMounted(() => {
       <div
         :class="
           clickPersonIndex == index
-            ? 'activ-left-container left-container'
-            : 'left-container'
+            ? 'activ-left-container left-container shouzhi'
+            : 'left-container shouzhi'
         "
         v-for="(item, index) in searchData"
         :key="index"

src/views/myfile/MyFile.vue

@@ -36,7 +36,7 @@
                                     </el-dropdown-menu>
                                 </template>
                             </el-dropdown>
-                          <div class="left_fileBox image-container">
+                          <div class="left_fileBox">
                               <el-tooltip
                                   class="box-item tool-tip"
                                   effect="dark"
@@ -110,7 +110,7 @@
                                 </el-icon>
                             </div>
                             <div style="margin-left: 5px;" @click="createNewMenu(0)">
-                                <span style="font-size: 14px;">新建</span>
+                                <span style="font-size: 14px;" class="shouzhi">新建</span>
                             </div>
                         </div>
                         <div v-else
@@ -123,7 +123,7 @@
                                 </el-icon>
                             </div>
                             <div style="margin-left: 5px;" @click="createNewMenu(0)">
-                                <span style="font-size: 14px;">新建</span>
+                                <span style="font-size: 14px;" class="shouzhi">新建</span>
                             </div>
                         </div>
                         <template v-for="(item, index) in useMenu" :key="index">
@@ -134,7 +134,7 @@
                                     <img :src="item.img" style="width: 24px;height: 24px;" alt="">
                                 </div>
                                 <div style="margin-left: 5px;">
-                                    <span style="font-size: 14px;">{{ item.name }}</span>
+                                    <span style="font-size: 14px;" class="shouzhi">{{ item.name }}</span>
                                 </div>
                             </div>
                         </template>
@@ -142,7 +142,7 @@
                     <!-- 面包屑功能栏 -->
                     <div class="breadBox">
                         <!-- 左侧 -->
-                        <div style="display: flex;justify-content: space-around;align-items: center;">
+                        <div style="display: flex;justify-content: space-around;align-items: center;margin-left: 10px;">
                             <!-- 前进后退 -->
                             <!-- <div style="display: flex;justify-content: space-around;align-items: center;">
                                 <img style="display:block;width: 11px;height: 11px;" :src="blueLeft" alt=""
@@ -175,12 +175,12 @@
                                     <el-table-column type="selection" width="55" />
                                     <el-table-column label="名称" width="180">
                                         <template #default="scope">
-                                            <span>
-                                                <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,true)">
+                                            <span style="display: flex;align-items: center;">
+                                                <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,true)" style="margin-right: 7px;">
                                                     <Star />
                                                 </el-icon>
                                                 <img v-else @click.stop="delCollect(scope.row,true)" src="../../assets/images/yellowstar.png" alt="">
-                                                <img src="../../assets/images/fileBox.png" style="width: 20px;height: 24px;"
+                                                <img src="../../assets/images/fileBox.png" style="width: 20px;height: 24px;margin-right: 5px;"
                                                     alt="">
                                                     <el-tooltip
                                                         class="box-item"
@@ -189,7 +189,8 @@
                                                         placement="top"
                                                         :show-after="1000"
                                                     >
-                                                    {{ scope.row.dirName }}
+                                                    <template #content> {{ scope.row.encryptLevel == 'L1'?'敏感':(scope.row.encryptLevel == 'L2'?'涉密':(scope.row.encryptLevel == 'L3'?'机密':'绝密')) }} </template>
+                                                    <span class="shouzhi">{{ scope.row.dirName }}</span>
                                                     </el-tooltip>
                                             </span>
                                         </template>
@@ -215,7 +216,7 @@
                                 </el-collapse-item>
                             </el-collapse>
                             <!-- 右键唤出的菜单 -->
-                            <div class="right_menu" v-if="folderVisible"
+                            <div class="right_menu shouzhi" v-if="folderVisible"
                                 :style="{ left: folderleft + 'px', top: foldertop + 'px' }">
                                 <!-- <div class="menu_item" @click="folderClick(null, null)">
                                     <img src="@/assets/images/trash.png" alt="" />
@@ -241,20 +242,20 @@
                                         <el-table-column type="selection" width="55" />
                                         <el-table-column label="名称" width="200">
                                             <template #default="scope">
-                                                <span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
-                                                <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,false)">
+                                                <span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: flex;align-items: center;">
+                                                <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,false)" style="margin-right: 7px;">
                                                     <Star />
                                                 </el-icon>
-                                                <img v-else @click.stop="delCollect(scope.row,false)" src="../../assets/images/yellowstar.png" alt="">
+                                                <img v-else @click.stop="delCollect(scope.row,false)" src="../../assets/images/yellowstar.png" alt="" style="margin-right: 5px;">
                                                 <img :src="getImage(scope.row.fileType)" alt="">
                                                     <el-tooltip
                                                         class="box-item"
                                                         effect="dark"
-                                                        :content="scope.row.fileName"
                                                         placement="top"
                                                         :show-after="1000"
                                                     >
-                                                    {{ scope.row.fileName }}
+                                                    <template #content> {{ scope.row.encryptLevel == 'L1'?'敏感':(scope.row.encryptLevel == 'L2'?'涉密':(scope.row.encryptLevel == 'L3'?'机密':'绝密')) }} </template>
+                                                    <span class="shouzhi">{{ scope.row.fileName }}</span>
                                                     </el-tooltip>
                                             </span>
                                             </template>
@@ -1799,6 +1800,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "@/assets/styles/my-common.scss";
 .lodingBox{
     position:absolute;
     top: 0;
@@ -2119,28 +2121,5 @@ p {
     :deep(.el-table th.el-table__cell:nth-child(1) .cell) {
         visibility: hidden;
     }
-}
-.image-container {  
-      position: relative;  
-      display: inline-block;  
-    }  
-      
-    .image-container img {  
-      width: 72px;  
-      height: 72px;  
-    }  
-      
-    .tooltip {  
-      position: absolute;  
-      top: 0;  
-      right: -10px;  
-      display: none; 
-      box-shadow: 2px 2px 2px #d9d9d9;
-      padding: 5px;  
-      border-radius: 5px;  
-    }  
-      
-    .image-container:hover .tooltip {  
-      display: block;  
-    }  
+} 
 </style>

src/views/myjoin/MyJoin.vue

@@ -13,13 +13,13 @@
                                 <el-table-column type="selection" width="55" />
                                 <el-table-column label="名称" width="200">
                                     <template #default="scope">
-                                        <span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
-                                            <el-icon v-if="collectImg">
+                                        <span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" class="juzhong">
+                                            <el-icon v-if="collectImg" class="juli">
                                                 <Star />
                                             </el-icon>
-                                            <img v-else src="../../assets/images/yellowstar.png" alt="">
-                                            <img :src="getImage(scope.row.fileType)" alt="">
-                                            {{ scope.row.fileName }}
+                                            <img v-else src="../../assets/images/yellowstar.png" alt="" class="juli">
+                                            <img :src="getImage(scope.row.fileType)" alt="" class="juli">
+                                            <span class="shouzhi">{{ scope.row.fileName }}</span>
                                         </span>
                                     </template>
                                 </el-table-column>
@@ -40,13 +40,13 @@
                             <el-table-column type="selection" width="55" />
                             <el-table-column label="名称" width="200">
                                 <template #default="scope">
-                                    <span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
-                                        <el-icon v-if="collectImg">
+                                    <span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" class="juzhong">
+                                        <el-icon v-if="collectImg" class="juli">
                                             <Star />
                                         </el-icon>
-                                        <img v-else src="../../assets/images/yellowstar.png" alt="">
-                                        <img :src="getImage(scope.row.fileType)" alt="">
-                                        {{ scope.row.fileName }}
+                                        <img v-else src="../../assets/images/yellowstar.png" alt="" class="juli">
+                                        <img :src="getImage(scope.row.fileType)" alt="" class="juli">
+                                        <span class="shouzhi">{{ scope.row.fileName }}</span>
                                     </span>
                                 </template>
                             </el-table-column>
@@ -193,7 +193,8 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+@import "@/assets/styles/my-common.scss";
 .bigBox {
     width: 100%;
     height: 88vh;

src/views/publicment/MyFile.vue

@@ -22,7 +22,7 @@
                 <div
                     style="display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;height: 75vh;align-content: flex-start;overflow-y: auto;">
                     <!-- v-for盒子 -->
-                    <template v-for="(item, index) in fileMenu">
+                    <template v-for="(item, index) in fileMenu" :key="index">
                         <div class="setBox" @click="changeFile(item, index)">
                             <el-dropdown trigger="click" class="selectChe">
                                 <span class="el-dropdown-link">
@@ -36,7 +36,13 @@
                                 </template>
                             </el-dropdown>
                           <div class="left_fileBox">
-                              <img src="../../assets/images/fileStyle.png" style="width: 72px;height: 72px;">
+                            <el-tooltip
+                                  class="box-item tool-tip"
+                                  effect="dark"
+                                  placement="top-start"
+                               > 
+                               <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>
                               <p class="ellipsis-text">{{ item.dirName }}</p>
                               <img class="levelImg" v-if="item.isEncrypt === 'Y'" :src="getLevelImg(item.encryptLevel)" alt="">
                           </div>
@@ -65,7 +71,7 @@
                                 <img src="../../assets/images/upload.png" style="width: 24px;height: 24px;" alt="">
                             </div>
                             <div style="margin-left: 5px;">
-                                <span style="color: black;cursor: pointer;" @click="uploadModal = true">上传
+                                <span style="color: black;cursor: pointer;" @click="uploadModal = true" class="shouzhi">上传
                                 </span>
                             </div>
                         </div>
@@ -75,7 +81,7 @@
                                 <img src="../../assets/images/upload.png" style="width: 24px;height: 24px;" alt="">
                             </div>
                             <div style="margin-left: 5px;">
-                                <span style="color: black;cursor: pointer;">上传
+                                <span style="color: black;cursor: pointer;" class="shouzhi">上传
                                 </span>
                             </div>
                         </div>
@@ -89,7 +95,7 @@
                                 </el-icon>
                             </div>
                             <div style="margin-left: 5px;" @click="createNewMenu(0)">
-                                <span style="font-size: 14px;">新建</span>
+                                <span style="font-size: 14px;" class="shouzhi">新建</span>
                             </div>
                         </div>
                         <div v-else
@@ -102,7 +108,7 @@
                                 </el-icon>
                             </div>
                             <div style="margin-left: 5px;" @click="createNewMenu(0)">
-                                <span style="font-size: 14px;">新建</span>
+                                <span style="font-size: 14px;" class="shouzhi">新建</span>
                             </div>
                         </div>
                         <template v-for="(item, index) in useMenu" :key="index">
@@ -113,7 +119,7 @@
                                     <img :src="item.img" style="width: 24px;height: 24px;" alt="">
                                 </div>
                                 <div style="margin-left: 5px;">
-                                    <span style="font-size: 14px;">{{ item.name }}</span>
+                                    <span style="font-size: 14px;" class="shouzhi">{{ item.name }}</span>
                                 </div>
                             </div>
                         </template>
@@ -121,7 +127,7 @@
                     <!-- 面包屑功能栏 -->
                     <div class="breadBox">
                         <!-- 左侧 -->
-                        <div style="display: flex;justify-content: space-around;align-items: center;">
+                        <div style="display: flex;justify-content: space-around;align-items: center;margin-left: 5px;">
                             <!-- 前进后退 -->
                             <!-- <div style="display: flex;justify-content: space-around;align-items: center;">
                                 <img style="display:block;width: 11px;height: 11px;" :src="blueLeft" alt=""
@@ -152,21 +158,21 @@
                                 <el-table-column type="selection" width="55" />
                                 <el-table-column label="名称" width="180">
                                     <template #default="scope">
-                                        <span>
-                                            <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,true)">
+                                        <span class="juzhong">
+                                            <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,true)" class="juli">
                                                 <Star />
                                             </el-icon>
-                                            <img v-else @click.stop="delCollect(scope.row,true)" src="../../assets/images/yellowstar.png" alt="">
+                                            <img v-else @click.stop="delCollect(scope.row,true)" src="../../assets/images/yellowstar.png" alt="" class="juli">
                                             <img src="../../assets/images/fileBox.png" style="width: 20px;height: 24px;"
-                                                alt="">
+                                                alt="" class="juli">
                                                  <el-tooltip
                                                     class="box-item"
                                                     effect="dark"
-                                                    :content="scope.row.dirName"
                                                     placement="top"
                                                     :show-after="1000"
                                                 >
-                                                   {{ scope.row.dirName }}
+                                                <template #content> {{ scope.row.encryptLevel == 'L1'?'敏感':(scope.row.encryptLevel == 'L2'?'涉密':(scope.row.encryptLevel == 'L3'?'机密':'绝密')) }} </template>
+                                                  <span class="shouzhi"> {{ scope.row.dirName }}</span>
                                                 </el-tooltip>
                                         </span>
                                     </template>
@@ -200,11 +206,11 @@
                             </div> -->
                             <div class="menu_item" @click="restName(null, null)">
                                 <img src="@/assets/images/textbox.png" alt="" />
-                                <span>重命名</span>
+                                <span class="shouzhi">重命名</span>
                             </div>
                             <div class="menu_item" @click="collectFolder">
                                 <img src="@/assets/images/collect.png" alt="" />
-                                <span>收藏</span>
+                                <span  class="shouzhi">收藏</span>
                             </div>
                         </div>
                     </div>
@@ -218,20 +224,20 @@
                                     <el-table-column type="selection" width="55" />
                                     <el-table-column label="名称" width="200">
                                         <template #default="scope">
-                                            <span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
-                                            <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,false)">
+                                            <span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" class="juzhong">
+                                            <el-icon v-if="scope.row.isFavorite == 'N'" @click.stop="collectByStar(scope.row,false)" class="juli">
                                                 <Star />
                                             </el-icon>
-                                            <img v-else @click.stop="delCollect(scope.row,false)" src="../../assets/images/yellowstar.png" alt="">
-                                            <img :src="getImage(scope.row.fileType)" alt="">
+                                            <img v-else @click.stop="delCollect(scope.row,false)" src="../../assets/images/yellowstar.png" alt="" class="juli">
+                                            <img :src="getImage(scope.row.fileType)" alt="" class="juli">
                                                   <el-tooltip
                                                     class="box-item"
                                                     effect="dark"
-                                                    :content="scope.row.fileName"
                                                     placement="top"
                                                     :show-after="1000"
                                                 >
-                                                   {{ scope.row.fileName }}
+                                                <template #content> {{ scope.row.encryptLevel == 'L1'?'敏感':(scope.row.encryptLevel == 'L2'?'涉密':(scope.row.encryptLevel == 'L3'?'机密':'绝密')) }} </template>
+                                                   <span class="shouzhi">{{ scope.row.fileName }}</span>
                                                 </el-tooltip>
                                         </span>
                                         </template>
@@ -256,7 +262,7 @@
                                     <img :src="item.img" alt="">
                                     {{ item.name }}
                                     <span v-if="item.name == '在线编辑' || item.name == '协作' ? true : false"
-                                        style="color: #7084B4;float: right;position: relative;" class="arrow">></span>
+                                        style="color: #7084B4;float: right;position: relative;" class="arrow"></span>
                                 </p>
                             </template>
                         </div>
@@ -1717,6 +1723,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "@/assets/styles/my-common.scss";
 .lodingBox{
     position:absolute;
     top: 0;