fj-dc-ui/.svn/pristine/79/792ec236e3f88b2fc176dc1671f4c77f8b847e9b.svn-base

<template>
  <el-dialog
    class="verify_dialog"
    :title="title"
    :visible.sync="dialogVisible"
    :before-close="handleClose"
    append-to-body
  >
    <div class="verify_div">
      <el-table
        :data="tableData"
        style="width: 100%;overflow: auto;"
        :row-class-name="tableRowClassName"
        height="460px"
        empty-text="上传数据已全部验证通过！"
      >
        <el-table-column
          fixed
          type="index"
          :index="getIndex"
          width="90"
          label="模板行号"
          show-overflow-tooltip
        ></el-table-column>

        <!-- 基础信息 -->
        <!-- <el-table-column fixed prop="date" label="唯一标识" width="150" align="center" show-overflow-tooltip></el-table-column> -->
        <el-table-column fixed prop="rsName" label="水库名称" width="150" align="center" show-overflow-tooltip></el-table-column>
        <el-table-column prop="rsCode" label="水库编码" width="150" align="center" show-overflow-tooltip></el-table-column>
        <!-- <el-table-column prop="rsLoc" label="所在地点" width="150" align="center" show-overflow-tooltip></el-table-column> -->

        <!-- 基础信息纠错 -->
        <el-table-column
              prop="rsAdmName"
              label="管理机构"
              width="150"
              align="center"
              show-overflow-tooltip
            >
            <template slot-scope="scope">
                <span :style="{ color: scope.row.rsAdmName.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                  {{ scope.row.rsAdmName.replace('$E$','') }}
                </span>
            </template>
        </el-table-column>
        <el-table-column
              prop="location"
              label="行政区划"
              width="150"
              align="center"
              show-overflow-tooltip
            >
            <template slot-scope="scope">
                <span :style="{ color: scope.row.location.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                  {{ scope.row.location.replace('$E$','') }}
                </span>
            </template>
        </el-table-column>
        <el-table-column
              prop="rsLoc"
              label="所在地点"
              width="150"
              align="center"
              show-overflow-tooltip
            >
            <template slot-scope="scope">
                <span :style="{ color: scope.row.rsLoc.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                  {{ scope.row.rsLoc.replace('$E$','') }}
                </span>
            </template>
        </el-table-column>
        <el-table-column
              prop="compDateStr"
              label="建成时间"
              width="150"
              align="center"
              show-overflow-tooltip
            >
            <template slot-scope="scope">
                <span :style="{ color: scope.row.compDateStr.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                  {{ scope.row.compDateStr.replace('$E$','') }}
                </span>
            </template>
        </el-table-column>
        <el-table-column
              prop="engScal"
              label="工程规模"
              width="150"
              align="center"
              show-overflow-tooltip
            >
            <template slot-scope="scope">
                <span :style="{ color: scope.row.engScal.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                  {{ scope.row.engScal.replace('$E$','') }}
                </span>
            </template>
        </el-table-column>
        <el-table-column
              prop="totCap"
              label="总库容（万m3）"
              width="150"
              align="center"
              show-overflow-tooltip
            >
            <template slot-scope="scope">
                <span :style="{ color: scope.row.totCap.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                  {{ scope.row.totCap.replace('$E$','') }}
                </span>
            </template>
        </el-table-column>
        <el-table-column
              prop="damSizeHig"
              label="最大坝高(m)"
              width="150"
              align="center"
              show-overflow-tooltip
            >
            <template slot-scope="scope">
                <span :style="{ color: scope.row.damSizeHig.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                  {{ scope.row.damSizeHig.replace('$E$','') }}
                </span>
            </template>
        </el-table-column>
        <el-table-column
              prop="rsType"
              label="主坝坝型"
              width="150"
              align="center"
              show-overflow-tooltip
            >
            <template slot-scope="scope">
                <span :style="{ color: scope.row.rsType.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                  {{ scope.row.rsType.replace('$E$','') }}
                </span>
            </template>
        </el-table-column>
        <el-table-column
              prop="regCode"
              label="注册登记号"
              width="150"
              align="center"
              show-overflow-tooltip
            >
            <template slot-scope="scope">
                <span :style="{ color: scope.row.regCode.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                  {{ scope.row.regCode.replace('$E$','') }}
                </span>
            </template>
        </el-table-column>
        <el-table-column
              prop="centerXGd"
              label="经度"
              width="150"
              align="center"
              show-overflow-tooltip
            >
            <template slot-scope="scope">
                <span :style="{ color: scope.row.centerXGd.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                  {{ scope.row.centerXGd.replace('$E$','') }}
                </span>
            </template>
        </el-table-column>
        <el-table-column
              prop="centerYGd"
              label="纬度"
              width="150"
              align="center"
              show-overflow-tooltip
            >
            <template slot-scope="scope">
                <span :style="{ color: scope.row.centerYGd.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                  {{ scope.row.centerYGd.replace('$E$','') }}
                </span>
            </template>
        </el-table-column>
      

        <!-- 责任人落实情况（填报项） -->
        <el-table-column label="“三个责任人”落实情况（填报项）" width="150">
          <el-table-column label="行政责任人信息" width="150" align="center">
            <el-table-column prop="hasWiunWaoLegPers" label="是否有行政责任人" width="150" align="center">
              <template slot-scope="scope">
                    <span :style="{ color: scope.row.hasWiunWaoLegPers.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.hasWiunWaoLegPers.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="wiunWaoLegPers"
              label="责任人姓名(小于30个字符)"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.wiunWaoLegPers.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.wiunWaoLegPers.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="wiunWaoLegPersTel"
              label="责任人电话(数字且不超过11位)"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.wiunWaoLegPersTel.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.wiunWaoLegPersTel.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="wiunWaoLegPersDuty"
              label="责任人职务(小于200个字符)"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.wiunWaoLegPersDuty.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.wiunWaoLegPersDuty.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="wiunWaoLegPersTrain"
              label="是否接受过岗位培训"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.wiunWaoLegPersTrain.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.wiunWaoLegPersTrain.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="wiunWaoLegPersCnps"
              label="是否明确规范性履职标准"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.wiunWaoLegPersCnps.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.wiunWaoLegPersCnps.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="wiunWaoLegPersResu"
              label="履职情况"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.wiunWaoLegPersResu.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.wiunWaoLegPersResu.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="技术责任人情况" width="150" align="center">
            <el-table-column
              prop="hasTechPers"
              label="是否有技术责任人"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.hasTechPers.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.hasTechPers.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="techPers"
              label="责任人姓名(小于30个字符)"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.techPers.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.techPers.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="techPersTel"
              label="责任人电话(数字且不超过11位)"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.techPersTel.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.techPersTel.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="techPersDuty"
              label="责任人职务(小于200个字符)"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.techPersDuty.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.techPersDuty.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="techPersTrain"
              label="是否接受过岗位培训"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.techPersTrain.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.techPersTrain.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="techPersCnps"
              label="是否明确规范性履职标准"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.techPersCnps.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.techPersCnps.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="techPersResu"
              label="履职情况"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.techPersResu.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.techPersResu.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="巡查责任人情况" width="150" align="center">
            <el-table-column
              prop="hasPatrolPers"
              label="是否有巡查责任人"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.hasPatrolPers.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.hasPatrolPers.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="patrolPers"
              label="责任人姓名(小于30个字符)"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.patrolPers.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.patrolPers.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="patrolPersTel"
              label="责任人电话(数字且不超过11位)"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.patrolPersTel.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.patrolPersTel.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="patrolPersTrain"
              label="是否接受过岗位培训"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.patrolPersTrain.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.patrolPersTrain.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="patrolPersCnps"
              label="是否明确规范性履职标准"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.patrolPersCnps.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.patrolPersCnps.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="patrolPersResu"
              label="履职情况"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.patrolPersResu.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.patrolPersResu.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>
        </el-table-column>

        <!-- “三个重点环节”落实情况（填报项） -->
        <el-table-column label="“三个重点环节”落实情况（填报项）" width="150">
           <el-table-column label="预测预报能力" width="150" align="center">
            <el-table-column
              prop="rainForc"
              label="是否能自主预测预报水雨情"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.rainForc.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.rainForc.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="rainForcNote"
              label="是否有其他方法及时了解水雨情"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.rainForcNote.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.rainForcNote.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>

          <el-table-column label="水库调度运用方案" width="150" align="center">
            <el-table-column
              prop="schPlanSameExta"
              label="是否有水库调度运用方案"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.schPlanSameExta.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.schPlanSameExta.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="schPlanSameAppr"
              label="是否获得批复"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.schPlanSameAppr.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.schPlanSameAppr.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="schPlanSameEme"
              label="是否进行演练"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.schPlanSameEme.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.schPlanSameEme.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="schPlanSameSpeed"
              label="可操作性"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.schPlanSameSpeed.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.schPlanSameSpeed.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>

          <el-table-column label="安全管理（防汛）应急预案" width="150" align="center">
            <el-table-column prop="emerPlanSameExta" label="是否有安全管理（防汛）应急方案" width="150" align="center" show-overflow-tooltip>
              <template slot-scope="scope">
                <span :style="{ color: scope.row.emerPlanSameExta.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                  {{ scope.row.emerPlanSameExta.replace('$E$','') }}
                </span>
              </template>
            </el-table-column>
            <el-table-column
              prop="emerPlanSameAppr"
              label="是否获得批复或备案"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.emerPlanSameAppr.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.emerPlanSameAppr.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="emerPlanSameEme"
              label="是否进行演练"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.emerPlanSameEme.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.emerPlanSameEme.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="emerPlanSameSpeed"
              label="可操作性"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.emerPlanSameSpeed.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.emerPlanSameSpeed.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>



        </el-table-column>



        <!-- 水库工程实体（填报项） -->
        <el-table-column label="水库工程实体（填报项）" width="150">
          <el-table-column
            prop="reverOrg"
            label="水库所属流域"
            width="150"
            align="center"
            show-overflow-tooltip
          >
              <template slot-scope="scope">
                  <span :style="{ color: scope.row.reverOrg.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                    {{ scope.row.reverOrg.replace('$E$','') }}
                  </span>
              </template>
          </el-table-column>
          <el-table-column
            prop="poorCountry"
            label="所在县是否为贫困县"
            width="150"
            align="center"
            show-overflow-tooltip
          >
              <template slot-scope="scope">
                  <span :style="{ color: scope.row.poorCountry.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                    {{ scope.row.poorCountry.replace('$E$','') }}
                  </span>
              </template>
          </el-table-column>
          <el-table-column
            prop="waterRunInfo"
            label="蓄水运行情况"
            width="150"
            align="center"
            show-overflow-tooltip
          >
              <template slot-scope="scope">
                  <span :style="{ color: scope.row.waterRunInfo.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                    {{ scope.row.waterRunInfo.replace('$E$','') }}
                  </span>
              </template>
          </el-table-column>
          <el-table-column
            prop="fsltdzInfo"
            label="执行汛限水位情况"
            width="150"
            align="center"
            show-overflow-tooltip
          >
              <template slot-scope="scope">
                  <span :style="{ color: scope.row.fsltdzInfo.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                    {{ scope.row.fsltdzInfo.replace('$E$','') }}
                  </span>
              </template>
          </el-table-column>

          <el-table-column label="挡水建筑物运行情况" width="150" align="center">
            <el-table-column
              prop="diskRunInfo"
              label="是否正常运行"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.diskRunInfo.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.diskRunInfo.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>


          <el-table-column label="泄洪建筑物运行状况" width="150" align="center">
            <el-table-column
              prop="hasSetMainFl"
              label="是否设置泄洪建筑物"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.hasSetMainFl.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.hasSetMainFl.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="isMainFlNormal"
              label="运行情况"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.isMainFlNormal.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.isMainFlNormal.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>

          <el-table-column label="放水建筑物运行状况" width="150" align="center">
            <el-table-column
              prop="hasSetPourFl"
              label="是否设置放水建筑物"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.hasSetPourFl.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.hasSetPourFl.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="pourFyIsNormal"
              label="运行情况"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.pourFyIsNormal.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.pourFyIsNormal.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>

          <el-table-column label="大坝安全鉴定" width="150" align="center">
            <el-table-column
              prop="hasExtDamSafeAppr"
              label="按规定是否需要开展"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.hasExtDamSafeAppr.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.hasExtDamSafeAppr.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="extDamSafeAppr"
              label="开展情况"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.extDamSafeAppr.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.extDamSafeAppr.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>

          <el-table-column label="水库除险加固" width="150" align="center">
            <el-table-column
              prop="ifReinForce"
              label="是否实施"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.ifReinForce.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.ifReinForce.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="reinForceRun"
              label="实施情况"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.reinForceRun.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.reinForceRun.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="notReinForce"
              label="是否应实施却未实施"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.notReinForce.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.notReinForce.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>

        </el-table-column>


        <!-- 运行管理情况（填报项） -->
        <el-table-column label="运行管理情况（填报项）" width="150">
          <el-table-column label="管理机构及经费情况" width="150" align="center">
            <el-table-column
              prop="hasSpeManage"
              label="是否有管理机构"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.hasSpeManage.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.hasSpeManage.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="hasWdEmnic"
              label="是否有稳定经费来源"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.hasWdEmnic.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.hasWdEmnic.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>

          <el-table-column label="注册登记情况" width="150" align="center">
            <el-table-column
              prop="ifManageReg"
              label="是否注册登记"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.ifManageReg.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.ifManageReg.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="ifManageRegRel"
              label="注册登记信息准确情况"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.ifManageRegRel.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.ifManageRegRel.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="公示情况" width="150" align="center">
            <el-table-column
              prop="ifDamWarnLogo"
              label="是否设置水库公示牌"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.ifDamWarnLogo.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.ifDamWarnLogo.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="安全运行总体评价" width="150" align="center">
            <el-table-column
              prop="safeComment"
              label="安全评价"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.safeComment.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.safeComment.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>
        </el-table-column>

        <!-- 效益发挥情况 -->
        <el-table-column label="效益发挥情况（填报项）" width="150">
            <el-table-column
              prop="ifEffective"
              label="是否发挥效益"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.ifEffective.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.ifEffective.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="ifWaterS"
              label="是否为饮用水源"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.ifWaterS.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.ifWaterS.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="wsfdws"
              label="饮用水源供水量（吨/年,不超过15位）"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.wsfdws.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.wsfdws.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="diskRunInfo2"
              label="是否有灌溉任务"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.diskRunInfo2.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.diskRunInfo2.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="hasSetMainFl2"
              label="灌溉面积(不超过18位)"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.hasSetMainFl2.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.hasSetMainFl2.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
        </el-table-column> 

        <!-- 走访情况（填报项） -->
        <el-table-column label="走访情况（填报项）" width="150">
          <el-table-column label="行政村基本信息" width="150">
            <el-table-column
              prop="viewPreName"
              label="走访人员名称(小于30个字符)"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.viewPreName.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.viewPreName.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="行政村调研信息" width="150" align="center">
            <el-table-column
              prop="knowResManager"
              label="是否知晓水库管护人员"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.knowResManager.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.knowResManager.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="managerComment"
              label="对管护责任人的评价"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.managerComment.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.managerComment.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column
              prop="note"
              label="备注(小于200个字符)"
              width="150"
              align="center"
              show-overflow-tooltip
            >
                <template slot-scope="scope">
                    <span :style="{ color: scope.row.note.indexOf('$E$')>0 ? '#ED3F14' : '' }">
                      {{ scope.row.note.replace('$E$','') }}
                    </span>
                </template>
            </el-table-column>
          </el-table-column>
        </el-table-column>
      </el-table>
      <el-button type="warning" v-show="reUploadState"  @click="handleClose" >重新上传</el-button>
      <el-button type="primary" v-show="confirmUploadState"  @click="confirmUpload"
        :loading="uploadLoading"
        :disabled="buttonState"
        >确定填报</el-button>
    </div>

  </el-dialog>
</template>
<script>
import request from "../../utils/gw_ajax_request.js";
export default {
  props: ['tableData','uuid','id'],
  components: {},
  data() {
    return {
      dialogVisible: true,
      reUploadState:false,
      confirmUploadState:true,
      rDisabled:false,
      cDisabled:false,
      title:'小水库批量填报数据验证页面(验证通过√)',
      uploadLoading: false,
      buttonState: false,
    };
  },
  mounted: function() {},
  computed: {
    persId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    }
  },
  methods: {
    handleClose(done) {
      this.reUploadState = false;
      this.$emit("closePlVerDialog");
    },
    getIndex(index) {
      return index + 6;
    },
    tableRowClassName({ row, rowIndex }) {
      let values = "";
      for(let key in row){
        values += row[key];
      }
      if (values.indexOf('$E$') > 0) {
        this.reUploadState = true;
        this.confirmUploadState = false;
        this.title = '小水库批量填报数据验证页面(验证未通过×)';
        return 'warning-row';
      }
      return "";
    },
    confirmUpload(){
      this.uploadLoading = true;
      this.buttonState = true;
      request.get(`/dc/impExcel/insertExcel/${this.persId}/${this.uuid}?&tid=08&pid=${this.id}`).then(res => {
        console.log(res)
        if(res.data.key == true){
          this.$alert('填报成功！', '提示', {
            confirmButtonText: '确定',
            type: 'success',
            callback: action => {
              //
              this.uploadLoading = false;
              this.buttonState = false;
              this.handleClose();
            }
          });
        }else {
          this.$alert('填报失败！', '提示', {
            confirmButtonText: '确定',
            callback: action => {
              this.$message({
                type: 'info',
                message: `请不要重复提交!`
              });
            }
          });
        }
      });
    }
  },
  watch: {
    reUploadState(n,o){
      if(n){
        this.confirmUploadState = false;
      }else {
        this.confirmUploadState = true;
      }
    }
  }
};
</script>
<style>
.title {
  font-size: 16px;
}
.el-icon-edit {
  margin-right: 10px;
}
.verify_dialog .el-dialog {
  width: 80% !important;
}
.verify_dialog .el-dialog__body {
  padding: 30px 20px;
  color: #606266;
  font-size: 14px;
  height: 500px;
  overflow: auto;
}
.verify_div {
  text-align: center;
}
.verify_div .el-table th > .cell {
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}
.verify_div .el-table--border th,
.el-table__fixed-right-patch {
  background: rgba(240, 240, 240, 1);
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1),
    0px 1px 0px 0px rgba(0, 0, 0, 0.1), -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.verify_div .el-table td.is-hidden > *,
.nysgc .el-table th.is-hidden > *,
.el-table--hidden {
  visibility: visible;
}
</style>