[vue] Show report filter bar beside the report table
<template>
- <div>
+ <v-row>
+ <v-col>
<report-filter />
-
+ </v-col>
+ <v-col cols="9">
<v-data-table
:headers="headers"
:items="reports"
<detection-status-icon :status="parseInt(item.detectionStatus)" />
</template>
</v-data-table>
- </div>
+ </v-col>
+ </v-row>
</template>
<script>
import VDataTable from "Vuetify/VDataTable/VDataTable";
import VChip from "Vuetify/VChip/VChip";
+import VRow from "Vuetify/VGrid/VRow";
+import VCol from "Vuetify/VGrid/VCol";
import { ccService } from '@cc-api';
@@ -44,7 +49,7 @@ import ReportFilter from '@/components/ReportFilter/ReportFilter';
export default {
name: 'Reports',
components: {
- VDataTable, VChip,
+ VDataTable, VChip, VRow, VCol,
DetectionStatusIcon,
ReviewStatusIcon,
SeverityIcon,
