<template>
    <div>
      <h3>检查记录详情</h3>
      <el-form label-width="130px">
        <el-row class="el-row-table">
          <el-col :span="12">
            <el-form-item label="检查记录编码">
              <span v-if="detailInfo.fCheckCode">{{ detailInfo.fCheckCode }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="任务编码">
              <span v-if="detailInfo.fCheckTaskCode">{{ detailInfo.fCheckTaskCode }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="县级行政区">
              <span v-if="detailInfo.countyName">{{ detailInfo.countyName }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="检查对象分类">
              <span v-if="detailInfo.fObjectType">{{ detailInfo.fObjectType }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="对象编码">
              <span v-if="detailInfo.fObjectCode">{{ detailInfo.fObjectCode }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="检查人员">
              <span v-if="detailInfo.fCheckManName">{{ detailInfo.fCheckManName }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="检查人员联系电话">
              <span v-if="detailInfo.fCheckManPhone">{{ detailInfo.fCheckManPhone }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="检查时间">
              <span v-if="detailInfo.fCheckTime">{{ detailInfo.fCheckTime }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="隐患数量">
              <span v-if="detailInfo.fHazardsNum">{{ detailInfo.fHazardsNum }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="是否需执法">
              <span v-if="detailInfo.fDoscNeedExecute == '0'">否</span>
              <span v-else-if="detailInfo.fDoscNeedExecute == '1'">是</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="描述">
              <span v-if="detailInfo.fRemark">{{ detailInfo.fRemark }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="修改时间">
              <span v-if="detailInfo.fLastUpdateTime">{{ detailInfo.fLastUpdateTime }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="24">
            <el-form-item label="检查单等照片">
              <el-image
                :src="detailInfo.fAnnex"
                :preview-src-list="[detailInfo.fAnnex]"
                v-if="detailInfo.fAnnex != '' && detailInfo.fAnnex != null"
                :z-index=5000
                style="width: 200px;height: 200px;"
              ></el-image>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

        </el-row>

      </el-form>
    </div>
</template>

<script>
    export default {
        name: "inspect-info",
      props:{
          detailInfo:{
            type:Object
          }
      }
    }
</script>

<style scoped>

</style>
