agent platform policy 修复
This commit is contained in:
parent
02cc1b4728
commit
6c6543c2ee
@ -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 }
|
||||
}
|
||||
],
|
||||
})
|
||||
|
||||
@ -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 (访客/申请者)
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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'
|
||||
}
|
||||
])
|
||||
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user