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

add harcode dialog

Browse Source
This commit is contained in:
adibwp
2024-08-29 19:48:49 +07:00
parent c85d0344b7
commit d23a0550e1
9 changed files with 664 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
status-patient/components/sp_dialog.vue
View File

@@ -1,9 +1,9 @@
<template>
<div>
<v-dialog v-model="dialog" width="auto">
<v-dialog v-model="multi_dialog.open" width="auto">
<v-card min-width="600" max-width="750" class="rounded-lg">
<v-card-item class="bg-primary mb-5">
<v-card-title>TIMELINE</v-card-title>
<v-card-item class="bg-primary mb-8">
<v-card-title>{{ titleDialog(multi_dialog.name) }}</v-card-title>
</v-card-item>
<v-card-text>
<v-row class="ga-4 mb-5">
@@ -13,26 +13,27 @@
<h4 class="font-weight-bold">Ny IMELDA JANICE</h4>
</div>
</v-row>
<v-timeline side="end" style="align-items: start; align-content: start">
<v-timeline-item
v-for="item in items"
:key="item.id"
dot-color="white"
fill-dot="false"
:icon="item.icon"
icon-color="primary"
size="small"
>
</v-timeline-item>
</v-timeline>
<div v-if="multi_dialog.name === 'order'">
<status-order-dialog></status-order-dialog>
</div>
<div v-else-if="multi_dialog.name === 'sample'">
<sampl-collec-dialog></sampl-collec-dialog>
</div>
<div v-else-if="multi_dialog.name === 'process'">
<process-dialog></process-dialog>
</div>
<div v-else-if="multi_dialog.name === 'verif'">
<verification-dialog></verification-dialog>
</div>
<div v-else-if="multi_dialog.name === 'valid'">
<validation-dialog></validation-dialog>
</div>
</v-card-text>
<template v-slot:actions>
<v-btn
class="ms-auto text-primary font-weight-medium"
text="TUTUP"
@click="dialog=false"
@click="multi_dialog.open=false"
></v-btn>
</template>
</v-card>
@@ -41,25 +42,23 @@
</template>
<script>
import OrderDialog from './order-dialog.vue';
import ProcessDialog from './process-dialog.vue';
import SampleDialog from './sample-dialog.vue';
import ValidDialog from './valid-dialog.vue';
import VerifDialog from './verif-dialog.vue';
export default {
name: "statuspasiendialog",
components: {},
components: {
"status-order-dialog": OrderDialog,
"sampl-collec-dialog": SampleDialog,
"process-dialog": ProcessDialog,
"verification-dialog": VerifDialog,
"validation-dialog": ValidDialog,
},
mounted() {},
data() {
return {
items: [
{
id: 1,
color: 'info',
icon: 'mdi-check-circle',
},
{
id: 2,
color: 'error',
icon: 'mdi-alert-circle',
},
],
};
return {};
},
computed: {
dialog: {
@@ -69,6 +68,32 @@
set(bool) {
this.$store.commit("setDialog", bool);
}
},
multi_dialog: {
get() {
return this.$store.state.stored.multi_dialog;
},
set(bool, nama) {
this.$store.commit("setMultiDialog", bool, nama)
}
},
},
methods: {
titleDialog(name) {
switch (name) {
case 'order':
return "TIMELINE ORDER"
case 'sample':
return "TIMELINE SAMPLING"
case 'process':
return "TIMELINE PROCESS"
case 'verif':
return "TIMELINE VERIFICATION"
case 'valid':
return "TIMELINE VALIDATION"
default:
return "TIMELINE"
}
}
},
}