add translation label
This commit is contained in:
@@ -14,7 +14,7 @@
|
||||
<template v-slot:activator="{ props }">
|
||||
<v-text-field
|
||||
:model-value="formatDate()"
|
||||
label="Tanggal"
|
||||
:label="$t('message.filter.date')"
|
||||
prepend-inner-icon="mdi-calendar"
|
||||
hide-details
|
||||
readonly
|
||||
@@ -34,7 +34,7 @@
|
||||
</v-col>
|
||||
<v-col cols="2.2">
|
||||
<v-text-field
|
||||
label="No Reg / Nama"
|
||||
:label="$t('message.filter.noreg')"
|
||||
variant="outlined"
|
||||
hide-details
|
||||
append-inner-icon="mdi-magnify"
|
||||
@@ -42,29 +42,29 @@
|
||||
</v-col>
|
||||
<v-col cols="2.2">
|
||||
<v-autocomplete
|
||||
label="Kel Pelanggan"
|
||||
:label="$t('message.filter.group')"
|
||||
variant="outlined"
|
||||
hide-details
|
||||
menu-icon="mdi-chevron-down"
|
||||
:items="['lorem', 'ipsum', 'dolor', 'is', 'amet']"
|
||||
:items="temp_dropdown"
|
||||
></v-autocomplete>
|
||||
</v-col>
|
||||
<v-col cols="2.2">
|
||||
<v-autocomplete
|
||||
label="Station"
|
||||
:label="$t('message.filter.station')"
|
||||
variant="outlined"
|
||||
hide-details
|
||||
menu-icon="mdi-chevron-down"
|
||||
:items="['lorem', 'ipsum', 'dolor', 'is', 'amet']"
|
||||
:items="temp_dropdown"
|
||||
></v-autocomplete>
|
||||
</v-col>
|
||||
<v-col cols="2.2">
|
||||
<v-autocomplete
|
||||
label="Lokasi"
|
||||
:label="$t('message.filter.location')"
|
||||
variant="outlined"
|
||||
hide-details
|
||||
menu-icon="mdi-chevron-down"
|
||||
:items="['lorem', 'ipsum', 'dolor', 'is', 'amet']"
|
||||
:items="temp_dropdown"
|
||||
></v-autocomplete>
|
||||
</v-col>
|
||||
<v-col cols="1">
|
||||
@@ -98,8 +98,18 @@
|
||||
},
|
||||
computed: {
|
||||
date: {
|
||||
|
||||
get() {
|
||||
return this.$store.state.collection.date;
|
||||
},
|
||||
set(val) {
|
||||
this.$store.commit("collection/setDate", val);
|
||||
}
|
||||
},
|
||||
temp_dropdown: {
|
||||
get() {
|
||||
return this.$store.state.collection.temp_dropdown;
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
formatDate() {
|
||||
@@ -107,6 +117,11 @@
|
||||
|
||||
return moment(this.date).format("DD-MM-YYYY");
|
||||
},
|
||||
deFormatedDate(date) {
|
||||
if (!date) return null;
|
||||
const [day, month, year] = date.split("-");
|
||||
return `${year}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`;
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-container class="bg-white rounded-lg" fluid>
|
||||
<div class="bg-secondary-lighten rounded-lg pa-5 mb-5">
|
||||
<h3 class="primary-lighten">PASIEN</h3>
|
||||
<h3 class="primary-lighten">{{ $t('message.tablePatient.title') }}</h3>
|
||||
</div>
|
||||
<v-data-table
|
||||
v-model="selected_patients"
|
||||
@@ -49,7 +49,15 @@ export default {
|
||||
selectedItems: [],
|
||||
headers: [
|
||||
{
|
||||
title: "TANGGAL",
|
||||
title: this.$t('message.tablePatient.date'),
|
||||
align: "start",
|
||||
sortable: false,
|
||||
key: "name",
|
||||
width: "15%",
|
||||
class: "font-weight-bold",
|
||||
},
|
||||
{
|
||||
title: this.$t('message.tablePatient.noreg'),
|
||||
align: "start",
|
||||
sortable: false,
|
||||
key: "name",
|
||||
@@ -57,35 +65,27 @@ export default {
|
||||
class: "font-weight-bold",
|
||||
},
|
||||
{
|
||||
title: "NO. REG",
|
||||
title: this.$t('message.tablePatient.group'),
|
||||
align: "start",
|
||||
sortable: false,
|
||||
key: "name",
|
||||
width: "20%",
|
||||
width: "25%",
|
||||
class: "font-weight-bold",
|
||||
},
|
||||
{
|
||||
title: "KEL. PELANGGAN",
|
||||
title: this.$t('message.tablePatient.name'),
|
||||
align: "start",
|
||||
sortable: false,
|
||||
key: "name",
|
||||
width: "20%",
|
||||
width: "25%",
|
||||
class: "font-weight-bold",
|
||||
},
|
||||
{
|
||||
title: "NAMA",
|
||||
title: this.$t('message.tablePatient.status'),
|
||||
align: "start",
|
||||
sortable: false,
|
||||
key: "name",
|
||||
width: "20%",
|
||||
class: "font-weight-bold",
|
||||
},
|
||||
{
|
||||
title: "STATUS",
|
||||
align: "start",
|
||||
sortable: false,
|
||||
key: "name",
|
||||
width: "20%",
|
||||
width: "15%",
|
||||
class: "font-weight-bold",
|
||||
},
|
||||
],
|
||||
@@ -93,20 +93,21 @@ export default {
|
||||
},
|
||||
computed: {
|
||||
patients() {
|
||||
return this.$store.state.collection.patients
|
||||
return this.$store.state.collection.patients;
|
||||
},
|
||||
selected_patients: {
|
||||
get() {
|
||||
return this.$store.state.collection.selected_patients
|
||||
return this.$store.state.collection.selected_patients;
|
||||
},
|
||||
set(data) {
|
||||
this.$store.commit("setSelectedPatients", data)
|
||||
this.$store.commit("setSelectedPatients", data);
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
selectItem(data) {
|
||||
this.$store.commit("setSelectedPatients", data);
|
||||
// this.$store.commit("setSelectedPatients", data);
|
||||
this.selected_patients = data;
|
||||
},
|
||||
isItemSelected(data) {
|
||||
return data.noreg === this.$store.state.collection.selected_patients.noreg
|
||||
|
||||
@@ -26,12 +26,12 @@
|
||||
<div
|
||||
style="height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;"
|
||||
class="rounded-lg bg-secondary-lighten pa-2 pointer"
|
||||
@click="setCall(selected)"
|
||||
>
|
||||
<iconify-icon
|
||||
class="text-secondary-darken"
|
||||
style="font-size: 1.5rem;"
|
||||
icon="fluent:speaker-2-24-regular"
|
||||
icon="fluent:arrow-sync-24-regular"
|
||||
:icon="setIconCall(selected.status)"
|
||||
></iconify-icon>
|
||||
</div>
|
||||
</v-col>
|
||||
@@ -41,7 +41,7 @@
|
||||
<p class="font-weight-medium">PID</p>
|
||||
</v-col>
|
||||
<v-col cols="2" class="text-end">
|
||||
<p class="font-weight-medium" style="color: slategray;">asd</p>
|
||||
<p class="font-weight-medium" style="color: slategray;">-</p>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row no-gutters>
|
||||
@@ -61,7 +61,7 @@
|
||||
<div class="bg-secondary-lighten rounded-lg pa-5 mb-5">
|
||||
<v-row>
|
||||
<v-col cols="10" align-self="center">
|
||||
<h3 class="primary-lighten">STAF: NOVITA</h3>
|
||||
<h3 class="primary-lighten">{{ $t('message.tableDetail.title') }}: {{ details.staff }}</h3>
|
||||
</v-col>
|
||||
<v-col cols="2" align-self="center" class="d-flex justify-end">
|
||||
<div
|
||||
@@ -88,7 +88,7 @@
|
||||
</v-row>
|
||||
</div>
|
||||
<v-data-table
|
||||
:items="items"
|
||||
:items="details.specimen"
|
||||
:headers="headers"
|
||||
hide-default-footer
|
||||
>
|
||||
@@ -139,18 +139,15 @@
|
||||
</template>
|
||||
</v-data-table>
|
||||
<div class="ml-3">
|
||||
<v-chip class="mr-5 mt-2" color="primary">DARAH</v-chip>
|
||||
<v-chip class="mr-5 mt-2" color="primary">SWAB/SEKRET</v-chip>
|
||||
<v-chip v-for="y in details.jenis" class="mr-2 mt-2" color="primary">{{ y }}</v-chip>
|
||||
</div>
|
||||
</v-container>
|
||||
<v-container class="bg-white rounded-lg mt-5" fluid>
|
||||
<div class="bg-secondary-lighten rounded-lg pa-5">
|
||||
<h3 class="primary-lighten">PEMERIKSAAN</h3>
|
||||
<h3 class="primary-lighten">{{ $t('message.examination') }}</h3>
|
||||
</div>
|
||||
<div>
|
||||
<v-chip class="mr-5 mt-5" color="success">Hematologi Lengkap</v-chip>
|
||||
<v-chip class="mr-5 mt-5" color="success">Golongan Darah Rhesus</v-chip>
|
||||
<v-chip class="mr-5 mt-5" color="success">Kultur Usap Tenggorok (Vitek)</v-chip>
|
||||
<v-chip v-for="x in pemeriksaan" class="mt-5 mr-2" color="success">{{ x }}</v-chip>
|
||||
</div>
|
||||
</v-container>
|
||||
</div>
|
||||
@@ -167,19 +164,9 @@
|
||||
return {
|
||||
menu: false,
|
||||
visible: false,
|
||||
items: [
|
||||
{
|
||||
specimen: "EDTA Rutin",
|
||||
barcode: "055000035LSE1A",
|
||||
},
|
||||
{
|
||||
specimen: "EDTA Rutin",
|
||||
barcode: "0550000AA223FF",
|
||||
},
|
||||
],
|
||||
headers: [
|
||||
{
|
||||
title: "SPECIMEN",
|
||||
title: this.$t('message.tableDetail.speciment'),
|
||||
align: "start",
|
||||
sortable: false,
|
||||
key: "name",
|
||||
@@ -187,7 +174,7 @@
|
||||
class: "font-weight-bold",
|
||||
},
|
||||
{
|
||||
title: "BARCODE",
|
||||
title: this.$t('message.tableDetail.barcode'),
|
||||
align: "start",
|
||||
sortable: false,
|
||||
key: "name",
|
||||
@@ -195,7 +182,7 @@
|
||||
class: "font-weight-bold",
|
||||
},
|
||||
{
|
||||
title: "REQUIREMENT",
|
||||
title: this.$t('message.tableDetail.requirement'),
|
||||
align: "center",
|
||||
sortable: false,
|
||||
key: "name",
|
||||
@@ -203,7 +190,7 @@
|
||||
class: "font-weight-bold",
|
||||
},
|
||||
{
|
||||
title: "AKSI",
|
||||
title: this.$t('message.tableDetail.action'),
|
||||
align: "center",
|
||||
sortable: false,
|
||||
key: "name",
|
||||
@@ -214,12 +201,36 @@
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
selected() {
|
||||
return this.$store.state.collection.selected_patients;
|
||||
selected: {
|
||||
get() {
|
||||
return this.$store.state.collection.selected_patients;
|
||||
},
|
||||
set(data) {
|
||||
this.$store.commit("setSelectedPatients", data);
|
||||
}
|
||||
},
|
||||
details: {
|
||||
get() {
|
||||
return this.$store.state.collection.details;
|
||||
}
|
||||
},
|
||||
pemeriksaan() {
|
||||
return this.$store.state.collection.pemeriksaan;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
setIconCall(status) {
|
||||
switch (status.toLowerCase()) {
|
||||
case "call":
|
||||
return "fluent:arrow-sync-24-regular";
|
||||
default:
|
||||
return "fluent:speaker-2-24-regular";
|
||||
}
|
||||
},
|
||||
setCall(data) {
|
||||
data.status = "Call";
|
||||
this.selected = data;
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user