From a12095b0ea33626b860379920ebca13e373ed65b Mon Sep 17 00:00:00 2001
From: tangchengming <445785772@qq.com>
Date: Fri, 14 Feb 2025 14:17:10 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=9D=90=E5=B8=AD=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81UI=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/image/arrange.png                 | Bin 0 -> 340 bytes
 src/assets/image/busy.png                    | Bin 0 -> 301 bytes
 src/assets/image/free.png                    | Bin 0 -> 319 bytes
 src/assets/image/notReady.png                | Bin 0 -> 310 bytes
 src/assets/image/rest.png                    | Bin 0 -> 251 bytes
 src/assets/style/common.scss                 |   4 +-
 src/pages/layout/components/LayoutHeader.vue |  42 +++++++++++++------
 7 files changed, 32 insertions(+), 14 deletions(-)
 create mode 100644 src/assets/image/arrange.png
 create mode 100644 src/assets/image/busy.png
 create mode 100644 src/assets/image/free.png
 create mode 100644 src/assets/image/notReady.png
 create mode 100644 src/assets/image/rest.png

diff --git a/src/assets/image/arrange.png b/src/assets/image/arrange.png
new file mode 100644
index 0000000000000000000000000000000000000000..a74605096daffb5dcb3bf766de18c0db5216b1c3
GIT binary patch
literal 340
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{!336$B+ufqmvqWn+yb8qtzJHGv+XuAK*=3
zy6Iq^z*5TOc7eA?SVFylw}9#O{wK}iIZaZ+`jwge+3UXBn?Adr_`CPJ-O){HRm|1d
zxu<7cO@At!6=x>Me<XtM0oOSN#?S{wy;<#S3zC)RE<eM4L5s_nug0d)=P7T&9rc8D
zGg_sdTx$6(bY)eV;}QuKmu83T{s@`n0-AnTk8Ig}Xm&tB7q_hd=jw_68)tG=Z4~{R
z6V%+btnAF)ZWhr;1$<AwEv@`_jdh}CS#Yq0-=!C~BTiRszCSToOY-J%UZ!5DUmFbX
hx9mCduk@de+?s=bcuLNkS^)GkgQu&X%Q~loCICCIfBFCb

literal 0
HcmV?d00001

diff --git a/src/assets/image/busy.png b/src/assets/image/busy.png
new file mode 100644
index 0000000000000000000000000000000000000000..049dc7a39511e0f4279512e61a3292ca317a3e48
GIT binary patch
literal 301
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{vl5n$B+ufrNIYzn+<qM0{*A6xFxpq9Z*YQ
zmRKr%f%g<!BJ+&{w%&S19TOCEWL?h1S_t0`RGG2!h_}PJot;I@homGLBssXQ#mp5d
z*UGqZ@ReKfrt8O!=ziFGXz`{gmt}AAr9Zl>m>Ar5?Rr33hGnyF!MW?@dQa4+^V?`W
zQH!~n#9_Cnw%MFZT;`!Y_b%yc=UjPD?+SRW{9(}_fp^E}RlJufUA+H-hn?F8$+dTa
t4?U`%af9cwjI`Qxi#3;?CjCBgjK83P|3t5iqb|@l44$rjF6*2UngE1La8m#P

literal 0
HcmV?d00001

diff --git a/src/assets/image/free.png b/src/assets/image/free.png
new file mode 100644
index 0000000000000000000000000000000000000000..200fa6488ad25ea4e4c5acd9a3cabe375aef8daf
GIT binary patch
literal 319
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{uNIb$B+ufslgWon-zF?=ly@n(RYFO6_D_~
z!dW6>o?*U1`T^T6#@e0Ta=Dxd@8&tx@XO7R2s&h0eze>1*o@X9=0j2yOxg*oenq8T
zHXRQX`S{EyJ<eaNme;slpGVf)!uiCuzoN<a44Jxb{IzI(ax<*|^eqj+LoZ#6bpn`$
zpRyO{zgc!<@u8H?H+A3p44cgj#Vw!3pE}~F@6{S}N@{nl>*I=;j<1p#8uqjF%WviP
zyvh5&N~rUri(;wN!qXa0CklyuPb-QuUK?dR^GMQE9`m(+cIyooJq@qk+X3_+gQu&X
J%Q~loCIAA@bw&UH

literal 0
HcmV?d00001

diff --git a/src/assets/image/notReady.png b/src/assets/image/notReady.png
new file mode 100644
index 0000000000000000000000000000000000000000..96348928c72ef5bc7e6423bdd1d2300d4520c1aa
GIT binary patch
literal 310
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{%KDa$B+ufvy&e3HW>)CRv-Ic#%$$eK0&aA
z#k_#Ikjbrp<uS`6mQ9VNOr=e~__#B-T%F}`NLAkba`k(za78!iYqz*h)Lr$pX=F(~
zl5?=el;a4a&5;X^7PkZ=JO3xSx`bvIxZP{A3OvKBx}*822>)dZ!I>haQd(Dv9-B^6
z{eMLGgz(Xr^q6zAo<(F7JT_F5c=Kbjtn2cFr|rtvZ8nxo_ii;?di##ck)760kEbfF
z_fQl~;L|E#HC}Ku`^?=JO>FsYcUH=V$_jlG^DixJPGFyqwF~Gi22WQ%mvv4FO#l!H
BZqEP!

literal 0
HcmV?d00001

diff --git a/src/assets/image/rest.png b/src/assets/image/rest.png
new file mode 100644
index 0000000000000000000000000000000000000000..9f37633a159958b153c10bad68a658209b9faec4
GIT binary patch
literal 251
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{sd1K$B+uft&;+I8w_|{teY5A6j(Vu4lsH+
z2niK1@R^A;G#CDDGHLDAjrlZb>DzU=L5uc3*_;1&>9f<v<svrR=lQX>LGf4vw{!rv
zMOtd@%8HN!QpskCYs_>sg4eUXurfNyc2oGs3Z5tGr%WuEem>w*exXsybjQhkrZCG=
s-v<Z&6jZL}kyzW6AK#s<s-CQ#o)*9K-SoARK({e?y85}Sb4q9e0ATG?Hvj+t

literal 0
HcmV?d00001

diff --git a/src/assets/style/common.scss b/src/assets/style/common.scss
index 414e724..df6c526 100644
--- a/src/assets/style/common.scss
+++ b/src/assets/style/common.scss
@@ -270,7 +270,9 @@ html{
 .p-h-16{
     @include basePadding(0, $size16);
 }
-
+.p-8-16{
+    @include basePadding($size8, $size16);
+}
 .pl-22{
   padding-left: $size22;
 }
diff --git a/src/pages/layout/components/LayoutHeader.vue b/src/pages/layout/components/LayoutHeader.vue
index c68d044..d535dc6 100644
--- a/src/pages/layout/components/LayoutHeader.vue
+++ b/src/pages/layout/components/LayoutHeader.vue
@@ -18,21 +18,37 @@
         <!-- <el-badge :value="1" :max="99" class="item">
             <el-avatar size="medium" icon="el-icon-user-solid"></el-avatar>
         </el-badge> -->
-        <div class="mr-8 cursor-pointer layou-header-right-box " @mouseover="showInfo=true">
+        <div class="mr-16 cursor-pointer flex-row-center align-items-center" @mouseover="showInfo=true">
           <el-avatar size="medium" :src="userInfo.headUrl?userInfo.headUrl:defaultHeadUrl" ></el-avatar>
+          <span class="f16 color-fff ml-16">{{ userInfo.realName || userInfo.showName || '-' }}</span>
+        </div>
+        <div class="cursor-pointer border-radius-8 p-8-16" style="background-color:#00000010 ;">
+          <el-dropdown @command="handleCommand">
+            <div class="flex-row align-items-center">
+              <img :src="require(`@/assets/image/${agentStatus}.png`)" alt="" class="mr-8">
+              <span class="el-dropdown-link" style="color: white;">
+                {{agentStatusName}}<i class="el-icon-arrow-down el-icon--right"></i>
+              </span>
+            </div>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="free">
+                空闲
+              </el-dropdown-item>
+              <el-dropdown-item command="busy">
+                忙碌
+              </el-dropdown-item>
+              <el-dropdown-item command="arrange">
+                话后整理
+              </el-dropdown-item>
+              <el-dropdown-item command="notReady">
+                示忙
+              </el-dropdown-item>
+              <el-dropdown-item command="rest">
+                小休
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
         </div>
-        <el-dropdown @command="handleCommand">
-          <span class="el-dropdown-link" style="color: white;">
-            {{agentStatusName}}<i class="el-icon-arrow-down el-icon--right"></i>
-          </span>
-          <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item command="free">空闲</el-dropdown-item>
-            <el-dropdown-item command="busy">忙碌</el-dropdown-item>
-            <el-dropdown-item command="arrange">话后整理</el-dropdown-item>
-            <el-dropdown-item command="notReady">示忙</el-dropdown-item>
-            <el-dropdown-item command="rest">小休</el-dropdown-item>
-          </el-dropdown-menu>
-        </el-dropdown>
         <!-- <div class="flex-row justify-content-between align-items-center border-t-solid-lighter-1 p-16 cursor-pointer">
           <div class="f16 color-text-regular">坐席状态</div>
           <div class="f16 color-text-secondary">