andy/westone-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add ui specimen collection hardcode

Browse Source
This commit is contained in:
adibwp
2024-08-15 17:07:59 +07:00
parent 281993b01e
commit 13e203fb57
5 changed files with 443 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
x-page/components/left.vue Normal file
View File

@@ -0,0 +1,118 @@
<template>
<div>
<v-container class="bg-white rounded-lg" fluid>
<div class="bg-secondary-lighten rounded-lg pa-5 mb-5">
<h3 class="primary-lighten">PASIEN</h3>
</div>
<v-data-table
v-model="selectedItems"
:items="items"
:headers="headers"
hide-default-footer
>
<template v-slot:item="{ item }">
<tr>
<td>
<p class="font-weight-medium">{{ item.tanggal }}</p>
</td>
<td>
<p class="font-weight-medium">{{ item.noreg }}</p>
</td>
<td>
<p class="font-weight-medium">{{ item.kelpelanggan }}</p>
</td>
<td>
<p class="font-weight-medium">{{ item.nama }}</p>
</td>
<td>
<p class="font-weight-medium">{{ item.status }}</p>
</td>
</tr>
</template>
</v-data-table>
</v-container>
</div>
</template>
<script>
export default {
name: "leftcomp",
components: {},
mounted() {
},
data() {
return {
menu: false,
visible: false,
items: [
{
tanggal: "31-07-2024",
noreg: "055000035LA",
kelpelanggan: "PASIEN MANDIRI",
nama: "Tn. Alpha",
status: "New",
},
{
tanggal: "31-07-2024",
noreg: "055000036LA",
kelpelanggan: "PASIEN KLINISI",
nama: "Tn. Beta",
status: "New",
},
],
selectedItems: [],
headers: [
{
title: "TANGGAL",
align: "start",
sortable: false,
key: "name",
width: "20%",
class: "font-weight-bold",
},
{
title: "NO. REG",
align: "start",
sortable: false,
key: "name",
width: "20%",
class: "font-weight-bold",
},
{
title: "KEL. PELANGGAN",
align: "start",
sortable: false,
key: "name",
width: "20%",
class: "font-weight-bold",
},
{
title: "NAMA",
align: "start",
sortable: false,
key: "name",
width: "20%",
class: "font-weight-bold",
},
{
title: "STATUS",
align: "start",
sortable: false,
key: "name",
width: "20%",
class: "font-weight-bold",
},
],
};
},
computed: {
},
methods: {
},
};
</script>
<style scoped></style>