imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Issues #187 done.

Browse Source
This commit is contained in:
chiayin
2024-03-04 16:48:00 +08:00
parent 0ce02f7587
commit aad3e998f6
1 changed files with 26 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/Discover/Map/Filter/Attributes.vue
View File

@@ -8,7 +8,13 @@
<div class="overflow-y-auto overflow-x-auto scrollbar -mx-2 h-[calc(100%_-_56px)]"> <div class="overflow-y-auto overflow-x-auto scrollbar -mx-2 h-[calc(100%_-_56px)]">
<DataTable v-model:selection="selectedAttName" :value="filterAttrs" dataKey="key" breakpoint="0" :tableClass="tableClass" @row-select="switchAttNameRadio"> <DataTable v-model:selection="selectedAttName" :value="filterAttrs" dataKey="key" breakpoint="0" :tableClass="tableClass" @row-select="switchAttNameRadio">
<Column selectionMode="single" :headerClass="headerModeClass" :bodyClass="bodyModeClass"></Column> <Column selectionMode="single" :headerClass="headerModeClass" :bodyClass="bodyModeClass"></Column>
<Column field="key" header="Attribute" :headerClass="headerClass" :bodyClass="bodyClass" sortable></Column> <Column field="key" header="Attribute" :headerClass="headerClass" :bodyClass="bodyClass" sortable>
<template #body="slotProps">
<div :title="slotProps.data.key" class="whitespace-nowrap break-keep overflow-hidden text-ellipsis w-full">
{{ slotProps.data.key }}
</div>
</template>
</Column>
</DataTable> </DataTable>
</div> </div>
</div> </div>
@@ -29,7 +35,13 @@
</Row> </Row>
</ColumnGroup> </ColumnGroup>
<Column selectionMode="single" :bodyClass="bodyModeClass"></Column> <Column selectionMode="single" :bodyClass="bodyModeClass"></Column>
<Column field="label" header="Activity" :bodyClass="bodyClass"></Column> <Column field="label" header="Activity" :bodyClass="bodyClass">
<template #body="slotProps">
<div :title="slotProps.data.label" class="whitespace-nowrap break-keep overflow-hidden text-ellipsis w-full">
{{ slotProps.data.label }}
</div>
</template>
</Column>
<Column header="進度條" bodyClass="!py-2 !border-0 min-w-[96px]"> <Column header="進度條" bodyClass="!py-2 !border-0 min-w-[96px]">
<template #body="slotProps"> <template #body="slotProps">
<div class="h-4 w-full bg-neutral-300 rounded-sm overflow-hidden"> <div class="h-4 w-full bg-neutral-300 rounded-sm overflow-hidden">
@@ -52,7 +64,13 @@
</Row> </Row>
</ColumnGroup> </ColumnGroup>
<Column selectionMode="multiple" :bodyClass="bodyModeClass"></Column> <Column selectionMode="multiple" :bodyClass="bodyModeClass"></Column>
<Column field="value" header="Activity" :bodyClass="bodyClass"></Column> <Column field="value" header="Activity" :bodyClass="bodyClass">
<template #body="slotProps">
<div :title="slotProps.data.value" class="whitespace-nowrap break-keep overflow-hidden text-ellipsis w-full">
{{ slotProps.data.value }}
</div>
</template>
</Column>
<Column header="進度條" bodyClass="!py-2 !border-0 min-w-[96px]"> <Column header="進度條" bodyClass="!py-2 !border-0 min-w-[96px]">
<template #body="slotProps"> <template #body="slotProps">
<div class="h-4 w-full bg-neutral-300 rounded-sm overflow-hidden"> <div class="h-4 w-full bg-neutral-300 rounded-sm overflow-hidden">
@@ -659,3 +677,8 @@ export default {
} }
} }
</script> </script>
<style scoped>
:deep(table tbody td:nth-child(2)) {
@apply whitespace-nowrap break-keep overflow-hidden text-ellipsis max-w-0
}
</style>