ยุทธศาสตร์ => เพิ่ม scroll

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-04-23 13:40:54 +07:00
parent 21e569efb4
commit fa663dd442

View file

@ -209,6 +209,7 @@ onMounted(() => {
</q-input> </q-input>
</q-toolbar> </q-toolbar>
</div> </div>
<div class="bg-white tree-container q-pa-xs">
<q-tree <q-tree
class="q-pa-sm q-gutter-sm" class="q-pa-sm q-gutter-sm"
dense dense
@ -257,12 +258,16 @@ onMounted(() => {
@click.stop="onClickAction(item.value, prop.node)" @click.stop="onClickAction(item.value, prop.node)"
> >
<q-item-section avatar style="min-width: 20px"> <q-item-section avatar style="min-width: 20px">
<q-icon size="17px" :color="item.color" :name="item.icon" /> <q-icon
size="17px"
:color="item.color"
:name="item.icon"
/>
</q-item-section> </q-item-section>
<div v-if="item.value === 'ADD'"> <div v-if="item.value === 'ADD'">
<q-item-section v-if="prop.node.level === 1"> <q-item-section v-if="prop.node.level === 1">
{{ `${item.label}ยุทธศาสตร์ที่` }} {{ `${item.label}ยุทธศาสตร์ที่ 1` }}
</q-item-section> </q-item-section>
<q-item-section v-if="prop.node.level === 2"> <q-item-section v-if="prop.node.level === 2">
{{ `${item.label}ยุทธศาสตร์ย่อย` }} {{ `${item.label}ยุทธศาสตร์ย่อย` }}
@ -297,6 +302,7 @@ onMounted(() => {
</q-item> </q-item>
</template> </template>
</q-tree> </q-tree>
</div>
</q-card> </q-card>
<q-dialog v-model="modalDialog" persistent> <q-dialog v-model="modalDialog" persistent>
@ -349,4 +355,9 @@ onMounted(() => {
</q-dialog> </q-dialog>
</template> </template>
<style scoped></style> <style lang="scss" scoped>
.tree-container {
overflow: auto;
height: 75vh;
}
</style>