chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: add classellipsis

Browse source
This commit is contained in:
Net 2024-08-28 13:16:48 +07:00 • committed by Methapon Metanipat
parent 7fb103ede3
commit 5a27d424cc
1 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/upload-file/UploadFile.vue
View file

@ -99,15 +99,14 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
</script> </script>
<template> <template>
<div class="full-width row" stlye="min-height: 500px"> <div class="full-width row">
<div> <div class="col">
<div class="q-pa-sm text-center bordered" style="height: 50px"> <div class="q-pa-sm text-center bordered" style="height: 50px">
<q-btn-dropdown <q-btn-dropdown
:disable="readonly" :disable="readonly"
icon="mdi-upload" icon="mdi-upload"
color="info" color="info"
label="อัปโหลดเอกสาร" label="อัปโหลดเอกสาร"
d
> >
<q-list v-for="(v, i) in dropdownList" :key="v.value"> <q-list v-for="(v, i) in dropdownList" :key="v.value">
<q-item <q-item
@ -128,7 +127,7 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
</q-btn-dropdown> </q-btn-dropdown>
</div> </div>
<div class="full-height bordered-l bordered-b q-pa-sm"> <div class="bordered-l bordered-b q-pa-sm">
<q-tree <q-tree
:nodes="treeFile || []" :nodes="treeFile || []"
node-key="label" node-key="label"
@ -137,7 +136,14 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
selected-color="primary" selected-color="primary"
v-model:selected="currentFileSelected" v-model:selected="currentFileSelected"
default-expand-all default-expand-all
/> >
<template v-slot:default-header="prop">
<div class="ellipsis">
<q-tooltip>{{ prop.node.label }}</q-tooltip>
{{ prop.node.label }}
</div>
</template>
</q-tree>
</div> </div>
</div> </div>