agent platform policy 修复

This commit is contained in:
tianfeng 2025-08-22 19:05:17 +08:00
parent 02cc1b4728
commit 6c6543c2ee
5 changed files with 122 additions and 69 deletions

View File

@ -140,6 +140,18 @@ const router = createRouter({
path: '/:pathMatch(.*)*', path: '/:pathMatch(.*)*',
name: 'not-found', name: 'not-found',
redirect: '/apply' 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 }
} }
], ],
}) })

View File

@ -46,7 +46,9 @@ export const ROLE_PERMISSIONS = {
PAGES.PERSONAL_SALARY, // 个人薪资查看 PAGES.PERSONAL_SALARY, // 个人薪资查看
'/team-member', '/team-member',
'/information-details', '/information-details',
'/search-payee' '/search-payee',
'/history-salary',
'/platform-salary'
], ],
// BD (商务拓展) // BD (商务拓展)
@ -55,7 +57,9 @@ export const ROLE_PERMISSIONS = {
PAGES.TRANSFER, // 转账功能 PAGES.TRANSFER, // 转账功能
PAGES.EXCHANGE, // 兑换功能 PAGES.EXCHANGE, // 兑换功能
PAGES.MESSAGE, // 消息功能 PAGES.MESSAGE, // 消息功能
'/team-member' '/team-member',
'/history-salary',
'/platform-salary'
], ],
// Anchor (主播) // Anchor (主播)
@ -68,7 +72,9 @@ export const ROLE_PERMISSIONS = {
PAGES.HOST_SETTING, // 主播设置 PAGES.HOST_SETTING, // 主播设置
'/information-details', '/information-details',
'/search-payee', '/search-payee',
'/apply' '/apply',
'/history-salary',
'/platform-salary'
], ],
// Guest (访客/申请者) // Guest (访客/申请者)

View File

@ -76,7 +76,12 @@
<div class="host-agency-content"> <div class="host-agency-content">
<!-- Host 任务内容 --> <!-- Host 任务内容 -->
<div v-if="taskTab === 'host'" class="task-content"> <div v-if="taskTab === 'host'" class="task-content">
<h3>Today's Task:</h3> <div class="task-header">
<h3>Today's Task:</h3>
<button class="platform-policy-btn" @click="goToPlatformPolicy">
Platform Policy <span class="arrow">></span>
</button>
</div>
<!-- 任务表格 --> <!-- 任务表格 -->
<div class="task-table"> <div class="task-table">
<div class="table-row table-header"> <div class="table-row table-header">
@ -208,7 +213,11 @@ const transfer = () => {
} }
const goToPersonalSalary = () => { 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); 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 { .task-content h3 {
margin: 0 0 16px 0; margin: 0 0 16px 0;
font-size: 16px; font-size: 16px;
@ -703,6 +727,30 @@ const {
color: white; 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 { .arrow {
font-size: 16px; font-size: 16px;

View File

@ -104,33 +104,6 @@ const workReports = reactive([
salary: '-', salary: '-',
timeDays: '-', timeDays: '-',
diamond: '-' 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'
} }
]) ])

View File

@ -63,7 +63,12 @@
<!-- Today's Task --> <!-- Today's Task -->
<div class="task-section"> <div class="task-section">
<h3>Today's Task:</h3> <div class="task-header">
<h3>Today's Task:</h3>
<button class="platform-policy-btn" @click="goToPlatformPolicy">
Platform Policy <span class="arrow">></span>
</button>
</div>
<!-- 任务表格 --> <!-- 任务表格 -->
<div class="task-table"> <div class="task-table">
@ -81,12 +86,6 @@
<div class="table-cell">{{ taskInfo.giftTask }}</div> <div class="table-cell">{{ taskInfo.giftTask }}</div>
</div> </div>
</div> </div>
<!-- Platform Policy 链接 -->
<!-- <div class="policy-link" @click="goToPlatformPolicy">
<span>Platform Policy</span>
<span class="arrow">></span>
</div>-->
</div> </div>
<!-- 进度信息 --> <!-- 进度信息 -->
@ -149,7 +148,11 @@ const progressInfo = reactive({
}) })
const showDatePicker = () => { const showDatePicker = () => {
router.push('/platform-policy') router.push('/history-salary')
}
const goToPlatformPolicy = () => {
router.push('/platform-salary')
} }
const goToNotification = () => { const goToNotification = () => {
@ -471,6 +474,21 @@ const {
box-shadow: 0 2px 8px rgba(0,0,0,0.1); 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 { .task-section h3 {
margin: 0 0 16px 0; margin: 0 0 16px 0;
font-size: 16px; font-size: 16px;
@ -529,33 +547,29 @@ const {
font-weight: 600; 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 { .platform-policy-btn {
transform: scale(0.98); background: none;
} border: none;
color: #8B5CF6;
.policy-link span:first-child {
font-size: 14px; font-size: 14px;
font-weight: 500; 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;
} }