65 lines
1.3 KiB
Vue
65 lines
1.3 KiB
Vue
|
|
<script >
|
|
export default {
|
|
name: "tutorials-list",
|
|
data() {
|
|
return {
|
|
tutorials: [],
|
|
title: "",
|
|
headers: [
|
|
{ text: "barcode", align: "start", sortable: false, value: "barcode" },
|
|
{ text: "registration_date", value: "registration_date", sortable: false },
|
|
{ text: "service_date", value: "service_date", sortable: false },
|
|
{ text: "check_in", value: "check_in", sortable: false },
|
|
],
|
|
};
|
|
},
|
|
methods: {
|
|
retrievePasien(){
|
|
axios.get("http://10.10.123.135:8083/api/v1/visit")
|
|
.then((response) => {
|
|
this.listPasien = response.data
|
|
console.log(response.data.data)
|
|
})
|
|
.catch((e) => {
|
|
console.log(e);
|
|
});
|
|
},
|
|
|
|
refreshList() {
|
|
this.retrievePasien()
|
|
},
|
|
|
|
editTutorial(id) {
|
|
this.$router.push({ name: "tutorial-details", params: { id: id } });
|
|
},
|
|
|
|
deleteTutorial(id) {
|
|
alert("delete")
|
|
},
|
|
|
|
getDisplayTutorial(tutorial) {
|
|
|
|
},
|
|
},
|
|
mounted() {
|
|
this.retrievePasien();
|
|
},
|
|
};
|
|
</script>
|
|
<template>
|
|
<div>
|
|
<v-row>
|
|
<v-col cols="12" md="12">
|
|
<UiParentCard title="List Pasien">
|
|
<v-data-table
|
|
:headers="headers"
|
|
:items="listPasien"></v-data-table>
|
|
|
|
|
|
</UiParentCard>
|
|
</v-col>
|
|
</v-row>
|
|
|
|
</div>
|
|
</template> |