70 lines
1.4 KiB
Vue
70 lines
1.4 KiB
Vue
<template>
|
|
<div v-show="show" class="orderbox">
|
|
<h3>Daftar Pemeriksaan
|
|
<v-progress-circular
|
|
style="height:20px"
|
|
v-show="loading" :indeterminate="true">
|
|
</v-progress-circular>
|
|
<v-icon style="float:right;top:-10px;height:20px;" @click="show=false"> close</v-icon>
|
|
</h3>
|
|
|
|
<div class="px" v-for="order in orders" >
|
|
{{order.name}}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.orderbox{
|
|
position: fixed;
|
|
bottom:0px;
|
|
left:50%;
|
|
width: 640px;
|
|
height:300px;
|
|
margin-left:-320px;
|
|
z-index:99;
|
|
background-color: rgba(230, 255, 230,0.9);
|
|
color: #004d00;
|
|
padding:20px;
|
|
border-radius-top: 10px;
|
|
overflow-y:scroll;
|
|
overflow-x:hidden;
|
|
}
|
|
.px {
|
|
padding:5px;
|
|
width: 280px;
|
|
border: 1px solid #004d00;
|
|
display:inline-block;
|
|
margin: 0px 2px 0px 2px;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
module.exports = {
|
|
components : {
|
|
},
|
|
computed: {
|
|
orders() {
|
|
return this.$store.state.order_info.orders
|
|
},
|
|
loading() {
|
|
return this.$store.state.order_info.loading
|
|
}
|
|
,show : {
|
|
get() { return this.$store.state.order_info.show}
|
|
,set(v) { return this.$store.commit("order_info/update_show",v) }
|
|
}
|
|
,sel_patient() {
|
|
return this.$store.state.samplecall.selected_patient
|
|
}
|
|
},
|
|
methods : {
|
|
},
|
|
watch : {
|
|
async sel_patient(n,o) {
|
|
this.$store.dispatch("order_info/search",{id:n.T_OrderHeaderID})
|
|
}
|
|
}
|
|
}
|
|
</script>
|