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

fix slicing result entry

Browse Source
This commit is contained in:
Hanan Askarim
2024-08-19 15:44:22 +07:00
parent b3ad260791
commit 08e181f3ce
4 changed files with 293 additions and 298 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
result-entry/components/detailPatient.vue
View File

@@ -1,10 +1,8 @@
<template>
<div>
<v-row>
<v-col cols="12">
<v-container class="bg-white rounded-lg">
<v-container class="bg-white rounded-lg" fluid>
<v-row class="pb-5">
<v-row>
<v-col cols="2">
<v-menu
v-model="menu"
@@ -35,21 +33,21 @@
></v-date-picker>
</v-menu>
</v-col>
<v-col cols="4">
<v-col cols="5">
<v-text-field
label="No Reg / Nama / Jenis Kelamin"
variant="outlined"
hide-details
></v-text-field>
</v-col>
<v-col cols="3">
<v-col cols="2.5">
<v-text-field
label="DOB / Umur"
variant="outlined"
hide-details
></v-text-field>
</v-col>
<v-col cols="3">
<v-col cols="2.5">
<v-text-field
label="Pengirim"
variant="outlined"
@@ -63,6 +61,7 @@
:items="xdetails"
return-object
hide-default-footer
class="pt-5"
>
<template v-slot:item="{ item }">
<tr>
@@ -93,7 +92,7 @@
{{ item.unit_name }}
</td>
<td class="text-left" v-if="item.is_result == 'Y'">
<div class="d-flex justify-space-between">
<div class="d-flex justify-space-between align-center">
<div>
{{ item.methode_name }}
</div>
@@ -103,7 +102,7 @@
color="primary"
class="bg-primary-lightens ma-0 float-left">
<iconify-icon
style="font-size: 2rem;"
style="font-size: 1.5rem;"
icon="fluent:edit-20-regular"
></iconify-icon>
</v-btn>
@@ -125,12 +124,15 @@
</v-data-table>
</v-container>
</v-col>
</v-row>
</div>
</template>
<style scoped>
.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th,
.v-table .v-table__wrapper > table > thead > tr > th {
border-bottom: dashed 1px #EEEEEE;
}
</style>
<script type="module">
@@ -168,7 +170,7 @@
align: 'start',
key: 'name',
sortable: false,
width: "15%",
width: "10%",
title: "NILAI NORMAL",
class: "bg-secondary-lighten font-weight-bold",
},
@@ -184,7 +186,7 @@
align: 'start',
key: 'name',
sortable: false,
width: "15%",
width: "20%",
title: "METODE",
class: "bg-secondary-lighten font-weight-bold",
},

25
result-entry/components/listPatient.vue
View File

@@ -1,24 +1,23 @@
<template>
<div>
<v-row>
<v-col cols="12">
<v-container class="bg-white rounded-lg">
<v-container class="bg-white rounded-lg" fluid>
<v-data-table
:headers="headers"
:items="xpatients"
return-object
hide-default-footer
class="row-pointer"
>
<template v-slot:top>
<v-toolbar flat class="bg-secondary-lighten">
<v-toolbar-title>{{ $t('message.toolbalTitle') }}</v-toolbar-title>
<v-toolbar flat class="bg-secondary-lighten rounded-lg">
<v-toolbar-title class="text-black font-weight-bold">{{ $t('message.toolbalTitle') }}</v-toolbar-title>
</v-toolbar>
</template>
<template v-slot:item="{ item }">
<tr>
<td v-bind:class="{'blue-lighten-5':isSelected(item)}" @click="selectMe(item)">
<tr v-bind:class="{'bg-primary-lighten':isSelected(item)}" @click="selectMe(item)">
<td>
<div>
<p class="mt-2 mb-2">{{ item.noreg }}</p>
<p class="mb-2" >
@@ -28,20 +27,20 @@
</p>
</div>
</td>
<td v-bind:class="{'blue-lighten-5':isSelected(item)}" @click="selectMe(item)">
<td>
<p>{{ item.name }}</p>
</td>
</tr>
</template>
</v-data-table>
</v-container>
</v-col>
</v-row>
</div>
</template>
<style scoped>
.row-pointer >>> tbody tr :hover {
cursor: pointer;
}
</style>
<script type="module">
@@ -86,8 +85,8 @@
isSelected(p) {
return p.id == this.$store.state.entry.selected_patient.id
},
selectMe(c) {
console.log(c)
selectMe(data) {
this.$store.commit("entry/setSelectedPatient", data)
}
},
wacth: {

8
result-entry/components/mainEntry.vue
View File

@@ -3,14 +3,12 @@
<one-navbar></one-navbar>
<v-main>
<div class="pa-5 bg-primary-lighten ml-2 rounded-xl h-100">
<v-row>
<v-col cols="12" md="12" sm="12" xs="12">
<search-component></search-component>
</v-col>
<v-col cols="12" md="4" sm="12" xs="12">
<v-row>
<v-col cols="12" md="3" sm="12" xs="12" class="mt-5">
<list-patient-component></list-patient-component>
</v-col>
<v-col cols="12" md="8" sm="12" xs="12">
<v-col cols="12" md="9" sm="12" xs="12" class="mt-5">
<detail-patient-component></detail-patient-component>
</v-col>
</v-row>

18
result-entry/components/searchPatient.vue
View File

@@ -1,10 +1,9 @@
<template>
<div>
<v-container class="bg-white rounded-lg" fluid>
<v-row>
<v-col cols="12">
<v-card class="bg-white rounded-lg pa-5">
<v-row>
<v-col cols="2">
<v-col cols="3">
<div class="d-flex align-center ga-2">
<v-menu
v-model="menuStartDate"
:close-on-content-click="false"
@@ -33,8 +32,6 @@
@update:modelValue="menuStartDate=false"
></v-date-picker>
</v-menu>
</v-col>
<v-col cols="2">
<v-menu
v-model="menuEndDate"
:close-on-content-click="false"
@@ -63,8 +60,9 @@
@update:modelValue="menuEndDate=false"
></v-date-picker>
</v-menu>
</div>
</v-col>
<v-col cols="2">
<v-col cols="2.5">
<v-text-field
label="No Reg / Nama"
variant="outlined"
@@ -72,7 +70,7 @@
append-inner-icon="mdi-magnify"
></v-text-field>
</v-col>
<v-col cols="2">
<v-col cols="2.5">
<v-autocomplete
label="Grup Pemeriksaan"
variant="outlined"
@@ -135,9 +133,7 @@
</div>
</v-col>
</v-row>
</v-card>
</v-col>
</v-row>
</v-container>
</div>
</template>