Initial import

This commit is contained in:
sas.fajri
2026-04-27 10:08:27 +07:00
commit 01c2963a43
356 changed files with 197152 additions and 0 deletions

View File

View File

@@ -0,0 +1,19 @@
const URL = "/one-api/mockup/fo/registration/";
export async function search(noreg,search) {
try {
var resp = await axios.post(URL + 'patient/search' , { noreg: noreg, search: search});
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}

View File

@@ -0,0 +1,75 @@
<template>
<v-menu
v-model="menu2"
:close-on-content-click="false"
:nudge-right="40"
lazy
transition="scale-transition"
offset-y
full-width
max-width="290px"
min-width="290px"
>
<v-text-field
slot="activator"
v-model="computedDateFormatted"
:label=init_label
hint="MM/DD/YYYY format"
persistent-hint
readonly
></v-text-field>
<v-date-picker v-model="init_date" no-title @input="menu2 = false"></v-date-picker>
</v-menu>
</template>
<script>
module.exports = {
props : ['label', 'date', 'data'],
data () {
return {
init_date: this.date ? this.date : new Date().toISOString().substr(0, 10),
dateFormatted: this.formatDate(new Date().toISOString().substr(0, 10)),
menu1: false,
menu2: false,
init_label: this.label ? this.label : 'Date',
init_data: this.data ? this.data : ''
}
},
computed: {
computedDateFormatted () {
return this.formatDate(this.init_date)
}
},
watch: {
init_date (n, o) {
this.dateFormatted = this.formatDate(this.init_date)
this.$emit('change', {"old_date":o, "new_date":n, "data":this.init_data});
}
},
methods: {
formatDate (date) {
if (!date) return null
const [year, month, day] = date.split('-')
return `${day}-${month}-${year}`
},
parseDate (date) {
if (!date) return null
const [month, day, year] = date.split('/')
return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`
},
emitChange (n, o) {
console.log("old:"+o)
console.log("new:"+n)
}
}
}
</script>

View File

@@ -0,0 +1,50 @@
<template>
<v-layout>
<v-flex xs12 text-xs-center mb-2>
<v-card color="blue lighten-4">
<v-card-text class="pb-0 pt-1">
<v-btn
v-for="tab in tabs"
:color="tab.code == active ? 'white' : 'grey lighten-5'"
class="white--text ma-0 tab-btn"
:class="[tab.code == active ? 'active' : '']"
@click="loader = 'loading3'"
flat
:key="tab.code"
:data="tab"
>
<v-icon left dark>{{ tab.icon }}</v-icon>
<h6 class="title">{{ tab.label }}</h6>
</v-btn>
</v-card-text>
</v-card>
</v-flex>
</v-layout>
</template>
<style scoped>
.active {
border-bottom: solid 3px #ffeb3b!important;
}
.tab-btn {
min-width: 300px;
}
</style>
<script>
module.exports = {
data () {
return {
tabs : [
{"label":"PASIEN & DOKTER", "icon":"account_circle", "code":"01"},
{"label":"PEMERIKSAAN", "icon":"healing", "code":"02"},
{"label":"PEMBAYARAN", "icon":"attach_money", "code":"03"}
],
active : "01"
}
}
}
</script>

View File

@@ -0,0 +1,28 @@
<template>
<v-layout row wrap>
<v-flex xs6 class="left">
<v-layout column wrap fill-height>
<search-box></search-box>
<v-flex grow class="searchresult">
search result
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</template>
<style scoped>
.searchresult {
background-color:red;
}
</style>
<script>
module.exports = {
components : {
'search-box' : httpVueLoader('./searchBoxV3.vue')
}
}
</script>

View File

@@ -0,0 +1,88 @@
<template>
<v-layout column>
<h5 class="headline ml-2 mb-1">Pengiriman Hasil</h5>
<v-layout row>
<v-flex xs6 pa-2>
<v-layout>
<v-checkbox
hide-details class="shrink mr-1"
></v-checkbox>
<v-text-field
outline
label="Alamat Pasien"
hide-details
></v-text-field>
</v-layout>
<v-layout mt-2>
<v-checkbox
hide-details class="shrink mr-1"
></v-checkbox>
<v-text-field
outline
label="Alamat Dokter"
hide-details
></v-text-field>
</v-layout>
<v-layout mt-2>
<v-checkbox
hide-details class="shrink mr-1"
></v-checkbox>
<v-text-field
outline
label="Alamat Rekanan"
hide-details
></v-text-field>
</v-layout>
</v-flex>
<v-flex xs6 pa-2>
<v-layout>
<v-checkbox
hide-details class="shrink mr-1"
></v-checkbox>
<v-text-field
outline
label="Email Pasien"
hide-details
></v-text-field>
</v-layout>
<v-layout mt-2>
<v-checkbox
hide-details class="shrink mr-1"
></v-checkbox>
<v-text-field
outline
label="Email Dokter"
hide-details
></v-text-field>
</v-layout>
<v-layout mt-2>
<v-checkbox
hide-details class="shrink mr-1"
></v-checkbox>
<v-text-field
outline
label="Email Rekanan"
hide-details
></v-text-field>
</v-layout>
</v-flex>
</v-layout>
</v-layout>
</template>
<script>
module.exports = {}
</script>

View File

@@ -0,0 +1,153 @@
<template>
<v-layout row wrap>
<v-flex xs12>
<v-layout>
<v-flex xs3 pa-2>
<v-layout row wrap>
<v-flex xs12>
<v-img
src="https://www.sgm-inc.com/wp-content/uploads/2014/06/no-profile-male-img.gif"
aspect-ratio="1"
class="grey lighten-2 elevation-2"
>
</v-flex>
<v-flex xs12>
<v-btn
color="green"
dark
block
>
Update Foto
</v-btn>
</v-flex>
<v-flex xs12>
<patient-history-dialog></patient-history-dialog>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs9>
<v-flex xs12>
<v-layout>
<v-flex xs7 pa-1>
<v-text-field
label="Nama"
placeholder=""
:value="p_name"
readonly
></v-text-field>
</v-flex>
<v-flex xs5 pa-1>
<v-text-field
label="RM"
placeholder=""
:value="p_mr"
readonly
></v-text-field>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12 pa-1>
<v-textarea
auto-grow
label="Alamat"
rows="5"
:value="p_address"
readonly
></v-textarea>
</v-flex>
<v-flex xs12 pa-1>
<v-text-field
label="Telepon / HP"
placeholder=""
:value="p_phone"
readonly
></v-text-field>
</v-flex>
<v-flex xs12>
<v-layout>
<v-flex xs7 pa-1>
<v-text-field
label="Tanggal Lahir"
placeholder=""
:value="p_dob"
readonly
></v-text-field>
</v-flex>
<v-flex xs5 pa-1>
<v-text-field
label="Umur"
placeholder=""
:value="p_age"
readonly
></v-text-field>
</v-flex>
</v-layout>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12>
<v-divider></v-divider>
<v-layout row wrap>
<v-flex xs12 class="pt-3 pl-2">
<v-textarea
auto-grow
label="Catatan Pasien"
rows="3"
:value="p_note"
></v-textarea>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</template>
<style scoped>
.v-messages { display:none; }
.v-input__slot {
margin-bottom: 0px;
}
</style>
<script>
module.exports = {
components : {
'patient-search-dialog': httpVueLoader('./patientSearchDialog.vue'),
'patient-history-dialog': httpVueLoader('./patientHistoryDialog.vue')
},
data() {
return {
p_name : 'HERI SURYAWAN ST.',
p_address : `KPA Regency 221 Klipang\nSendangmulyo Semarang`,
p_phone : '0898-5945-837',
p_note : `Pasien ini agak bawel, tidak usah ditanggapi kalau sedang ngomel - ngomel`,
p_dob : '19-09-1999',
p_age : '20th 3bl 2hr',
p_mr : 'MR-1902020001'
}
}
}
</script>

View File

@@ -0,0 +1,79 @@
<template>
<v-card class="xs12 md12 mt-2" flat>
<v-card-title primary-title class="pt-1 pb-1 pl-2 pr-2">
<div>
<h3 class="headline mb-0">Histori Pasien</h3>
</div>
</v-card-title>
<v-card-text class="pt-1 pb-1 pl-2 pr-2">
<v-data-table :headers="headers" :items="histories"
:loading="isLoading"
hide-actions class="elevation-1">
<template slot="items" slot-scope="props">
<td class="text-xs-left pa-2" @click="selectMe(props.item)">{{ props.item.date }}</td>
<td class="text-xs-left pa-2" @click="selectMe(props.item)">{{ props.item.px }}</td>
<td class="pa-2" @click="selectMe(props.item)">{{ props.item.note }}</td>
</template>
</v-data-table>
</v-card-text>
</v-card>
</template>
<style scoped>
table.v-table tbody td,table.v-table tbody th {
height: 40px;
}
table.v-table thead tr {
height: 40px;
}
</style>
<script>
module.exports = {
data() {
return {
query: "",
headers: [
{
text: "TANGGAL",
align: "left",
sortable: false,
value: "date",
width: "25%",
class: "pa-2 blue lighten-3 white--text"
},
{
text: "PEMERIKSAAN",
align: "left",
sortable: false,
value: "px",
width: "25%",
class: "pa-2 blue lighten-3 white--text"
},
{
text: "CATATAN",
align: "left",
sortable: false,
value: "note",
class: "pa-2 blue lighten-3 white--text"
}
],
isLoading: true,
histories: [
{"date":"27-01-2019", "px":"Hemoglobin", "note":"Hasil Normal"},
{"date":"27-01-2019", "px":"Trombosit", "note":"Hasil Normal"},
{"date":"27-01-2019", "px":"Eritrosit", "note":"Hasil Normal"},
{"date":"27-01-2019", "px":"SGOT", "note":"Hasil Normal"},
{"date":"27-01-2019", "px":"SGPT", "note":"Hasil Normal"},
{"date":"27-01-2019", "px":"Urine Lengkap", "note":"Hasil Normal"}
]
};
}
}
</script>

View File

@@ -0,0 +1,65 @@
<template>
<v-dialog
v-model="dialog"
>
<v-btn
slot="activator"
color="blue"
dark
block
class="mt-0"
>
Histori
</v-btn>
<v-card>
<v-card-title
class="headline grey lighten-2 pt-2 pb-2"
primary-title
>
Data Pasien
</v-card-title>
<v-card-text class="pt-2 pb-2">
<patient-history></patient-history>
</v-card-text>
<v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn
color="primary"
flat
@click="dialog = false"
>
Tutup
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<style scoped>
.v-dialog__container {
display: block !important;
}
</style>
<script>
module.exports = {
components : {
'patient-history': httpVueLoader('./patientHistory.vue')
},
data() {
return {
dialog: false
}
}
}
</script>

View File

@@ -0,0 +1,62 @@
<template>
<v-layout column fill-height>
<!-- <v-flex xs12> -->
<v-card class="pa-1 mb-2">
<v-card-text class="pa-0">
<v-layout row wrap>
<v-flex xs12>
<patient-search-box></patient-search-box>
</v-flex>
</v-layout>
</v-card-text>
<!-- <v-card-actions class="text-xs-right">
<v-btn color="orange" class="white--text">Lanjut</v-btn>
</v-card-actions> -->
</v-card>
<!-- </v-flex> -->
<!-- <v-flex xs12 grow> -->
<v-card class="pa-1 p-left-side grow" grow>
<v-card-text class="pa-0">
<v-layout row wrap>
<v-flex xs12>
<patient-detail></patient-detail>
</v-flex>
<v-flex xs12>
<patient-notes></patient-notes>
</v-flex>
</v-layout>
</v-card-text>
<!-- <v-card-actions class="text-xs-right">
<v-btn color="orange" class="white--text">Lanjut</v-btn>
</v-card-actions> -->
</v-card>
<!-- </v-flex> -->
</v-layout>
</template>
<style scoped>
/* .p-left-side {
min-height: 500px;
} */
</style>
<script>
module.exports = {
components : {
'patient-search-box' : httpVueLoader('./patientSearchBox.vue'),
'patient-detail': httpVueLoader('./patientDetail.vue'),
// 'patient-search-result' : httpVueLoader('./patientSearchResult.vue')
'patient-notes' : httpVueLoader('./patientNotes.vue')
}
}
</script>

View File

@@ -0,0 +1,67 @@
<template>
<v-dialog
v-model="dialog"
full-width
>
<v-btn
slot="activator"
color="primary"
dark
block
class="mr-1 ml-1"
>
BARU
</v-btn>
<v-card>
<v-card-title
class="headline grey lighten-2 pt-2 pb-2"
primary-title
>
Data Pasien
</v-card-title>
<v-card-text class="pt-2 pb-2">
<patient-new-form-dialog></patient-new-form-dialog>
</v-card-text>
<v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn
color="primary"
flat
@click="dialog = false"
>
Simpan
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<style scoped>
/* .v-dialog__container {
display: block !important;
} */
</style>
<script>
module.exports = {
components : {
'patient-search-result': httpVueLoader('./patientSearchResult.vue'),
'patient-new-form-dialog': httpVueLoader('./patientNewFormDialog.vue')
},
data() {
return {
dialog: false
}
}
}
</script>

View File

@@ -0,0 +1,207 @@
<template>
<v-layout row>
<v-flex xs6 pr-3>
<v-layout column>
<v-flex>
<v-text-field
model="mr"
label="No RM"
readonly
></v-text-field>
</v-flex>
<v-flex>
<v-layout row>
<v-flex xs2>
<v-select
:items="d_pretitle"
item-text="text"
item-value="value"
label="Titel"
model="pretitle"
>
</v-select>
</v-flex>
<v-flex xs8 pl-2 pr-2>
<v-text-field
label="Nama Lengkap"
model="name"
></v-text-field>
</v-flex>
<v-flex xs2>
<v-text-field
label="Gelar"
model="posttitle"
></v-text-field>
</v-flex>
</v-layout>
</v-flex>
<v-flex>
<v-flex xs2>
<v-select
:items="d_sex"
item-text="text"
item-value="value"
label="Jenis Kelamin"
model="sex"
>
</v-select>
</v-flex>
</v-flex>
<v-flex>
<v-layout row>
<v-flex xs10 pr-2>
<v-text-field
label="Tempat Lahir"
model="pob"
>
</v-text-field>
</v-flex>
<v-flex xs2>
<one-date-picker
label="Tanggal Lahir"
></one-date-picker>
</v-flex>
</v-layout>
</v-flex>
<v-flex>
<v-flex xs12>
<v-select
:items="d_religion"
item-text="text"
item-value="value"
label="Agama"
model="religion"
>
</v-select>
</v-flex>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs6 pl-3>
<v-layout column>
<v-flex>
<v-textarea
label="Alamat lengkap"
model="address"
row="2"
></v-textarea>
</v-flex>
<v-flex>
<v-select
label="Propinsi"
model="province"
:items="d_province"
item-text="text"
item-value="value"
></v-select>
</v-flex>
<v-flex>
<v-select
label="Kota"
model="city"
:items="d_city"
item-text="text"
item-value="value"
></v-select>
</v-flex>
<v-flex>
<v-select
label="Kecamatan"
model="subdistrict"
:items="d_subdistrict"
item-text="text"
item-value="value"
></v-select>
</v-flex>
<v-flex>
<v-select
label="Desa / Kelurahan"
model="village"
:items="d_village"
item-text="text"
item-value="value"
></v-select>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</template>
<script>
module.exports = {
components : {
'one-date-picker': httpVueLoader('./oneDatePicker2.vue')
},
data () {
return {
pretitle: {text:'', value:'0'},
name: '',
posttitle: '',
sex: {text:'', value:'0'},
pob: '',
dob: '',
religion: {text:'', value:'0'},
address: '',
province: {text:'', value:'0'},
city: {text:'', value:'0'},
subdistrict: {text:'', value:'0'},
village: {text:'', value:'0'},
d_pretitle: [
{ text: 'Bpk', value: '1' },
{ text: 'Tn', value: '2' },
{ text: 'Ibu', value: '3' },
{ text: 'Ny', value: '4' },
{ text: 'Nn', value: '5' },
{ text: 'Anak', value: '6' },
{ text: 'Lainnya', value: '7' }
],
d_sex: [
{ text: 'Laki - laki', value: '1' },
{ text: 'Perempuan', value: '2' }
],
d_religion: [
{ text: 'Islam', value: '1' },
{ text: 'Kristen', value: '2' },
{ text: 'Katolik', value: '3' },
{ text: 'Hindu', value: '4' },
{ text: 'Buddha', value: '5' },
{ text: 'Lainnya', value: '6' }
],
d_province: [
{ text: 'Jawa Barat', value: '1' },
{ text: 'Jawa Tengah', value: '1' },
{ text: 'Jawa Timur', value: '1' }
],
d_city: [],
d_subdistrict: [],
d_village: []
}
}
}
</script>

View File

@@ -0,0 +1,47 @@
<template>
<v-card class="mt-2" flat>
<!-- <v-card-title primary-title class="pt-1 pb-1 pl-2 pr-2">
<div>
<h3 class="headline mb-0">Catatan Pasien</h3>
</div>
</v-card-title> -->
<v-card-text class="pt-1 pb-1 pl-2 pr-2">
<v-layout>
<v-flex xs12 pa-1>
<v-textarea
label="Catatan FO"
rows="3"
:value="n_clinical"
></v-textarea>
</v-flex>
<!-- <v-flex xs6 pa-1>
<v-textarea
label="Catatan Sampling"
rows="3"
:value="n_sampling"
></v-textarea>
</v-flex> -->
</v-layout>
</v-card-text>
</v-card>
</template>
<script>
module.exports = {
components : {
},
data() {
return {
n_clinical : 'Catatan Klinis Pasien\nCatatan Klinis Pasien\nCatatan Klinis Pasien',
n_sampling : 'Catatan Sampling Pasien\nCatatan Sampling Pasien\nCatatan Sampling Pasien'
}
}
}
</script>

View File

@@ -0,0 +1,99 @@
<template>
<v-card class="pa-1" height="100%">
<v-layout column>
<v-flex xs12 class="pa-2">
<v-layout>
<v-flex xs5 mr-1>
<v-text-field
label="Dokter Pengirim"
placeholder=""
:value="d_name"
readonly
></v-text-field>
</v-flex>
<v-flex xs7 ml-1>
<v-text-field
label="Alamat"
placeholder=""
:value="d_address"
readonly
></v-text-field>
</v-flex>
</v-layout>
<v-layout>
<v-flex xs12 mr-1>
<v-text-field
label="Dokter Penanggung Jawab"
placeholder=""
:value="d_name"
readonly
></v-text-field>
</v-flex>
</v-layout>
<v-layout>
<v-flex xs5>
<v-text-field
label="Bahasa"
placeholder=""
:value="lang"
readonly
></v-text-field>
</v-flex>
<v-spacer></v-spacer>
<v-flex xs2>
<!-- <v-btn
color="blue"
dark
block
>
Pengiriman
</v-btn> -->
</v-flex>
</v-layout>
<v-layout>
<v-flex xs12 mr-1>
<v-textarea
label="Diagnosa"
rows="3"
:value="diagnose"
></v-textarea>
</v-flex>
</v-layout>
</v-flex>
<v-flex xs12>
<patient-delivery></patient-delivery>
</v-flex>
</v-layout>
</v-card>
</template>
<script>
module.exports = {
components: {
'patient-history': httpVueLoader('./patientHistory.vue'),
'patient-detail': httpVueLoader('./patientDetail.vue'),
'patient-notes': httpVueLoader('./patientNotes.vue'),
'patient-delivery' : httpVueLoader('./patientDelivery.vue')
},
data() {
return {
d_name : 'dr. Amanullah SPBd.',
d_address : 'Jl. Sultan Trenggono 56 Semarang',
lang : 'Bahasa Indonesia',
diagnose : 'Penyakit turunan'
}
}
}
</script>

View File

@@ -0,0 +1,70 @@
<template>
<v-card class="pa-2" flat>
<v-layout>
<v-flex xs3 pa-1>
<v-text-field
label="Search"
placeholder="No Reg"
single-line
outline
hide-details
></v-text-field>
</v-flex>
<v-flex xs6 pa-1>
<v-text-field
label=""
placeholder="Nama + HP + DOB + Alamat"
single-line
outline
hide-details
></v-text-field>
</v-flex>
<v-flex xs3>
<v-layout row wrap>
<v-flex xs6>
<patient-search-dialog></patient-search-dialog>
</v-flex>
<v-flex xs6>
<patient-new-dialog></patient-new-dialog>
<!-- <v-btn color="primary" class="mr-1 ml-1" block>BARU</v-btn> -->
</v-flex>
</v-layout>
<!-- <v-btn color="success" class="mr-1 ml-1">CARI</v-btn> -->
</v-flex>
</v-layout>
</v-card>
</template>
<style scoped>
.v-btn {
min-width: auto;
}
.v-input__slot {
margin-bottom: 0px !important;
}
.v-messages {
display: none;
}
.v-text-field--box>.v-input__control>.v-input__slot,.v-text-field--full-width>.v-input__control>.v-input__slot,.v-text-field--outline>.v-input__control>.v-input__slot {
min-height: 44px;
}
.v-text-field--box.v-text-field--single-line input,.v-text-field--full-width.v-text-field--single-line input,.v-text-field--outline.v-text-field--single-line input {
margin-top: 6px;
}
</style>
<script>
module.exports = {
components : {
'patient-search-dialog': httpVueLoader('./patientSearchDialog.vue'),
'patient-new-dialog': httpVueLoader('./patientNewDialog.vue')
}
}
</script>

View File

@@ -0,0 +1,64 @@
<template>
<v-dialog
v-model="dialog"
full-width
>
<v-btn
slot="activator"
color="blue"
dark
block
>
Cari
</v-btn>
<v-card>
<v-card-title
class="headline grey lighten-2 pt-2 pb-2"
primary-title
>
Data Pasien
</v-card-title>
<v-card-text class="pt-2 pb-2">
<patient-search-result></patient-search-result>
</v-card-text>
<v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn
color="primary"
flat
@click="dialog = false"
>
Tutup
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<style scoped>
/* .v-dialog__container {
display: block !important;
} */
</style>
<script>
module.exports = {
components : {
'patient-search-result': httpVueLoader('./patientSearchResult.vue')
},
data() {
return {
dialog: false
}
}
}
</script>

View File

@@ -0,0 +1,92 @@
<template>
<v-card class="xs12 md12 mt-2" >
<v-data-table :headers="headers" :items="patients"
:loading="isLoading"
hide-actions class="elevation-1">
<template slot="items" slot-scope="props">
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.mr }}</td>
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.name }}</td>
<td class="pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.hp }}</td>
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.dob }}</td>
<td class="pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.address }}</td>
</template>
</v-data-table>
</v-card>
</template>
<style scoped>
table.v-table tbody td,table.v-table tbody th {
height: 40px;
}
table.v-table thead tr {
height: 40px;
}
</style>
<script>
module.exports = {
data() {
return {
query: "",
headers: [
{
text: "NO RM",
align: "left",
sortable: false,
value: "mr",
width: "15%",
class: "pa-2 blue lighten-3 white--text"
},
{
text: "NAMA",
align: "left",
sortable: false,
value: "name",
width: "25%",
class: "pa-2 blue lighten-3 white--text"
},
{
text: "HP",
align: "left",
sortable: false,
value: "hp",
width: "15%",
class: "pa-2 blue lighten-3 white--text"
},
{
text: "DOB",
align: "left",
sortable: false,
value: "dob",
width: "15%",
class: "pa-2 blue lighten-3 white--text"
},
{
text: "ALAMAT",
align: "left",
sortable: false,
value: "address",
class: "pa-2 blue lighten-3 white--text"
}
],
isLoading: true,
patients: [
{"hp":"08985945837", "mr": "MR-18107237", "name": "Pasien Umum", "sex": "Perempuan", "address": "Klero\r\nKabupaten Semarang", "action":"", "dob":"19-09-1992", "selected":false},
{"hp":"08985945837", "mr": "MR-18107238", "name": "Heri Suryawan", "sex": "Laki - laki", "address": "Ampel", "action":"", "dob":"19-09-1992", "selected":false},
{"hp":"08985945837", "mr": "MR-18107239", "name": "LUKA MODRIC", "sex": "Laki - laki", "address": "Jl. Raya No 1", "action":"", "dob":"19-09-1992", "selected":true},
{"hp":"08985945837", "mr": "MR-18107247", "name": "Tyas Medika Pranandita", "sex": "Laki - laki", "address": "KP. Karangpanas", "action":"", "dob":"19-09-1992", "selected":false},
{"hp":"08985945837", "mr": "MR-18107248", "name": "Astrid", "sex": "Perempuan", "address": "Jl. Ketintang Raya No.81", "action":"", "dob":"19-09-1992", "selected":false},
{"hp":"08985945837", "mr": "MR-18107249", "name": "Happy", "sex": "Perempuan", "address": "Karangpanas", "action":"", "dob":"19-09-1992", "selected":false},
{"hp":"08985945837", "mr": "MR-18107251", "name": "Juan Alexis Sukir", "sex": "Laki - laki", "address": "Jl. Sawi", "action":"", "dob":"19-09-1992", "selected":false},
{"hp":"08985945837", "mr": "MR-18107252", "name": "Alexander Wang", "sex": "Laki - laki", "address": "Jl. Mangga Muda No. 7", "action":"", "dob":"19-09-1992", "selected":false},
{"hp":"08985945837", "mr": "MR-18107253", "name": "CILA CILANI", "sex": "Perempuan", "address": "Jl. Duren PInang No. 67", "action":"", "dob":"19-09-1992", "selected":false},
{"hp":"08985945837", "mr": "MR-18107254", "name": "Untung Suropati", "sex": "Laki - laki", "address": "Pasar Kapling Semarang", "action":"", "dob":"19-09-1992", "selected":false}
]
};
}
}
</script>

View File

@@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>One</title>
<link rel="stylesheet" href="../../../libs/vendor/css/google-fonts.css">
<link rel="stylesheet" href="../../../libs/vendor/css/vuetify.min.css">
</head>
<body>
<div v-cloak id="app">
<v-app id="smartApp" >
<one-navbar></one-navbar>
<v-content class="blue lighten-5" >
<v-container fluid fill-height pt-2 pb-2 pl-1 pr-1>
<v-layout column>
<v-layout>
<one-registration-tab></one-registration-tab>
</v-layout>
<v-layout row wrap >
<v-flex xs6 class="left" fill-height pa-1>
<!-- komponen kiri -->
<patient-left-side></patient-left-side>
</v-flex>
<v-flex xs6 class="right" fill-height pa-1>
<!-- komponen kanan -->
<patient-right-side></patient-right-side>
</v-flex>
</v-layout>
</v-layout>
</v-container>
</v-content>
<one-footer> </one-footer>
</v-app>
</div>
<!-- Vendor -->
<script src="../../../libs/vendor/axios.min.js"></script>
<script src="../../../libs/vendor/vue.js"></script>
<script src="../../../libs/vendor/vuex.js"></script>
<script src="../../../libs/vendor/vuetify.js"></script>
<script src="../../../libs/vendor/httpVueLoader.js"></script>
<!-- App Script -->
<?php
$ts = "?ts=" . Date("ymdhis");
?>
<script type="module">
import { store } from './store.js<?php echo $ts ?>';
//for testing
window.store = store;
new Vue({
store,
el: '#app',
components: {
'one-navbar': httpVueLoader('../../../apps/components/oneNavbarComponent.vue'),
'one-footer': httpVueLoader('../../../apps/components/oneFooter.vue'),
'patient-left-side' : httpVueLoader('./components/patientLeftSide.vue'),
'patient-right-side' : httpVueLoader('./components/patientRightSide.vue'),
'one-registration-tab' : httpVueLoader('./components/oneRegistrationTab.vue')
}
})
</script>
<style>
[v-cloak] {
display: none
}
</style>
</body>
</html>

View File

@@ -0,0 +1,65 @@
// 1 => LOADING
// 2 => DONE
// 3 => ERROR
import * as api from "../api/patient.js"
export default {
namespaced: true,
state: {
noreg:'',
search: '',
search_status:0,
search_error_message:'',
search_dialog_is_active: false,
patients: [],
total_patient: 0,
selected_patient: {},
},
mutations: {
update_search_dialog_is_active(state,status) {
state.search_dialog_is_active = status
},
update_search_error_message(state,status) {
state.search_error_message = status
},
update_noreg(state,val) {
state.noreg=val
},
update_search(state,val) {
state.search=val
},
update_search_status(state,status) {
state.search_status = status
},
update_patients(state,data) {
state.patients= data.records
state.total_patient = data.total
},
update_selected_patient(state,val) {
state.selected_patient=val
}
},
actions: {
async search(context,prm) {
context.commit("update_search_status",1)
try {
let resp= await api.search(context.state.noreg,context.state.search)
if (resp.status != "OK") {
context.commit("update_search_status",3)
context.commit("update_search_error_message",resp.message)
} else {
context.commit("update_search_status",2)
context.commit("update_search_error_message","")
let data = {
records : resp.data.records,
total: resp.data.total
}
context.commit("update_patients",data)
}
} catch(e) {
context.commit("update_search_status",3)
context.commit("update_search_error_message",e.message )
}
}
}
}

View File

@@ -0,0 +1,16 @@
// State
// data ...
// Mutations
//
//
// Actions
import patient from './modules/patient.js'
export const store = new Vuex.Store({
modules :{
patient : patient
},
mutations: {
},
actions: {
}
});