duxingchen/KCGL
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(spec-helper): align frontend interface with new sequence data and display item counts

Browse Source
This commit is contained in:
DXC
2026-04-13 09:22:48 +08:00
parent 6aa2142f01
commit f7a789a196
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
inventory-web/src/components/SpecHelper/index.vue
View File

@ -28,7 +28,10 @@
:key="item.group" :key="item.group"
class="data-item" class="data-item"
> >
<div class="item-left">
<span class="group-tag">{{ item.group }}</span> <span class="group-tag">{{ item.group }}</span>
<el-tag size="small" type="info">{{ item.count }}项</el-tag>
</div>
<span class="latest-spec">{{ item.latest }}</span> <span class="latest-spec">{{ item.latest }}</span>
</div> </div>
<el-empty v-if="filteredData.length === 0" description="暂无数据" :image-size="60" /> <el-empty v-if="filteredData.length === 0" description="暂无数据" :image-size="60" />
@ -46,6 +49,7 @@ import { ElMessage } from 'element-plus'
interface SpecItem { interface SpecItem {
group: string group: string
latest: string latest: string
count: number
} }
const expanded = ref(false) const expanded = ref(false)
@ -80,8 +84,8 @@ const filteredData = computed(() => {
const keyword = filterText.value.toLowerCase() const keyword = filterText.value.toLowerCase()
return specData.value.filter( return specData.value.filter(
item => item =>
item.group.toLowerCase().includes(keyword) || (item.group && item.group.toLowerCase().includes(keyword)) ||
item.latest.toLowerCase().includes(keyword) (item.latest && item.latest.toLowerCase().includes(keyword))
) )
}) })
@ -171,6 +175,14 @@ onMounted(() => {
cursor: default; cursor: default;
} }
.item-left {
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
flex: 1;
}
.data-item:hover { .data-item:hover {
background: #f5f7fa; background: #f5f7fa;
} }