diff --git a/src/router/index.js b/src/router/index.js index d60e1d6..059d3d6 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -22,7 +22,7 @@ const router = createRouter({ }, { path: '/agency-center', - name: 'agency-center', + name: 'agency-center', component: () => import('../views/AgencyCenterView.vue'), meta: { requiresAuth: true } }, @@ -140,6 +140,18 @@ const router = createRouter({ path: '/:pathMatch(.*)*', name: 'not-found', redirect: '/apply' + }, + { + path: '/history-salary', + name: 'history-salary', + component: () => import('../views/HistorySalaryView.vue'), + meta: { requiresAuth: true } + }, + { + path: '/platform-salary', + name: 'platform-salary', + component: () => import('../views/PlatformPolicyView.vue'), + meta: { requiresAuth: true } } ], }) diff --git a/src/utils/permissionManager.js b/src/utils/permissionManager.js index ab48353..1f20070 100644 --- a/src/utils/permissionManager.js +++ b/src/utils/permissionManager.js @@ -46,7 +46,9 @@ export const ROLE_PERMISSIONS = { PAGES.PERSONAL_SALARY, // 个人薪资查看 '/team-member', '/information-details', - '/search-payee' + '/search-payee', + '/history-salary', + '/platform-salary' ], // BD (商务拓展) @@ -55,7 +57,9 @@ export const ROLE_PERMISSIONS = { PAGES.TRANSFER, // 转账功能 PAGES.EXCHANGE, // 兑换功能 PAGES.MESSAGE, // 消息功能 - '/team-member' + '/team-member', + '/history-salary', + '/platform-salary' ], // Anchor (主播) @@ -68,7 +72,9 @@ export const ROLE_PERMISSIONS = { PAGES.HOST_SETTING, // 主播设置 '/information-details', '/search-payee', - '/apply' + '/apply', + '/history-salary', + '/platform-salary' ], // Guest (访客/申请者) diff --git a/src/views/AgencyCenterView.vue b/src/views/AgencyCenterView.vue index 01795e4..bedbc7b 100644 --- a/src/views/AgencyCenterView.vue +++ b/src/views/AgencyCenterView.vue @@ -76,7 +76,12 @@
-

Today's Task:

+
+

Today's Task:

+ +
@@ -208,7 +213,11 @@ const transfer = () => { } const goToPersonalSalary = () => { - router.push('/platform-policy') + router.push('/history-salary') +} + +const goToPlatformPolicy = () => { + router.push('/platform-salary') } // 获取团队成员数量 @@ -476,6 +485,21 @@ const { 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; @@ -703,6 +727,30 @@ const { 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; diff --git a/src/views/HistorySalaryView.vue b/src/views/HistorySalaryView.vue index 0277864..92e4f63 100644 --- a/src/views/HistorySalaryView.vue +++ b/src/views/HistorySalaryView.vue @@ -17,10 +17,10 @@

Work report:

- +
-
@@ -30,7 +30,7 @@ {{ report.status }}
- +
@@ -42,7 +42,7 @@ {{ report.salary }}
- +
Time(Days): @@ -104,33 +104,6 @@ const workReports = reactive([ salary: '-', timeDays: '-', diamond: '-' - }, - { - id: 2, - date: '2025.07', - status: 'Pending', - target: 'A', - salary: '$10', - timeDays: '20', - diamond: '10000' - }, - { - id: 3, - date: '2025.07', - status: 'Completed', - target: 'B', - salary: '$50', - timeDays: '20', - diamond: '50000' - }, - { - id: 4, - date: '2025.07', - status: 'Out Of Account', - target: '-', - salary: '-', - timeDays: '1', - diamond: '1869' } ]) diff --git a/src/views/HostCenterView.vue b/src/views/HostCenterView.vue index 3c934b2..16409f7 100644 --- a/src/views/HostCenterView.vue +++ b/src/views/HostCenterView.vue @@ -63,7 +63,12 @@
-

Today's Task:

+
+

Today's Task:

+ +
@@ -81,12 +86,6 @@
{{ taskInfo.giftTask }}
- - -
@@ -149,7 +148,11 @@ const progressInfo = reactive({ }) const showDatePicker = () => { - router.push('/platform-policy') + router.push('/history-salary') +} + +const goToPlatformPolicy = () => { + router.push('/platform-salary') } const goToNotification = () => { @@ -471,6 +474,21 @@ const { 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-section h3 { margin: 0 0 16px 0; font-size: 16px; @@ -529,33 +547,29 @@ const { font-weight: 600; } -/* Platform Policy 链接 */ -.policy-link { - display: flex; - justify-content: space-between; - align-items: center; - padding: 12px 16px; - margin-top: 12px; - background-color: #f8f9fa; - border-radius: 8px; - cursor: pointer; - transition: all 0.2s; - border: 1px solid #e9ecef; -} -.policy-link:hover { - background-color: #e9ecef; - border-color: #8B5CF6; -} -.policy-link:active { - transform: scale(0.98); -} - -.policy-link span:first-child { +.platform-policy-btn { + background: none; + border: none; + color: #8B5CF6; font-size: 14px; font-weight: 500; - color: #333; + 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; }