Order viewer

htdocs/RoutePatientDetail.vue

@@ -21,6 +21,14 @@
 				<ViewVitalsLabs :client="client" :dfn="dfn" :date_begin="report_date_begin" :date_end="report_date" />
 			</div>
 		</div>
+		<div class="card mb-3 shadow">
+			<div class="card-header d-flex justify-content-between align-items-center">
+				<span>Orders</span>
+				<OrderFilterPicker :client="client" v-model="orders_filter" />
+				<DateRangePicker range="6M" direction="-1" v-model:date="orders_date" v-model:date_end="orders_date_begin" />
+			</div>
+			<div class="card-body"><ViewOrders :client="client" :dfn="dfn" :filter="orders_filter" :date_begin="orders_date_begin" :date_end="orders_date" /></div>
+		</div>
 	</div>
 </template>
 
@@ -29,12 +37,14 @@
 
 	import DateRangePicker from './DateRangePicker.vue';
 	import ViewVitalsLabs from './ViewVitalsLabs.vue';
+	import OrderFilterPicker from './OrderFilterPicker.vue';
+	import ViewOrders from './ViewOrders.vue';
 
 	var now = new Date();
 
 	export default {
 		components: {
-			DateRangePicker, ViewVitalsLabs
+			DateRangePicker, ViewVitalsLabs, OrderFilterPicker, ViewOrders
 		},
 		props: {
 			client: Object
@@ -44,7 +54,10 @@
 				dfn: null,
 				info: null,
 				report_date: now,
-				report_date_begin: now
+				report_date_begin: now,
+				orders_filter: 2,
+				orders_date: now,
+				orders_date_begin: now
 			};
 		},
 		watch: {