1 Commits

Author SHA1 Message Date
c7ec6475d3 feature slicing menu radiodiagnostik dokumentasi hasil 2024-12-12 14:19:40 +07:00
13 changed files with 1360 additions and 720 deletions

View File

@@ -1,133 +0,0 @@
<template>
<div>
<v-container class="bg-white rounded-lg" fluid>
<v-row>
<v-col cols="2.2">
<v-menu
v-model="menu"
:close-on-content-click="false"
transition="scale-transition"
offset-y
min-width="auto"
max-width="290px"
>
<template v-slot:activator="{ props }">
<v-text-field
:model-value="formatDate()"
:label="$t('message.filter.date')"
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 cols="2.2">
<v-text-field
:label="$t('message.filter.noreg')"
variant="outlined"
hide-details
append-inner-icon="mdi-magnify"
></v-text-field>
</v-col>
<v-col cols="2.2">
<v-autocomplete
:label="$t('message.filter.group')"
variant="outlined"
hide-details
menu-icon="mdi-chevron-down"
:items="temp_dropdown"
></v-autocomplete>
</v-col>
<v-col cols="2.2">
<v-autocomplete
:label="$t('message.filter.station')"
variant="outlined"
hide-details
menu-icon="mdi-chevron-down"
:items="temp_dropdown"
></v-autocomplete>
</v-col>
<v-col cols="2.2">
<v-autocomplete
:label="$t('message.filter.station')"
variant="outlined"
hide-details
menu-icon="mdi-chevron-down"
:items="temp_dropdown"
></v-autocomplete>
</v-col>
<v-col cols="1">
<div
style="height: 100%; display: flex; align-items: center; justify-content: center;"
class="rounded-lg bg-primary pa-2 h-100 pointer"
>
<iconify-icon
style="font-size: 2rem;"
icon="fluent:search-20-regular"
></iconify-icon>
</div>
</v-col>
</v-row>
</v-container>
</div>
</template>
<script>
export default {
name: "filtercomp",
components: {},
mounted() {
},
data() {
return {
menu: false,
visible: false,
};
},
computed: {
date: {
get() {
return this.$store.state.patient.date;
},
set(val) {
this.$store.commit("setDate", val);
}
},
temp_dropdown: {
get() {
return this.$store.state.patient.temp_dropdown;
},
}
},
methods: {
formatDate() {
if (!this.date) return null;
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>
<style scoped>
.pointer {
cursor: pointer;
}
</style>

View File

@@ -1,132 +0,0 @@
<template>
<div>
<v-container class="bg-white rounded-lg" fluid>
<div class="bg-secondary-lighten rounded-lg pa-5 mb-5">
<h3 class="primary-lighten">{{ $t('message.tablePatient.title') }}</h3>
</div>
<v-data-table
v-model="selected_patients"
:items="patients"
:headers="headers"
hide-default-footer
class="row-pointer"
>
<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 }">
<tr @click="selectItem(item)" v-bind:class="{'bg-primary-lighten':isItemSelected(item)}">
<td>
<p class="font-weight-medium">{{ item.tanggal }}</p>
</td>
<td>
<p class="font-weight-medium">{{ item.noreg }}</p>
</td>
<td>
<p class="font-weight-medium">{{ item.kelpelanggan }}</p>
</td>
<td>
<p class="font-weight-medium">{{ item.nama }}</p>
</td>
<td>
<p class="font-weight-medium">{{ item.status }}</p>
</td>
</tr>
</template>
</v-data-table>
</v-container>
</div>
</template>
<script>
export default {
name: "leftcomp",
components: {},
mounted() {
},
data() {
return {
menu: false,
visible: false,
selectedItems: [],
headers: [
{
title: this.$t('message.tablePatient.date'),
align: "start",
sortable: false,
key: "date",
width: "15%",
class: "font-weight-bold",
},
{
title: this.$t('message.tablePatient.noreg'),
align: "start",
sortable: false,
key: "noreg",
width: "20%",
class: "font-weight-bold",
},
{
title: this.$t('message.tablePatient.group'),
align: "start",
sortable: false,
key: "group",
width: "25%",
class: "font-weight-bold",
},
{
title: this.$t('message.tablePatient.name'),
align: "start",
sortable: false,
key: "name",
width: "25%",
class: "font-weight-bold",
},
{
title: this.$t('message.tablePatient.status'),
align: "start",
sortable: false,
key: "status",
width: "15%",
class: "font-weight-bold",
},
],
};
},
computed: {
patients() {
return this.$store.state.patient.patients;
},
selected_patients: {
get() {
return this.$store.state.patient.selected_patients;
},
set(data) {
this.$store.commit("setSelectedPatients", data);
}
}
},
methods: {
selectItem(data) {
// this.$store.commit("setSelectedPatients", data);
this.selected_patients = data;
},
isItemSelected(data) {
return data.noreg === this.$store.state.patient.selected_patients.noreg
}
},
};
</script>
<style scoped>
.row-pointer >>> tbody tr :hover {
cursor: pointer;
}
</style>

View File

@@ -1,46 +0,0 @@
<template>
<v-app id="inspire">
<one-navbar></one-navbar>
<v-main>
<div class="pa-5 bg-primary-lighten ml-2 rounded-xl h-100">
<one-filter></one-filter>
<v-row>
<v-col cols="12" md="6" sm="12" xs="12" class="mt-5">
<one-left></one-left>
</v-col>
<v-col cols="12" md="6" sm="12" xs="12" class="mt-5">
<one-right></one-right>
</v-col>
</v-row>
</div>
</v-main>
</v-app>
</template>
<script type="module">
import NavbarComponent from "../../globalcomponent/one-navbar.vue";
import FilterComponent from "./filter.vue";
import LeftComponent from "./left.vue";
import RightComponent from "./right.vue";
export default {
name: "patient handling",
components: {
"one-navbar": NavbarComponent,
"one-filter": FilterComponent,
"one-left": LeftComponent,
"one-right": RightComponent,
},
mounted() {},
data() {
return {
visible: false,
};
},
computed: {
},
methods: {
},
};
</script>

View File

@@ -1,275 +0,0 @@
<template>
<div>
<v-container class="bg-white rounded-lg" fluid>
<div class="bg-primary-lighten rounded-lg pa-5">
<v-row>
<v-col cols="2">
<div class="rounded-lg bg-secondary-lighten" style="width: 100%; height: 120px;">
<!-- placeholder photo -->
</div>
</v-col>
<v-col cols="8">
<h4>{{ selected.noreg }}</h4>
<h4 class="text-grey-darken-1">{{ selected.nama }}</h4>
</v-col>
<v-col cols="2" align-self="center" class="d-flex justify-end">
<div
style="height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;"
class="rounded-lg pa-2 mr-2 bg-grey-lighten-5 pointer"
v-show="selected.status === 'Call'"
>
<iconify-icon
class="text-grey"
style="font-size: 1.5rem;"
icon="fluent:arrow-previous-24-regular"
></iconify-icon>
</div>
<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)"
v-show="selected.doneCall !== 'Y'"
>
<iconify-icon
class="text-secondary-darken"
style="font-size: 1.5rem;"
:icon="setIconCall(selected.status)"
></iconify-icon>
</div>
</v-col>
</v-row>
<v-row>
<v-col cols="10">
<p class="font-weight-medium">PID</p>
</v-col>
<v-col cols="2" class="text-end">
<p class="font-weight-medium" style="color: slategray;">-</p>
</v-col>
</v-row>
<v-row no-gutters>
<v-col cols="4">
<p class="font-weight-medium">{{ $t('message.dobage') }}</p>
</v-col>
<v-col cols="4" class="text-end">
<p class="font-weight-medium" style="color: slategray;">{{ selected.dob }}</p>
</v-col>
<v-col cols="4" class="text-end">
<p class="font-weight-medium" style="color: slategray;">{{ selected.age }}</p>
</v-col>
</v-row>
</div>
</v-container>
<v-container class="bg-white rounded-lg mt-5" fluid>
<div class="bg-secondary-lighten rounded-lg pa-5 mb-5">
<v-row>
<v-col cols="10" align-self="center">
<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
style="height: 32px; width: 32px; display: flex; align-items: center; justify-content: center;"
class="rounded-lg bg-primary-lighten pa-2 pointer"
>
<iconify-icon
class="text-primary-darken"
style="font-size: 1.5rem;"
icon="fluent:note-add-24-regular"
></iconify-icon>
</div>
<div
style="height: 32px; width: 32px; display: flex; align-items: center; justify-content: center;"
class="rounded-lg bg-success-lighten pa-2 ml-2 pointer"
>
<iconify-icon
class="text-success-darken"
style="font-size: 1.5rem;"
icon="fluent:notepad-person-24-regular"
></iconify-icon>
</div>
</v-col>
</v-row>
</div>
<v-data-table
:items="details.handling"
:headers="headers"
hide-default-footer
>
<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 }">
<tr>
<td>
<p class="font-weight-medium">{{ item.handling }}</p>
</td>
<td>
<p class="font-weight-medium">{{ item.barcode }}</p>
</td>
<td align="center">
<div
style="display: flex; align-items: center; justify-content: center;"
class="rounded-lg pa-2"
v-if="selected.doneCall === 'Y'"
>
<div
class="pointer"
style="height: 32px; width: 32px; display: flex; align-items: center; justify-content: center;"
>
<iconify-icon
:class="{'text-error': item.requirement === 'N'}"
style="font-size: 1.5rem;"
icon="fluent:dismiss-12-filled"
@click="setReq(item, 'N')"
></iconify-icon>
</div>
<div
class="pointer"
style="height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; margin-left: 8px;"
>
<iconify-icon
:class="{'text-success': item.requirement === 'Y'}"
style="font-size: 2rem;"
icon="fluent:checkmark-12-filled"
@click="setReq(item, 'Y')"
></iconify-icon>
</div>
</div>
<p v-else style="font-size: 1.5rem;">-</p>
</td>
<td align="center">
<div v-if="selected.doneCall === 'Y'" class="py-1">
<div class="bg-warning rounded-lg pa-1 text-white">
{{ formatDate(item.sDate) }}
</div>
<div :class="['rounded-lg rounded-lg pa-1 mt-1', { 'bg-grey-lighten-5': !item.eDate, 'bg-success': item.eDate }]">
{{ item.eDate === "" ? '00-00-0000 00:00': formatDate(item.eDate) }}
</div>
</div>
<p v-else style="font-size: 1.5rem;">-</p>
</td>
</tr>
</template>
</v-data-table>
<div class="ml-3">
<v-chip v-for="y in details.jenis" class="mr-2 mt-2" :color="selected.doneCall === 'Y' ? 'success' : '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">{{ $t('message.examination') }}</h3>
</div>
<div>
<v-chip v-for="x in pemeriksaan" class="mt-5 mr-2" color="primary">{{ x }}</v-chip>
</div>
</v-container>
</div>
</template>
<script>
export default {
name: "rightcomp",
components: {
},
mounted() {},
data() {
return {
menu: false,
visible: false,
headers: [
{
title: this.$t('message.tableDetail.speciment'),
align: "start",
sortable: false,
key: "name",
width: "20%",
class: "font-weight-bold",
},
{
title: this.$t('message.tableDetail.barcode'),
align: "start",
sortable: false,
key: "name",
width: "20%",
class: "font-weight-bold",
},
{
title: this.$t('message.tableDetail.requirement'),
align: "center",
sortable: false,
key: "name",
width: "20%",
class: "font-weight-bold",
},
{
title: this.$t('message.tableDetail.action'),
align: "center",
sortable: false,
key: "name",
width: "20%",
class: "font-weight-bold",
},
],
};
},
computed: {
selected: {
get() {
return this.$store.state.patient.selected_patients;
},
set(data) {
this.$store.commit("setSelectedPatients", data);
}
},
details: {
get() {
return this.$store.state.patient.details;
},
set(data) {
this.$store.commit("")
}
},
pemeriksaan() {
return this.$store.state.patient.pemeriksaan;
}
},
methods: {
setIconCall(status) {
switch (status.toLowerCase()) {
case "call":
return "fluent:arrow-sync-24-regular";
default:
return "fluent:speaker-2-24-regular";
}
},
setCall(data) {
if (data.status == "New") {
data.status = "Call";
} else if (data.status == "Call") {
data.doneCall = "Y";
}
},
setReq(data, status) {
data.requirement = status;
data.eDate= new Date();
},
formatDate(date) {
if (!date) return null;
return moment(date).format("DD-MM-YYYY HH:mm");
},
},
}
</script>
<style scoped>
.pointer {
cursor: pointer;
}
</style>

View File

@@ -1,56 +0,0 @@
var CustomMessages = {
en: {
message: {
filter: {
date: "Date",
noreg: "No. Reg / Name",
group: "Customer Group",
station: "Station",
},
tablePatient: {
title: "PATIENT",
date: "DATE",
noreg: "NO. REG",
group: "CUSTOMER GROUP",
name: "NAME",
status: "STATUS"
},
tableDetail: {
title: "STAFF",
speciment: "SPECIMENT",
barcode: "BARCODE",
requirement: "REQUIREMENT",
action: "ACTION"
},
examination: "EXAMINATION",
dobage: "Date of Birth and Age",
},
},
id: {
message: {
filter: {
date: "Tanggal",
noreg: "No. Reg / Nama",
group: "Kel. Pelanggan",
station: "Station",
},
tablePatient: {
title: "PASIEN",
date: "TANGGAL",
noreg: "NO. REG",
group: "KEL. PELANGGAN",
name: "NAMA",
status: "STATUS"
},
tableDetail: {
title: "STAF",
speciment: "SPECIMEN",
barcode: "BARCODE",
requirement: "PRASYARAT",
action: "AKSI"
},
examination: "PEMERIKSAAN",
dobage: "Tanggal Lahir dan Umur",
},
},
};

View File

@@ -1,74 +0,0 @@
const store = {
state() {
return {
date: new Date(),
temp_dropdown: ["Lorem", "ipsum", "dolor", "sit", "amet"],
patients: [
{
tanggal: "31-07-2024",
noreg: "055000035LA",
kelpelanggan: "PASIEN KLINISI",
nama: "Tn. COCOBA",
age: "23 tahun 11 bulan 10 hari",
dob: "10/10/2000",
pid: "-",
status: "New",
doneCall: "N",
},
{
tanggal: "31-07-2024",
noreg: "055000034LA",
kelpelanggan: "PASIEN MANDIRI",
nama: "Tn. YACOBA",
age: "27 tahun 2 bulan 12 hari",
dob: "08/06/1997",
pid: "-",
status: "New",
doneCall: "N",
},
],
selected_patients: {
tanggal: "-",
noreg: "-",
kelpelanggan: "-",
nama: "-",
age: "-",
dob: "-",
pid: "-",
status: "-",
},
details: {
staff: "NOVITA",
handling: [
{
handling: "ECG",
barcode: "055000035LSE1A",
requirement: "",
sDate: new Date(),
eDate: "",
},
],
jenis: ["ECG"]
},
pemeriksaan: [
"ECG",
]
};
},
mutations: {
setPatients(state, data) {
state.patients = data
},
setSelectedPatients(state, data) {
state.selected_patients = data
},
setDate(state, date) {
state.date = date;
}
},
actions: {
}
}
export default store

View File

@@ -0,0 +1,312 @@
<template>
<div v-if="xselected_patient?.details">
<v-container class="bg-white rounded-lg" fluid>
<v-row class="justify-space-between">
<v-col cols="6">
<p class="text-h6"><strong>{{ xselected_patient.noreg }}</strong></p>
</v-col>
<v-col cols="6" class="text-right">
<v-chip class="rounded-lg px-4 py-2">
{{ xselected_patient.statusresult }}
</v-chip>
</v-col>
</v-row>
<v-row>
<v-col cols="5">
<v-text-field :label="$t('message.tableDetailPatient.navbar.name')" variant="outlined" hide-details
:model-value="xselected_patient.patient_fullname && xselected_patient.gender ? `${xselected_patient.name} / ${xselected_patient.gender}` : ''"
readonly>
</v-text-field>
</v-col>
<v-col cols="2.5">
<v-text-field :label="$t('message.tableDetailPatient.navbar.age')" variant="outlined"
:model-value="xselected_patient.age ? `${xselected_patient.age}` : ''"
hide-details></v-text-field>
</v-col>
<v-col cols="2.5">
<v-text-field :label="$t('message.tableDetailPatient.navbar.sender')"
:model-value="xselected_patient.sender ? `${xselected_patient.sender}` : ''" variant="outlined"
hide-details></v-text-field>
</v-col>
</v-row>
<v-row class="bg-secondary-lighten rounded-lg mx-1 h-100 my-2">
<v-col cols="7" class="d-flex align-center space-between">
<div><v-chip class="bg-grey-lighten-3 text-black rounded-lg px-4" style="height: 40px;">{{
xselected_patient.test_name
}}</v-chip></div>
<div><v-chip class="bg-cyan-lighten-5 text-cyan-darken-1 rounded-lg px-4 mx-2"
style="height: 40px;">
{{ xselected_patient.details ? xselected_patient.details.doctor_fullname : '' }}
</v-chip></div>
<div>
<v-menu close-on-content-click offset-y transition="scale-transition">
<template #activator="{ props }">
<v-chip v-bind="props"
class="bg-blue-lighten-5 text-blue-darken-2 rounded-lg px-4 cursor-pointer"
style="height: 40px;">
{{ selectedLang }}
</v-chip>
</template>
<v-list>
<v-list-item v-for="lang in xselected_patient.details.langs" :key="lang"
@click="selectLanguage(lang)">
<v-list-item-title>{{ lang.name }}</v-list-item-title>
</v-list-item>
</v-list>
</v-menu>
</div>
<div class="px-2">
<v-btn fab small style="height: 2.5rem;" class="bg-info rounded-lg ">
<iconify-icon style="font-size: 2rem; color: #FFF;"
icon="fluent:clipboard-3-day-24-regular"></iconify-icon>
</v-btn>
</div>
</v-col>
<v-col cols="5">
<div class="d-flex justify-end">
<div v-if="xselected_patient.details.status == 'NEW'">
<v-btn fab small style="height: 2.5rem;" class="bg-warning rounded-lg mr-2"
@click="confirmDialog = true">
<iconify-icon style="font-size: 2rem; color: #FFF;"
icon="fluent:clipboard-task-24-regular"></iconify-icon></v-btn>
<v-btn fab small style="height: 2.5rem;" class="bg-primary rounded-lg"
@click="save"><iconify-icon style="font-size: 2rem; color: #FFF;"
icon="fluent:save-32-regular"></iconify-icon></v-btn>
</div>
<div v-if="xselected_patient.details.status == 'VAL1'">
<v-btn fab small style="height: 2.5rem;" class="bg-warning rounded-lg mr-2"
@click="confirm('yes')">
<iconify-icon style="font-size: 2rem; color: #FFF;"
icon="fluent:print-24-regular"></iconify-icon></v-btn>
<v-btn fab small style="height: 2.5rem;" class="bg-error rounded-lg mr-2"
@click="cancelDialog = true">
<iconify-icon style="font-size: 2rem; color: #FFF;"
icon="fluent:dismiss-24-filled"></iconify-icon></v-btn>
</div>
<div v-if="xselected_patient.details.status == 'VAL2'">
<v-btn fab small style="height: 2.5rem;" class="bg-warning rounded-lg mr-2"
@click="confirm('yes')">
<iconify-icon style="font-size: 2rem; color: #FFF;"
icon="fluent:print-24-regular"></iconify-icon></v-btn>
</div>
<v-dialog v-model="confirmDialog" max-width="400">
<v-card>
<v-card-title>Konfirmasi</v-card-title>
<v-card-text>Apakah Anda yakin?</v-card-text>
<v-card-actions>
<v-btn color="primary" text @click="confirm('yes')">Ya</v-btn>
<v-btn color="error" text @click="confirm('no')">Tidak</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-dialog v-model="cancelDialog" max-width="400">
<v-card>
<v-card-title>Batal Validasi</v-card-title>
<v-card-text>Apakah Anda yakin?</v-card-text>
<v-card-actions>
<v-btn color="primary" text @click="cancelValidate('yes')">Ya</v-btn>
<v-btn color="error" text @click="cancelValidate('no')">Tidak</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<!-- Dialog Save -->
<v-dialog v-model="saveDialog" max-width="400">
<v-card>
<v-card-title>Berhasil</v-card-title>
<v-card-text>Data berhasil disimpan.</v-card-text>
<v-card-actions>
<v-btn color="primary" text @click="saveDialog = false">Tutup</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</div>
</v-col>
</v-row>
<v-list>
<v-list-item v-for="(result, idxresult) in xselected_patient.details.details" :key="idxresult">
<v-list-item-content>
<v-row>
<v-col cols="1" class="d-flex align-center justify-center">
<v-switch :model-value="flagPrintBoolean(result.flag_print)"
@click="changeFlagPrint(result, idxresult)" color="primary">
</v-switch>
</v-col>
<v-col cols="11">
<v-textarea filled outline hide-details :label="result.result_label" auto-grow
@change="changeResult(result.result_value, idxresult, index)"
:disabled="xselected_patient.details.status !== 'NEW' || xselected_patient.details.doctor_id === '0'"
v-model="result.result_value" rows="3">
</v-textarea>
</v-col>
</v-row>
</v-list-item-content>
</v-list-item>
</v-list>
</v-container>
</div>
</template>
<style scoped>
.pointer {
cursor: pointer;
}
.v-table .v-table__wrapper>table>tbody>tr:not(:last-child)>td,
.v-table .v-table__wrapper>table>tbody>tr:not(:last-child)>th,
.v-table .v-table__wrapper>table>thead>tr>th {
border-bottom: dashed 1px #EEEEEE;
}
</style>
<script type="module">
export default {
name: "DetailPatient",
data() {
return {
menu: false,
selectedLang: '',
cancelDialog: false,
confirmDialog: false,
saveDialog: false,
isValidated: false,
Validation: false,
headers: [
{
align: 'start',
key: 'name',
sortable: false,
width: "15%",
title: this.$t('message.tableDetailPatient.header.name'),
class: "bg-secondary-lighten font-weight-bold",
},
{
align: 'start',
key: 'result',
sortable: false,
width: "10%",
title: this.$t('message.tableDetailPatient.header.result'),
class: "bg-secondary-lighten font-weight-bold",
},
{
align: 'start',
key: 'flag',
sortable: false,
width: "10%",
title: this.$t('message.tableDetailPatient.header.flag'),
class: "bg-secondary-lighten font-weight-bold",
},
{
align: 'start',
key: 'nilai',
sortable: false,
width: "10%",
title: this.$t('message.tableDetailPatient.header.normalvalue'),
class: "bg-secondary-lighten font-weight-bold",
},
{
align: 'start',
key: 'unit',
sortable: false,
width: "10%",
title: this.$t('message.tableDetailPatient.header.unit'),
class: "bg-secondary-lighten font-weight-bold",
},
{
align: 'start',
key: 'metode',
sortable: false,
width: "15%",
title: this.$t('message.tableDetailPatient.header.method'),
class: "bg-secondary-lighten font-weight-bold",
},
{
align: 'start',
key: 'note',
sortable: false,
width: "15%",
title: this.$t('message.tableDetailPatient.header.note'),
class: "bg-secondary-lighten font-weight-bold",
},
{
align: 'start',
key: 'validasi',
sortable: false,
width: "5%",
title: this.$t('message.tableDetailPatient.header.documentation'),
class: "bg-secondary-lighten font-weight-bold",
},
],
};
},
computed: {
isFlagPrintActive() {
return this.$store.state.documentation.selected_patient === 'Y';
},
xselected_patient() {
// Ambil data pasien dari Vuex store
const selectedPatient = this.$store.state.documentation.selected_patient;
return selectedPatient;
},
xdetails() {
return this.$store.state.documentation.details
},
},
mounted() {
},
methods: {
flagPrintBoolean(flag) {
return flag === 'Y';
},
changeFlagPrint(result, idxresult) {
// Toggle antara 'Y' dan 'N'
result.flag_print = result.flag_print === 'Y' ? 'N' : 'Y';
this.$store.state.documentation.selected_patient.details.details[idxresult].flag_print = result.flag_print
// Misalnya, Anda dapat mengirim perubahan ke backend atau melakukan update state lainnya.
},
cancelValidate(action) {
if (action === "yes") {
console.log("batal validasi");
this.isValidated = false;
}
this.cancelDialog = false;
},
confirm(action) {
if (action === "yes") {
console.log("ya");
this.isValidated = true;
}
this.confirmDialog = false;
},
save() {
this.saveDialog = true;
},
selectLanguage(lang) {
this.selectedLang = lang.name;
},
formatDate() {
if (!this.date) return null;
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")}`;
},
},
watch: {
xselected_patient(newVal) {
console.log("ini new val", newVal)
if (newVal && newVal.details && newVal.details.langs && newVal.details.langs.length > 0) {
this.selectedLang = newVal.details.langs[0].name;
} else {
this.selectedLang = '';
}
},
}
}
</script>

View File

@@ -0,0 +1,112 @@
<template>
<div>
<v-container class="bg-white rounded-lg" fluid>
<v-data-table :headers="headers" :items="xpatients" return-object hide-default-footer class="row-pointer">
<template v-slot:top>
<v-toolbar flat class="bg-secondary-lighten rounded-lg">
<v-toolbar-title class="text-black font-weight-bold">{{ $t('message.toolbalTitle')
}}</v-toolbar-title>
</v-toolbar>
</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 }">
<tr v-bind:class="{ 'bg-primary-lighten': isSelected(item) }" @click="selectMe(item)">
<td>
<div>
<p class="mt-2 mb-2">{{ item.noreg }}</p>
<p class="mb-2">
<v-chip label size="small">
{{ item.orderdate }}
</v-chip>
</p>
</div>
</td>
<td>
<p>{{ item.name }}</p>
</td>
<td>
<p>{{ item.group }}</p>
</td>
</tr>
</template>
</v-data-table>
</v-container>
</div>
</template>
<style scoped>
.row-pointer>>>tbody tr :hover {
cursor: pointer;
}
</style>
<script type="module">
export default {
name: "ListPatient",
data() {
return {
headers: [
{
align: 'start',
key: 'name',
sortable: false,
width: "20%",
title: this.$t('message.tableListPatient.noreg'),
class: "font-weight-bold",
},
{
align: 'start',
key: 'name',
sortable: false,
width: "40%",
title: this.$t('message.tableListPatient.name'),
class: "font-weight-bold",
},
{
align: 'start',
key: 'group',
sortable: false,
width: "40%",
title: this.$t('message.tableListPatient.group'),
class: "font-weight-bold",
},
],
};
},
computed: {
xpatients() {
return this.$store.state.documentation.patients
},
selected_patient: {
get() {
return this.$store.state.documentation.selected_patient
},
set(val) {
this.$store.commit("documentation/setSelectedPatient", val)
}
}
},
methods: {
isSelected(p) {
return p.id == this.$store.state.documentation.selected_patient.id
},
selectMe(data) {
this.$store.commit("documentation/setSelectedPatient", data)
}
},
wacth: {
}
}
</script>

View File

@@ -0,0 +1,51 @@
<template>
<v-app id="inspire">
<one-navbar></one-navbar>
<v-main>
<div class="pa-5 bg-primary-lighten ml-2 rounded-xl h-100">
<search-component></search-component>
<v-row>
<v-col cols="12" md="4" sm="12" xs="12" class="mt-5">
<list-patient-component></list-patient-component>
</v-col>
<v-col cols="12" md="8" sm="12" xs="12" class="mt-5">
<detail-patient-component></detail-patient-component>
</v-col>
</v-row>
</div>
</v-main>
</v-app>
</template>
<style scoped></style>
<script type="module">
import NavbarComponent from "../../globalcomponent/one-navbar.vue";
import listPatientComponent from "./listPatient.vue";
import searchComponent from "./searchPatient.vue";
import detailComponent from "./detailPatient.vue";
export default {
name: "MainDocumentation",
components: {
"one-navbar": NavbarComponent,
"list-patient-component": listPatientComponent,
"search-component": searchComponent,
"detail-patient-component": detailComponent
},
data() {
return {
};
},
computed: {
},
methods: {
},
wacth: {
}
}
</script>

View File

@@ -0,0 +1,82 @@
<template>
<div>
<v-container class="bg-white rounded-lg" fluid>
<v-row>
<v-col cols="3">
<v-autocomplete :label="$t('message.search.resulttype')" variant="outlined" hide-details
menu-icon="mdi-chevron-down" :items="['Radiodiagnostik', 'Ultrasonografi', 'BMD', 'MRI']"></v-autocomplete>
</v-col>
<v-col cols="3">
<v-text-field :label="$t('message.search.noreg')" variant="outlined" hide-details
append-inner-icon="mdi-magnify"></v-text-field>
</v-col>
<v-col cols="3">
<div class="d-flex align-center ga-2">
<v-menu v-model="actionDate" :close-on-content-click="false" transition="scale-transition" offset-y
min-width="auto" max-width="290px">
<template v-slot:activator="{ props }">
<v-text-field :model-value="formatDate()" :label="$t('message.search.actionDate')"
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="actionDate = false"></v-date-picker>
</v-menu>
</div>
</v-col>
<v-col cols="2.5">
<v-autocomplete :label="$t('message.search.group')" variant="outlined" hide-details
menu-icon="mdi-chevron-down"
:items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"></v-autocomplete>
</v-col>
<v-col cols="1">
<v-btn variant="flat" small style="height: 55px; width: 40px;" class="bg-primary rounded-lg">
<iconify-icon style="font-size: 2rem;" icon="fluent:search-20-regular"></iconify-icon>
</v-btn>
</v-col>
</v-row>
</v-container>
</div>
</template>
<style scoped></style>
<script type="module">
export default {
name: "SearchPatient",
data() {
return {
actionDate: false,
visible: false,
};
},
computed: {
date: {
get() {
return this.$store.state.documentation.date;
},
set(val) {
console.log(val)
this.$store.commit("documentation/setDate", val);
},
},
},
methods: {
formatDate() {
if (!this.date) return null;
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")}`;
},
},
wacth: {
}
}
</script>

View File

@@ -37,13 +37,13 @@
<script type="module">
const { loadModule } = window["vue3-sfc-loader"];
import patient from "./modules/patient.js";
import documentation from "./modules/documentation.js";
import system from "../globalstore/globalstore.js";
const store = Vuex.createStore({
modules: {
system: system,
patient: patient,
documentation: documentation,
},
});
const options = {
@@ -82,7 +82,7 @@
},
template: `
<main-component></main-component>
<main-documentation-component></main-documentation-component>
`,
});
@@ -96,7 +96,7 @@
app.use(vuetify);
app.use(i18n);
const components = {
"main-component": "./components/main.vue",
"main-documentation-component": "./components/mainDocumentation.vue",
};
Promise.all(
Object.entries(components).map(([name, path]) => {

View File

@@ -0,0 +1,70 @@
var CustomMessages = {
en: {
message: {
search: {
resulttype: "Result Type",
actionDate: "Action Date",
noreg: "No. Reg / Name",
group: "Examination Group",
},
toolbalTitle: "PATIENT",
tableListPatient: {
noreg: "NO. REG",
name: "NAME",
group: "Examination Group",
},
tableDetailPatient: {
navbar: {
name: "Name / Gender",
age: "Age",
sender: "Sender"
},
header: {
name: "EXAMINATION NAME",
result: "RESULT",
flag: "FLAG",
normalvalue: "NORMAL VALUE",
unit: "UNIT",
method: "METHOD",
note: "NOTE",
verification: "VERIFICATION"
}
}
},
},
id: {
message: {
search: {
resulttype: "Tipe Hasil",
startdate: "Tanggal Mulai",
actionDate: "Tanggal Tindakan",
enddate: "Tanggal Selesai",
noreg: "No. Reg / Nama",
group: "Grup Pemeriksaan",
},
toolbalTitle: "PASIEN",
tableListPatient: {
noreg: "NO. REG",
name: "NAMA",
group: "Grup Pemeriksaan",
},
tableDetailPatient: {
navbar: {
name: "Nama / Jenis Kelamin",
age: "Umur",
sender: "Pengirim"
},
header: {
name: "NAMA PEMERIKSAAN",
result: "HASIL",
flag: "FLAG",
normalvalue: "NILAI NORMAL",
unit: "UNIT",
method: "METODE",
note: "CATATAN",
verification: "VERIFFIKASI"
}
}
},
},
};

View File

@@ -0,0 +1,729 @@
const store = {
namespaced: true,
state() {
return {
date: new Date(),
patients: [
{
id: 1,
name: "Tn. COCOBA",
noreg: "055000035LA",
orderdate: "01-08-2024 15:02",
group: 'Pasien Klinisi',
statusresult: 'Ambil Sendiri',
gender: "Laki-laki",
age: "30 Tahun 4 Bulan 5 Hari",
sender: "dr. Coba Mencoba",
test_name: "ECG",
details:
{
"trx_id": "54",
"orderid": "1355",
"patientid": "5334",
"sampletypeid": "162",
"is_mcu": "N",
"status_result": {
"id": "X",
"name": "Belum ditentukan"
},
"test_name": "ECG",
"test_id": "443",
"language_id": "1",
"template_id": "12",
"status_name": "BARU",
"type": "electromedis",
"langs": [
{
"id": "1",
"code": "ID",
"name": "Bahasa Indonesia",
"chex": "N"
},
{
"id": "2",
"code": "EN",
"name": "Bahasa Inggris",
"chex": "N"
}
],
"status": "NEW",
"language_name": "Bahasa Indonesia",
"doctor_id": "5701",
"doctor_fullname": "Prof.Dr.dr. MOHAMMAD YOGIARTO...",
"details": [
{
"trx_id": "629",
"template_detail_id": "221",
"result_label": "Hasil",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "630",
"template_detail_id": "222",
"result_label": "Liver",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "631",
"template_detail_id": "223",
"result_label": "Gall Bladder",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "632",
"template_detail_id": "224",
"result_label": "Pankreas",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "633",
"template_detail_id": "225",
"result_label": "Lien",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "634",
"template_detail_id": "226",
"result_label": "Paraaorta",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "635",
"template_detail_id": "227",
"result_label": "Renal ",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "636",
"template_detail_id": "228",
"result_label": "Renal Dextra",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "637",
"template_detail_id": "229",
"result_label": "Renal Sinistra",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "638",
"template_detail_id": "230",
"result_label": "Vesica Urinaria",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "639",
"template_detail_id": "231",
"result_label": "Kantung Kemih",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "640",
"template_detail_id": "232",
"result_label": "Prostat",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "642",
"template_detail_id": "234",
"result_label": "Uterus",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "643",
"template_detail_id": "235",
"result_label": "Cavum Douglasi",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "644",
"template_detail_id": "236",
"result_label": "Adnexa",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "645",
"template_detail_id": "237",
"result_label": "Adnexa Kanan",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "646",
"template_detail_id": "238",
"result_label": "Adnexa Kiri",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "647",
"template_detail_id": "239",
"result_label": "Ovarium",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "648",
"template_detail_id": "240",
"result_label": "Gynaecologis",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "641",
"template_detail_id": "233",
"result_label": "Appendiks",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "649",
"template_detail_id": "241",
"result_label": "Catatan",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "650",
"template_detail_id": "242",
"result_label": "Kesan",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "651",
"template_detail_id": "243",
"result_label": "Saran",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
}
],
"photos": []
},
},
{
id: 2,
name: "Ny. LINA MARLINA",
noreg: "055000034LA",
orderdate: "01-08-2024 14:32",
group: 'Pasien Klinisi',
statusresult: 'Ambil Sendiri',
gender: "Perempuan",
age: "24 Tahun 4 Bulan 5 Hari",
sender: "dr. Jimmy",
test_name: "ECG",
details:
{
"trx_id": "53",
"orderid": "1354",
"patientid": "101421",
"sampletypeid": "162",
"is_mcu": "N",
"status_result": {
"id": "X",
"name": "Belum ditentukan"
},
"test_name": "ECG",
"test_id": "443",
"language_id": "1",
"template_id": "12",
"status_name": "BARU",
"type": "electromedis",
"langs": [
{
"id": "1",
"code": "ID",
"name": "Bahasa Indonesia",
"chex": "N"
}
],
"status": "NEW",
"language_name": "Bahasa Indonesia",
"doctor_id": "5701",
"doctor_fullname": "Prof.Dr.dr. MOHAMMAD YOGIARTO...",
"details": [
{
"trx_id": "629",
"template_detail_id": "221",
"result_label": "Hasil",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "630",
"template_detail_id": "222",
"result_label": "Liver",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "631",
"template_detail_id": "223",
"result_label": "Gall Bladder",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "632",
"template_detail_id": "224",
"result_label": "Pankreas",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "633",
"template_detail_id": "225",
"result_label": "Lien",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "634",
"template_detail_id": "226",
"result_label": "Paraaorta",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "635",
"template_detail_id": "227",
"result_label": "Renal ",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "636",
"template_detail_id": "228",
"result_label": "Renal Dextra",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "637",
"template_detail_id": "229",
"result_label": "Renal Sinistra",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "638",
"template_detail_id": "230",
"result_label": "Vesica Urinaria",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "639",
"template_detail_id": "231",
"result_label": "Kantung Kemih",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "640",
"template_detail_id": "232",
"result_label": "Prostat",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "642",
"template_detail_id": "234",
"result_label": "Uterus",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "643",
"template_detail_id": "235",
"result_label": "Cavum Douglasi",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "644",
"template_detail_id": "236",
"result_label": "Adnexa",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "645",
"template_detail_id": "237",
"result_label": "Adnexa Kanan",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "646",
"template_detail_id": "238",
"result_label": "Adnexa Kiri",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "647",
"template_detail_id": "239",
"result_label": "Ovarium",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "648",
"template_detail_id": "240",
"result_label": "Gynaecologis",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "641",
"template_detail_id": "233",
"result_label": "Appendiks",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "649",
"template_detail_id": "241",
"result_label": "Catatan",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "650",
"template_detail_id": "242",
"result_label": "Kesan",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "651",
"template_detail_id": "243",
"result_label": "Saran",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
}
],
"photos": []
}
},
{
id: 3,
name: "Ny. RINAS MARKOLOPO",
noreg: "055000033LA",
orderdate: "01-08-2024 14:32",
group: 'Pasien Mandiri',
statusresult: 'Kirim Email',
gender: "Laki-laki",
age: "41 Tahun 4 Bulan 5 Hari",
sender: "dr. Risosiki",
test_name: "EKG",
details:
{
"trx_id": "52",
"orderid": "1353",
"patientid": "101421",
"sampletypeid": "162",
"is_mcu": "N",
"status_result": {
"id": "X",
"name": "Belum ditentukan"
},
"test_name": "ECG",
"test_id": "443",
"language_id": "1",
"template_id": "12",
"status_name": "VALIDASI 1",
"type": "electromedis",
"langs": [
{
"id": "1",
"code": "ID",
"name": "Bahasa Indonesia",
"chex": "N"
},
{
"id": "2",
"code": "EN",
"name": "Bahasa Inggris",
"chex": "N"
}
],
"status": "VAL1",
"language_name": "Bahasa Indonesia",
"doctor_id": "5701",
"doctor_fullname": "Prof.Dr.dr. MOHAMMAD YOGIARTO...",
"details": [
{
"trx_id": "629",
"template_detail_id": "221",
"result_label": "Hasil",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "630",
"template_detail_id": "222",
"result_label": "Liver",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "631",
"template_detail_id": "223",
"result_label": "Gall Bladder",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "632",
"template_detail_id": "224",
"result_label": "Pankreas",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "633",
"template_detail_id": "225",
"result_label": "Lien",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "634",
"template_detail_id": "226",
"result_label": "Paraaorta",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "635",
"template_detail_id": "227",
"result_label": "Renal ",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "636",
"template_detail_id": "228",
"result_label": "Renal Dextra",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "637",
"template_detail_id": "229",
"result_label": "Renal Sinistra",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "638",
"template_detail_id": "230",
"result_label": "Vesica Urinaria",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "639",
"template_detail_id": "231",
"result_label": "Kantung Kemih",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "640",
"template_detail_id": "232",
"result_label": "Prostat",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "642",
"template_detail_id": "234",
"result_label": "Uterus",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "643",
"template_detail_id": "235",
"result_label": "Cavum Douglasi",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "644",
"template_detail_id": "236",
"result_label": "Adnexa",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "645",
"template_detail_id": "237",
"result_label": "Adnexa Kanan",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "646",
"template_detail_id": "238",
"result_label": "Adnexa Kiri",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "647",
"template_detail_id": "239",
"result_label": "Ovarium",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "648",
"template_detail_id": "240",
"result_label": "Gynaecologis",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "641",
"template_detail_id": "233",
"result_label": "Appendiks",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "649",
"template_detail_id": "241",
"result_label": "Catatan",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "650",
"template_detail_id": "242",
"result_label": "Kesan",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
},
{
"trx_id": "651",
"template_detail_id": "243",
"result_label": "Saran",
"result_value": "Normal",
"flag_print": "Y",
"result_value_before": "Normal"
}
],
"photos": []
}
},
],
selected_patient: {},
};
},
mutations: {
setDate(state, data) {
state.date = data;
},
setPatients(state, data) {
state.patients = data
},
setSelectedPatient(state, data) {
state.selected_patient = data
},
setDetails(state, data) {
state.details = data
}
},
actions: {
}
};
export default store