.

src/main/vue/src/components/sale/RankItem.vue

@@ -46,7 +46,7 @@ export default {
 <style lang="less" scoped>
 .rank-item {
     display: inline-block;
-    margin-top: 20px;
+    margin-top: 25px;
     .user {
         width: 80px;
         height: 80px;

src/main/vue/src/views/Admin.vue

@@ -45,6 +45,10 @@
             <div style="flex-grow:1"></div>
 
             <template v-if="nightAuditStatus">
+                <div class="user-content" v-if="userInfo">
+                    <img :src="userInfo ? userInfo.avatar || '' : ''" class="avatar" />
+                    <div class="user-name">{{ userInfo.nickname }}</div>
+                </div>
                 <span style="margin-right:20px;"
                     >营业日：{{ nightAuditStatus.openDay }}&nbsp;
                     <span
@@ -92,11 +96,6 @@
         </el-header>
         <el-container class="main">
             <el-aside :width="collapse ? '65px' : '200px'" class="aside">
-                <!-- <div class="user-content" v-if="userInfo">
-                    <img :src="userInfo ? userInfo.avatar || '' : ''" class="avatar" />
-                    <div class="user-name">{{ userInfo.nickname }}</div>
-                </div> -->
-
                 <div class="user-menu">
                     <el-menu
                         :collapse="collapse"
@@ -698,22 +697,22 @@ export default {
 }
 .user-content {
     display: flex;
-    flex-direction: column;
+    // flex-direction: column;
     align-items: center;
-    background: #242744;
-    padding: 30px;
+    // background: #242744;
+    // padding: 30px;
     .avatar {
-        width: 68px;
-        height: 68px;
+        width: 33px;
+        height: 33px;
         border-radius: 100%;
     }
 
     .user-name {
-        font-size: 19px;
+        font-size: 16px;
         font-weight: bold;
-        color: rgba(255, 255, 255, 1);
-        line-height: 26px;
-        margin-top: 15px;
+        color: #ffffff;
+        line-height: 22px;
+        margin: 0 48px 0 14px;
     }
 }
 .notice-list {