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

change table header specimen-collection

Browse Source
This commit is contained in:
adibwp
2024-08-20 09:29:52 +07:00
parent a6f4c60cb2
commit f633b29add
2 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
specimen-collection/components/left.vue
View File

@@ -11,6 +11,15 @@
hide-default-footer hide-default-footer
class="row-pointer" class="row-pointer"
> >
<template v-slot:headers="{ columns }">
<tr>
<template v-for="column in columns" :key="column.key">
<td :class="column.class" :style="{ width: column.width, textAlign: column.align }">
<span>{{ column.title }}</span>
</td>
</template>
</tr>
</template>
<template v-slot:item="{ item }"> <template v-slot:item="{ item }">
<tr @click="selectItem(item)" v-bind:class="{'bg-primary-lighten':isItemSelected(item)}"> <tr @click="selectItem(item)" v-bind:class="{'bg-primary-lighten':isItemSelected(item)}">
<td> <td>
@@ -50,9 +59,9 @@ export default {
headers: [ headers: [
{ {
title: this.$t('message.tablePatient.date'), title: this.$t('message.tablePatient.date'),
align: "start", align: "left",
sortable: false, sortable: false,
key: "name", key: "date",
width: "15%", width: "15%",
class: "font-weight-bold", class: "font-weight-bold",
}, },
@@ -60,7 +69,7 @@ export default {
title: this.$t('message.tablePatient.noreg'), title: this.$t('message.tablePatient.noreg'),
align: "start", align: "start",
sortable: false, sortable: false,
key: "name", key: "noreg",
width: "20%", width: "20%",
class: "font-weight-bold", class: "font-weight-bold",
}, },
@@ -68,7 +77,7 @@ export default {
title: this.$t('message.tablePatient.group'), title: this.$t('message.tablePatient.group'),
align: "start", align: "start",
sortable: false, sortable: false,
key: "name", key: "group",
width: "25%", width: "25%",
class: "font-weight-bold", class: "font-weight-bold",
}, },
@@ -84,7 +93,7 @@ export default {
title: this.$t('message.tablePatient.status'), title: this.$t('message.tablePatient.status'),
align: "start", align: "start",
sortable: false, sortable: false,
key: "name", key: "status",
width: "15%", width: "15%",
class: "font-weight-bold", class: "font-weight-bold",
}, },

9
specimen-collection/components/right.vue
View File

@@ -92,6 +92,15 @@
:headers="headers" :headers="headers"
hide-default-footer hide-default-footer
> >
<template v-slot:headers="{ columns }">
<tr>
<template v-for="column in columns" :key="column.key">
<td :class="column.class" :style="{ width: column.width, textAlign: column.align }">
<span>{{ column.title }}</span>
</td>
</template>
</tr>
</template>
<template v-slot:item="{ item }"> <template v-slot:item="{ item }">
<tr> <tr>
<td> <td>