|
|
@@ -139,9 +139,6 @@
|
|
|
<div class="team-details">
|
|
|
<span class="team-name">{{ row.teamName }}</span>
|
|
|
<span class="team-count">{{ row.memberCount }}人</span>
|
|
|
- <span v-for="rank in row.rankCounts" :key="rank.label" class="team-rank-count">
|
|
|
- {{ rank.label }}:{{ rank.count }}人
|
|
|
- </span>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -161,7 +158,12 @@
|
|
|
:key="index"
|
|
|
:class="['step-cell', cell.tone === 'danger' ? 'notice-cell' : '']"
|
|
|
>
|
|
|
- <span class="cell-bookmark">{{ row.bookmarks[index] }}</span>
|
|
|
+ <span class="cell-bookmark">
|
|
|
+ <span>{{ row.bookmarks[index] }}</span>
|
|
|
+ <span class="bookmark-count">
|
|
|
+ {{ cell.type === 'members' ? cell.members.length : 0 }}人
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
|
|
|
<template v-if="cell.type === 'members'">
|
|
|
<button
|
|
|
@@ -758,7 +760,6 @@ type CellItem =
|
|
|
type TableRow = {
|
|
|
teamName: string
|
|
|
memberCount: number
|
|
|
- rankCounts: Array<{ label: string; count: number }>
|
|
|
education: string
|
|
|
searchText: string
|
|
|
bookmarks: string[]
|
|
|
@@ -1029,15 +1030,10 @@ const tableData = computed<TableRow[]>(() => {
|
|
|
(expert.expertRank || []).some((rank) => String(rank) === String(option.value))
|
|
|
)
|
|
|
}))
|
|
|
- const rankCounts = cells.map((cell, rankIndex) => ({
|
|
|
- label: bookmarks[rankIndex],
|
|
|
- count: cell.type === 'members' ? cell.members.length : 0
|
|
|
- }))
|
|
|
|
|
|
return {
|
|
|
teamName: group.echelonLabel,
|
|
|
memberCount: group.experts.length,
|
|
|
- rankCounts,
|
|
|
education: educationLabels.join('、') || '-',
|
|
|
searchText,
|
|
|
bookmarks,
|
|
|
@@ -1920,14 +1916,6 @@ onMounted(async () => {
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
|
|
|
-.team-rank-count {
|
|
|
- color: rgba(24, 37, 54, 0.52);
|
|
|
- font-size: 10px;
|
|
|
- font-weight: 500;
|
|
|
- line-height: 1.35;
|
|
|
- white-space: normal;
|
|
|
-}
|
|
|
-
|
|
|
.content-table {
|
|
|
flex: 1 1 auto;
|
|
|
width: 0;
|
|
|
@@ -1974,10 +1962,19 @@ onMounted(async () => {
|
|
|
font-weight: 700;
|
|
|
letter-spacing: 0.08em;
|
|
|
line-height: 1.1;
|
|
|
- writing-mode: vertical-rl;
|
|
|
+ writing-mode: vertical-lr;
|
|
|
text-orientation: upright;
|
|
|
}
|
|
|
|
|
|
+.bookmark-count {
|
|
|
+ margin-top: 4px;
|
|
|
+ padding-top: 4px;
|
|
|
+ border-top: 1px solid rgba(70, 125, 164, 0.22);
|
|
|
+ color: #234395;
|
|
|
+ font-size: 9px;
|
|
|
+ letter-spacing: 0;
|
|
|
+}
|
|
|
+
|
|
|
.notice-cell {
|
|
|
background-image: linear-gradient(135deg, rgba(178, 109, 66, 0.09), transparent 60%);
|
|
|
}
|