xinyouhe/yunke
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): 员工详情页接入卡片化美化(选择器扩展到独立页)+WA客户tab每页10条(微信保持5)

Browse Source 
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
浅念
2026-08-24 10:17:18 +08:00
parent 0202dbc336
commit 3699ec6d3b
2 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
yunkes/src/style.css
+13 -6
View File
@@ -547,10 +547,12 @@ h2 {
} }
/* ── 分区标题:玉绿竖条+字距 ── */ /* ── 分区标题:玉绿竖条+字距 ── */
.yk-drawer .el-divider--horizontal { .yk-drawer .el-divider--horizontal,
.yk-staff-detail .el-divider--horizontal {
margin: 20px 0 12px !important; margin: 20px 0 12px !important;
} }
.yk-drawer .el-divider__text { .yk-drawer .el-divider__text,
.yk-staff-detail .el-divider__text {
font-size: 13px !important; font-size: 13px !important;
font-weight: 700 !important; font-weight: 700 !important;
color: #3d4756 !important; color: #3d4756 !important;
@@ -558,7 +560,8 @@ h2 {
padding: 0 12px 0 0 !important; padding: 0 12px 0 0 !important;
background: transparent !important; background: transparent !important;
} }
.yk-drawer .el-divider__text::before { .yk-drawer .el-divider__text::before,
.yk-staff-detail .el-divider__text::before {
content: '' !important; content: '' !important;
display: inline-block !important; display: inline-block !important;
width: 3px !important; width: 3px !important;
@@ -568,7 +571,8 @@ h2 {
margin-right: 8px !important; margin-right: 8px !important;
vertical-align: -2px !important; vertical-align: -2px !important;
} }
.yk-drawer .el-divider__text.is-left { .yk-drawer .el-divider__text.is-left,
.yk-staff-detail .el-divider__text.is-left {
left: 0 !important; left: 0 !important;
transform: none !important; transform: none !important;
} }
@@ -633,8 +637,11 @@ h2 {
grid-column: 1 / -1 !important; grid-column: 1 / -1 !important;
} }
/* 员工独立详情页:同样的卡片化 */ /* 员工独立详情页:同样的卡片化+背景 */
.yk-staff-detail__body .yk-drawer__avatar { .yk-staff-detail__body {
padding: 0 !important;
}
.yk-staff-detail .yk-staff-detail__body .yk-drawer__avatar {
margin: 0 0 24px !important; margin: 0 0 24px !important;
} }
.yk-staff-detail__header { .yk-staff-detail__header {
yunkes/src/views/CustomerList.vue
+4 -4
View File
@@ -35,8 +35,8 @@ interface TabState {
errorMsg: string | null errorMsg: string | null
loaded: boolean loaded: boolean
} }
function freshTabState(): TabState { function freshTabState(pageSize = 5): TabState {
return { items: [], total: 0, page: 1, pageSize: 5, loading: false, errorMsg: null, loaded: false } return { items: [], total: 0, page: 1, pageSize, loading: false, errorMsg: null, loaded: false }
} }
/** 云客口径客户合计(分渠道,Σ员工好友数声明值,含云客索引重复;页脚对齐云客)。 */ /** 云客口径客户合计(分渠道,Σ员工好友数声明值,含云客索引重复;页脚对齐云客)。 */
@@ -68,8 +68,8 @@ const activeTab = ref<TabKey>(
: 'wechat', : 'wechat',
) )
const tabState = reactive<Record<TabKey, TabState>>({ const tabState = reactive<Record<TabKey, TabState>>({
wechat: freshTabState(), wechat: freshTabState(5), // 微信 5 条(用户偏好)
whatsapp: freshTabState(), whatsapp: freshTabState(10), // WA 10 条(2026-08-24 用户指定)
}) })
// 全字段抽屉（两 tab 共享） // 全字段抽屉（两 tab 共享）