andy/westone-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update slicing entry and verifikasi

Browse Source
This commit is contained in:
Hanan Askarim
2024-08-20 14:28:06 +07:00
parent 8d38f89f5d
commit c65da6ade9
8 changed files with 226 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
result-entry/components/detailPatient.vue
View File

@@ -4,52 +4,29 @@
<v-row> <v-row>
<v-col cols="2"> <v-col cols="2">
<v-menu <v-text-field
v-model="menu" :label="$t('message.tableDetailPatient.navbar.date')"
:close-on-content-click="false" variant="outlined"
transition="scale-transition" hide-details
offset-y ></v-text-field>
min-width="auto"
max-width="290px"
>
<template v-slot:activator="{ props }">
<v-text-field
:model-value="formatDate()"
label="Tanggal Mulai"
prepend-inner-icon="mdi-calendar"
hide-details
readonly
variant="outlined"
v-bind="props"
></v-text-field>
</template>
<v-date-picker
hide-header
show-adjacent-months
rounded="lg"
color="primary"
v-model="date"
@update:modelValue="menu=false"
></v-date-picker>
</v-menu>
</v-col> </v-col>
<v-col cols="5"> <v-col cols="5">
<v-text-field <v-text-field
label="No Reg / Nama / Jenis Kelamin" :label="$t('message.tableDetailPatient.navbar.noreg')"
variant="outlined" variant="outlined"
hide-details hide-details
></v-text-field> ></v-text-field>
</v-col> </v-col>
<v-col cols="2.5"> <v-col cols="2.5">
<v-text-field <v-text-field
label="DOB / Umur" :label="$t('message.tableDetailPatient.navbar.dob')"
variant="outlined" variant="outlined"
hide-details hide-details
></v-text-field> ></v-text-field>
</v-col> </v-col>
<v-col cols="2.5"> <v-col cols="2.5">
<v-text-field <v-text-field
label="Pengirim" :label="$t('message.tableDetailPatient.navbar.sender')"
variant="outlined" variant="outlined"
hide-details hide-details
></v-text-field> ></v-text-field>
@@ -63,6 +40,15 @@
hide-default-footer hide-default-footer
class="pt-5" class="pt-5"
> >
<template v-slot:headers="{ columns }">
<tr>
<template v-for="column in columns" :key="column.key">
<td :class="column.class" :style="{ width: column.width, textAlign: column.align }">
<span>{{ column.title }}</span>
</td>
</template>
</tr>
</template>
<template v-slot:item="{ item }"> <template v-slot:item="{ item }">
<tr> <tr>
<td class="text-left" v-if="item.is_result == 'N'" colspan="8"> <td class="text-left" v-if="item.is_result == 'N'" colspan="8">
@@ -147,7 +133,7 @@
key: 'name', key: 'name',
sortable: false, sortable: false,
width: "15%", width: "15%",
title: "NAMA PEMERIKSAAN", title: this.$t('message.tableDetailPatient.header.name'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
{ {
@@ -155,7 +141,7 @@
key: 'name', key: 'name',
sortable: false, sortable: false,
width: "20%", width: "20%",
title: "HASIL", title: this.$t('message.tableDetailPatient.header.result'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
{ {
@@ -163,7 +149,7 @@
key: 'name', key: 'name',
sortable: false, sortable: false,
width: "5%", width: "5%",
title: "FLAG", title: this.$t('message.tableDetailPatient.header.flag'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
{ {
@@ -171,7 +157,7 @@
key: 'name', key: 'name',
sortable: false, sortable: false,
width: "10%", width: "10%",
title: "NILAI NORMAL", title: this.$t('message.tableDetailPatient.header.normalvalue'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
{ {
@@ -179,7 +165,7 @@
key: 'name', key: 'name',
sortable: false, sortable: false,
width: "10%", width: "10%",
title: "UNIT", title: this.$t('message.tableDetailPatient.header.unit'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
{ {
@@ -187,7 +173,7 @@
key: 'name', key: 'name',
sortable: false, sortable: false,
width: "20%", width: "20%",
title: "METODE", title: this.$t('message.tableDetailPatient.header.method'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
{ {
@@ -195,7 +181,7 @@
key: 'name', key: 'name',
sortable: false, sortable: false,
width: "20%", width: "20%",
title: "CATATAN", title: this.$t('message.tableDetailPatient.header.note'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
], ],

14
result-entry/components/listPatient.vue
View File

@@ -15,6 +15,16 @@
</v-toolbar> </v-toolbar>
</template> </template>
<template v-slot:headers="{ columns }">
<tr>
<template v-for="column in columns" :key="column.key">
<td :class="column.class" :style="{ width: column.width, textAlign: column.align }">
<span>{{ column.title }}</span>
</td>
</template>
</tr>
</template>
<template v-slot:item="{ item }"> <template v-slot:item="{ item }">
<tr v-bind:class="{'bg-primary-lighten':isSelected(item)}" @click="selectMe(item)"> <tr v-bind:class="{'bg-primary-lighten':isSelected(item)}" @click="selectMe(item)">
<td> <td>
@@ -54,7 +64,7 @@
key: 'name', key: 'name',
sortable: false, sortable: false,
width: "50%", width: "50%",
title: this.$t('message.table.noreg'), title: this.$t('message.tableListPatient.noreg'),
class: "font-weight-bold", class: "font-weight-bold",
}, },
{ {
@@ -62,7 +72,7 @@
key: 'name', key: 'name',
sortable: false, sortable: false,
width: "50%", width: "50%",
title: this.$t('message.table.name'), title: this.$t('message.tableListPatient.name'),
class: "font-weight-bold", class: "font-weight-bold",
}, },
], ],

30
result-entry/components/searchPatient.vue
View File

@@ -15,7 +15,7 @@
<template v-slot:activator="{ props }"> <template v-slot:activator="{ props }">
<v-text-field <v-text-field
:model-value="formatDate()" :model-value="formatDate()"
label="Tanggal Mulai" :label="$t('message.search.startdate')"
prepend-inner-icon="mdi-calendar" prepend-inner-icon="mdi-calendar"
hide-details hide-details
readonly readonly
@@ -43,7 +43,7 @@
<template v-slot:activator="{ props }"> <template v-slot:activator="{ props }">
<v-text-field <v-text-field
:model-value="formatDate()" :model-value="formatDate()"
label="Tanggal Selesai" :label="$t('message.search.enddate')"
prepend-inner-icon="mdi-calendar" prepend-inner-icon="mdi-calendar"
hide-details hide-details
readonly readonly
@@ -64,7 +64,7 @@
</v-col> </v-col>
<v-col cols="2.5"> <v-col cols="2.5">
<v-text-field <v-text-field
label="No Reg / Nama" :label="$t('message.search.noreg')"
variant="outlined" variant="outlined"
hide-details hide-details
append-inner-icon="mdi-magnify" append-inner-icon="mdi-magnify"
@@ -72,7 +72,7 @@
</v-col> </v-col>
<v-col cols="2.5"> <v-col cols="2.5">
<v-autocomplete <v-autocomplete
label="Grup Pemeriksaan" :label="$t('message.search.group')"
variant="outlined" variant="outlined"
hide-details hide-details
menu-icon="mdi-chevron-down" menu-icon="mdi-chevron-down"
@@ -93,40 +93,36 @@
</v-col> </v-col>
<v-col cols="3"> <v-col cols="3">
<div style="height: 100%;"> <div style="height: 100%;">
<v-row class="pt-3 justify-end"> <v-row class="pt-4 justify-end ga-2">
<v-btn fab <v-btn fab
variant="tonal" variant="tonal"
small small
style="height: auto;" style="height: auto;"
color="secondary" color="secondary"
class="bg-secondary-lighten rounded-lg mr-2"> class="bg-secondary-lighten rounded-lg">
<iconify-icon <iconify-icon
style="font-size: 2rem;" style="font-size: 2rem;"
icon="fluent:notepad-person-24-regular" icon="fluent:notepad-person-24-regular"
></iconify-icon> ></iconify-icon>
</v-btn> </v-btn>
<div <div>
class="pt-3 pa-3"
>
<v-btn <v-btn
small
class="bg-primary-lighten" class="bg-primary-lighten"
variant="tonal" variant="tonal"
color="primary" color="primary"
size="x-large"
> >
HISTORY {{ $t('message.search.history') }}
</v-btn> </v-btn>
</div> </div>
<div <div>
class="pt-3 pa-3"
>
<v-btn <v-btn
variant="flat" variant="flat"
small class="bg-primary text-white mr-2"
class="bg-primary text-white" size="x-large"
> >
SIMPAN {{ $t('message.search.save') }}
</v-btn> </v-btn>
</div> </div>
</v-row> </v-row>

70
result-entry/language.js
View File

@@ -1,20 +1,70 @@
var CustomMessages = { var CustomMessages = {
en: { en: {
message: { message: {
toolbalTitle: "PATIENT", search: {
table: { startdate: "Start Date",
noreg: "NO. REG", enddate: "End Date",
name: "NAME", noreg: "No. Reg / Name",
}, group: "Examination Group",
history: "History",
save: "Save"
},
toolbalTitle: "PATIENT",
tableListPatient: {
noreg: "NO. REG",
name: "NAME",
},
tableDetailPatient: {
navbar: {
date: "Date",
noreg: "No. Reg / Name / Gender",
dob: "DOB / Age",
sender: "Sender"
},
header: {
name: "EXAMINATION NAME",
result: "RESULT",
flag: "FLAG",
normalvalue: "NORMAL VALUE",
unit: "UNIT",
method: "METHOD",
note: "NOTE"
}
}
}, },
}, },
id: { id: {
message: { message: {
toolbalTitle: "PASIEN", search: {
table: { startdate: "Tanggal Mulai",
noreg: "NO. REG", enddate: "Tanggal Selesai",
name: "NAMA", noreg: "No. Reg / Nama",
}, group: "Grup Pemeriksaan",
history: "Riwayat",
save: "Simpan"
},
toolbalTitle: "PASIEN",
tableListPatient: {
noreg: "NO. REG",
name: "NAMA",
},
tableDetailPatient: {
navbar: {
date: "Tanggal",
noreg: "No. Reg / Nama / Jenis Kelamin",
dob: "DOB / Umur",
sender: "Pengirim"
},
header: {
name: "NAMA PEMERIKSAAN",
result: "HASIL",
flag: "FLAG",
normalvalue: "NILAI NORMAL",
unit: "UNIT",
method: "METODE",
note: "CATATAN"
}
}
}, },
}, },
}; };

86
result-verification/components/detailPatient.vue
View File

@@ -3,52 +3,29 @@
<v-container class="bg-white rounded-lg" fluid> <v-container class="bg-white rounded-lg" fluid>
<v-row> <v-row>
<v-col cols="2"> <v-col cols="2">
<v-menu <v-text-field
v-model="menu" :label="$t('message.tableDetailPatient.navbar.date')"
:close-on-content-click="false" variant="outlined"
transition="scale-transition" hide-details
offset-y ></v-text-field>
min-width="auto"
max-width="290px"
>
<template v-slot:activator="{ props }">
<v-text-field
:model-value="formatDate()"
label="Tanggal Mulai"
prepend-inner-icon="mdi-calendar"
hide-details
readonly
variant="outlined"
v-bind="props"
></v-text-field>
</template>
<v-date-picker
hide-header
show-adjacent-months
rounded="lg"
color="primary"
v-model="date"
@update:modelValue="menu=false"
></v-date-picker>
</v-menu>
</v-col> </v-col>
<v-col cols="5"> <v-col cols="5">
<v-text-field <v-text-field
label="No Reg / Nama / Jenis Kelamin" :label="$t('message.tableDetailPatient.navbar.noreg')"
variant="outlined" variant="outlined"
hide-details hide-details
></v-text-field> ></v-text-field>
</v-col> </v-col>
<v-col cols="2.5"> <v-col cols="2.5">
<v-text-field <v-text-field
label="DOB / Umur" :label="$t('message.tableDetailPatient.navbar.dob')"
variant="outlined" variant="outlined"
hide-details hide-details
></v-text-field> ></v-text-field>
</v-col> </v-col>
<v-col cols="2.5"> <v-col cols="2.5">
<v-text-field <v-text-field
label="Pengirim" :label="$t('message.tableDetailPatient.navbar.sender')"
variant="outlined" variant="outlined"
hide-details hide-details
></v-text-field> ></v-text-field>
@@ -62,7 +39,15 @@
hide-default-footer hide-default-footer
class="pt-5" class="pt-5"
> >
<template v-slot:headers="{ columns }">
<tr>
<template v-for="column in columns" :key="column.key">
<td :class="column.class" :style="{ width: column.width, textAlign: column.align }">
<span>{{ column.title }}</span>
</td>
</template>
</tr>
</template>
<template v-slot:item="{ item }"> <template v-slot:item="{ item }">
<tr> <tr>
<td class="text-left" v-if="item.is_result == 'N'" colspan="8"> <td class="text-left" v-if="item.is_result == 'N'" colspan="8">
@@ -92,7 +77,9 @@
<td class="text-left" v-if="item.is_result == 'Y'"> <td class="text-left" v-if="item.is_result == 'Y'">
<div class="d-flex justify-center"> <div class="d-flex justify-center">
<div <div
class="pointer bg-error-lighten" :dark="item.validation_old != 'Y'"
:disabled="item.validation_old == 'Y'"
class="pointer bg-error-lighten rounded-lg"
style="height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;" style="height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;"
> >
<iconify-icon <iconify-icon
@@ -102,7 +89,8 @@
></iconify-icon> ></iconify-icon>
</div> </div>
<div <div
class="pointer bg-success-lighten ml-2" :disabled="item.validation == 'Y'"
class="pointer bg-success-lighten rounded-lg ml-2"
style="height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;" style="height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;"
> >
<iconify-icon <iconify-icon
@@ -145,63 +133,63 @@
key: 'name', key: 'name',
sortable: false, sortable: false,
width: "15%", width: "15%",
title: "NAMA PEMERIKSAAN", title: this.$t('message.tableDetailPatient.header.name'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
{ {
align: 'start', align: 'start',
key: 'name', key: 'result',
sortable: false, sortable: false,
width: "10%", width: "10%",
title: "HASIL", title: this.$t('message.tableDetailPatient.header.result'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
{ {
align: 'start', align: 'start',
key: 'name', key: 'flag',
sortable: false, sortable: false,
width: "10%", width: "10%",
title: "FLAG", title: this.$t('message.tableDetailPatient.header.flag'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
{ {
align: 'start', align: 'start',
key: 'name', key: 'nilai',
sortable: false, sortable: false,
width: "10%", width: "10%",
title: "NILAI NORMAL", title: this.$t('message.tableDetailPatient.header.normalvalue'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
{ {
align: 'start', align: 'start',
key: 'name', key: 'unit',
sortable: false, sortable: false,
width: "10%", width: "10%",
title: "UNIT", title: this.$t('message.tableDetailPatient.header.unit'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
{ {
align: 'start', align: 'start',
key: 'name', key: 'metode',
sortable: false, sortable: false,
width: "15%", width: "15%",
title: "METODE", title: this.$t('message.tableDetailPatient.header.method'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
{ {
align: 'start', align: 'start',
key: 'name', key: 'note',
sortable: false, sortable: false,
width: "15%", width: "15%",
title: "CATATAN", title: this.$t('message.tableDetailPatient.header.note'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
{ {
align: 'start', align: 'start',
key: 'name', key: 'validasi',
sortable: false, sortable: false,
width: "5%", width: "5%",
title: "VALIDASI", title: this.$t('message.tableDetailPatient.header.verification'),
class: "bg-secondary-lighten font-weight-bold", class: "bg-secondary-lighten font-weight-bold",
}, },
], ],

14
result-verification/components/listPatient.vue
View File

@@ -15,6 +15,16 @@
</v-toolbar> </v-toolbar>
</template> </template>
<template v-slot:headers="{ columns }">
<tr>
<template v-for="column in columns" :key="column.key">
<td :class="column.class" :style="{ width: column.width, textAlign: column.align }">
<span>{{ column.title }}</span>
</td>
</template>
</tr>
</template>
<template v-slot:item="{ item }"> <template v-slot:item="{ item }">
<tr v-bind:class="{'bg-primary-lighten':isSelected(item)}" @click="selectMe(item)"> <tr v-bind:class="{'bg-primary-lighten':isSelected(item)}" @click="selectMe(item)">
<td> <td>
@@ -54,7 +64,7 @@
key: 'name', key: 'name',
sortable: false, sortable: false,
width: "50%", width: "50%",
title: this.$t('message.table.noreg'), title: this.$t('message.tableListPatient.noreg'),
class: "font-weight-bold", class: "font-weight-bold",
}, },
{ {
@@ -62,7 +72,7 @@
key: 'name', key: 'name',
sortable: false, sortable: false,
width: "50%", width: "50%",
title: this.$t('message.table.name'), title: this.$t('message.tableListPatient.name'),
class: "font-weight-bold", class: "font-weight-bold",
}, },
], ],

17
result-verification/components/searchPatient.vue
View File

@@ -15,7 +15,7 @@
<template v-slot:activator="{ props }"> <template v-slot:activator="{ props }">
<v-text-field <v-text-field
:model-value="formatDate()" :model-value="formatDate()"
label="Tanggal Mulai" :label="$t('message.search.startdate')"
prepend-inner-icon="mdi-calendar" prepend-inner-icon="mdi-calendar"
hide-details hide-details
readonly readonly
@@ -43,7 +43,7 @@
<template v-slot:activator="{ props }"> <template v-slot:activator="{ props }">
<v-text-field <v-text-field
:model-value="formatDate()" :model-value="formatDate()"
label="Tanggal Selesai" :label="$t('message.search.enddate')"
prepend-inner-icon="mdi-calendar" prepend-inner-icon="mdi-calendar"
hide-details hide-details
readonly readonly
@@ -64,7 +64,7 @@
</v-col> </v-col>
<v-col cols="2.5"> <v-col cols="2.5">
<v-text-field <v-text-field
label="No Reg / Nama" :label="$t('message.search.noreg')"
variant="outlined" variant="outlined"
hide-details hide-details
append-inner-icon="mdi-magnify" append-inner-icon="mdi-magnify"
@@ -72,7 +72,7 @@
</v-col> </v-col>
<v-col cols="2.5"> <v-col cols="2.5">
<v-autocomplete <v-autocomplete
label="Grup Pemeriksaan" :label="$t('message.search.group')"
variant="outlined" variant="outlined"
hide-details hide-details
menu-icon="mdi-chevron-down" menu-icon="mdi-chevron-down"
@@ -94,15 +94,14 @@
<v-col cols="3"> <v-col cols="3">
<div style="height: 100%;"> <div style="height: 100%;">
<v-row class="pt-3 justify-end"> <v-row class="pt-3 justify-end">
<div <div>
class="pt-3 pa-3"
>
<v-btn <v-btn
class="bg-primary-lighten" class="bg-primary-lighten mr-2"
variant="tonal" variant="tonal"
color="primary" color="primary"
size="x-large"
> >
HISTORY {{ $t('message.search.history') }}
</v-btn> </v-btn>
</div> </div>
</v-row> </v-row>

70
result-verification/language.js
View File

@@ -1,20 +1,70 @@
var CustomMessages = { var CustomMessages = {
en: { en: {
message: { message: {
toolbalTitle: "PATIENT", search: {
table: { startdate: "Start Date",
noreg: "NO. REG", enddate: "End Date",
name: "NAME", noreg: "No. Reg / Name",
}, group: "Examination Group",
history: "History",
},
toolbalTitle: "PATIENT",
tableListPatient: {
noreg: "NO. REG",
name: "NAME",
},
tableDetailPatient: {
navbar: {
date: "Date",
noreg: "No. Reg / Name / Gender",
dob: "DOB / Age",
sender: "Sender"
},
header: {
name: "EXAMINATION NAME",
result: "RESULT",
flag: "FLAG",
normalvalue: "NORMAL VALUE",
unit: "UNIT",
method: "METHOD",
note: "NOTE",
verification: "VERIFICATION"
}
}
}, },
}, },
id: { id: {
message: { message: {
toolbalTitle: "PASIEN", search: {
table: { startdate: "Tanggal Mulai",
noreg: "NO. REG", enddate: "Tanggal Selesai",
name: "NAMA", noreg: "No. Reg / Nama",
}, group: "Grup Pemeriksaan",
history: "Riwayat",
},
toolbalTitle: "PASIEN",
tableListPatient: {
noreg: "NO. REG",
name: "NAMA",
},
tableDetailPatient: {
navbar: {
date: "Tanggal",
noreg: "No. Reg / Nama / Jenis Kelamin",
dob: "DOB / Umur",
sender: "Pengirim"
},
header: {
name: "NAMA PEMERIKSAAN",
result: "HASIL",
flag: "FLAG",
normalvalue: "NILAI NORMAL",
unit: "UNIT",
method: "METODE",
note: "CATATAN",
verification: "VERIFFIKASI"
}
}
}, },
}, },
}; };