<template>
  <el-dialog title="日志详情" @open="open" @close="close" :visible.sync="visible"
      :close-on-click-modal="false" center custom-class="common-dialog log-dialog" >

      <div>
        {{this.logMsg}}
      </div>

  </el-dialog>
</template>

<script>

export default{
	name: 'log-details',
	props: {

	},
	data: function () {
		return {
      visible: false,
			logMsg: '',
		}
	},
	mounted: function () {
	},

	methods: {
		//打开事件
		open:function(){

		},
		//关闭事件
		close:function(){
      this.logMsg = ''
		},



	},
	components: {

	},
}
</script>

<style type="text/css" lang="scss">
.log-dialog {
    margin-top: 8vh!important;
    max-width: 1050px;
    .el-dialog__body {
        height: 76vh;
        max-height: 850px;
        box-sizing: border-box;
        overflow: auto;
        padding: 25px;
        &::-webkit-scrollbar { width: 10px; }
        > div {line-height: 30px;}
    }

}
</style>
