<template> <el-dialog :visible.sync="dialogFormVisible" title="详细信息" append-to-body width="40%"> <el-form ref="dataForm" :model="TimeLimitForm" label-width="100px" style="margin-right:60px"> <el-form-item label="案卷状态"> <el-input :value="TimeLimitForm.caseState"/> <!-- {{ TimeLimitForm.caseState }} --> </el-form-item> <el-form-item label="限制时限"> <el-input :value="TimeLimitForm.attribute"/> <!-- {{ TimeLimitForm.attribute }}分钟 --> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> <el-button @click="cancel">返回</el-button> </div> </el-dialog> </template> <script> export default { name: 'DetailTimeLimit', data() { return { dialogFormVisible: false, TimeLimitForm: { caseState: '', attribute: '' } } }, methods: { initDialog(dialogFormVisible, row) { this.dialogFormVisible = dialogFormVisible this.TimeLimitForm.caseState = row.description this.TimeLimitForm.attribute = row.attribute + '分钟' }, cancel() { this.dialogFormVisible = false } } } </script> <style scoped> </style>