<template>
	<div
		class="bottom-two"
		style="flex: 1; display: flex; gap: 20px; padding: 0px 16px">
		<div class="left-side" style="flex: 1">
			<div
				style="
					display: grid;
					grid-template-rows: 462px;
				">
				<WorkOrderMonitoring />
			</div>
		</div>
		<div class="right-side" style="flex: 1">
			<div
				style="
					display: grid;
					grid-template-rows: 462px;
				">
				<NumRate />
			</div>
		</div>
	</div>
</template>

<script>
import NumRate from './NumRate';
import WorkOrderMonitoring from './WorkOrderMonitoring';
export default {
	name: 'BottomTwo',
	components: { NumRate, WorkOrderMonitoring },
	props: {},
	data() {
		return {};
	},
	computed: {},
	methods: {},
};
</script>

<style scoped lang="scss"></style>
