From f78f27383290a0f88c4305039e28f22df3cfa579 Mon Sep 17 00:00:00 2001 From: hzj <1304805162@qq.com> Date: Mon, 1 Dec 2025 14:15:59 +0800 Subject: [PATCH] =?UTF-8?q?chore(=E4=BB=A3=E7=90=86=E5=92=8C=E4=B8=BB?= =?UTF-8?q?=E6=92=AD=E4=B8=AD=E5=BF=83):=20=E8=B0=83=E6=95=B4=E4=BB=A3?= =?UTF-8?q?=E7=90=86=E5=92=8C=E6=97=A5=E6=9C=9F=E6=98=BE=E7=A4=BA=E6=A0=BC?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/router/index.js | 2 +- src/views/AgencyCenter/index.vue | 336 +----------------- .../HostCenter/{HostCenter.vue => index.vue} | 29 +- 3 files changed, 8 insertions(+), 359 deletions(-) rename src/views/HostCenter/{HostCenter.vue => index.vue} (96%) diff --git a/src/router/index.js b/src/router/index.js index f050c6c..f77223e 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -19,7 +19,7 @@ const router = createRouter({ { path: '/host-center', name: 'host-center', - component: () => import('../views/HostCenter/HostCenter.vue'), + component: () => import('../views/HostCenter/index.vue'), meta: { requiresAuth: true }, }, { diff --git a/src/views/AgencyCenter/index.vue b/src/views/AgencyCenter/index.vue index c71156c..41b1f4f 100644 --- a/src/views/AgencyCenter/index.vue +++ b/src/views/AgencyCenter/index.vue @@ -125,8 +125,8 @@ +
-
{ const billBelong = latestTarget.billBelong.toString() const year = billBelong.substring(0, 4) const month = billBelong.substring(4, 6) + const day = billBelong.substring(6, 8) // 格式化状态 const formatStatus = (status) => { @@ -445,7 +446,7 @@ const fetchMemberWorkData = async () => { // 更新数据 Object.assign(progressInfo, { - date: `${month}.${year}`, + date: `${year}.${month}.${day}`, status: formatStatus(latestTarget.status), target: level, salary: latestTarget.target?.settlementResult?.memberSalary?.toFixed(2) || '–', @@ -669,21 +670,6 @@ onMounted(() => { z-index: 2; } -/* 用户信息卡片 */ -.user-card { - background-color: white; - padding: 16px; - border-radius: 12px; - margin-bottom: 12px; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -} - -.user-info { - display: flex; - align-items: center; - margin-bottom: 12px; -} - .avatar { width: 50px; height: 50px; @@ -700,149 +686,6 @@ onMounted(() => { border-radius: 25px; } -.avatar .avatar-placeholder { - color: white; - font-size: 20px; - font-weight: 600; -} - -.notification-btn { - width: 32px; - height: 32px; - border: none; - background: none; - font-size: 16px; - cursor: pointer; -} - -.account-tags { - display: flex; - gap: 8px; -} - -.tag { - padding: 4px 12px; - border-radius: 16px; - font-size: 12px; - font-weight: 600; -} - -.agency-tag { - background-color: #dbeafe; - color: #1e40af; -} - -/* Host Agency 标签页 */ -.host-agency-tabs { - display: flex; - background-color: white; - border-radius: 12px; - margin-bottom: 12px; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); - overflow: hidden; -} - -/* My salary 区域 */ -.salary-section { - background-color: white; - padding: 16px; - border-radius: 12px; - margin-bottom: 12px; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -} - -.salary-header { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 16px; -} - -.salary-header h3 { - margin: 0; - font-size: 16px; - font-weight: 600; - color: #333; -} - -.personal-salary-btn { - background: none; - border: none; - color: #8b5cf6; - font-size: 14px; - font-weight: 500; - cursor: pointer; - display: flex; - align-items: center; - gap: 4px; - transition: all 0.2s; -} - -.personal-salary-btn:hover { - color: #7c3aed; -} - -.salary-content { - display: flex; - align-items: center; - gap: 20px; -} - -.salary-item { - flex: 1; - text-align: center; -} - -.salary-label { - margin: 0 0 8px 0; - font-size: 14px; - color: #666; -} - -.salary-amount { - margin: 0; - font-size: 20px; - font-weight: 600; - color: #333; -} - -.salary-separator { - width: 1px; - height: 40px; - background-color: #8b5cf6; -} - -/* Host Agency 内容区域 */ -.host-agency-content { - background-color: white; - padding: 16px; - border-radius: 12px; - margin-bottom: 12px; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -} - -/* 任务区域头部样式 */ -.task-header { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 16px; -} - -.task-header h3 { - margin: 0; - font-size: 16px; - font-weight: 600; - color: #333; -} - -.task-content h3 { - margin: 0 0 16px 0; - font-size: 16px; - font-weight: 600; - color: #333; -} - /* Team Member 独立区域 */ .team-member-section { margin-bottom: 12px; @@ -861,90 +704,11 @@ onMounted(() => { transform: scale(0.98); } -.team-member-card .card-content { +/* 通用卡片内容样式 */ +.card-content { display: flex; justify-content: space-between; align-items: center; -} - -/* 任务表格 */ -.task-table { - border: 1px solid #e5e7eb; - border-radius: 8px; - overflow: hidden; - margin-bottom: 12px; -} - -.table-row { - display: grid; - grid-template-columns: 1fr 1fr 1fr; -} - -.table-header { - background-color: #f8f9fa; - border-bottom: 1px solid #e5e7eb; -} - -.table-data { - background-color: white; -} - -.table-cell { - padding: 12px 8px; - text-align: center; - border-right: 1px solid #e5e7eb; - font-size: 14px; -} - -.table-cell:last-child { - border-right: none; -} - -.table-header .table-cell { - font-weight: 600; - color: #374151; -} - -.table-data .table-cell { - color: #111827; -} - -.minutes-progress { - color: #6b7280; -} - -.minutes-completed { - color: #10b981; - font-weight: 600; -} - -/* Agency 卡片区域 */ -.agency-task-content { - display: flex; - flex-direction: column; - gap: 12px; -} - -/*.team-bill-card { - background-color: white; - border-radius: 12px; - box-shadow: 0 2px 8px rgba(0,0,0,0.1); - cursor: pointer; - transition: all 0.2s; - border: 2px solid #3B82F6; -}*/ - -.team-bill-card:active { - transform: scale(0.98); -} - -.team-bill-card .card-content { - padding: 16px; - position: relative; -} - -/* 通用卡片内容样式 */ -.card-content { padding: 16px; } @@ -955,29 +719,6 @@ onMounted(() => { margin-bottom: 8px; } -.card-link { - position: absolute; - top: 16px; - right: 16px; - display: flex; - align-items: center; - gap: 4px; - color: #8b5cf6; - font-size: 14px; - font-weight: 500; - cursor: pointer; - transition: color 0.2s; -} - -.card-link:hover { - color: #7c3aed; -} - -.card-link .arrow { - font-size: 16px; - font-weight: bold; -} - .card-details { display: flex; flex-direction: column; @@ -985,24 +726,6 @@ onMounted(() => { margin-top: 12px; } -.detail-row { - display: grid; - grid-template-columns: auto auto auto auto; - gap: 16px; - align-items: center; -} - -.detail-label { - font-size: 14px; - color: #6b7280; -} - -.detail-value { - font-size: 14px; - font-weight: 500; - color: #1f2937; -} - .status-badge { background-color: #dbeafe; color: #1d4ed8; @@ -1014,17 +737,10 @@ onMounted(() => { } .member-title { - font-size: 16px; font-weight: 600; color: #1f2937; } -.policy-link span:first-child { - font-size: 14px; - font-weight: 500; - color: #333; -} - /* 操作按钮 */ .action-buttons { display: grid; @@ -1060,33 +776,8 @@ onMounted(() => { color: white; } -/* Platform Policy 按钮样式 */ -.platform-policy-btn { - background: none; - border: none; - color: #8b5cf6; - font-size: 14px; - font-weight: 500; - cursor: pointer; - display: flex; - align-items: center; - gap: 4px; - transition: all 0.2s; -} - -.platform-policy-btn:hover { - color: #7c3aed; -} - -.platform-policy-btn .arrow { - font-size: 16px; - font-weight: bold; - color: #8b5cf6; -} - /* 通用箭头样式 */ .arrow { - font-size: 16px; font-weight: bold; color: #8b5cf6; } @@ -1127,24 +818,7 @@ onMounted(() => { margin-left: 12px; } -[dir='rtl'] .notification-btn { - margin-left: 0; - margin-right: 12px; -} - [dir='rtl'] .help-btn { /* transform: scaleX(-1); */ } - -[dir='rtl'] .arrow { - transform: scaleX(-1); -} - -[dir='rtl'] .card-link .arrow { - transform: scaleX(-1); -} - -[dir='rtl'] .detail-row { - direction: rtl; -} diff --git a/src/views/HostCenter/HostCenter.vue b/src/views/HostCenter/index.vue similarity index 96% rename from src/views/HostCenter/HostCenter.vue rename to src/views/HostCenter/index.vue index b215064..9ab26e3 100644 --- a/src/views/HostCenter/HostCenter.vue +++ b/src/views/HostCenter/index.vue @@ -169,6 +169,7 @@ const fetchMemberWorkData = async () => { const billBelong = latestTarget.billBelong.toString() const year = billBelong.substring(0, 4) const month = billBelong.substring(4, 6) + const day = billBelong.substring(6, 8) // 格式化状态 const formatStatus = (status) => { @@ -189,7 +190,7 @@ const fetchMemberWorkData = async () => { // 更新数据 Object.assign(progressInfo, { - date: `${month}.${year}`, + date: `${year}.${month}.${day}`, status: formatStatus(latestTarget.status), target: level, salary: @@ -518,16 +519,6 @@ onMounted(() => { color: white; } -@keyframes pulse { - 0%, - 100% { - opacity: 1; - } - 50% { - opacity: 0.5; - } -} - @media screen and (max-width: 360px) { * { font-size: 10px; @@ -561,26 +552,10 @@ onMounted(() => { margin-right: 10px; } -[dir='rtl'] .user-header { - /* flex-direction: row-reverse; */ -} - [dir='rtl'] .user-info { text-align: right; } -[dir='rtl'] .salary-header { - /* flex-direction: row-reverse; */ -} - -[dir='rtl'] .task-header { - /* flex-direction: row-reverse; */ -} - -[dir='rtl'] .task-content { - /* flex-direction: row-reverse; */ -} - [dir='rtl'] .action-buttons { grid-template-columns: 1fr 1fr; }