style(audit): simplify asset list interactions

This commit is contained in:
caoxiaozhu
2026-05-11 06:33:46 +00:00
parent 83286712e5
commit 0b63be2d39
3 changed files with 12 additions and 10 deletions

View File

@@ -407,7 +407,7 @@ th,
td { td {
padding: 14px 12px; padding: 14px 12px;
border-bottom: 1px solid #edf2f7; border-bottom: 1px solid #edf2f7;
text-align: left; text-align: center;
vertical-align: middle; vertical-align: middle;
color: #334155; color: #334155;
font-size: 12px; font-size: 12px;
@@ -425,6 +425,11 @@ tbody tr {
transition: background 180ms ease; transition: background 180ms ease;
} }
th:first-child,
td:first-child {
text-align: left;
}
tbody tr:hover { tbody tr:hover {
background: #f8fbff; background: #f8fbff;
} }

View File

@@ -566,9 +566,8 @@
<th>{{ tableColumns.runtime }}</th> <th>{{ tableColumns.runtime }}</th>
<th>{{ tableColumns.version }}</th> <th>{{ tableColumns.version }}</th>
<th>状态</th> <th>状态</th>
<th>{{ tableColumns.metric }}</th> <th v-if="showMetricColumn">{{ tableColumns.metric }}</th>
<th>最近更新</th> <th>最近更新</th>
<th>操作</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -593,13 +592,8 @@
<td>{{ skill.model }}</td> <td>{{ skill.model }}</td>
<td>{{ skill.version }}</td> <td>{{ skill.version }}</td>
<td><span class="status-pill" :class="skill.statusTone">{{ skill.status }}</span></td> <td><span class="status-pill" :class="skill.statusTone">{{ skill.status }}</span></td>
<td>{{ skill.hitRate }}</td> <td v-if="showMetricColumn">{{ skill.hitRate }}</td>
<td>{{ skill.updatedAt }}</td> <td>{{ skill.updatedAt }}</td>
<td>
<button class="row-action" type="button" @click.stop="openAssetDetail(skill)">
查看详情
</button>
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

View File

@@ -37,6 +37,7 @@ const TYPE_META = {
createButtonLabel: '技能已接入', createButtonLabel: '技能已接入',
hintText: '技能页签已接到真实资产 API可查看输入、输出、依赖和场景信息。', hintText: '技能页签已接到真实资产 API可查看输入、输出、依赖和场景信息。',
searchPlaceholder: '搜索技能名称、编码或负责人', searchPlaceholder: '搜索技能名称、编码或负责人',
showMetricColumn: false,
tableColumns: { tableColumns: {
name: '技能名称', name: '技能名称',
category: '业务域', category: '业务域',
@@ -44,7 +45,7 @@ const TYPE_META = {
scope: '适用场景', scope: '适用场景',
runtime: '输入摘要', runtime: '输入摘要',
version: '当前版本', version: '当前版本',
metric: '输出摘要' metric: ''
} }
}, },
mcp: { mcp: {
@@ -886,6 +887,7 @@ export default {
const createButtonLabel = computed(() => activeMeta.value.createButtonLabel) const createButtonLabel = computed(() => activeMeta.value.createButtonLabel)
const hintText = computed(() => activeMeta.value.hintText) const hintText = computed(() => activeMeta.value.hintText)
const tableColumns = computed(() => activeMeta.value.tableColumns) const tableColumns = computed(() => activeMeta.value.tableColumns)
const showMetricColumn = computed(() => activeMeta.value.showMetricColumn !== false)
const selectedSkillIsRule = computed(() => selectedSkill.value?.type === 'rules') const selectedSkillIsRule = computed(() => selectedSkill.value?.type === 'rules')
const canManageSelected = computed(() => isAdmin.value && Boolean(selectedSkill.value)) const canManageSelected = computed(() => isAdmin.value && Boolean(selectedSkill.value))
const canEditMarkdown = computed(() => canManageSelected.value && selectedSkillIsRule.value) const canEditMarkdown = computed(() => canManageSelected.value && selectedSkillIsRule.value)
@@ -1253,6 +1255,7 @@ export default {
hintText, hintText,
searchPlaceholder, searchPlaceholder,
tableColumns, tableColumns,
showMetricColumn,
visibleSkills, visibleSkills,
loading, loading,
errorMessage, errorMessage,