Initial import
This commit is contained in:
0
train/vuex/one-fo-registration/action.js
Normal file
0
train/vuex/one-fo-registration/action.js
Normal file
19
train/vuex/one-fo-registration/api/patient.js
Normal file
19
train/vuex/one-fo-registration/api/patient.js
Normal 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
|
||||
};
|
||||
}
|
||||
}
|
||||
75
train/vuex/one-fo-registration/components/oneDatePicker2.vue
Normal file
75
train/vuex/one-fo-registration/components/oneDatePicker2.vue
Normal 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>
|
||||
@@ -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>
|
||||
28
train/vuex/one-fo-registration/components/pasienSearch.vue
Normal file
28
train/vuex/one-fo-registration/components/pasienSearch.vue
Normal 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>
|
||||
@@ -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>
|
||||
153
train/vuex/one-fo-registration/components/patientDetail.vue
Normal file
153
train/vuex/one-fo-registration/components/patientDetail.vue
Normal 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>
|
||||
79
train/vuex/one-fo-registration/components/patientHistory.vue
Normal file
79
train/vuex/one-fo-registration/components/patientHistory.vue
Normal 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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
47
train/vuex/one-fo-registration/components/patientNotes.vue
Normal file
47
train/vuex/one-fo-registration/components/patientNotes.vue
Normal 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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
80
train/vuex/one-fo-registration/index.php
Normal file
80
train/vuex/one-fo-registration/index.php
Normal 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>
|
||||
65
train/vuex/one-fo-registration/modules/patient.js
Normal file
65
train/vuex/one-fo-registration/modules/patient.js
Normal 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 )
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
0
train/vuex/one-fo-registration/mutation.js
Normal file
0
train/vuex/one-fo-registration/mutation.js
Normal file
16
train/vuex/one-fo-registration/store.js
Normal file
16
train/vuex/one-fo-registration/store.js
Normal 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: {
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user