<template> <el-dialog custom-class="party-dialog" title="详情" width="540px" :visible.sync="formVisible" :before-close="close" > <div class="dialog-content"> <el-form :model="formItem" class="party-form" ref="formItem" label-width="180px" label-position="right" > <el-form-item label="上传时间:" prop="createTime"> <el-input size="small" v-model="formItem.createTime" disabled></el-input> </el-form-item> <el-form-item label="操作者:" prop="userName"> <el-input size="small" v-model="formItem.userName" disabled></el-input> </el-form-item> <el-form-item label="是否为当前使用版本:"> <el-input size="small" :value="formItem.isCurrent?'是':'否'" disabled></el-input> </el-form-item> <el-form-item label="版本信息:" prop="versionInfo"> <el-input type="textarea" size="small" v-model="formItem.versionInfo" disabled></el-input> </el-form-item> <el-form-item label="更新内容:" prop="updateLog"> <el-input type="textarea" size="small" v-model="formItem.updateLog" disabled></el-input> </el-form-item> </el-form> </div> <div slot="footer" class="dialog-footer btn-group"> <el-button size="mini" type="primary" @click="close()">确定</el-button> </div> </el-dialog> </template> <script> export default { data() { return { formVisible: false, formItem: {}, }; }, methods: { backFn(item) { this.formVisible = true; this.formItem = item; }, // 关闭 close() { this.formVisible = false; }, } }; </script> <style lang="less"> @import "../../../../style/dialog.less"; </style>