fix(workbench): 我的改善行动卡片可点击直达详情 (plan_id跳转) plan-card-click-fix
- MyDashboard.vue: plan-card 加 @click 跳 /action-plans?plan_id=xx
- 复用 26e0c8d ActionPlanLibrary 的 plan_id 直达详情弹窗能力
- .plan-card 样式补 cursor:pointer(hover 已有)
This commit is contained in:
@@ -96,7 +96,8 @@
|
|||||||
<div class="empty-hint">分配给你的行动计划将显示在这里</div>
|
<div class="empty-hint">分配给你的行动计划将显示在这里</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="plans-list">
|
<div v-else class="plans-list">
|
||||||
<div v-for="p in actionPlans" :key="p.id" class="plan-card" :class="{ 'plan-overdue': p.overdue }">
|
<div v-for="p in actionPlans" :key="p.id" class="plan-card" :class="{ 'plan-overdue': p.overdue }"
|
||||||
|
@click="$router.push('/action-plans?plan_id=' + p.id)">
|
||||||
<div class="plan-icon">{{ planIcon(p) }}</div>
|
<div class="plan-icon">{{ planIcon(p) }}</div>
|
||||||
<div class="plan-body">
|
<div class="plan-body">
|
||||||
<div class="plan-title">{{ p.title }}</div>
|
<div class="plan-title">{{ p.title }}</div>
|
||||||
@@ -298,7 +299,7 @@ onMounted(async () => {
|
|||||||
.plan-card {
|
.plan-card {
|
||||||
display: flex; gap: 12px; padding: 14px 16px;
|
display: flex; gap: 12px; padding: 14px 16px;
|
||||||
border-radius: 10px; background: #fff;
|
border-radius: 10px; background: #fff;
|
||||||
border: 1px solid #eee; transition: box-shadow 0.2s;
|
border: 1px solid #eee; transition: box-shadow 0.2s; cursor: pointer;
|
||||||
}
|
}
|
||||||
.plan-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
|
.plan-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
|
||||||
.plan-card.plan-overdue { border-left: 4px solid #f56c6c; background: #fef0f0; }
|
.plan-card.plan-overdue { border-left: 4px solid #f56c6c; background: #fef0f0; }
|
||||||
|
|||||||
Reference in New Issue
Block a user