<template>
  <el-dialog
    ref="dialog"
    :close-on-click-modal="false"
    :title="title"
    :visible.sync="dialogVisible"
    :destroy-on-close="true"
    width="40%"
    :model="false"
    :before-close="handleClose"
  >
    <div class="block-info">
      <div class="cate-title">
        <span class="order">01</span>
        <span>整改内容</span>
      </div>
      <div class="info-content base-info">
        <div class="item" v-for="(item,index) in reformPlan" :key="index">
          <span>{{item.name}}：</span>
          <span>{{item.value}}</span>
        </div>
      </div>
    </div>

    <div v-if="operationType ===  'find'" class="block-info">
      <div class="cate-title">
        <span class="order">02</span>
        <span>审核意见</span>
      </div>
      <div class="info-content base-info">
        <div class="item" v-for="(item,index) in examInfo" :key="index">
          <span>{{item.name}}：</span>
          <span>{{item.value}}</span>
        </div>
      </div>
    </div>
    <div v-if="operationType === 'exam'" class="block-info">
      <div class="cate-title">
        <span class="order">02</span>
        <span>审核意见</span>
      </div>
      <div class="form-area">
        <el-form  size="small" :model="formData" inline label-width="100">
          <el-form-item label="审核意见">
            <el-input v-model="formData.advance" type="textarea"></el-input>
          </el-form-item>
        </el-form>
      </div>

    </div>
    <div class="btns model-btns" v-if="operationType!=='exam'">
      <el-button size="small" type="primary">关闭</el-button>

    </div>
    <div class="btns model-btns"  v-else>
      <el-button size="small" type="primary">审核通过</el-button>
      <el-button size="small" type="primary">审核不通过</el-button>
      <el-button size="small" type="primary">关闭</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  name: "EvantHandleOperModel",
  data(){
    return {
      reformPlan:[
        {
          name:'填报人',
          value:'admin'
        },
        {
          name:'填报时间',
          value:'2020-10-10'
        },
        {
          name:'是否整改',
          value:'是'
        },
        {
          name:'上传附件',
          value:''
        },
        {
          name:'整改计划',
          value:'嘉华嘉华嘉华嘉华嘉华嘉华嘉华嘉华嘉华嘉华嘉华嘉华嘉华嘉华嘉华嘉华嘉华嘉华'
        }
      ],

      examInfo:[
        {
          name:'审核人',
          value:'张慧'
        },
        {
          name:'审核时间',
          value:'2020-10-10 15:10:10'
        },
        {
          name:'审核内容',
          value:'这是审核内容'
        },
      ],
      formData: {
        advance:''
      }
    }
  },
  props:{
    dialogVisible:{

    },
    title:{

    },
    operationType:{

    }
  },
  methods:{
    handleClose() {

      this.$emit('update:dialogVisible',false)

    },
  }

}
</script>

<style scoped lang="scss">
.el-dialog__wrapper{
  overflow: hidden;
}

.form-area{
  margin-top: 10px;
  margin-bottom: 10px;
}
::v-deep{
  .el-form-item--small .el-form-item__content{
    .el-textarea__inner{
      height:110px;
    }
    width: 600px;

  }
  .el-dialog__wrapper{
    overflow: hidden;
  }
  .el-dialog{
    max-height: 70%;
    overflow: auto;
  }
}
.block-info{
  margin: 15px 0;
  .info-content{

    .item{

      line-height:40px;
    }
  }
  .cate-title{
    padding: 10px 0;
    margin-bottom: 4px;
    border-bottom: 1px solid #2c91cc;
  }
  .order{
    margin-right: 6px;
  }
  color: #fff;
  font-size: 16px;
}
</style>