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

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

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

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

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

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

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