Flatten nested repos
This commit is contained in:
sas.fajri
19
test/vuex/pasien01/components/oneFoPatient.vue
Normal file
19
test/vuex/pasien01/components/oneFoPatient.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<v-layout>
|
||||
<v-flex xs6 mr-1>
|
||||
<patient-left-side></patient-left-side>
|
||||
</v-flex>
|
||||
<v-flex xs6 ml-1>
|
||||
<patient-right-side></patient-right-side>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'patient-left-side' : httpVueLoader('./patientLeftSide.vue'),
|
||||
'patient-right-side' : httpVueLoader('./patientRightSide.vue')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
24
test/vuex/pasien01/components/oneFoPatientV1.vue
Normal file
24
test/vuex/pasien01/components/oneFoPatientV1.vue
Normal file
@@ -0,0 +1,24 @@
|
||||
<template>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs6 class="left">
|
||||
Left
|
||||
</v-flex>
|
||||
<v-flex xs6 class="right">
|
||||
Right
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.left {
|
||||
background-color:red;
|
||||
}
|
||||
.right {
|
||||
background-color:blue;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
}
|
||||
</script>
|
||||
28
test/vuex/pasien01/components/oneFoPatientV2.vue
Normal file
28
test/vuex/pasien01/components/oneFoPatientV2.vue
Normal file
@@ -0,0 +1,28 @@
|
||||
<template>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs6 class="left">
|
||||
<v-layout column fill-height>
|
||||
<v-flex shrink class="searchbox">
|
||||
searchbox
|
||||
</v-flex>
|
||||
<v-flex grow class="searchresult">
|
||||
search result
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.searchbox {
|
||||
background-color:blue;
|
||||
}
|
||||
.searchresult {
|
||||
background-color:red;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
}
|
||||
</script>
|
||||
11
test/vuex/pasien01/components/oneFoPatientV3.vue
Normal file
11
test/vuex/pasien01/components/oneFoPatientV3.vue
Normal file
@@ -0,0 +1,11 @@
|
||||
<template>
|
||||
<pasien-search> </pasien-search>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'pasien-search' : httpVueLoader('./pasienSearch.vue')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
26
test/vuex/pasien01/components/oneFoPatientV4.vue
Normal file
26
test/vuex/pasien01/components/oneFoPatientV4.vue
Normal file
@@ -0,0 +1,26 @@
|
||||
<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:white;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'search-box' : httpVueLoader('./searchBoxV3.vue')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
28
test/vuex/pasien01/components/pasienSearch.vue
Normal file
28
test/vuex/pasien01/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>
|
||||
63
test/vuex/pasien01/components/patientDetail.vue
Normal file
63
test/vuex/pasien01/components/patientDetail.vue
Normal file
@@ -0,0 +1,63 @@
|
||||
<template>
|
||||
<v-layout>
|
||||
<v-flex xs3 pa-2>
|
||||
<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 xs9>
|
||||
<v-flex xs12 pa-1>
|
||||
<v-text-field
|
||||
label="Nama"
|
||||
placeholder=""
|
||||
:value="p_name"
|
||||
readonly
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12 pa-1>
|
||||
<v-textarea
|
||||
auto-grow
|
||||
label="Alamat"
|
||||
rows="1"
|
||||
:value="p_address"
|
||||
readonly
|
||||
></v-textarea>
|
||||
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12 pa-1>
|
||||
<v-textarea
|
||||
auto-grow
|
||||
label="Catatan Pasien"
|
||||
rows="1"
|
||||
:value="p_note"
|
||||
readonly
|
||||
></v-textarea>
|
||||
</v-flex>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.v-messages { display:none; }
|
||||
.v-input__slot {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
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`
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
76
test/vuex/pasien01/components/patientHistory.vue
Normal file
76
test/vuex/pasien01/components/patientHistory.vue
Normal file
@@ -0,0 +1,76 @@
|
||||
<template>
|
||||
<v-card class="xs12 md12 mt-2" >
|
||||
<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"}
|
||||
]
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
21
test/vuex/pasien01/components/patientLeftSide.vue
Normal file
21
test/vuex/pasien01/components/patientLeftSide.vue
Normal file
@@ -0,0 +1,21 @@
|
||||
<template>
|
||||
<v-card class="pa-1">
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12>
|
||||
<patient-search-box></patient-search-box>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<patient-search-result></patient-search-result>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
</template>
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'patient-search-box' : httpVueLoader('./patientSearchBox.vue'),
|
||||
'patient-search-result' : httpVueLoader('./patientSearchResult.vue')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
37
test/vuex/pasien01/components/patientNotes.vue
Normal file
37
test/vuex/pasien01/components/patientNotes.vue
Normal file
@@ -0,0 +1,37 @@
|
||||
<template>
|
||||
<v-card class="mt-2 amber lighten-4">
|
||||
<v-layout>
|
||||
<v-flex xs6 pa-1>
|
||||
<v-textarea
|
||||
label="Catatan Klinis"
|
||||
rows="2"
|
||||
:value="n_clinical"
|
||||
></v-textarea>
|
||||
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs6 pa-1>
|
||||
<v-textarea
|
||||
label="Catatan Sampling"
|
||||
rows="2"
|
||||
:value="n_sampling"
|
||||
></v-textarea>
|
||||
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</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>
|
||||
27
test/vuex/pasien01/components/patientRightSide.vue
Normal file
27
test/vuex/pasien01/components/patientRightSide.vue
Normal file
@@ -0,0 +1,27 @@
|
||||
<template>
|
||||
<v-card class="pa-1">
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12>
|
||||
<patient-detail></patient-detail>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<patient-history></patient-history>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12>
|
||||
<patient-notes></patient-notes>
|
||||
</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')
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
52
test/vuex/pasien01/components/patientSearchBox.vue
Normal file
52
test/vuex/pasien01/components/patientSearchBox.vue
Normal file
@@ -0,0 +1,52 @@
|
||||
<template>
|
||||
<v-card class="pa-2">
|
||||
<v-layout>
|
||||
<v-flex xs3 pa-1>
|
||||
<v-text-field
|
||||
label="Search"
|
||||
placeholder="No Reg"
|
||||
single-line
|
||||
outline
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs6 pa-1>
|
||||
<v-text-field
|
||||
label=""
|
||||
placeholder="Nama + HP + DOB + Alamat"
|
||||
single-line
|
||||
outline
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs3>
|
||||
<v-btn color="success" class="mr-1 ml-1">CARI</v-btn>
|
||||
<v-btn color="primary" class="mr-1 ml-1">BARU</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 = {}
|
||||
</script>
|
||||
92
test/vuex/pasien01/components/patientSearchResult.vue
Normal file
92
test/vuex/pasien01/components/patientSearchResult.vue
Normal 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>
|
||||
11
test/vuex/pasien01/components/searchBox.vue
Normal file
11
test/vuex/pasien01/components/searchBox.vue
Normal file
@@ -0,0 +1,11 @@
|
||||
<template>
|
||||
<v-flex xs2 class="searchbox">
|
||||
searchbox in component
|
||||
</v-flex>
|
||||
</template>
|
||||
<style scoped>
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
}
|
||||
</script>
|
||||
15
test/vuex/pasien01/components/searchBoxV2.vue
Normal file
15
test/vuex/pasien01/components/searchBoxV2.vue
Normal file
@@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<v-flex shrink class="searchbox">
|
||||
<v-card >
|
||||
<v-card-text>
|
||||
Search Box
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</template>
|
||||
<style scoped>
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
}
|
||||
</script>
|
||||
60
test/vuex/pasien01/components/searchBoxV3.vue
Normal file
60
test/vuex/pasien01/components/searchBoxV3.vue
Normal file
@@ -0,0 +1,60 @@
|
||||
<template>
|
||||
<v-flex shrink wrap class="searchbox">
|
||||
<v-card class="blue lighten-3">
|
||||
<v-card-actions >
|
||||
<v-layout row wrap align-center>
|
||||
<v-flex xs3>
|
||||
<input class="noreg" type="text" placeholder="No Reg" ></input>
|
||||
</v-flex>
|
||||
<v-flex xs5>
|
||||
<input class="search" type="text" placeholder="Name+HP+DOB+Alamat" ></input>
|
||||
</v-flex>
|
||||
<v-flex >
|
||||
<v-btn left rounded class="btn-search">
|
||||
Search
|
||||
</v-btn>
|
||||
<v-btn left rounded class="btn-new" >
|
||||
New
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</template>
|
||||
<style scoped>
|
||||
.btn-search{
|
||||
background-color: #ff8a65!important;
|
||||
color:white!important;
|
||||
}
|
||||
.btn-new {
|
||||
background-color: #ffd54f!important;
|
||||
color:white!important;
|
||||
}
|
||||
.layout {
|
||||
padding:10px;
|
||||
}
|
||||
::placeholder {
|
||||
color: #b0b0b0 ;
|
||||
font-size: 1.1em;
|
||||
font-style: italic;
|
||||
font-weight:normal;
|
||||
}
|
||||
input.noreg {
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
input {
|
||||
background-color:white;
|
||||
padding:4px;
|
||||
font-size: 1.1em;
|
||||
vertical-align:middle;
|
||||
border: solid 1px #dedede;
|
||||
border-radius: 5px;
|
||||
width:90%;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user