<template>
  <div class="app-container">
    <el-form ref="form" :model="caseForm" label-width="auto">
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item label="事件编号">
            <el-input :value="caseForm.caseId" size="small"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="来电时间">
            <el-input :value="caseForm.callTime" size="small"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="联系人">
            <el-input :value="caseForm.reporterName" size="small"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="联系电话">
            <el-input :value="caseForm.reporterPhone" size="small"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item label="事件来源">
            <el-input :value="caseForm.sourceName" size="small"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="事件分类">
            <el-input :value="caseForm.eorcName + '/' + caseForm.caseTypeName + '/' + caseForm.caseDetailTypeName" size="small"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="紧急程度">
            <el-input :value="caseForm.caseLevelName" size="small"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="限办日期">
            <el-input :value="caseForm.limitedTime" size="small"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item label="事件地址">
            <el-input :value="caseForm.areaName + '-' + caseForm.streetName + '-' + caseForm.communityName + '-' + caseForm.fieldintro" size="small"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="事件辖区">
            <el-input :value="caseForm.areaName" size="small"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="事件受理录音">
            <el-input :value="caseForm.sound" size="small"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="事件回访录音">
            <el-input :value="caseForm.satisfactionSound" size="small"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item label="当前事件状态">
            <el-input :value="caseForm.stateName" size="small"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="当前处理方式">
            <el-input :value="caseForm.caseStateName" size="small"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="典型案例">
            <el-input :value="caseForm.isTypical === '1' ? '是' : '否'" size="small"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="是否要情">
            <el-input :value="caseForm.isImportant === '1' ? '是' : '否'" size="small"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <el-form-item label="事件标题">
            <el-input :value="caseForm.title" size="small"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <el-form-item label="事件内容">
            <el-input :value="caseForm.description" size="small"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <el-form-item label="备注信息">
            <el-input :value="caseForm.remarks" size="small"/>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
// import { caseDetail } from '@/api/callCase'
export default {
  name: 'CaseFormRead',
  props: {
    id: {
      type: String,
      default: ''
    }, // 事件id（主键id）
    caseForm: {
      type: Object,
      default() {
        return {}
      }
    }
  },
  data() {
    return {
    }
  },
  methods: {
    /**
     * 获取事件详情
     */
    // fetchDetail() {
    //   if (this.id) {
    //     caseDetail(this.id).then(response => {
    //       this.caseForm = response.data
    //     })
    //   }
    // }
  }
}
</script>