<template>
|
<el-dialog
|
custom-class="sy-modal"
|
|
title="故障详情"
|
:close-on-click-modal="false"
|
width="500px"
|
:before-close="onClose"
|
>
|
<div class="home-page-e-detail-modal" v-loading="loading">
|
<el-descriptions :column="1">
|
<el-descriptions-item label="设备名称：">{{row.DeviceName}}</el-descriptions-item>
|
<el-descriptions-item label="报警代码：">{{row.WarningCode}}</el-descriptions-item>
|
<el-descriptions-item label="报警内容：">{{row.WarningContent}}</el-descriptions-item>
|
<el-descriptions-item label="报警时间：">{{row.WarningTime}}</el-descriptions-item>
|
<el-descriptions-item label="创建人：">{{row.CreateBy}}</el-descriptions-item>
|
<el-descriptions-item label="创建时间：">{{row.CreateTime}}</el-descriptions-item>
|
<el-descriptions-item label="修改人：">{{row.ModifyBy}}</el-descriptions-item>
|
<el-descriptions-item label="修改时间：">{{row.ModifyTime}}</el-descriptions-item>
|
</el-descriptions>
|
</div>
|
<template #footer>
|
<span class="dialog-footer">
|
<el-button @click="onClose">关 闭</el-button>
|
</span>
|
</template>
|
</el-dialog>
|
</template>
|
|
<script>
|
export default {
|
name:'homePageEDetailModal',
|
emits:['update:visible'],
|
props:{
|
visible:{
|
type:Boolean,
|
default:false
|
},
|
row:{
|
type:Object,
|
default:function(){
|
return {}
|
}
|
}
|
},
|
data(){
|
return {
|
loading:false
|
}
|
},
|
watch:{
|
visible(newVal,oldVal){
|
if (newVal!==oldVal) {
|
if (newVal) {
|
|
} else {
|
|
}
|
}
|
}
|
},
|
methods:{
|
close(){
|
this.$emit('update:visible',false)
|
},
|
onClose(){
|
this.close();
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.home-page-e-detail-modal{
|
padding: 8px 16px 0 16px;
|
}
|
</style>
|
