ปรับ ui ระบบ KPI
This commit is contained in:
parent
1993d72e04
commit
991e44f157
11 changed files with 345 additions and 304 deletions
|
|
@ -102,22 +102,24 @@ function onAdd() {
|
|||
}
|
||||
</script>
|
||||
<template>
|
||||
<q-card bordered style="border-radius: 5px">
|
||||
<q-card-section class="bg-grey-3 q-py-sm">
|
||||
<span class="text-weight-bold">{{ title }}</span>
|
||||
<q-card bordered style="border-radius: 5px" class="no-shadow">
|
||||
<q-card-section class="bg-grey-2 q-py-sm">
|
||||
<span class="text-weight-medium">{{ title }}</span>
|
||||
<q-btn
|
||||
class="q-ml-xs"
|
||||
flat
|
||||
round
|
||||
icon="mdi-plus"
|
||||
color="primary"
|
||||
size="md"
|
||||
size="12px"
|
||||
dense
|
||||
@click="onAdd"
|
||||
>
|
||||
<q-tooltip>เพิ่มข้อมูล</q-tooltip>
|
||||
</q-btn>
|
||||
</q-card-section>
|
||||
<q-card-section>
|
||||
<q-separator/>
|
||||
<q-card-section class="q-pa-sm">
|
||||
<q-table
|
||||
ref="table"
|
||||
:columns="columns"
|
||||
|
|
|
|||
|
|
@ -86,22 +86,23 @@ function onAdd() {
|
|||
}
|
||||
</script>
|
||||
<template>
|
||||
<q-card bordered style="border-radius: 5px">
|
||||
<q-card bordered style="border-radius: 5px" class="no-shadow">
|
||||
<q-card-section class="bg-grey-3 q-py-sm">
|
||||
<span class="text-weight-bold">{{ title }}</span>
|
||||
<span class="text-weight-medium">{{ title }}</span>
|
||||
<q-btn
|
||||
class="q-ml-xs"
|
||||
flat
|
||||
round
|
||||
icon="mdi-plus"
|
||||
color="primary"
|
||||
size="md"
|
||||
size="12px"
|
||||
dense
|
||||
@click="onAdd"
|
||||
>
|
||||
<q-tooltip>เพิ่มข้อมูล</q-tooltip>
|
||||
</q-btn>
|
||||
</q-card-section>
|
||||
<q-card-section>
|
||||
<q-card-section class="q-pa-sm">
|
||||
<q-table
|
||||
ref="table"
|
||||
:columns="columns"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue