yescent/par
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove fold/expand feature, always show card body

Browse Source 
Fold was unreliable and unnecessary; body is always visible now
This commit is contained in:
mediabot-pt
2026-07-06 23:33:29 +08:00
parent 8381589388
commit 650402baf2
1 changed files with 6 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/src/views/RiskRules.vue
View File

@@ -82,9 +82,9 @@
@drop="onDrop($event, idx)" @drop="onDrop($event, idx)"
> >
<!-- 卡片头部 --> <!-- 卡片头部 -->
<div class="card-header" @click="rule._fold = !rule._fold" :class="{folded:rule._fold}"> <div class="card-header">
<div class="card-header-left"> <div class="card-header-left">
<el-icon class="drag-handle" @click.stop><Rank /></el-icon> <el-icon class="drag-handle"><Rank /></el-icon>
<span class="type-tag">{{ typeLabel(rule.type) }}</span> <span class="type-tag">{{ typeLabel(rule.type) }}</span>
<span v-if="rule.type==='TASK'" class="rule-fixed-text">考核周期 {{ rule.threshold }}天</span> <span v-if="rule.type==='TASK'" class="rule-fixed-text">考核周期 {{ rule.threshold }}天</span>
<span v-else-if="rule.type==='DRATIO'" class="rule-fixed-text">下载量分级控制（{{ (rule.levels||[]).length }} 级）</span> <span v-else-if="rule.type==='DRATIO'" class="rule-fixed-text">下载量分级控制（{{ (rule.levels||[]).length }} 级）</span>
@@ -96,13 +96,11 @@
</div> </div>
<div class="card-header-right"> <div class="card-header-right">
<span class="rule-index">#{{ idx + 1 }}</span> <span class="rule-index">#{{ idx + 1 }}</span>
<span class="fold-hint">{{ rule._fold ? '展开' : '收起' }}</span> <el-button size="small" type="danger" text @click="confirmRemove(idx)" :icon="Delete" circle />
<el-button size="small" type="danger" text @click.stop="confirmRemove(idx)" :icon="Delete" circle />
</div> </div>
</div> </div>
<!-- 卡片正文（可折叠） --> <div class="card-body">
<div v-show="!rule._fold" class="card-body">
<!-- TASK 考核规则 --> <!-- TASK 考核规则 -->
<template v-if="rule.type==='TASK'"> <template v-if="rule.type==='TASK'">
@@ -403,7 +401,7 @@ const existsRule = (rule) => {
} }
const addPreset = (p) => { const addPreset = (p) => {
const r = { ...p, _fold: false } const r = { ...p }
ensureTaskReqs(r) ensureTaskReqs(r)
ensureDRatioLevels(r) ensureDRatioLevels(r)
if (existsRule(r)) { if (existsRule(r)) {
@@ -453,15 +451,10 @@ onMounted(fetchAll)
.card-header { .card-header {
display: flex; align-items: center; justify-content: space-between; display: flex; align-items: center; justify-content: space-between;
padding: 8px 12px; gap: 8px; user-select: none; padding: 8px 12px; gap: 8px; user-select: none;
cursor: pointer;
}
.card-header.folded {
border-bottom: none;
} }
.card-header-left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .card-header-left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.card-header-right { display: flex; align-items: center; gap: 6px; flex-shrink: 0; } .card-header-right { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.drag-handle { cursor: grab; color: #c0c4cc; font-size: 16px; } .drag-handle { cursor: grab; color: #c0c4cc; font-size: 16px; }
.fold-hint { font-size: 11px; color: #909399; min-width: 28px; }
.drag-handle:active { cursor: grabbing; } .drag-handle:active { cursor: grabbing; }
.rule-index { font-size: 11px; color: #c0c4cc; font-weight: 500; min-width: 24px; text-align: right; } .rule-index { font-size: 11px; color: #c0c4cc; font-weight: 500; min-width: 24px; text-align: right; }