From 30748ea70f14c675743c7ea54e5c162d4a5e2839 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期一, 21 四月 2025 17:31:15 +0800 Subject: [PATCH] 修改多个组件的展示样式 --- src/views/overlay-clue/list/components/ClueList.vue | 76 +++++++++++++++++++++++++++----------- 1 files changed, 54 insertions(+), 22 deletions(-) diff --git a/src/views/overlay-clue/list/components/ClueList.vue b/src/views/overlay-clue/list/components/ClueList.vue index 9aa4250..b9158ce 100644 --- a/src/views/overlay-clue/list/components/ClueList.vue +++ b/src/views/overlay-clue/list/components/ClueList.vue @@ -9,33 +9,65 @@ v-if="!item.delete" > <div class="clue-item"> - <div class="flex gap-1"> - <div class="clue-num">{{ $nf(item.cid) }}</div> - <el-text class="fy-h1" truncated>{{ item.cclueName }}</el-text> - </div> - <div class="flex gap-1"> - <div class=""> + <el-row justify="space-between"> + <el-col span="20"> + <div class="flex gap-1"> + <div class="clue-num">{{ $nf(item.cid) }}</div> + <el-text class="fy-h1" truncated>{{ + item.cclueName + }}</el-text> + </div> + </el-col> + <!-- <el-col :span="4"> + <el-row justify="end"> + <slot name="extra"></slot> + </el-row> + </el-col> --> + </el-row> + <el-space> + <el-row align="middle"> <el-text type="info" size="small">缁撹锛�</el-text> - <el-text size="small">{{ item.conclusionCount + '/1' }}</el-text> - </div> - <div class=""> + <el-tag + :type="item.cuploaded ? 'success' : 'danger'" + effect="dark" + > + {{ item.cuploaded ? '宸叉帹閫�' : '鏈帹閫�' }} + </el-tag> + </el-row> + <el-divider direction="vertical" /> + <el-row align="middle"> <el-text type="info" size="small">闂锛�</el-text> - <el-text size="small">{{ item.questionCount }}</el-text> - </div> - <el-text type="info" size="small">{{item.cuploaded ? '宸叉帹閫�' : '鏈帹閫�'}}</el-text> - </div> + <el-tag + :type="item.questionCount > 0 ? 'warning' : 'info'" + effect="plain" + > + {{ item.questionCount + '涓�' }} + </el-tag> + <!-- <el-text size="small">{{ item.questionCount }}</el-text> --> + </el-row> + <!-- <el-text type="info" size="small">{{ + item.cuploaded ? '宸叉帹閫�' : '鏈帹閫�' + }}</el-text> --> + </el-space> <el-row justify="space-between"> <span class="flex gap-1"> - <el-tag v-if="item.csiteType" size="default" type="info">{{ - item.csiteType - }}</el-tag> - <el-tag v-if="item.cfactor" size="default" effect="" type="danger">{{ - item.cfactor - }}</el-tag> + <el-tag + v-if="item.csiteType" + size="default" + type="info" + >{{ item.csiteType }}</el-tag + > + <el-tag + v-if="item.cfactor" + size="default" + effect="" + type="danger" + >{{ item.cfactor }}</el-tag + > </span> - <el-text size="small">涓嬪彂鏃堕棿锛歿{ - $tf(item.creleaseTime) - }}</el-text> + <el-text size="small" + >涓嬪彂鏃堕棿锛歿{ $tf(item.creleaseTime) }}</el-text + > </el-row> </div> </li> -- Gitblit v1.9.3