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

@ -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 }
}
],
})

View File

@ -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 (访客/申请者)

View File

@ -76,7 +76,12 @@
<div class="host-agency-content">
<!-- Host 任务内容 -->
<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="table-row table-header">
@ -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;

View File

@ -17,10 +17,10 @@
<!-- Work Report 部分 -->
<div class="work-report-section">
<h3>Work report:</h3>
<div class="report-list">
<div
v-for="report in workReports"
<div
v-for="report in workReports"
:key="report.id"
class="report-item"
>
@ -30,7 +30,7 @@
{{ report.status }}
</span>
</div>
<div class="report-details">
<div class="detail-row">
<div class="detail-item">
@ -42,7 +42,7 @@
<span class="detail-value">{{ report.salary }}</span>
</div>
</div>
<div class="detail-row">
<div class="detail-item">
<span class="detail-label">Time(Days):</span>
@ -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'
}
])

View File

@ -63,7 +63,12 @@
<!-- Today's Task -->
<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">
@ -81,12 +86,6 @@
<div class="table-cell">{{ taskInfo.giftTask }}</div>
</div>
</div>
<!-- Platform Policy 链接 -->
<!-- <div class="policy-link" @click="goToPlatformPolicy">
<span>Platform Policy</span>
<span class="arrow">></span>
</div>-->
</div>
<!-- 进度信息 -->
@ -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;
}