<template>
  <el-dialog title="详情" :visible.sync="detailOpen" width="1000px" append-to-body destroy-on-close :close-on-click-modal="false">
    <el-form label-width="170px">
      <el-row class="el-row-table">
        <el-col :span="12">
          <el-form-item label="项目名称">
            <span v-if="detailInfo.fProjectName">{{ detailInfo.fProjectName }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="燃气企业编码" >
            <span v-if="detailInfo.fEntUuid">{{ detailInfo.fEntUuid }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="项目所在县级行政区ID" >
            <span v-if="detailInfo.fRegion">{{ detailInfo.fRegion }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="关联对象类型" >
            <span v-if="detailInfo.fIdNo">{{ $parent.fRelationObjectTypeFormat(detailInfo) }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="年度" >
            <span v-if="detailInfo.fYear">{{ detailInfo.fYear }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="项目开始时间" >
            <span v-if="detailInfo.fStartTime">{{ detailInfo.fStartTime }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="项目结束时间" >
            <span v-if="detailInfo.fEndTime">{{ detailInfo.fEndTime }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="项目总投资/万元" >
            <span v-if="detailInfo.fTotalInvestment">{{ detailInfo.fTotalInvestment }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="实施主体" >
            <span v-if="detailInfo.fSubjectImplementation">{{ detailInfo.fSubjectImplementation }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="联系人" >
            <span v-if="detailInfo.fConcatPerson">{{ detailInfo.fConcatPerson }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

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

        <el-col :span="12">
          <el-form-item label="实际改造完成时间" >
            <span v-if="detailInfo.fActualFinishTime">{{ detailInfo.fActualFinishTime }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="建设内容" >
            <span v-if="detailInfo.fConstructionContent">{{ detailInfo.fConstructionContent }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="当前改造进度/百分比" >
            <span v-if="detailInfo.fReconstructionProgress">{{ detailInfo.fReconstructionProgress }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="当前资金拨付进度/百分比" >
            <span v-if="detailInfo.fFundsDisbursementProgress">{{ detailInfo.fFundsDisbursementProgress }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="创建时间" >
            <span v-if="detailInfo.fCreateTime">{{ detailInfo.fCreateTime }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="更新时间" >
            <span v-if="detailInfo.fUpdateTime">{{ detailInfo.fUpdateTime }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="是否已上传" >
            <span v-if="detailInfo.fUploadType == '0'">否</span>
            <span v-else-if="detailInfo.fUploadType == '1'">是</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

          <el-col :span="12">
            <el-form-item label="上传时间" >
              <span v-if="detailInfo.fUploadTime">{{ detailInfo.fUploadTime }}</span>
              <span v-else>-</span>
            </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </el-dialog>

</template>

<script>
  import { getProcess } from "@/api/oldpipesystem/process";
  export default {
    name: "detail-info",
    data(){
        return{
          detailInfo: {},
          detailOpen: false
        }
    },
    methods:{
      getDetailInfo(id){
        getProcess(id).then(res =>{
          if(res.code == 200 && res.data){
            this.detailInfo = res.data;
            this.detailOpen = true;
          }
        })
      }
    }
  }
</script>

<style scoped>

</style>
