修改

src/assets/styles/sidebar.scss

@@ -84,7 +84,7 @@
       overflow: hidden !important;
       text-overflow: ellipsis !important;
       white-space: nowrap !important;
-      border-radius: 0.25rem;
+      // border-radius: 0.25rem;
       height: 45px;
       line-height: 45px;
     }
@@ -102,8 +102,8 @@
     }
 
     & .is-active > .el-submenu__title {
-      background-color: #2b62f1 !important;
-      color: white !important;
+      background-color: rgb(227, 236, 254);
+      // color: white !important;
     }
 
     & .nest-menu .el-submenu > .el-submenu__title,

src/components/FileUpload/index.vue

@@ -60,7 +60,7 @@ export default {
     // 文件类型, 例如['png', 'jpg', 'jpeg']
     fileType: {
       type: Array,
-      default: () => ["doc", "xls", "ppt", "txt", "pdf"],
+      default: () => ["doc", "docx", "xls", "ppt", "txt", "pdf"],
     },
     // 是否显示提示
     isShowTip: {

src/components/bearicon/index.vue

@@ -1,29 +1,25 @@
 <template>
   <div>
     <!-- 政务端消息通知数量 -->
-     <!-- 大于0的时候显示的图标 -->
+    <!-- 大于0的时候显示的图标 -->
     <el-badge :is-dot="countstwo > 0" class="item" v-if="checkRole(['common'])">
-        <span class="el-dropdown-link">
-          <i class="el-icon-bell"></i>
-        </span>
+      <img src="@/assets/images/icon-tz@2x.png" alt="">
     </el-badge>
     <!-- 企业端消息通知数量 -->
-    <el-badge  :is-dot="counts > 0" class="item" v-if="showCompanySection">
-        <span class="el-dropdown-link">
-          <i class="el-icon-bell"></i>
-        </span>
+    <el-badge :is-dot="counts > 0" class="item" v-if="showCompanySection">
+      <img src="@/assets/images/icon-tz@2x.png" alt="">
     </el-badge>
   </div>
 </template>
 
 <script>
 import { checkRole } from "@/utils/permission";
-import { getMessageCount,getMessageCounttwo } from '@/api/ManageApi/index'
+import { getMessageCount, getMessageCounttwo } from '@/api/ManageApi/index'
 
 export default {
   data() {
     return {
-      counts: 0 ,
+      counts: 0,
       countstwo: 0,
     }
   },
@@ -54,8 +50,8 @@ export default {
         console.error('获取数据失败:', error);
       }
     },
-        // 获取数据
-        async getCountstwo() {
+    // 获取数据
+    async getCountstwo() {
       try {
         const response = await getMessageCounttwo();
         if (response && response.code === 200) {
@@ -84,8 +80,13 @@ export default {
     color: black;
   }
 
+  img {
+    width: 1.5rem;
+    height: 1.6rem;
+  }
+
   .el-dropdown-link i {
-    font-size: 2rem;
+    font-size: 1rem;
     /* 增大图标的大小 */
   }
 }

src/layout/components/AppMain.vue

@@ -45,10 +45,11 @@ export default {
 <style lang="scss" scoped>
 .app-main {
   /* 50= navbar  50  */
-  min-height: 100%;
+  height: 100%;
   width: 100%;
   position: relative;
   overflow: hidden;
+  overflow-y: auto;
 }
 
 .fixed-header + .app-main {

src/layout/components/Navbar.vue

@@ -8,7 +8,7 @@
     </div>
     <div class="right-menu">
       <bearicon />
-      <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
+      <div class="avatar-container right-menu-item hover-effect" >
         <div class="avatar-wrapper">
           <div v-if="checkRole(['common'])">
             <span>{{ name }}</span>
@@ -16,14 +16,9 @@
           <div v-if="showCompanySection">
             <span>{{ name }}</span>
           </div>
-          <i class="el-icon-caret-bottom" />
+           <img src="@/assets/images/退出登录.png" alt=""  @click="logout">
         </div>
-        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item @click.native="logout" >
-            <span>退出登录</span>
-          </el-dropdown-item>
-        </el-dropdown-menu>
-      </el-dropdown>
+      </div>
     </div>
   </div>
 </template>
@@ -192,16 +187,20 @@ export default {
       .avatar-wrapper {
         margin-top: 2px;
         position: relative;
-
+        display: flex;
+        align-items: center;
         .user-avatar {
-          cursor: pointer;
           width: 40px;
           height: 40px;
           border-radius: 10px;
         }
-
-        .el-icon-caret-bottom {
+        img{
+          width: 1rem;
+          height: 1rem;
+          margin-left: 1rem;
           cursor: pointer;
+        }
+        .el-icon-caret-bottom {
           position: absolute;
           right: -20px;
           top: 17px;
@@ -215,7 +214,6 @@ export default {
       margin-top: .5rem;
 
       .el-dropdown-link {
-        cursor: pointer;
         color: black;
       }
 

src/layout/index.vue

@@ -17,7 +17,7 @@
 
         <!-- 右侧内容区域 -->
         <div class="content-container">
-          <app-main  style="background-color: #FAFAFA;" />
+          <app-main style="background-color: #FAFAFA;" />
         </div>
         <!-- <el-backtop target=".content-container" :visibility-height = "0"></el-backtop> -->
       </div>
@@ -102,7 +102,8 @@ export default {
   border-radius: 1rem 1rem 0 0;
   margin-right: .3rem;
   flex: 1;
-  overflow: hidden;
+  // overflow: hidden;
+  overflow-y: auto;
   background-color: #FAFAFA;
 }