<template>
    <div style="padding:10px;">
        <div>
            <Form :model="formInfo" ref="logForm" :label-width="85" >
            <Row :gutter="20" class="code-row-bg">
                <Col span="12">
                <Form-item :label="$t('module.resourceMonitor.JVMName')">
                <Input  v-model="formInfo.runtimeName" readonly/>
                </Form-item>
                </Col>
                <Col span="12">
                <Form-item :label="$t('module.resourceMonitor.VMVersion')">
                <Input v-model="formInfo.vmVersion" readonly></Input>
                </Form-item>
                </Col>           
            </Row>
            <Row :gutter="20" class="code-row-bg">
                <Col span="12">
                <Form-item :label="$t('module.resourceMonitor.vmVendor')">
                <Input  v-model="formInfo.vmVendor" readonly></Input>
                </Form-item>
                </Col>
                <Col span="12">
                <Form-item :label="$t('module.resourceMonitor.specVendor')">
                <Input v-model="formInfo.specVendor" readonly></Input>
                </Form-item>
                </Col>
            </Row>
            <Row :gutter="20" class="code-row-bg">
                <Col span="12">
                <Form-item :label="$t('module.resourceMonitor.managementSpecVersion')">
                <Input v-model="formInfo.managementSpecVersion" readonly></Input>
                </Form-item>
                </Col>
                <Col span="12">
                <Form-item :label="$t('module.resourceMonitor.upTime')">
                <Input v-model="formInfo.upTime" readonly></Input>
                </Form-item>
                </Col>
            </Row>
            <Row :gutter="20" class="code-row-bg">
                <Col span="12">
                <Form-item :label="$t('module.resourceMonitor.startTime')">
                <Input v-model="formInfo.startTime" readonly></Input>
                </Form-item>
                </Col>
                <Col span="12">
                <Form-item :label="$t('module.resourceMonitor.specName')">
                <Input v-model="formInfo.specName" readonly></Input>
                </Form-item>
                </Col>            
            </Row>
            <Row :gutter="20" class="code-row-bg">
                <Col span="24">
                <Form-item :label="$t('module.resourceMonitor.vmName')">
                <Input v-model="formInfo.vmName" readonly></Input>
                </Form-item>
                </Col>
                <Col span="24">
                <Form-item :label="$t('module.resourceMonitor.classPath')">
                <Input type="textarea" :rows="2" v-model="formInfo.classPath" readonly></Input>
                </Form-item>
                </Col>
            </Row>
            <Row :gutter="20" class="code-row-bg">
                <Col span="24">
                <Form-item :label="$t('module.resourceMonitor.libraryPath')">
                <Input type="textarea" :rows="2" v-model="formInfo.libraryPath" readonly></Input>
                </Form-item>
                </Col>
            </Row>
            <Row :gutter="20" class="code-row-bg">
                <Col span="24">
                <Form-item :label="$t('module.resourceMonitor.inputArguments')">
                <Input type="textarea" :rows="2" v-model="formInfo.inputArguments" readonly></Input>
                </Form-item>
                </Col>
            </Row>
            <Row :gutter="20" class="code-row-bg">
                <Col span="24">
                <Form-item :label="$t('module.resourceMonitor.bootClassPath')">
                <Input type="textarea" :rows="2" v-model="formInfo.bootClassPath" readonly></Input>
                </Form-item>
                </Col>
            </Row>
            </Form>
        </div>
    </div>
</template>
<script>
    export default{
        components:{

        },
        props: {
            data: {
                type: [],
                default() {
                    return ""
                }
            },
            upTime: {
                type: String,
                default() {
                    return ""
                }
            },
        },
        data(){
            return{
                formInfo: {
                    bootClassPath: this.data.bootClassPath,
                    classPath: this.data.classPath,
                    inputArguments: this.data.inputArguments,
                    libraryPath: this.data.libraryPath,
                    managementSpecVersion: this.data.managementSpecVersion,
                    runtimeName: this.data.runtimeName,
                    specVendor: this.data.specVendor,
                    specVersion: this.data.specVersion,
                    specName: this.data.specName,
                    startTime: this.data.startTime,
                    systemProperties: this.data.systemProperties,
                    upTime: this.upTime,
                    vmName: this.data.vmName,
                    vmVendor: this.data.vmVendor,
                    vmVersion: this.data.vmVersion,
                },
            }
        },
        computed:{

        },
        created:function(){
            this.$emit('SetPageSize', 700);  
            this.$emit('SetTitle', this.$t('module.resourceMonitor.JVMDetail')); 

        },
        beforeMount:function(){

        },
        mounted:function(){

        },
        beforeDestroy:function(){

        },
        destroyed:function(){

        },
        methods:{
            onOk() {
                this.$emit("Close")
                },
        },
        watch:{

        },
        directives:{

        }
    }
</script>
