2022-10-31 21:12:25 +00:00
|
|
|
<template>
|
|
|
|
<v-dialog
|
|
|
|
v-model="examineLog"
|
|
|
|
width="50wv"
|
2022-11-15 16:32:19 +00:00
|
|
|
@click.outside="closeModal"
|
2022-10-31 21:12:25 +00:00
|
|
|
>
|
|
|
|
<v-card>
|
|
|
|
<v-card-text style="height: 70vh">
|
|
|
|
<ag-grid-vue
|
|
|
|
style="width: 100%; height: 100%;"
|
|
|
|
class="ag-theme-material"
|
|
|
|
@grid-ready="onGridReady"
|
|
|
|
:columnDefs="columnDefs"
|
|
|
|
:row-data="examineLogContent"
|
|
|
|
:supress-horisontal-scroll="true"
|
|
|
|
:enable-scrolling="true"
|
|
|
|
:enableCellTextSelection="true"
|
|
|
|
:ensureDomOrder="true"
|
|
|
|
></ag-grid-vue>
|
|
|
|
</v-card-text>
|
|
|
|
<v-card-actions>
|
|
|
|
<v-btn color="primary" block @click="closeModal">Close</v-btn>
|
|
|
|
</v-card-actions>
|
|
|
|
</v-card>
|
|
|
|
</v-dialog>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import { AgGridVue } from "ag-grid-vue3";
|
|
|
|
import "ag-grid-community/styles//ag-grid.css";
|
|
|
|
import "ag-grid-community/styles//ag-theme-material.css";
|
|
|
|
import { VCard, VCardText, VCardActions } from 'vuetify/components/VCard'
|
|
|
|
import { VDialog } from 'vuetify/components/VDialog'
|
|
|
|
import { VBtn } from 'vuetify/components/VBtn'
|
|
|
|
import { VTable } from 'vuetify/components/VTable'
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
2022-11-05 18:23:57 +00:00
|
|
|
name: "ExamineLogModal",
|
2022-10-31 21:12:25 +00:00
|
|
|
components: {
|
|
|
|
AgGridVue,
|
|
|
|
VCard,
|
|
|
|
VCardText,
|
|
|
|
VCardActions,
|
|
|
|
VBtn,
|
|
|
|
VDialog,
|
2022-11-05 18:23:57 +00:00
|
|
|
VTable
|
2022-10-31 21:12:25 +00:00
|
|
|
},
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
columnDefs: [
|
|
|
|
{
|
|
|
|
field: 'key',
|
|
|
|
sortable: true,
|
|
|
|
filter: 'agTextColumnFilter',
|
2022-11-15 16:32:19 +00:00
|
|
|
resizable: true,
|
|
|
|
width: 10,
|
2022-10-31 21:12:25 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
field: 'value',
|
|
|
|
sortable: true,
|
|
|
|
filter: 'agTextColumnFilter',
|
|
|
|
resizable: true
|
|
|
|
},
|
|
|
|
]
|
|
|
|
}
|
|
|
|
},
|
|
|
|
props: {
|
|
|
|
examineLogContent: Array,
|
|
|
|
closeModal: Function
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
examineLog() {
|
|
|
|
return !!this.examineLogContent
|
|
|
|
}
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
onGridReady(params) {
|
|
|
|
params.api.sizeColumnsToFit()
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
</script>
|