Compare commits
5 Commits
quick_navi
...
hanan/imag
| Author | SHA1 | Date | |
|---|---|---|---|
|
a5c36f0f7d | ||
| d23a0550e1 | |||
| c85d0344b7 | |||
|
67600d6a16 | ||
|
|
bbf939fb79 |
@@ -19,6 +19,7 @@ var CustomTheme = {
|
|||||||
"success-darken": "#1B5E20",
|
"success-darken": "#1B5E20",
|
||||||
white: "#FFFFFF",
|
white: "#FFFFFF",
|
||||||
grey: "#9E9E9E",
|
grey: "#9E9E9E",
|
||||||
|
"grey-lighten-2": "#E0E0E0",
|
||||||
"grey-lighten-5": "#FAFAFA",
|
"grey-lighten-5": "#FAFAFA",
|
||||||
"grey-darken-1": "#757575"
|
"grey-darken-1": "#757575"
|
||||||
},
|
},
|
||||||
|
|||||||
229
image-verification/components/left.vue
Normal file
229
image-verification/components/left.vue
Normal file
@@ -0,0 +1,229 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12">
|
||||||
|
<v-container class="bg-white rounded-lg" fluid>
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="3">
|
||||||
|
<v-text-field
|
||||||
|
:label="$t('message.left.noreg')"
|
||||||
|
variant="outlined"
|
||||||
|
hide-details
|
||||||
|
append-inner-icon="mdi-magnify"
|
||||||
|
></v-text-field
|
||||||
|
>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="3">
|
||||||
|
<v-autocomplete
|
||||||
|
:label="$t('message.left.station')"
|
||||||
|
variant="outlined"
|
||||||
|
hide-details
|
||||||
|
menu-icon="mdi-chevron-down"
|
||||||
|
:items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"
|
||||||
|
></v-autocomplete>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="5"></v-col>
|
||||||
|
<v-col cols="1">
|
||||||
|
<v-btn
|
||||||
|
variant="flat"
|
||||||
|
small
|
||||||
|
style="height: 100%;"
|
||||||
|
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>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="12">
|
||||||
|
<v-container class="bg-white rounded-lg" fluid>
|
||||||
|
<v-data-table
|
||||||
|
:items="xpatients"
|
||||||
|
:headers="headers"
|
||||||
|
return-object
|
||||||
|
hide-default-footer
|
||||||
|
>
|
||||||
|
<template
|
||||||
|
v-slot:item="{ item }"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td class="text-center">
|
||||||
|
<p class="font-weight-medium mt-2 mb-1">{{ item.noreg }}</p>
|
||||||
|
<p class="mb-2">
|
||||||
|
<v-chip class="ma-1" size="small" label>
|
||||||
|
{{ item.orderdate }}
|
||||||
|
</v-chip>
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
<td class="text-left">
|
||||||
|
<p>{{ item.name }}</p>
|
||||||
|
</td>
|
||||||
|
<td class="text-left">
|
||||||
|
<p>{{ item.test }}</p>
|
||||||
|
<p>{{ item.doctorname }}</p>
|
||||||
|
</td>
|
||||||
|
<td class="text-center">
|
||||||
|
<div class="d-flex justify-center">
|
||||||
|
<div
|
||||||
|
class="pointer"
|
||||||
|
style="height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;"
|
||||||
|
>
|
||||||
|
<iconify-icon
|
||||||
|
class="text-primary"
|
||||||
|
style="font-size: 1.5rem;"
|
||||||
|
icon="fluent:edit-24-regular"
|
||||||
|
></iconify-icon>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="pointer"
|
||||||
|
style="height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;"
|
||||||
|
>
|
||||||
|
<iconify-icon
|
||||||
|
class="text-error"
|
||||||
|
style="font-size: 1.5rem;"
|
||||||
|
icon="fluent:dismiss-24-regular"
|
||||||
|
></iconify-icon>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="pointer"
|
||||||
|
style="height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;"
|
||||||
|
>
|
||||||
|
<iconify-icon
|
||||||
|
class="text-success"
|
||||||
|
style="font-size: 1.5rem;"
|
||||||
|
icon="fluent:checkmark-24-regular"
|
||||||
|
></iconify-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td class="text-center">
|
||||||
|
<div class="d-flex justify-center">
|
||||||
|
<div
|
||||||
|
class="pointer"
|
||||||
|
style="height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;"
|
||||||
|
>
|
||||||
|
<iconify-icon
|
||||||
|
class="text-grey"
|
||||||
|
style="font-size: 1.5rem;"
|
||||||
|
icon="fluent:arrow-hook-up-left-24-regular"
|
||||||
|
></iconify-icon>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="pointer"
|
||||||
|
style="height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;"
|
||||||
|
>
|
||||||
|
<iconify-icon
|
||||||
|
class="text-green"
|
||||||
|
style="font-size: 1.5rem;"
|
||||||
|
icon="fluent:checkmark-starburst-24-regular"
|
||||||
|
></iconify-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</v-data-table>
|
||||||
|
</v-container>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.pointer {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<script type="module">
|
||||||
|
export default {
|
||||||
|
name: "LeftComponent",
|
||||||
|
components: {},
|
||||||
|
mounted() {},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
menu: false,
|
||||||
|
visible: false,
|
||||||
|
headers: [
|
||||||
|
{
|
||||||
|
title: this.$t('message.left.table.noreg'),
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
key: "name",
|
||||||
|
width: "15%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('message.left.table.name'),
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
key: "name",
|
||||||
|
width: "25%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('message.left.table.test'),
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
key: "name",
|
||||||
|
width: "25%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('message.left.table.requirement'),
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
key: "name",
|
||||||
|
width: "25%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('message.left.table.action'),
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
key: "name",
|
||||||
|
width: "10%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
}
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
// Akses state dari store
|
||||||
|
xpatients() {
|
||||||
|
return this.$store.state.patient.patients
|
||||||
|
},
|
||||||
|
selected_patient: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.patient.selected_patient
|
||||||
|
},
|
||||||
|
set(val) {
|
||||||
|
this.$store.commit("patient/setSelectedPatient", val)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// Dispatch action ke store
|
||||||
|
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")}`;
|
||||||
|
},
|
||||||
|
increment() {
|
||||||
|
this.$store.dispatch("increment");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
|
|
||||||
68
image-verification/components/main.vue
Normal file
68
image-verification/components/main.vue
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
<template>
|
||||||
|
<v-app id="inspire">
|
||||||
|
<one-navbar></one-navbar>
|
||||||
|
<v-main>
|
||||||
|
<div class="pa-5 bg-primary-lighten ml-2 rounded-xl h-100">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12" md="8" sm="12" xs="12">
|
||||||
|
<one-left></one-left>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="12" md="4" sm="12" xs="12">
|
||||||
|
<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 LeftComponent from "./left.vue";
|
||||||
|
import RightComponent from "./right.vue";
|
||||||
|
export default {
|
||||||
|
name: "Specimen",
|
||||||
|
components: {
|
||||||
|
"one-navbar": NavbarComponent,
|
||||||
|
"one-left": LeftComponent,
|
||||||
|
"one-right": RightComponent,
|
||||||
|
},
|
||||||
|
mounted() {},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
// Akses state dari store
|
||||||
|
count() {
|
||||||
|
return this.$store.state.login.count;
|
||||||
|
},
|
||||||
|
email: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.login.email;
|
||||||
|
},
|
||||||
|
set(val) {
|
||||||
|
this.$store.commit("login/setEmail", val);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
password: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.login.password;
|
||||||
|
},
|
||||||
|
set(val) {
|
||||||
|
this.$store.commit("login/setPassword", val);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// Dispatch action ke store
|
||||||
|
increment() {
|
||||||
|
this.$store.dispatch("increment");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
|
|
||||||
170
image-verification/components/right.vue
Normal file
170
image-verification/components/right.vue
Normal file
@@ -0,0 +1,170 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12">
|
||||||
|
<v-container class="bg-white rounded-lg" fluid>
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="5">
|
||||||
|
<v-text-field
|
||||||
|
:label="$t('message.right.noreg')"
|
||||||
|
variant="outlined"
|
||||||
|
hide-details
|
||||||
|
append-inner-icon="mdi-magnify"
|
||||||
|
></v-text-field
|
||||||
|
>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="5">
|
||||||
|
<v-autocomplete
|
||||||
|
:label="$t('message.right.station')"
|
||||||
|
variant="outlined"
|
||||||
|
hide-details
|
||||||
|
menu-icon="mdi-chevron-down"
|
||||||
|
:items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"
|
||||||
|
></v-autocomplete>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="2">
|
||||||
|
<v-btn
|
||||||
|
variant="flat"
|
||||||
|
small
|
||||||
|
style="height: 100%;"
|
||||||
|
class="bg-primary rounded-lg">
|
||||||
|
<iconify-icon
|
||||||
|
style="font-size: 2rem;"
|
||||||
|
icon="fluent:send-24-regular"
|
||||||
|
></iconify-icon>
|
||||||
|
</v-btn>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</v-container>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="12">
|
||||||
|
<v-container class="bg-white rounded-lg" fluid>
|
||||||
|
<v-data-table
|
||||||
|
v-model="selectedItems"
|
||||||
|
:items="xpatientright"
|
||||||
|
:headers="headers"
|
||||||
|
return-object
|
||||||
|
hide-default-footer
|
||||||
|
>
|
||||||
|
<template
|
||||||
|
v-slot:item="{ item, isSelected, toggleSelect, internalItem }"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td class="px-2">
|
||||||
|
<v-checkbox-btn
|
||||||
|
:model-value="isSelected(internalItem)"
|
||||||
|
color="primary"
|
||||||
|
@update:model-value="toggleSelect(internalItem)"
|
||||||
|
></v-checkbox-btn>
|
||||||
|
</td>
|
||||||
|
<td class="text-center">
|
||||||
|
<p class="font-weight-medium mt-2 mb-1">{{ item.noreg }}</p>
|
||||||
|
<p class="mb-2">
|
||||||
|
<v-chip class="ma-1" size="small" label>
|
||||||
|
{{ item.orderdate }}
|
||||||
|
</v-chip>
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
<td class="text-center">
|
||||||
|
<p>{{ item.name }}</p>
|
||||||
|
</td>
|
||||||
|
<td class="text-center">
|
||||||
|
<p>{{ item.test }}</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</v-data-table>
|
||||||
|
</v-container>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.pointer {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<script type="module">
|
||||||
|
export default {
|
||||||
|
name: "RightComponent",
|
||||||
|
components: {},
|
||||||
|
mounted() {},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
menu: false,
|
||||||
|
visible: false,
|
||||||
|
selectedItems: [],
|
||||||
|
headers: [
|
||||||
|
{
|
||||||
|
title: "",
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
key: "name",
|
||||||
|
width: "15%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('message.right.table.noreg'),
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
key: "name",
|
||||||
|
width: "25%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('message.right.table.name'),
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
key: "name",
|
||||||
|
width: "30%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('message.right.table.test'),
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
key: "name",
|
||||||
|
width: "30%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
}
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
// Akses state dari store
|
||||||
|
xpatientright() {
|
||||||
|
return this.$store.state.patient.patientright
|
||||||
|
},
|
||||||
|
selected_patientright: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.patient.selected_patientright
|
||||||
|
},
|
||||||
|
set(val) {
|
||||||
|
this.$store.commit("patient/setSelectedPatientRight", val)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// Dispatch action ke store
|
||||||
|
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")}`;
|
||||||
|
},
|
||||||
|
increment() {
|
||||||
|
this.$store.dispatch("increment");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
|
|
||||||
116
image-verification/index.html
Normal file
116
image-verification/index.html
Normal file
@@ -0,0 +1,116 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>WESTONE</title>
|
||||||
|
<!-- Vuetify CSS -->
|
||||||
|
<link href="../css/vuetify.css" rel="stylesheet" />
|
||||||
|
<!-- Local Stylesheet for Fonts -->
|
||||||
|
<link rel="stylesheet" href="../css/styles.css" />
|
||||||
|
<link href="../css/materialdesignicon.css" rel="stylesheet" />
|
||||||
|
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
<!-- Moment -->
|
||||||
|
<script src="../libraries/moment.js"></script>
|
||||||
|
<!-- Vue.js -->
|
||||||
|
<!-- DEV -->
|
||||||
|
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
|
||||||
|
<!-- PROD -->
|
||||||
|
<!-- <script src="../libraries/vue3.4.36.global.prod.js"></script> -->
|
||||||
|
<!-- Vuex -->
|
||||||
|
<script src="../libraries/vuex.js"></script>
|
||||||
|
<!-- Vuetify -->
|
||||||
|
<script src="../libraries/vuetify3.js"></script>
|
||||||
|
<!-- vue-i18n -->
|
||||||
|
<script src="../libraries/vue-i18n.global.js"></script>
|
||||||
|
<!-- Axios -->
|
||||||
|
<script src="../libraries/axios.js"></script>
|
||||||
|
|
||||||
|
<script src="../globalscript/theme.js"></script>
|
||||||
|
<!-- loader single file component -->
|
||||||
|
<script src="../libraries/vue3-sfc-loader.js"></script>
|
||||||
|
<script src="./language.js"></script>
|
||||||
|
|
||||||
|
<script type="module">
|
||||||
|
const { loadModule } = window["vue3-sfc-loader"];
|
||||||
|
|
||||||
|
import patient from "./modules/patient.js";
|
||||||
|
import system from "../globalstore/globalstore.js";
|
||||||
|
|
||||||
|
const store = Vuex.createStore({
|
||||||
|
modules: {
|
||||||
|
system: system,
|
||||||
|
patient: patient,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
const options = {
|
||||||
|
moduleCache: {
|
||||||
|
vue: Vue,
|
||||||
|
},
|
||||||
|
getFile(url) {
|
||||||
|
return fetch(url).then((response) =>
|
||||||
|
response.ok ? response.text() : Promise.reject(response)
|
||||||
|
);
|
||||||
|
},
|
||||||
|
addStyle(textContent) {
|
||||||
|
const style = document.createElement("style");
|
||||||
|
style.textContent = textContent;
|
||||||
|
const ref = document.head.getElementsByTagName("style")[0] || null;
|
||||||
|
document.head.insertBefore(style, ref);
|
||||||
|
},
|
||||||
|
};
|
||||||
|
// Locale messages
|
||||||
|
const messages = CustomMessages;
|
||||||
|
|
||||||
|
// Get the browser's preferred language
|
||||||
|
const browserLocale = navigator.language || navigator.languages[0];
|
||||||
|
|
||||||
|
// Initialize vue-i18n
|
||||||
|
const i18n = VueI18n.createI18n({
|
||||||
|
locale: browserLocale.startsWith("id") ? "id" : "en", // Set locale based on browser setting
|
||||||
|
fallbackLocale: "en", // Set fallback locale
|
||||||
|
messages, // Set locale messages
|
||||||
|
});
|
||||||
|
|
||||||
|
// Vue App
|
||||||
|
const app = Vue.createApp({
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
|
||||||
|
template: `
|
||||||
|
<main-verif-component></main-verif-component>
|
||||||
|
`,
|
||||||
|
});
|
||||||
|
|
||||||
|
const vuetify = Vuetify.createVuetify({
|
||||||
|
theme: {
|
||||||
|
themes: CustomTheme,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
app.use(store);
|
||||||
|
app.use(vuetify);
|
||||||
|
app.use(i18n);
|
||||||
|
const components = {
|
||||||
|
"main-verif-component": "./components/main.vue",
|
||||||
|
};
|
||||||
|
Promise.all(
|
||||||
|
Object.entries(components).map(([name, path]) => {
|
||||||
|
return loadModule(path, options).then((component) => {
|
||||||
|
app.component(name, component);
|
||||||
|
});
|
||||||
|
})
|
||||||
|
)
|
||||||
|
.then(() => {
|
||||||
|
app.mount("#app");
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
console.error("Error loading components:", error);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
50
image-verification/language.js
Normal file
50
image-verification/language.js
Normal file
@@ -0,0 +1,50 @@
|
|||||||
|
var CustomMessages = {
|
||||||
|
en: {
|
||||||
|
message: {
|
||||||
|
left: {
|
||||||
|
noreg: "No. Reg/Name",
|
||||||
|
station: "Station",
|
||||||
|
table: {
|
||||||
|
noreg: "NO REG",
|
||||||
|
name: "NAME",
|
||||||
|
test: "TEST",
|
||||||
|
requirement: "REQUIREMENT",
|
||||||
|
action: "ACTION"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
right: {
|
||||||
|
noreg: "No. Reg/Name",
|
||||||
|
station: "Station",
|
||||||
|
table: {
|
||||||
|
noreg: "NO REG",
|
||||||
|
name: "NAME",
|
||||||
|
test: "TEST"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
id: {
|
||||||
|
message: {
|
||||||
|
left: {
|
||||||
|
noreg: "No. Reg/Nama",
|
||||||
|
station: "Stasiun",
|
||||||
|
table: {
|
||||||
|
noreg: "NO REG",
|
||||||
|
name: "NAMA",
|
||||||
|
test: "PEMERIKSAAN",
|
||||||
|
requirement: "PERSYARATAN",
|
||||||
|
action: "ACTION"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
right: {
|
||||||
|
noreg: "No. Reg/Nama",
|
||||||
|
station: "Stasiun",
|
||||||
|
table: {
|
||||||
|
noreg: "NO REG",
|
||||||
|
name: "NAMA",
|
||||||
|
test: "PEMERIKSAAN"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
62
image-verification/modules/patient.js
Normal file
62
image-verification/modules/patient.js
Normal file
@@ -0,0 +1,62 @@
|
|||||||
|
|
||||||
|
const store = {
|
||||||
|
namespaced: true,
|
||||||
|
state() {
|
||||||
|
return {
|
||||||
|
date: new Date(),
|
||||||
|
patients: [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
name: "Tn. COCOBA",
|
||||||
|
noreg: "055000035LA",
|
||||||
|
orderdate: "01-08-2024 15:02",
|
||||||
|
test: "USG UPP & LOW ABDOMEN",
|
||||||
|
doctorname: "-"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
name: "Tn. YACOBA",
|
||||||
|
noreg: "055000036LA",
|
||||||
|
orderdate: "01-08-2024 15:10",
|
||||||
|
test: "USG UPP & LOW ABDOMEN",
|
||||||
|
doctorname: "A. A. AYU KUSUMAYANTI, dr."
|
||||||
|
}
|
||||||
|
],
|
||||||
|
selected_patient: {},
|
||||||
|
patientright: [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
name: "Tn. COCOBA",
|
||||||
|
noreg: "055000035LA",
|
||||||
|
orderdate: "01-08-2024 15:02",
|
||||||
|
test: "USG UPP & LOW ABDOMEN",
|
||||||
|
doctorname: "-",
|
||||||
|
flag: true
|
||||||
|
},
|
||||||
|
],
|
||||||
|
selected_patientright: {},
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mutations: {
|
||||||
|
setDate(state, data) {
|
||||||
|
state.date = data;
|
||||||
|
},
|
||||||
|
setPatients(state, data) {
|
||||||
|
state.patients = data
|
||||||
|
},
|
||||||
|
setSelectedPatient(state, data) {
|
||||||
|
state.selected_patient = data
|
||||||
|
},
|
||||||
|
setPatientRight(state, data) {
|
||||||
|
state.patientright = data
|
||||||
|
},
|
||||||
|
setSelectedPatientRight(state, data) {
|
||||||
|
state.selected_patientright = data
|
||||||
|
},
|
||||||
|
},
|
||||||
|
actions: {
|
||||||
|
|
||||||
|
}
|
||||||
|
};
|
||||||
|
export default store
|
||||||
166
list-patient/components/barcodeDialog.vue
Normal file
166
list-patient/components/barcodeDialog.vue
Normal file
@@ -0,0 +1,166 @@
|
|||||||
|
<template>
|
||||||
|
<v-dialog v-model="menuBarcode" width="900">
|
||||||
|
<v-card>
|
||||||
|
<v-card-item class="bg-primary py-3 elevation-6">
|
||||||
|
<v-card-title>
|
||||||
|
{{ $t("message.barcode.title") }}
|
||||||
|
</v-card-title>
|
||||||
|
</v-card-item>
|
||||||
|
<v-card-text class="pt-5">
|
||||||
|
<v-data-table
|
||||||
|
:headers="headers"
|
||||||
|
:items="printItem"
|
||||||
|
hide-default-footer
|
||||||
|
height="200"
|
||||||
|
>
|
||||||
|
<template v-slot:headers="{ columns }">
|
||||||
|
<tr>
|
||||||
|
<template v-for="column in columns" :key="column.key">
|
||||||
|
<td
|
||||||
|
:class="[
|
||||||
|
'bg-primary-lighten',
|
||||||
|
column.class,
|
||||||
|
{ 'd-flex justify-center': column.key === 'checkbox' },
|
||||||
|
]"
|
||||||
|
:style="{ minWidth: column.width, textAlign: column.align }"
|
||||||
|
>
|
||||||
|
<template v-if="column.key === 'checkbox'">
|
||||||
|
<v-checkbox
|
||||||
|
v-model="allSelected"
|
||||||
|
color="primary"
|
||||||
|
:indeterminate="someSelected"
|
||||||
|
@update:modelValue="selectAll(!allSelected)"
|
||||||
|
></v-checkbox>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<span>{{ column.title }}</span>
|
||||||
|
</template>
|
||||||
|
</td>
|
||||||
|
</template>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
<template v-slot:item="{ item }">
|
||||||
|
<tr>
|
||||||
|
<td class="d-flex justify-center">
|
||||||
|
<v-checkbox
|
||||||
|
v-model="selected"
|
||||||
|
color="primary"
|
||||||
|
:value="item"
|
||||||
|
@update:modelValue="onSomeSelected()"
|
||||||
|
></v-checkbox>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<p class="font-weight-medium">{{ item.specimen }}</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<p class="font-weight-medium">{{ item.barcode }}</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<p class="w-100 d-flex justify-center cursor-pointer">
|
||||||
|
<iconify-icon
|
||||||
|
style="font-size: 1.5rem; color: #00bcd4"
|
||||||
|
icon="fluent:print-48-regular"
|
||||||
|
></iconify-icon>
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</v-data-table>
|
||||||
|
</v-card-text>
|
||||||
|
|
||||||
|
<v-card-actions class="d-flex justify-space-between px-7">
|
||||||
|
<v-btn
|
||||||
|
:text="$t('message.barcode.close')"
|
||||||
|
variant="text"
|
||||||
|
class="text-error"
|
||||||
|
@click="onCloseMenuBarcode()"
|
||||||
|
></v-btn>
|
||||||
|
<div>
|
||||||
|
<v-btn
|
||||||
|
:text="$t('message.barcode.printRobo')"
|
||||||
|
variant="flat"
|
||||||
|
class="bg-info text-white"
|
||||||
|
@click="onCloseMenuBarcode()"
|
||||||
|
></v-btn>
|
||||||
|
<v-btn
|
||||||
|
:text="$t('message.barcode.printSelected')"
|
||||||
|
variant="flat"
|
||||||
|
class="bg-secondary-darken text-white"
|
||||||
|
@click="onCloseMenuBarcode()"
|
||||||
|
></v-btn>
|
||||||
|
</div>
|
||||||
|
</v-card-actions>
|
||||||
|
</v-card>
|
||||||
|
</v-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "BarcodeDialog",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
selected: [],
|
||||||
|
allSelected: false,
|
||||||
|
someSelected: false,
|
||||||
|
headers: [
|
||||||
|
{
|
||||||
|
title: "",
|
||||||
|
key: "checkbox",
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
width: "10%",
|
||||||
|
class: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t("message.barcode.specimen"),
|
||||||
|
key: "specimen",
|
||||||
|
align: "start",
|
||||||
|
sortable: false,
|
||||||
|
width: "30%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t("message.barcode.barcode"),
|
||||||
|
key: "barcode",
|
||||||
|
align: "start",
|
||||||
|
sortable: false,
|
||||||
|
width: "30%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t("message.barcode.action"),
|
||||||
|
key: "action",
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
width: "30%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
menuBarcode() {
|
||||||
|
return this.$store.state.collection.menuBarcode;
|
||||||
|
},
|
||||||
|
printItem() {
|
||||||
|
return this.$store.state.collection.printItem;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onCloseMenuBarcode() {
|
||||||
|
this.$store.commit("setMenuBarcode", false);
|
||||||
|
},
|
||||||
|
selectAll(boolean) {
|
||||||
|
if (!boolean) this.selected = this.printItem;
|
||||||
|
else this.selected = [];
|
||||||
|
},
|
||||||
|
onSomeSelected() {
|
||||||
|
this.someSelected =
|
||||||
|
this.selected.length !== 0 &&
|
||||||
|
this.selected.length !== this.printItem.length;
|
||||||
|
if (this.selected.length === this.printItem.length)
|
||||||
|
this.allSelected = true;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
95
list-patient/components/changeBirthdayDialog.vue
Normal file
95
list-patient/components/changeBirthdayDialog.vue
Normal file
@@ -0,0 +1,95 @@
|
|||||||
|
<template>
|
||||||
|
<v-dialog v-model="menuChangeBirthday" width="900">
|
||||||
|
<v-card>
|
||||||
|
<v-card-item class="bg-primary py-3 elevation-6">
|
||||||
|
<v-card-title>
|
||||||
|
{{ $t("message.changeBirthday.title") }}
|
||||||
|
</v-card-title>
|
||||||
|
</v-card-item>
|
||||||
|
<v-card-text
|
||||||
|
class="font-weight-bold d-flex justify-center ga-3 text-h6 pt-5"
|
||||||
|
>
|
||||||
|
<v-menu
|
||||||
|
v-model="menuBirthday"
|
||||||
|
:close-on-content-click="false"
|
||||||
|
transition="scale-transition"
|
||||||
|
offset-y
|
||||||
|
min-width="330px"
|
||||||
|
max-width="290px"
|
||||||
|
>
|
||||||
|
<template v-slot:activator="{ props }">
|
||||||
|
<v-text-field
|
||||||
|
:model-value="formatBirthday()"
|
||||||
|
:label="$t('message.changeBirthday.datePicker')"
|
||||||
|
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="birthday"
|
||||||
|
@update:modelValue="menuBirthday = false"
|
||||||
|
></v-date-picker>
|
||||||
|
</v-menu>
|
||||||
|
</v-card-text>
|
||||||
|
|
||||||
|
<v-card-actions class="px-7">
|
||||||
|
<v-btn
|
||||||
|
:text="$t('message.changeBirthday.close')"
|
||||||
|
variant="text"
|
||||||
|
class="text-error"
|
||||||
|
@click="onCloseMenuChangeBirthday()"
|
||||||
|
></v-btn>
|
||||||
|
<v-btn
|
||||||
|
:text="$t('message.changeBirthday.save')"
|
||||||
|
variant="text"
|
||||||
|
class="text-primary"
|
||||||
|
@click="onSaveChangeBirthday()"
|
||||||
|
></v-btn>
|
||||||
|
</v-card-actions>
|
||||||
|
</v-card>
|
||||||
|
</v-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "ChangeBirthdayDialog",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
menuBirthday: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
menuChangeBirthday() {
|
||||||
|
return this.$store.state.collection.menuChangeBirthday;
|
||||||
|
},
|
||||||
|
birthday: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.collection.birthday;
|
||||||
|
},
|
||||||
|
set(val) {
|
||||||
|
this.$store.commit("setBirthday", val);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onCloseMenuChangeBirthday() {
|
||||||
|
this.$store.commit("setMenuChangeBirthday", false);
|
||||||
|
},
|
||||||
|
formatBirthday() {
|
||||||
|
if (!this.birthday) return null;
|
||||||
|
|
||||||
|
return moment(this.birthday).format("DD-MM-YYYY");
|
||||||
|
},
|
||||||
|
onSaveChangeBirthday() {
|
||||||
|
this.$store.commit("setMenuChangeBirthday", false);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
166
list-patient/components/filter.vue
Normal file
166
list-patient/components/filter.vue
Normal file
@@ -0,0 +1,166 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<v-container class="bg-white rounded-lg" fluid>
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="2.2">
|
||||||
|
<div class="d-flex align-center ga-2">
|
||||||
|
<v-menu
|
||||||
|
v-model="menuStartDate"
|
||||||
|
: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="formatStartDate()"
|
||||||
|
:label="$t('message.filter.startDate')"
|
||||||
|
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="startDate"
|
||||||
|
@update:modelValue="menuStartDate = false"
|
||||||
|
></v-date-picker>
|
||||||
|
</v-menu>
|
||||||
|
</div>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="2.2">
|
||||||
|
<div class="d-flex align-center ga-2">
|
||||||
|
<v-menu
|
||||||
|
v-model="menuEndDate"
|
||||||
|
: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="formatEndDate()"
|
||||||
|
:label="$t('message.filter.endDate')"
|
||||||
|
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="endDate"
|
||||||
|
@update:modelValue="menuEndDate = false"
|
||||||
|
></v-date-picker>
|
||||||
|
</v-menu>
|
||||||
|
</div>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="2.2">
|
||||||
|
<v-text-field
|
||||||
|
:label="$t('message.filter.noRegOrName')"
|
||||||
|
append-inner-icon="mdi-magnify"
|
||||||
|
hide-details
|
||||||
|
variant="outlined"
|
||||||
|
></v-text-field>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="2.2">
|
||||||
|
<v-autocomplete
|
||||||
|
:label="$t('message.filter.doctor')"
|
||||||
|
variant="outlined"
|
||||||
|
hide-details
|
||||||
|
menu-icon="mdi-chevron-down"
|
||||||
|
:items="doctor_dropdown"
|
||||||
|
></v-autocomplete>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="2.2">
|
||||||
|
<v-autocomplete
|
||||||
|
:label="$t('message.filter.customerComplaint')"
|
||||||
|
variant="outlined"
|
||||||
|
hide-details
|
||||||
|
menu-icon="mdi-chevron-down"
|
||||||
|
:items="cust_complaint_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 type="module">
|
||||||
|
export default {
|
||||||
|
name: "Filter",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
menuStartDate: false,
|
||||||
|
menuEndDate: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
startDate: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.collection.startDate;
|
||||||
|
},
|
||||||
|
set(val) {
|
||||||
|
this.$store.commit("setStartDate", val);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
endDate: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.collection.endDate;
|
||||||
|
},
|
||||||
|
set(val) {
|
||||||
|
this.$store.commit("setEndDate", val);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
doctor_dropdown: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.collection.doctor_dropdown;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
cust_complaint_dropdown: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.collection.cust_complaint_dropdown;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
formatStartDate() {
|
||||||
|
if (!this.startDate) return null;
|
||||||
|
|
||||||
|
return moment(this.startDate).format("DD-MM-YYYY");
|
||||||
|
},
|
||||||
|
formatEndDate() {
|
||||||
|
if (!this.endDate) return null;
|
||||||
|
|
||||||
|
return moment(this.endDate).format("DD-MM-YYYY");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
102
list-patient/components/infoDialog.vue
Normal file
102
list-patient/components/infoDialog.vue
Normal file
@@ -0,0 +1,102 @@
|
|||||||
|
<template>
|
||||||
|
<v-dialog v-model="menuSelectedPatient" max-width="900">
|
||||||
|
<v-card>
|
||||||
|
<v-card-item class="bg-primary py-3">
|
||||||
|
<v-card-title>
|
||||||
|
{{ $t("message.infoDialog.title") }}
|
||||||
|
</v-card-title>
|
||||||
|
</v-card-item>
|
||||||
|
<v-card-text
|
||||||
|
class="font-weight-bold d-flex justify-center ga-3 text-h6 pt-5"
|
||||||
|
>
|
||||||
|
<p>{{ selectedPatient.noReg1 }}</p>
|
||||||
|
<p>/</p>
|
||||||
|
<p v-if="selectedPatient.noReg2" class="text-error">
|
||||||
|
{{ selectedPatient.noReg2 }}
|
||||||
|
</p>
|
||||||
|
</v-card-text>
|
||||||
|
<v-card-actions class="d-flex justify-space-between px-7">
|
||||||
|
<div>
|
||||||
|
<v-btn
|
||||||
|
v-if="selectedPatient.process"
|
||||||
|
:text="$t('message.infoDialog.material')"
|
||||||
|
variant="flat"
|
||||||
|
class="bg-primary text-white"
|
||||||
|
@click="onMenuMaterial()"
|
||||||
|
></v-btn>
|
||||||
|
<v-btn
|
||||||
|
:text="$t('message.infoDialog.barcode')"
|
||||||
|
variant="flat"
|
||||||
|
class="bg-info text-white"
|
||||||
|
@click="onMenuBarcode(selectedPatient.noReg2)"
|
||||||
|
></v-btn>
|
||||||
|
<v-btn
|
||||||
|
:text="$t('message.infoDialog.changeBirthday')"
|
||||||
|
variant="flat"
|
||||||
|
class="bg-secondary-darken text-white"
|
||||||
|
@click="onMenuChangeBirthday(selectedPatient.birthday)"
|
||||||
|
></v-btn>
|
||||||
|
</div>
|
||||||
|
<v-btn
|
||||||
|
:text="$t('message.infoDialog.close')"
|
||||||
|
variant="text"
|
||||||
|
class="text-error"
|
||||||
|
@click="onDiselectPatient()"
|
||||||
|
></v-btn>
|
||||||
|
</v-card-actions>
|
||||||
|
</v-card>
|
||||||
|
</v-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "InfoDialog",
|
||||||
|
computed: {
|
||||||
|
menuSelectedPatient() {
|
||||||
|
return this.$store.state.collection.menuSelectedPatient;
|
||||||
|
},
|
||||||
|
selectedPatient() {
|
||||||
|
return this.$store.state.collection.selectedPatient;
|
||||||
|
},
|
||||||
|
menuMaterial() {
|
||||||
|
return this.$store.state.collection.menuMaterial;
|
||||||
|
},
|
||||||
|
menuBarcode() {
|
||||||
|
return this.$store.state.collection.menuBarcode;
|
||||||
|
},
|
||||||
|
menuChangeBirthday() {
|
||||||
|
return this.$store.state.collection.menuChangeBirthday;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onDiselectPatient() {
|
||||||
|
this.$store.commit("setMenuSelectedPatient", false);
|
||||||
|
setTimeout(() => this.$store.commit("setSelectedPatient", {}), 1000);
|
||||||
|
},
|
||||||
|
onMenuChangeBirthday(birthday) {
|
||||||
|
this.$store.commit("setMenuChangeBirthday", true);
|
||||||
|
const time = birthday.split("-");
|
||||||
|
this.$store.commit(
|
||||||
|
"setBirthday",
|
||||||
|
new Date(Date.parse(`${time[1]}/${time[0]}/${time[2]}`))
|
||||||
|
);
|
||||||
|
},
|
||||||
|
onMenuBarcode(noReg) {
|
||||||
|
this.$store.commit("setMenuBarcode", true);
|
||||||
|
this.$store.commit("setPrintItem", [
|
||||||
|
{
|
||||||
|
specimen: this.$t("message.barcode.form"),
|
||||||
|
barcode: noReg,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
specimen: this.$t("message.barcode.label"),
|
||||||
|
barcode: noReg,
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
},
|
||||||
|
onMenuMaterial() {
|
||||||
|
this.$store.commit("setMenuMaterial", true);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
268
list-patient/components/lists.vue
Normal file
268
list-patient/components/lists.vue
Normal file
@@ -0,0 +1,268 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<v-container class="bg-white rounded-lg" fluid>
|
||||||
|
<div
|
||||||
|
class="bg-secondary-lighten rounded-lg d-flex justify-space-between pa-5 mb-5"
|
||||||
|
>
|
||||||
|
<h3 class="primary-lighten">
|
||||||
|
{{ $t("message.tableListPatient.title") }}
|
||||||
|
</h3>
|
||||||
|
<h3 class="primary-lighten">{{ patients.length }}</h3>
|
||||||
|
</div>
|
||||||
|
<v-data-table
|
||||||
|
v-model:page="page"
|
||||||
|
height="275px"
|
||||||
|
:items="patients"
|
||||||
|
:headers="headers"
|
||||||
|
:items-per-page="itemsPerPage"
|
||||||
|
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>
|
||||||
|
<td>
|
||||||
|
<v-btn
|
||||||
|
icon="mdi-pencil"
|
||||||
|
variant="flat"
|
||||||
|
:class="[
|
||||||
|
'rounded-0 w-100 h-100 pa-2 text-white',
|
||||||
|
{ 'bg-info': item.process },
|
||||||
|
{ 'bg-secondary': !item.process },
|
||||||
|
]"
|
||||||
|
@click="onSelectPatient(item)"
|
||||||
|
></v-btn>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<p class="font-weight-medium">{{ item.no }}</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<p class="font-weight-medium mt-2">{{ item.noReg1 }}</p>
|
||||||
|
<p
|
||||||
|
v-if="item.noReg2"
|
||||||
|
class="font-weight-medium text-error mb-2"
|
||||||
|
>
|
||||||
|
{{ item.noReg2 }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<p class="mt-2 mb-2" style="font-size: 12px">{{ item.name }}</p>
|
||||||
|
<p class="mb-2">
|
||||||
|
<v-chip label size="small">
|
||||||
|
{{ item.staff }}
|
||||||
|
</v-chip>
|
||||||
|
</p>
|
||||||
|
<p class="mb-2">
|
||||||
|
<v-chip label size="small">
|
||||||
|
{{ item.orderTime }}
|
||||||
|
</v-chip>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<p style="font-size: 12px">{{ item.agreement }}</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<p class="mt-2" style="font-size: 12px">{{ item.doctor.no }}</p>
|
||||||
|
<p class="mb-2" style="font-size: 12px">
|
||||||
|
{{ item.doctor.name }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<p
|
||||||
|
v-for="result in item.result"
|
||||||
|
:key="result"
|
||||||
|
style="font-size: 12px"
|
||||||
|
>
|
||||||
|
{{ result }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<p
|
||||||
|
v-for="inspection in item.inspection"
|
||||||
|
:key="inspection"
|
||||||
|
style="font-size: 12px"
|
||||||
|
>
|
||||||
|
{{ inspection }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<p v-for="delivery in item.delivery">
|
||||||
|
<v-chip variant="flat" color="primary" class="rounded">{{
|
||||||
|
delivery
|
||||||
|
}}</v-chip>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<p class="font-weight-medium">{{ item.total.all }}</p>
|
||||||
|
<p v-if="item.total.disc" class="font-weight-medium text-error">
|
||||||
|
{{ item.total.disc }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:bottom>
|
||||||
|
<div class="text-center pt-2">
|
||||||
|
<v-pagination v-model="page" :length="pageCount"></v-pagination>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</v-data-table>
|
||||||
|
</v-container>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<info-dialog></info-dialog>
|
||||||
|
<change-birthday-dialog></change-birthday-dialog>
|
||||||
|
<barcode-dialog></barcode-dialog>
|
||||||
|
<material-dialog></material-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import InfoDialogComponent from "./infoDialog.vue";
|
||||||
|
import ChangeBirthdayDialogComponent from "./changeBirthdayDialog.vue";
|
||||||
|
import BarcodeDialogComponent from "./barcodeDialog.vue";
|
||||||
|
import MaterialDialogComponent from "./materialDialog.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "MainLists",
|
||||||
|
components: {
|
||||||
|
"info-dialog": InfoDialogComponent,
|
||||||
|
"change-birthday-dialog": ChangeBirthdayDialogComponent,
|
||||||
|
"barcode-dialog": BarcodeDialogComponent,
|
||||||
|
"material-dialog": MaterialDialogComponent,
|
||||||
|
},
|
||||||
|
mounted() {},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
page: 1,
|
||||||
|
itemsPerPage: 3,
|
||||||
|
headers: [
|
||||||
|
{
|
||||||
|
title: "",
|
||||||
|
align: "start",
|
||||||
|
sortable: false,
|
||||||
|
key: "actionButton",
|
||||||
|
width: "4%",
|
||||||
|
class: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t("message.tableListPatient.no"),
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
key: "no",
|
||||||
|
width: "4%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t("message.tableListPatient.noreg"),
|
||||||
|
align: "start",
|
||||||
|
sortable: false,
|
||||||
|
key: "noreg",
|
||||||
|
width: "12%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t("message.tableListPatient.name"),
|
||||||
|
align: "start",
|
||||||
|
sortable: false,
|
||||||
|
key: "noreg",
|
||||||
|
width: "12%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t("message.tableListPatient.agreement"),
|
||||||
|
align: "start",
|
||||||
|
sortable: false,
|
||||||
|
key: "noreg",
|
||||||
|
width: "14%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t("message.tableListPatient.doctor"),
|
||||||
|
align: "start",
|
||||||
|
sortable: false,
|
||||||
|
key: "noreg",
|
||||||
|
width: "12%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t("message.tableListPatient.result"),
|
||||||
|
align: "start",
|
||||||
|
sortable: false,
|
||||||
|
key: "noreg",
|
||||||
|
width: "14%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t("message.tableListPatient.inspection"),
|
||||||
|
align: "start",
|
||||||
|
sortable: false,
|
||||||
|
key: "noreg",
|
||||||
|
width: "12%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t("message.tableListPatient.delivery"),
|
||||||
|
align: "start",
|
||||||
|
sortable: false,
|
||||||
|
key: "noreg",
|
||||||
|
width: "12%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t("message.tableListPatient.total"),
|
||||||
|
align: "start",
|
||||||
|
sortable: false,
|
||||||
|
key: "noreg",
|
||||||
|
width: "4%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
patients() {
|
||||||
|
return this.$store.state.collection.patients;
|
||||||
|
},
|
||||||
|
pageCount() {
|
||||||
|
return Math.ceil(this.patients.length / this.itemsPerPage);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onSelectPatient(patient) {
|
||||||
|
this.$store.commit("setMenuSelectedPatient", true);
|
||||||
|
this.$store.commit("setSelectedPatient", patient);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.row-pointer >>> tbody tr :hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
40
list-patient/components/main.vue
Normal file
40
list-patient/components/main.vue
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
<template>
|
||||||
|
<v-app id="inspire">
|
||||||
|
<one-navbar></one-navbar>
|
||||||
|
<v-main>
|
||||||
|
<div class="pa-5 bg-primary-lighten ml-2 rounded-xl h-100">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12" md="12" sm="12" xs="12">
|
||||||
|
<filter-component></filter-component>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12" md="12" sm="12" xs="12">
|
||||||
|
<list-component></list-component>
|
||||||
|
</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 ListComponent from "./lists.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "ListPatient",
|
||||||
|
components: {
|
||||||
|
"one-navbar": NavbarComponent,
|
||||||
|
"filter-component": FilterComponent,
|
||||||
|
"list-component": ListComponent,
|
||||||
|
},
|
||||||
|
mountend() {},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
53
list-patient/components/materialDialog.vue
Normal file
53
list-patient/components/materialDialog.vue
Normal file
@@ -0,0 +1,53 @@
|
|||||||
|
<template>
|
||||||
|
<v-dialog v-model="menuMaterial" width="900">
|
||||||
|
<v-card>
|
||||||
|
<v-card-item class="bg-primary py-3">
|
||||||
|
<v-card-title>
|
||||||
|
{{ $t("message.material.title") }}
|
||||||
|
</v-card-title>
|
||||||
|
</v-card-item>
|
||||||
|
<v-card-text class="pt-5">
|
||||||
|
<div>
|
||||||
|
<h3 class="mb-4">{{ $t("message.material.materialYet") }}</h3>
|
||||||
|
<v-chip variant="flat" color="error" class="rounded">{{
|
||||||
|
$t("message.material.blood")
|
||||||
|
}}</v-chip>
|
||||||
|
</div>
|
||||||
|
</v-card-text>
|
||||||
|
|
||||||
|
<v-card-actions class="px-7">
|
||||||
|
<v-btn
|
||||||
|
:text="$t('message.material.correct')"
|
||||||
|
variant="text"
|
||||||
|
class="text-primary"
|
||||||
|
@click="onCorrectMenuMaterial()"
|
||||||
|
></v-btn>
|
||||||
|
<v-btn
|
||||||
|
:text="$t('message.material.cancel')"
|
||||||
|
variant="text"
|
||||||
|
class="text-error"
|
||||||
|
@click="onCancelMenuMaterial()"
|
||||||
|
></v-btn>
|
||||||
|
</v-card-actions>
|
||||||
|
</v-card>
|
||||||
|
</v-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "MaterialDialog",
|
||||||
|
computed: {
|
||||||
|
menuMaterial() {
|
||||||
|
return this.$store.state.collection.menuMaterial;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onCancelMenuMaterial() {
|
||||||
|
this.$store.commit("setMenuMaterial", false);
|
||||||
|
},
|
||||||
|
onCorrectMenuMaterial() {
|
||||||
|
this.$store.commit("setMenuMaterial", false);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
120
list-patient/index.html
Normal file
120
list-patient/index.html
Normal file
@@ -0,0 +1,120 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>WESTONE</title>
|
||||||
|
<!-- Vuetify CSS -->
|
||||||
|
<link href="../css/vuetify.css" rel="stylesheet" />
|
||||||
|
<!-- Local Stylesheet for Fonts -->
|
||||||
|
<link rel="stylesheet" href="../css/styles.css" />
|
||||||
|
<link href="../css/materialdesignicon.css" rel="stylesheet" />
|
||||||
|
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
<!-- Moment -->
|
||||||
|
<script src="../libraries/moment.js"></script>
|
||||||
|
<!-- Vue.js -->
|
||||||
|
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
|
||||||
|
<!-- Vuex -->
|
||||||
|
<script src="../libraries/vuex.js"></script>
|
||||||
|
<!-- Vuetify -->
|
||||||
|
<script src="../libraries/vuetify3.js"></script>
|
||||||
|
<!-- vue-i18n -->
|
||||||
|
<script src="../libraries/vue-i18n.global.js"></script>
|
||||||
|
<!-- Axios -->
|
||||||
|
<script src="../libraries/axios.js"></script>
|
||||||
|
|
||||||
|
<script src="../globalscript/theme.js"></script>
|
||||||
|
<script src="../globalscript/global.js"></script>
|
||||||
|
<!-- loader single file component -->
|
||||||
|
<script src="../libraries/vue3-sfc-loader.js"></script>
|
||||||
|
<script src="./language.js"></script>
|
||||||
|
|
||||||
|
<script type="module">
|
||||||
|
const { loadModule } = window["vue3-sfc-loader"];
|
||||||
|
|
||||||
|
import system from "../globalstore/globalstore.js";
|
||||||
|
import collection from "./modules/collection.js";
|
||||||
|
|
||||||
|
const options = {
|
||||||
|
moduleCache: {
|
||||||
|
vue: Vue,
|
||||||
|
},
|
||||||
|
getFile(url) {
|
||||||
|
return fetch(url).then((response) =>
|
||||||
|
response.ok ? response.text() : Promise.reject(response)
|
||||||
|
);
|
||||||
|
},
|
||||||
|
addStyle(textContent) {
|
||||||
|
const style = document.createElement("style");
|
||||||
|
style.textContent = textContent;
|
||||||
|
const ref = document.head.getElementsByTagName("style")[0] || null;
|
||||||
|
document.head.insertBefore(style, ref);
|
||||||
|
},
|
||||||
|
};
|
||||||
|
// Locale messages
|
||||||
|
const messages = CustomMessages;
|
||||||
|
|
||||||
|
// Get the browser's preferred language
|
||||||
|
const browserLocale = navigator.language || navigator.languages[0];
|
||||||
|
|
||||||
|
// Initialize vue-i18n
|
||||||
|
const i18n = VueI18n.createI18n({
|
||||||
|
locale: browserLocale.startsWith("id") ? "id" : "en", // Set locale based on browser setting
|
||||||
|
fallbackLocale: "en", // Set fallback Locale
|
||||||
|
messages, // Set locale messages
|
||||||
|
});
|
||||||
|
window.i18n = i18n;
|
||||||
|
|
||||||
|
const store = Vuex.createStore({
|
||||||
|
modules: {
|
||||||
|
system: system,
|
||||||
|
collection: collection,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
// Vue App
|
||||||
|
const app = Vue.createApp({
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
bg_src: "",
|
||||||
|
loading: false, // Initialize loading state
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
template: `
|
||||||
|
<main-component></main-component>
|
||||||
|
`,
|
||||||
|
});
|
||||||
|
|
||||||
|
const vuetify = Vuetify.createVuetify({
|
||||||
|
theme: {
|
||||||
|
themes: CustomTheme,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
app.use(store);
|
||||||
|
app.use(vuetify);
|
||||||
|
app.use(i18n);
|
||||||
|
const components = {
|
||||||
|
"main-component": "./components/main.vue",
|
||||||
|
};
|
||||||
|
Promise.all(
|
||||||
|
Object.entries(components).map(([name, path]) => {
|
||||||
|
return loadModule(path, options).then((component) => {
|
||||||
|
app.component(name, component);
|
||||||
|
});
|
||||||
|
})
|
||||||
|
)
|
||||||
|
.then(() => {
|
||||||
|
app.mount("#app");
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
console.error("Error loading components:", error);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
110
list-patient/language.js
Normal file
110
list-patient/language.js
Normal file
@@ -0,0 +1,110 @@
|
|||||||
|
var CustomMessages = {
|
||||||
|
en: {
|
||||||
|
message: {
|
||||||
|
barcode: {
|
||||||
|
action: "ACTION",
|
||||||
|
barcode: "BARCODE",
|
||||||
|
close: "Close",
|
||||||
|
form: "Form",
|
||||||
|
label: "Special Labels",
|
||||||
|
printRobo: "Robo Print",
|
||||||
|
printSelected: "Selected Print",
|
||||||
|
specimen: "SPECIMEN",
|
||||||
|
title: "Barcode Print",
|
||||||
|
},
|
||||||
|
changeBirthday: {
|
||||||
|
close: "Close",
|
||||||
|
datePicker: "Birthday",
|
||||||
|
save: "Save",
|
||||||
|
title: "Change Birthday",
|
||||||
|
},
|
||||||
|
filter: {
|
||||||
|
customerComplaint: "Cust. Complaint",
|
||||||
|
doctor: "Doctor",
|
||||||
|
endDate: "End Date",
|
||||||
|
noRegOrName: "Registration No./Name",
|
||||||
|
startDate: "Start Date",
|
||||||
|
},
|
||||||
|
infoDialog: {
|
||||||
|
barcode: "Barcode",
|
||||||
|
changeBirthday: "Change Birthday",
|
||||||
|
close: "Close",
|
||||||
|
material: "Materials arrived",
|
||||||
|
title: "INFORMATION",
|
||||||
|
},
|
||||||
|
material: {
|
||||||
|
blood: "BLOOD",
|
||||||
|
cancel: "Cancel",
|
||||||
|
correct: "Correct",
|
||||||
|
materialYet: "MATERIAL YET:",
|
||||||
|
title: "WARNING",
|
||||||
|
},
|
||||||
|
tableListPatient: {
|
||||||
|
agreement: "AGREEMENT",
|
||||||
|
delivery: "DELIVERY",
|
||||||
|
doctor: "DOCTOR",
|
||||||
|
inspection: "INSPECTION",
|
||||||
|
name: "NAME",
|
||||||
|
no: "NO.",
|
||||||
|
noreg: "REGISTRATION NO",
|
||||||
|
result: "SCHEDULE",
|
||||||
|
title: "LIST PATIENT",
|
||||||
|
total: "TOTAL",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
id: {
|
||||||
|
message: {
|
||||||
|
barcode: {
|
||||||
|
action: "AKSI",
|
||||||
|
barcode: "BARCODE",
|
||||||
|
close: "Tutup",
|
||||||
|
form: "Formulir",
|
||||||
|
label: "Label Khusus",
|
||||||
|
printRobo: "Cetak Robo",
|
||||||
|
printSelected: "Cetak Terpilih",
|
||||||
|
specimen: "SPECIMEN",
|
||||||
|
title: "Cetak Barcode",
|
||||||
|
},
|
||||||
|
changeBirthday: {
|
||||||
|
close: "Tutup",
|
||||||
|
datePicker: "Tanggal Lahir",
|
||||||
|
save: "Simpan",
|
||||||
|
title: "Revisi Tanggal Lahir",
|
||||||
|
},
|
||||||
|
filter: {
|
||||||
|
customerComplaint: "Kel. Pelanggan",
|
||||||
|
doctor: "Dokter",
|
||||||
|
endDate: "Tanggal Akhir",
|
||||||
|
noRegOrName: "No Reg/Nama",
|
||||||
|
startDate: "Tanggal Awal",
|
||||||
|
},
|
||||||
|
infoDialog: {
|
||||||
|
barcode: "Barcode",
|
||||||
|
changeBirthday: "Revisi Tanggal Lahir",
|
||||||
|
close: "Tutup",
|
||||||
|
material: "Bahan Datang",
|
||||||
|
title: "INFO",
|
||||||
|
},
|
||||||
|
material: {
|
||||||
|
blood: "DARAH",
|
||||||
|
cancel: "Tidak Jadi",
|
||||||
|
correct: "Benar",
|
||||||
|
materialYet: "BAHAN BELUM:",
|
||||||
|
title: "PERINGATAN",
|
||||||
|
},
|
||||||
|
tableListPatient: {
|
||||||
|
agreement: "AGREEMENT",
|
||||||
|
delivery: "PENGIRIMAN",
|
||||||
|
doctor: "DOKTER",
|
||||||
|
inspection: "PEMERIKSAAN",
|
||||||
|
name: "NAMA",
|
||||||
|
no: "NO.",
|
||||||
|
noreg: "NO REG",
|
||||||
|
result: "JANJI HASIL",
|
||||||
|
title: "LIST PASIEN",
|
||||||
|
total: "TOTAL",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
148
list-patient/modules/collection.js
Normal file
148
list-patient/modules/collection.js
Normal file
@@ -0,0 +1,148 @@
|
|||||||
|
const store = {
|
||||||
|
state() {
|
||||||
|
return {
|
||||||
|
startDate: new Date(),
|
||||||
|
endDate: new Date(),
|
||||||
|
birthday: null,
|
||||||
|
doctor_dropdown: ["Lorem", "ipsum", "dolor", "sit", "amet"],
|
||||||
|
cust_complaint_dropdown: ["Lorem", "ipsum", "dolor", "sit", "amet"],
|
||||||
|
selectedPatient: {},
|
||||||
|
menuSelectedPatient: false,
|
||||||
|
menuMaterial: false,
|
||||||
|
menuBarcode: false,
|
||||||
|
menuChangeBirthday: false,
|
||||||
|
patients: [
|
||||||
|
{
|
||||||
|
no: 1,
|
||||||
|
process: false,
|
||||||
|
noReg1: "05600011LA",
|
||||||
|
noReg2: "056M3T65LA",
|
||||||
|
name: "Tn. ARI ANTONI KALBUADI",
|
||||||
|
birthday: "06-01-1987",
|
||||||
|
staff: "admin",
|
||||||
|
orderTime: "19-08-2024 09:46",
|
||||||
|
agreement: "PASIEN MANDIRI - PROMO PAKET IMLEK 2024",
|
||||||
|
doctor: { name: "drg. A. B. DARMADI", no: "3101004815" },
|
||||||
|
result: [
|
||||||
|
"19-08-2024 13:46:39",
|
||||||
|
"20-08-2024 12:00:00",
|
||||||
|
"21-08-2024 17:00:00",
|
||||||
|
],
|
||||||
|
inspection: ["Hermatologi Lengkap", "Urine Lengkap", "SGOT"],
|
||||||
|
delivery: ["Ambil Sendiri"],
|
||||||
|
total: { all: "359.000" },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
no: 2,
|
||||||
|
process: true,
|
||||||
|
noReg1: "05600012LA",
|
||||||
|
noReg2: "056R9G95LA",
|
||||||
|
name: "Tn. HANDOYO",
|
||||||
|
birthday: "07-06-1989",
|
||||||
|
staff: "adminsas",
|
||||||
|
orderTime: "19-08-2024 12:32",
|
||||||
|
agreement: "PASIEN KLINISI - PASIEN UMUM 2021",
|
||||||
|
doctor: { name: "-", no: "3101006048" },
|
||||||
|
result: [
|
||||||
|
"",
|
||||||
|
"19-08-2024 16:32:49",
|
||||||
|
"20-08-2024 12:00:00",
|
||||||
|
"21-08-2024 17:00:00",
|
||||||
|
],
|
||||||
|
inspection: [
|
||||||
|
"SGOT",
|
||||||
|
"Glukosa Darah Puasa",
|
||||||
|
"Hermatologi Lengkap",
|
||||||
|
"Home Sevice Zone 1 (sekali kedatangan)",
|
||||||
|
],
|
||||||
|
delivery: ["Ambil Sendiri"],
|
||||||
|
total: { all: "339.000" },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
no: 3,
|
||||||
|
process: false,
|
||||||
|
noReg1: "05600013LA",
|
||||||
|
noReg2: "056P8M39LA",
|
||||||
|
name: "Tn. COCOBA",
|
||||||
|
birthday: "06-1-1987",
|
||||||
|
staff: "admin",
|
||||||
|
orderTime: "20-08-2024 08:57",
|
||||||
|
agreement: "SASONE - MCU KARYAWAN 2024",
|
||||||
|
doctor: { name: "ASEP TRI HANDOKO, dr.", no: "3104129" },
|
||||||
|
result: [
|
||||||
|
"19-08-2024 13:57:04",
|
||||||
|
"20-08-2024 12:00:00",
|
||||||
|
"21-08-2024 17:00:00",
|
||||||
|
],
|
||||||
|
inspection: ["Cholesterol", "SGOT", "Hermatologi Lengkap"],
|
||||||
|
delivery: ["Ambil Sendiri"],
|
||||||
|
total: { all: "279.000", disc: "279.000" },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
no: 4,
|
||||||
|
process: false,
|
||||||
|
noReg1: "05600014LA",
|
||||||
|
noReg2: "056U7H2BLA",
|
||||||
|
name: "Tn. HAYASHI SHIDEKI",
|
||||||
|
birthday: "06-01-1987",
|
||||||
|
staff: "admin",
|
||||||
|
orderTime: "20-08-2024 09:25",
|
||||||
|
agreement: "PASIEN MANDIRI - PROMO PAKET IMLEK 2024",
|
||||||
|
doctor: { name: "ASEP TRI HANDOKO, dr.", no: "3104129" },
|
||||||
|
result: ["20-08-2024 13:25:44", "21-08-2024 12:00:00"],
|
||||||
|
inspection: ["SGPT", "SGOT"],
|
||||||
|
delivery: ["Ambil Sendiri"],
|
||||||
|
total: { all: "176.000", disc: "176.000" },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
no: 5,
|
||||||
|
process: false,
|
||||||
|
noReg1: "05600015LA",
|
||||||
|
noReg2: "056U7U56LA",
|
||||||
|
name: "Tn. KUSTIRAONO SUJIMAN",
|
||||||
|
birthday: "06-01-1987",
|
||||||
|
staff: "admin",
|
||||||
|
orderTime: "20-08-2024 11:00",
|
||||||
|
agreement: "PASIEN MANDIRI - PROMO PAKET IMLEK 2024",
|
||||||
|
doctor: { name: "dr. A BENY SETIAWAN", no: "3101210939" },
|
||||||
|
result: ["20-08-2024 15:00:30", "22-08-2024 12:00:00"],
|
||||||
|
inspection: ["SGOT", "SGPT"],
|
||||||
|
delivery: ["Ambil Sendiri"],
|
||||||
|
total: { all: "176.000" },
|
||||||
|
},
|
||||||
|
],
|
||||||
|
printItem: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mutations: {
|
||||||
|
setStartDate(state, date) {
|
||||||
|
state.startDate = date;
|
||||||
|
},
|
||||||
|
setEndDate(state, date) {
|
||||||
|
state.endDate = date;
|
||||||
|
},
|
||||||
|
setSelectedPatient(state, item) {
|
||||||
|
state.selectedPatient = item;
|
||||||
|
},
|
||||||
|
setMenuSelectedPatient(state, val) {
|
||||||
|
state.menuSelectedPatient = val;
|
||||||
|
},
|
||||||
|
setMenuMaterial(state, val) {
|
||||||
|
state.menuMaterial = val;
|
||||||
|
},
|
||||||
|
setMenuBarcode(state, val) {
|
||||||
|
state.menuBarcode = val;
|
||||||
|
},
|
||||||
|
setMenuChangeBirthday(state, val) {
|
||||||
|
state.menuChangeBirthday = val;
|
||||||
|
},
|
||||||
|
setBirthday(state, birthday) {
|
||||||
|
state.birthday = birthday;
|
||||||
|
},
|
||||||
|
setPrintItem(state, items) {
|
||||||
|
state.printItem = items;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
export default store;
|
||||||
@@ -6,11 +6,12 @@
|
|||||||
<h3>{{ $t('message.table.title') }}</h3>
|
<h3>{{ $t('message.table.title') }}</h3>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col cols="1" align="end">
|
<v-col cols="1" align="end">
|
||||||
<h3>6</h3>
|
<h3>{{ datax.length }}</h3>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</div>
|
</div>
|
||||||
<v-data-table
|
<v-data-table
|
||||||
|
:items="datax"
|
||||||
:headers="headers"
|
:headers="headers"
|
||||||
hide-default-footer
|
hide-default-footer
|
||||||
>
|
>
|
||||||
@@ -23,14 +24,94 @@
|
|||||||
</template>
|
</template>
|
||||||
</tr>
|
</tr>
|
||||||
</template>
|
</template>
|
||||||
|
<template v-slot:item="{ item }">
|
||||||
|
<tr>
|
||||||
|
<td align="center" class="pa-2">
|
||||||
|
<p class="font-weight-medium">{{ item.xno }}</p>
|
||||||
|
</td>
|
||||||
|
<td align="center" class="pa-2">
|
||||||
|
<p class="font-weight-medium">{{ item.order_date }}</p>
|
||||||
|
<p class="font-weight-medium rounded-lg bg-grey-lighten-2 px-4" style="display: inline-block;">{{ item.order_promise }}</p>
|
||||||
|
</td>
|
||||||
|
<td align="start" class="pa-2">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="5" align="start">
|
||||||
|
<p class="font-weight-medium">{{ item.no_reg }}</p>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="7" align="end">
|
||||||
|
<p class="font-weight-bold text-blue">{{ item.no_reg_ext }}</p>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<p class="font-weight-bold">{{ item.patient_name }}</p>
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="5" align="start">
|
||||||
|
<p class="font-weight-medium">{{ item.company_name }}</p>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="7" align="end">
|
||||||
|
<p class="font-weight-medium text-grey">{{ item.mou_name }}</p>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</td>
|
||||||
|
<td align="center" class="pa-2">
|
||||||
|
<p
|
||||||
|
:class="['font-weight-medium rounded-lg pointer', item.details_order[0].status === 'Y' ? 'bg-success' : 'bg-grey-lighten-2']"
|
||||||
|
style=" width: 80%; height: 60%; align-content: center;"
|
||||||
|
@click="openMultiDialog(true, 'order')"
|
||||||
|
>{{ item.details_order[0].group_name }}</p>
|
||||||
|
</td>
|
||||||
|
<td align="center" class="pa-2">
|
||||||
|
<p
|
||||||
|
:class="['font-weight-medium rounded-lg pointer', item.details_sampling[0].status === 'Y' ? 'bg-success' : 'bg-grey-lighten-2']"
|
||||||
|
style=" width: 80%; height: 60%; align-content: center;"
|
||||||
|
@click="openMultiDialog(true, 'sample')"
|
||||||
|
>{{ item.details_sampling[0].group_name }}</p>
|
||||||
|
</td>
|
||||||
|
<td align="center" class="pa-2">
|
||||||
|
<p
|
||||||
|
:class="['font-weight-medium rounded-lg pointer', item.details_process[0].status === 'Y' ? 'bg-success' : 'bg-grey-lighten-2']"
|
||||||
|
style=" width: 80%; height: 60%; align-content: center;"
|
||||||
|
@click="openMultiDialog(true, 'process')"
|
||||||
|
>{{ item.details_process[0].group_name }}</p>
|
||||||
|
</td>
|
||||||
|
<td align="center" class="pa-2">
|
||||||
|
<p
|
||||||
|
:class="['font-weight-medium rounded-lg pointer', item.details_result_verification[0].status === 'Y' ? 'bg-success' : 'bg-grey-lighten-2']"
|
||||||
|
style=" width: 80%; height: 60%; align-content: center;"
|
||||||
|
@click="openMultiDialog(true, 'verif')"
|
||||||
|
>{{ item.details_result_verification[0].group_name }}</p>
|
||||||
|
</td>
|
||||||
|
<td align="center" class="pa-2">
|
||||||
|
<p
|
||||||
|
:class="['font-weight-medium rounded-lg pointer', item.details_result_validation[0].status === 'Y' ? 'bg-success' : 'bg-grey-lighten-2']"
|
||||||
|
style=" width: 80%; height: 60%; align-content: center;"
|
||||||
|
@click="openMultiDialog(true, 'valid')"
|
||||||
|
>{{ item.details_result_validation[0].group_name }}</p>
|
||||||
|
</td>
|
||||||
|
<td align="center" class="pa-2">
|
||||||
|
<p
|
||||||
|
:class="['font-weight-medium rounded-lg pointer', item.details_print[0].status === 'Y' ? 'bg-success' : 'bg-grey-lighten-2']"
|
||||||
|
style=" width: 80%; height: 60%; align-content: center;"
|
||||||
|
@click="print_dialog=true"
|
||||||
|
>{{ item.details_print[0].group_name }}</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
</v-data-table>
|
</v-data-table>
|
||||||
|
<v-pagination :length="total_page"></v-pagination>
|
||||||
|
<sp-dialog></sp-dialog>
|
||||||
|
<print-dialog></print-dialog>
|
||||||
</v-container>
|
</v-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import PrintDialog from './print-dialog.vue';
|
||||||
|
import Sp_dialog from './sp_dialog.vue';
|
||||||
export default {
|
export default {
|
||||||
name: "contentcomp",
|
name: "contentcomp",
|
||||||
components: {},
|
components: {
|
||||||
|
"sp-dialog": Sp_dialog,
|
||||||
|
"print-dialog": PrintDialog,
|
||||||
|
},
|
||||||
mounted() {},
|
mounted() {},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -39,7 +120,7 @@
|
|||||||
headers : [
|
headers : [
|
||||||
{
|
{
|
||||||
title: this.$t('message.table.h_no'),
|
title: this.$t('message.table.h_no'),
|
||||||
align: "start",
|
align: "center",
|
||||||
sortable: false,
|
sortable: false,
|
||||||
key: "name",
|
key: "name",
|
||||||
width: "5%",
|
width: "5%",
|
||||||
@@ -112,5 +193,53 @@
|
|||||||
]
|
]
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
datax: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.stored.data;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
total_page: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.stored.total_page;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
dialog: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.stored.sp_dialog;
|
||||||
|
},
|
||||||
|
set(bool) {
|
||||||
|
this.$store.commit("setDialog", bool);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
multi_dialog: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.stored.multi_dialog;
|
||||||
|
},
|
||||||
|
set(bool, nama) {
|
||||||
|
this.$store.commit("setMultiDialog", bool, nama)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
print_dialog: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.stored.print_dialog;
|
||||||
|
},
|
||||||
|
set(bool) {
|
||||||
|
this.$store.commit("setPrintDialog", bool);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
openMultiDialog(bool, nama) {
|
||||||
|
this.multi_dialog.open = bool;
|
||||||
|
this.multi_dialog.name = nama;
|
||||||
|
}
|
||||||
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.pointer {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
196
status-patient/components/order-dialog.vue
Normal file
196
status-patient/components/order-dialog.vue
Normal file
@@ -0,0 +1,196 @@
|
|||||||
|
<template>
|
||||||
|
<v-timeline side="end" align="start">
|
||||||
|
<v-timeline-item
|
||||||
|
dot-color="white"
|
||||||
|
:fill-dot="true"
|
||||||
|
icon="mdi-check-circle"
|
||||||
|
icon-color="primary"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<div style="min-width: 600px; max-width: 750px;">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="7" align="start">
|
||||||
|
<h4 class="font-weight-medium">Order diterima oleh ADMIN</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="5" align="end">
|
||||||
|
<h4 class="font-weight-medium">21-08-2024 16:53</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<v-row no-gutters class="ml-2 mb-4 mt-2">
|
||||||
|
<v-col cols="3" align="start">
|
||||||
|
<h5 class="font-weight-medium text-grey">Kel. Pelanggan</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="9" align="end">
|
||||||
|
<h5 class="font-weight-medium text-grey">PASIEN MANDIRI/PASIEN UMUM 2024</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="3" align="start">
|
||||||
|
<h5 class="font-weight-medium text-grey">Pengirim</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="9" align="end">
|
||||||
|
<h5 class="font-weight-medium text-grey">dr. A. B. WARDOYO, Sp. PD.</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="3" align="start">
|
||||||
|
<h5 class="font-weight-medium text-grey">Alamat</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="9" align="end">
|
||||||
|
<h5 class="font-weight-medium text-grey">JL. MH. THAMRIN NO. 1 BINTARO JAYA</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="3" align="start">
|
||||||
|
<h5 class="font-weight-medium text-grey">Catatan</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="9" align="end">
|
||||||
|
<h5 class="font-weight-medium text-grey">-</h5>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
|
||||||
|
<div class="bg-secondary-lighten rounded-lg pa-2 mb-2">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="4">
|
||||||
|
<h4>Janji Hasil</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="8" align="end">
|
||||||
|
<p class="font-weight-regular rounded-lg bg-grey-lighten-2 px-2 mr-2" style="display: inline-block; font-size: 12px;">21-08-2024 16:53</p>
|
||||||
|
<p class="font-weight-regular rounded-lg bg-grey-lighten-2 px-2" style="display: inline-block; font-size: 12px;">21-08-2024 20:53</p>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
<v-data-table
|
||||||
|
:items="orderdata"
|
||||||
|
: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 :class="[item.pemeriksaan === 'TOTAL' ? 'bg-primary-lighten' : '']">
|
||||||
|
<td align="start">
|
||||||
|
<p class="font-weight-medium">{{ item.pemeriksaan }}</p>
|
||||||
|
</td>
|
||||||
|
<td align="center">
|
||||||
|
<p class="font-weight-medium">{{ item.bruto }}</p>
|
||||||
|
</td>
|
||||||
|
<td align="center">
|
||||||
|
<p class="font-weight-medium">{{ item.diskon }}</p>
|
||||||
|
</td>
|
||||||
|
<td align="center">
|
||||||
|
<p class="font-weight-medium">{{ item.total }}</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</template>
|
||||||
|
</v-data-table>
|
||||||
|
<v-row no-gutters class="ml-2 mb-4 mt-2">
|
||||||
|
<v-col cols="3" align="start">
|
||||||
|
<h5 class="font-weight-medium text-grey">Alamat Sendiri</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="9" align="end">
|
||||||
|
<h5 class="font-weight-medium text-grey">PASIEN MANDIRI/PASIEN UMUM 2024</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="3" align="start">
|
||||||
|
<h5 class="font-weight-medium text-grey">Alamat Pasien</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="9" align="end">
|
||||||
|
<h5 class="font-weight-medium text-grey">HRC 05/TELKOM MOJOKERTO Sawunggalung, Wonokromo, Surabaya</h5>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
</v-timeline-item>
|
||||||
|
<v-timeline-item
|
||||||
|
dot-color="white"
|
||||||
|
:fill-dot="true"
|
||||||
|
icon="mdi-check-circle"
|
||||||
|
icon-color="primary"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<div style="min-width: 600px; max-width: 750px;">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="7" align="start">
|
||||||
|
<h4 class="font-weight-medium">Pembayaran diterima oleh ADMIN</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="5" align="end">
|
||||||
|
<h4 class="font-weight-medium">21-08-2024 21:53</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<div class="bg-secondary-lighten rounded-lg pa-2 mt-2">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="4">
|
||||||
|
<h4>Janji Hasil</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="8" align="end">
|
||||||
|
<h4>176.000</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
<div class="bg-primary-lighten rounded-lg pa-2 mt-2">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="4">
|
||||||
|
<h4>TOTAL</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="8" align="end">
|
||||||
|
<h4>176.000</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</v-timeline-item>
|
||||||
|
</v-timeline>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "orderdialog",
|
||||||
|
components: {},
|
||||||
|
mounted() {},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
headers: [
|
||||||
|
{
|
||||||
|
title: 'PEMERIKSAAN',
|
||||||
|
align: "start",
|
||||||
|
sortable: false,
|
||||||
|
key: "pemeriksaan",
|
||||||
|
width: "40%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'BRUTO',
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
key: "bruto",
|
||||||
|
width: "20%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'DISKON',
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
key: "diskon",
|
||||||
|
width: "20%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'TOTAL',
|
||||||
|
align: "center",
|
||||||
|
sortable: false,
|
||||||
|
key: "total",
|
||||||
|
width: "20%",
|
||||||
|
class: "font-weight-bold",
|
||||||
|
},
|
||||||
|
]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
orderdata: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.stored.data_order;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
93
status-patient/components/print-dialog.vue
Normal file
93
status-patient/components/print-dialog.vue
Normal file
@@ -0,0 +1,93 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<v-dialog v-model="print_dialog" width="auto">
|
||||||
|
<v-card min-width="600" max-width="750" class="rounded-lg">
|
||||||
|
<v-card-item class="bg-primary mb-4">
|
||||||
|
<v-card-title>TIMELINE</v-card-title>
|
||||||
|
</v-card-item>
|
||||||
|
<v-card-text>
|
||||||
|
<div style="min-width: 600px; max-width: 750px;">
|
||||||
|
<v-row no-gutters class="ml-2 mb-4 mt-2">
|
||||||
|
<v-col cols="3" align="start">
|
||||||
|
<h4 class="font-weight-medium">No Lab</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="9" align="end">
|
||||||
|
<h4 class="font-weight-medium text-grey">05600028LAB</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="3" align="start">
|
||||||
|
<h4 class="font-weight-medium">Nama Pasien</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="9" align="end">
|
||||||
|
<h4 class="font-weight-medium text-grey">Ny IMELDA JANICE</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<div class="bg-secondary-lighten rounded-lg pa-2 my-2">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12">
|
||||||
|
<h4>SERAH TERIMA INTERNAL</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
<v-row no-gutters class="ml-2 mb-4 mt-2 pa-2">
|
||||||
|
<v-col cols="3" align="start">
|
||||||
|
<h5 class="font-weight-medium">Group</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="9" align="end">
|
||||||
|
<h5>
|
||||||
|
<span class="font-weight-medium text-grey">LAB</span>
|
||||||
|
<span class="font-weight-medium text-primary"> PICK UP</span>
|
||||||
|
</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="3" align="start">
|
||||||
|
<h5 class="font-weight-medium">Janji Hasil</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="9" align="end">
|
||||||
|
<h5 class="font-weight-medium text-grey">ADMIN 21-08-2024 22:13</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="3" align="start">
|
||||||
|
<h5 class="font-weight-medium">Diserahkan oleh</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="9" align="end">
|
||||||
|
<h5 class="font-weight-medium text-grey">ADMIN 21-08-2024 22:35</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="3" align="start">
|
||||||
|
<h5 class="font-weight-medium">Diterima oleh</h5>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="9" align="end">
|
||||||
|
<h5 class="font-weight-medium text-grey">ADMIN 21-08-2024 22:53</h5>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
</v-card-text>
|
||||||
|
<template v-slot:actions>
|
||||||
|
<v-btn
|
||||||
|
class="ms-auto text-primary font-weight-medium"
|
||||||
|
text="TUTUP"
|
||||||
|
@click="print_dialog=false"
|
||||||
|
></v-btn>
|
||||||
|
</template>
|
||||||
|
</v-card>
|
||||||
|
</v-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "printdialog",
|
||||||
|
components: {},
|
||||||
|
mounted() {},
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
print_dialog: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.stored.print_dialog;
|
||||||
|
},
|
||||||
|
set(bool) {
|
||||||
|
this.$store.commit("setPrintDialog", bool);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
41
status-patient/components/process-dialog.vue
Normal file
41
status-patient/components/process-dialog.vue
Normal file
@@ -0,0 +1,41 @@
|
|||||||
|
<template>
|
||||||
|
<v-timeline side="end" align="start">
|
||||||
|
<v-timeline-item
|
||||||
|
dot-color="white"
|
||||||
|
:fill-dot="true"
|
||||||
|
icon="mdi-check-circle"
|
||||||
|
icon-color="primary"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<div style="min-width: 600px; max-width: 750px;">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12" align="end">
|
||||||
|
<h4 class="font-weight-medium">21-08-2024 16:53</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<div class="bg-success-lighten rounded-lg pa-2 my-2">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="4">
|
||||||
|
<h4>Serum Kuning</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="8" align="end">
|
||||||
|
<p class="font-weight-regular rounded-lg bg-grey-lighten-2 px-2" style="display: inline-block; font-size: 12px;">05600027LSK</p>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</v-timeline-item>
|
||||||
|
</v-timeline>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "processdialog",
|
||||||
|
components: {},
|
||||||
|
mounted() {},
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
100
status-patient/components/sample-dialog.vue
Normal file
100
status-patient/components/sample-dialog.vue
Normal file
@@ -0,0 +1,100 @@
|
|||||||
|
<template>
|
||||||
|
<v-timeline side="end" align="start">
|
||||||
|
<v-timeline-item
|
||||||
|
dot-color="white"
|
||||||
|
:fill-dot="true"
|
||||||
|
icon="mdi-check-circle"
|
||||||
|
icon-color="primary"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<div style="min-width: 600px; max-width: 750px;">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="7" align="start">
|
||||||
|
<h4 class="font-weight-medium">Pembuatan barcode oleh system</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="5" align="end">
|
||||||
|
<h4 class="font-weight-medium">21-08-2024 16:53</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<div class="bg-primary-lighten rounded-lg pa-2 my-2">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="4">
|
||||||
|
<h4>Serum Kuning</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="8" align="end">
|
||||||
|
<p class="font-weight-regular rounded-lg bg-grey-lighten-2 px-2" style="display: inline-block; font-size: 12px;">05600027LSK</p>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</v-timeline-item>
|
||||||
|
<v-timeline-item
|
||||||
|
dot-color="white"
|
||||||
|
:fill-dot="true"
|
||||||
|
icon="mdi-check-circle"
|
||||||
|
icon-color="primary"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<div style="min-width: 600px; max-width: 750px;">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="7" align="start">
|
||||||
|
<h4 class="font-weight-medium">Proses oleh admin</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="5" align="end">
|
||||||
|
<h4 class="font-weight-medium">21-08-2024 20:53</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<div class="bg-secondary-lighten rounded-lg pa-2 my-2">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="4">
|
||||||
|
<h4>Serum Kuning</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="8" align="end">
|
||||||
|
<p class="font-weight-regular rounded-lg bg-grey-lighten-2 px-2" style="display: inline-block; font-size: 12px;">05600027LSK</p>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</v-timeline-item>
|
||||||
|
<v-timeline-item
|
||||||
|
dot-color="white"
|
||||||
|
:fill-dot="true"
|
||||||
|
icon="mdi-check-circle"
|
||||||
|
icon-color="primary"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<div style="min-width: 600px; max-width: 750px;">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="7" align="start">
|
||||||
|
<h4 class="font-weight-medium">Pengambilan sample</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="5" align="end">
|
||||||
|
<h4 class="font-weight-medium">21-08-2024 21:53</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<div class="bg-success-lighten rounded-lg pa-2 my-2">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="4">
|
||||||
|
<h4>Serum Kuning</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="8" align="end">
|
||||||
|
<p class="font-weight-regular rounded-lg bg-grey-lighten-2 px-2" style="display: inline-block; font-size: 12px;">05600027LSK</p>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</v-timeline-item>
|
||||||
|
</v-timeline>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "samplecolldialog",
|
||||||
|
components: {},
|
||||||
|
mounted() {},
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
100
status-patient/components/sp_dialog.vue
Normal file
100
status-patient/components/sp_dialog.vue
Normal file
@@ -0,0 +1,100 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<v-dialog v-model="multi_dialog.open" width="auto">
|
||||||
|
<v-card min-width="600" max-width="750" class="rounded-lg">
|
||||||
|
<v-card-item class="bg-primary mb-8">
|
||||||
|
<v-card-title>{{ titleDialog(multi_dialog.name) }}</v-card-title>
|
||||||
|
</v-card-item>
|
||||||
|
<v-card-text>
|
||||||
|
<v-row class="ga-4 mb-5">
|
||||||
|
<div class="rounded-lg bg-secondary-lighten" style="width: 80px; height: 80px;"></div>
|
||||||
|
<div>
|
||||||
|
<h4 class="font-weight-medium">05600027LA</h4>
|
||||||
|
<h4 class="font-weight-bold">Ny IMELDA JANICE</h4>
|
||||||
|
</div>
|
||||||
|
</v-row>
|
||||||
|
<div v-if="multi_dialog.name === 'order'">
|
||||||
|
<status-order-dialog></status-order-dialog>
|
||||||
|
</div>
|
||||||
|
<div v-else-if="multi_dialog.name === 'sample'">
|
||||||
|
<sampl-collec-dialog></sampl-collec-dialog>
|
||||||
|
</div>
|
||||||
|
<div v-else-if="multi_dialog.name === 'process'">
|
||||||
|
<process-dialog></process-dialog>
|
||||||
|
</div>
|
||||||
|
<div v-else-if="multi_dialog.name === 'verif'">
|
||||||
|
<verification-dialog></verification-dialog>
|
||||||
|
</div>
|
||||||
|
<div v-else-if="multi_dialog.name === 'valid'">
|
||||||
|
<validation-dialog></validation-dialog>
|
||||||
|
</div>
|
||||||
|
</v-card-text>
|
||||||
|
<template v-slot:actions>
|
||||||
|
<v-btn
|
||||||
|
class="ms-auto text-primary font-weight-medium"
|
||||||
|
text="TUTUP"
|
||||||
|
@click="multi_dialog.open=false"
|
||||||
|
></v-btn>
|
||||||
|
</template>
|
||||||
|
</v-card>
|
||||||
|
</v-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import OrderDialog from './order-dialog.vue';
|
||||||
|
import ProcessDialog from './process-dialog.vue';
|
||||||
|
import SampleDialog from './sample-dialog.vue';
|
||||||
|
import ValidDialog from './valid-dialog.vue';
|
||||||
|
import VerifDialog from './verif-dialog.vue';
|
||||||
|
export default {
|
||||||
|
name: "statuspasiendialog",
|
||||||
|
components: {
|
||||||
|
"status-order-dialog": OrderDialog,
|
||||||
|
"sampl-collec-dialog": SampleDialog,
|
||||||
|
"process-dialog": ProcessDialog,
|
||||||
|
"verification-dialog": VerifDialog,
|
||||||
|
"validation-dialog": ValidDialog,
|
||||||
|
},
|
||||||
|
mounted() {},
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
dialog: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.stored.sp_dialog;
|
||||||
|
},
|
||||||
|
set(bool) {
|
||||||
|
this.$store.commit("setDialog", bool);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
multi_dialog: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.stored.multi_dialog;
|
||||||
|
},
|
||||||
|
set(bool, nama) {
|
||||||
|
this.$store.commit("setMultiDialog", bool, nama)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
titleDialog(name) {
|
||||||
|
switch (name) {
|
||||||
|
case 'order':
|
||||||
|
return "TIMELINE ORDER"
|
||||||
|
case 'sample':
|
||||||
|
return "TIMELINE SAMPLING"
|
||||||
|
case 'process':
|
||||||
|
return "TIMELINE PROCESS"
|
||||||
|
case 'verif':
|
||||||
|
return "TIMELINE VERIFICATION"
|
||||||
|
case 'valid':
|
||||||
|
return "TIMELINE VALIDATION"
|
||||||
|
default:
|
||||||
|
return "TIMELINE"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
56
status-patient/components/valid-dialog.vue
Normal file
56
status-patient/components/valid-dialog.vue
Normal file
@@ -0,0 +1,56 @@
|
|||||||
|
<template>
|
||||||
|
<v-timeline side="end" align="start">
|
||||||
|
<v-timeline-item
|
||||||
|
dot-color="white"
|
||||||
|
:fill-dot="true"
|
||||||
|
icon="mdi-check-circle"
|
||||||
|
icon-color="primary"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<div style="min-width: 600px; max-width: 750px;">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="7" align="start">
|
||||||
|
<h4 class="font-weight-medium">Admin</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="5" align="end">
|
||||||
|
<h4 class="font-weight-medium">21-08-2024 16:53</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<div class="bg-success-lighten rounded-lg pa-2 my-2">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12">
|
||||||
|
<h4>SGOT</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="7" align="start">
|
||||||
|
<h4 class="font-weight-medium">Admin</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="5" align="end">
|
||||||
|
<h4 class="font-weight-medium">21-08-2024 17:53</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<div class="bg-success-lighten rounded-lg pa-2 my-2">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12">
|
||||||
|
<h4>SGPT</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</v-timeline-item>
|
||||||
|
</v-timeline>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "validationdialog",
|
||||||
|
components: {},
|
||||||
|
mounted() {},
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
56
status-patient/components/verif-dialog.vue
Normal file
56
status-patient/components/verif-dialog.vue
Normal file
@@ -0,0 +1,56 @@
|
|||||||
|
<template>
|
||||||
|
<v-timeline side="end" align="start">
|
||||||
|
<v-timeline-item
|
||||||
|
dot-color="white"
|
||||||
|
:fill-dot="true"
|
||||||
|
icon="mdi-check-circle"
|
||||||
|
icon-color="primary"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<div style="min-width: 600px; max-width: 750px;">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="7" align="start">
|
||||||
|
<h4 class="font-weight-medium">Admin</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="5" align="end">
|
||||||
|
<h4 class="font-weight-medium">21-08-2024 16:53</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<div class="bg-success-lighten rounded-lg pa-2 my-2">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12">
|
||||||
|
<h4>SGOT</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="7" align="start">
|
||||||
|
<h4 class="font-weight-medium">Admin</h4>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="5" align="end">
|
||||||
|
<h4 class="font-weight-medium">21-08-2024 17:53</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<div class="bg-success-lighten rounded-lg pa-2 my-2">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12">
|
||||||
|
<h4>SGPT</h4>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</v-timeline-item>
|
||||||
|
</v-timeline>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "verficationdialog",
|
||||||
|
components: {},
|
||||||
|
mounted() {},
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -78,13 +78,125 @@ const store = {
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
"no_reg_ext": "056G3C17LA"
|
"no_reg_ext": "056G3C17LA"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"xno": 2,
|
||||||
|
"xid": "132283",
|
||||||
|
"order_date": "28-08-2024 15:51",
|
||||||
|
"no_reg": "05600028LA",
|
||||||
|
"patient_name": "Ny COBA HENY",
|
||||||
|
"company_name": "PASIEN MANDIRI",
|
||||||
|
"mou_name": "PRAMITA PROMO PAKET IMLEK 2024",
|
||||||
|
"status_cito": "N",
|
||||||
|
"order_promise": "29-08-2024 12:00",
|
||||||
|
"details_order": [
|
||||||
|
{
|
||||||
|
"ids": "1626780",
|
||||||
|
"group_name": "Fisioterapi SWD",
|
||||||
|
"group_id": "26",
|
||||||
|
"flag_nonlab": "N",
|
||||||
|
"status": "Y"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"details_sampling": [
|
||||||
|
{
|
||||||
|
"ids": "1626780",
|
||||||
|
"group_name": "Fisioterapi SWD",
|
||||||
|
"group_id": "26",
|
||||||
|
"flag_nonlab": "N",
|
||||||
|
"status": "Y"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"details_verifications": [
|
||||||
|
{
|
||||||
|
"ids": "1626780",
|
||||||
|
"group_name": "Fisioterapi SWD",
|
||||||
|
"group_id": "26",
|
||||||
|
"flag_nonlab": "N",
|
||||||
|
"status": "Y"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"details_process": [
|
||||||
|
{
|
||||||
|
"ids": "1626780",
|
||||||
|
"group_name": "Fisioterapi SWD",
|
||||||
|
"group_id": "26",
|
||||||
|
"flag_nonlab": "N",
|
||||||
|
"status": "Y"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"details_result_verification": [
|
||||||
|
{
|
||||||
|
"ids": "1626780",
|
||||||
|
"group_name": "Fisioterapi SWD",
|
||||||
|
"group_id": "26",
|
||||||
|
"flag_nonlab": "N",
|
||||||
|
"status": "Y"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"details_result_validation": [
|
||||||
|
{
|
||||||
|
"ids": "1626780",
|
||||||
|
"group_name": "Fisioterapi SWD",
|
||||||
|
"group_id": "26",
|
||||||
|
"flag_nonlab": "N",
|
||||||
|
"status": "Y"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"details_print": [
|
||||||
|
{
|
||||||
|
"ids": "1626780",
|
||||||
|
"group_name": "Fisioterapi SWD",
|
||||||
|
"group_id": "26",
|
||||||
|
"flag_nonlab": "N",
|
||||||
|
"status": "Y"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"no_reg_ext": "056R2H68LA"
|
||||||
}
|
}
|
||||||
|
],
|
||||||
|
total_page: 1,
|
||||||
|
sp_dialog: false,
|
||||||
|
print_dialog: false,
|
||||||
|
multi_dialog: {
|
||||||
|
open: false,
|
||||||
|
name: "",
|
||||||
|
},
|
||||||
|
data_order: [
|
||||||
|
{
|
||||||
|
"pemeriksaan": "SGOT",
|
||||||
|
"bruto": 88000,
|
||||||
|
"diskon": 0,
|
||||||
|
"total": 88000,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"pemeriksaan": "SGPT",
|
||||||
|
"bruto": 88000,
|
||||||
|
"diskon": 0,
|
||||||
|
"total": 88000,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"pemeriksaan": "TOTAL",
|
||||||
|
"bruto": 176000,
|
||||||
|
"diskon": 0,
|
||||||
|
"total": 176000,
|
||||||
|
},
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mutations: {
|
mutations: {
|
||||||
setDate(state, date) {
|
setDate(state, date) {
|
||||||
state.date = date;
|
state.date = date;
|
||||||
|
},
|
||||||
|
setDialog(state, bool) {
|
||||||
|
state.sp_dialog = bool;
|
||||||
|
},
|
||||||
|
setPrintDialog(state, bool) {
|
||||||
|
state.print_dialog = bool;
|
||||||
|
},
|
||||||
|
setMultiDialog(state, bool, name) {
|
||||||
|
state.multi_dialog.open = bool;
|
||||||
|
state.multi_dialog.name = name;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
actions: {
|
actions: {
|
||||||
|
|||||||
Reference in New Issue
Block a user