54 lines
1.7 KiB
Vue
54 lines
1.7 KiB
Vue
<template>
|
|
<div>
|
|
<v-container class="bg-white rounded-lg" fluid>
|
|
<v-row>
|
|
<v-col cols="3">
|
|
<v-autocomplete :label="$t('message.search.resulttype')" variant="outlined" hide-details
|
|
menu-icon="mdi-chevron-down" :items="resulttype"></v-autocomplete>
|
|
</v-col>
|
|
<v-col cols="3">
|
|
<v-autocomplete :label="$t('message.search.examination')" variant="outlined" hide-details
|
|
menu-icon="mdi-chevron-down"
|
|
:items="['Ultrasonografi', 'Biopsi', 'Spirometri', 'CT Scan (Computed Tomography)', 'Rontgen (X-ray)', 'Endoskopi']"></v-autocomplete>
|
|
</v-col>
|
|
<v-col cols="2.5">
|
|
<v-text-field :label="$t('message.search.noreg')" variant="outlined" hide-details
|
|
append-inner-icon="mdi-magnify"></v-text-field>
|
|
</v-col>
|
|
<v-col cols="2.5">
|
|
<v-autocomplete :label="$t('message.search.status')" variant="outlined" hide-details
|
|
menu-icon="mdi-chevron-down" :items="['belum verifikasi', 'sudah verifikasi',]"></v-autocomplete>
|
|
</v-col>
|
|
<v-col cols="1">
|
|
<v-btn variant="flat" small style="height: 100%;" class="bg-primary rounded-lg">
|
|
<iconify-icon style="font-size: 2rem;" icon="fluent:search-20-regular"></iconify-icon>
|
|
</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</v-container>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped></style>
|
|
|
|
<script type="module">
|
|
export default {
|
|
name: "SearchVerificationLeft",
|
|
data() {
|
|
return {
|
|
visible: false,
|
|
};
|
|
},
|
|
computed: {
|
|
resulttype() {
|
|
return this.$store.state.verification.result_type;
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
},
|
|
wacth: {
|
|
|
|
}
|
|
}
|
|
</script> |