diff --git a/resources/assets/js/pages/manage/components/UserDetail.vue b/resources/assets/js/pages/manage/components/UserDetail.vue
index 3a3d74a5c..34c7ac9a5 100755
--- a/resources/assets/js/pages/manage/components/UserDetail.vue
+++ b/resources/assets/js/pages/manage/components/UserDetail.vue
@@ -13,13 +13,13 @@
                     :show-state-dot="false"
                     @on-click="onOpenAvatar"/>
                 <ul class="user-select-auto">
-                    <li>
+                    <li class="user-name">
                         <h1>{{userData.nickname}}</h1>
                         <em v-if="userData.delete_at" class="deleted no-dark-content">{{$L('已删除')}}</em>
                         <em v-else-if="userData.disable_at" class="disabled no-dark-content">{{$L('已离职')}}</em>
                     </li>
                     <template v-if="!userData.bot">
-                        <li class="department-name">
+                        <li>
                             <span>{{$L('部门')}}: </span>
                             {{userData.department_name || '-'}}
                         </li>
@@ -27,16 +27,16 @@
                             <span>{{$L('职位/职称')}}: </span>
                             {{userData.profession || '-'}}
                         </li>
+                        <li>
+                            <span>{{$L('最后在线')}}: </span>
+                            {{userData.line_at ? $A.dayjs(userData.line_at).format("YYYY-MM-DD HH:mm") : '-'}}
+                        </li>
                         <li v-if="userData.delete_at">
                             <strong><span>{{$L('删除时间')}}: </span>{{userData.delete_at}}</strong>
                         </li>
                         <li v-else-if="userData.disable_at">
                             <strong><span>{{$L('离职时间')}}: </span>{{userData.disable_at}}</strong>
                         </li>
-                        <li>
-                            <span>{{$L('最后在线')}}: </span>
-                            {{userData.line_at ? $A.dayjs(userData.line_at).format("YYYY-MM-DD HH:mm") : '-'}}
-                        </li>
                     </template>
                 </ul>
                 <Button icon="md-chatbubbles" :disabled="userData.delete_at" @click="onOpenDialog">{{ $L('开始聊天') }}</Button>
diff --git a/resources/assets/sass/pages/components/user-detail.scss b/resources/assets/sass/pages/components/user-detail.scss
index dbf8f70d4..c4514a562 100755
--- a/resources/assets/sass/pages/components/user-detail.scss
+++ b/resources/assets/sass/pages/components/user-detail.scss
@@ -47,6 +47,29 @@
                             justify-content: center;
                             margin: 12px auto;
 
+                            &.user-name {
+                                align-items: center;
+                            }
+
+                            > em {
+                                font-style: normal;
+                                &.disabled,
+                                &.deleted {
+                                    display: inline-block;
+                                    margin-left: 2px;
+                                    white-space: nowrap;
+                                    font-size: 12px;
+                                    height: 20px;
+                                    line-height: 20px;
+                                    padding: 0 6px;
+                                    border-radius: 3px;
+                                    transform: scale(0.9);
+                                    transform-origin: right center;
+                                    color: #ffffff;
+                                    background-color: #ED4014;
+                                }
+                            }
+
                             > span {
                                 flex-shrink: 0;
                                 opacity: 0.8;