<template>
  <el-dialog
    title="本次履约详情"
    v-model:visible="dialogFormVisible"
    center
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    width="800px"
  >
    <!--<el-form ref="statusForm" :model="statusForm" :rules="rules" label-suffix=":" label-width="120px">-->
    <!--<el-form-item label="居民" style="margin-bottom:0;">-->
    <!--<span>{{statusForm.nickname}}</span>-->
    <!--</el-form-item>-->
    <!--<el-form-item label="变更状态">-->
    <!--<span>{{statusForm.status==1 ? '未完成' : '已完成'}}</span>-->
    <!--</el-form-item>-->
    <!--<el-form-item label="*变更原因" prop="reason" class="required-item">-->
    <!--<custom-textarea-->
    <!--:placeholderTxt="placeholderTxt"-->
    <!--:inputContentFrom="statusForm.reason"-->
    <!--@inputHandler="inputHandler"-->
    <!--@inputHandlerBlur="inputHandlerBlur"></custom-textarea>-->
    <!--</el-form-item>-->
    <!--</el-form>-->
    <template v-slot:footer>
      <div class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="save">确 定</el-button>
      </div>
    </template>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      // dialogFormVisible: true
    }
  },
  props: {
    dialogFormVisible: {
      type: Boolean,
      default: false,
    },
  },
  computed: {},
  mounted() {},
  methods: {
    save() {
      this.dialogFormVisible = false
    },
  },
}
</script>
