fj-dc-ui/.svn/pristine/d3/d37e0ff12465f93d020b40e8e006d67ef606dbe6.svn-base

<template>
  <div id="kjrmap">
    <transition name="el-fade-in-linear">
      <draggable :title="Title" initTop=100 initLeft=220 initWidth=790 initHeight=500 @closeDraggable='closeModal_shuiku'>
        <div class="process_line">
          <div class="item content4">
            <div class="item3">
              <div>
                <span class="label5">水库名称：</span>
                <span class="label2">{{shuikuInfo.rsvrNm}}</span>
              </div>
              <div class="mt20">
                <span class="label5">所在地点：</span>
                <span class="label2 spanStyle" :title=shuikuInfo.hystSite>{{shuikuInfo.hystSite}}</span>
              </div>
              <div class="mt20">
                <span class="label5">建成时间：</span>
                <span class="label2">{{shuikuInfo.resCreateTime}}</span>
              </div>
            </div>

            <div class="item3">
              <div class="">
                <span class="label5">工程规模：</span>
                <span class="label2">{{formatEngScal(shuikuInfo.engScal)}}</span>
              </div>
              <div class="mt20">
                <span class="label5">总库容(m³)：</span>
                <span class="label2">{{shuikuInfo.totCap}}</span>
              </div>
              <div class="mt20">
                <span class="label5">最大坝高(m)：</span>
                <span class="label2">{{shuikuInfo.damMaxHigh}}</span>
              </div>
            </div>
            <div class="item3">
              <div class="">
                <span class="label5">主坝坝型：</span>
                <span class="label2">{{formatdamType(shuikuInfo.damType)}}</span>
              </div>
              <div class="mt20">
                <span class="label5">注册登记号：</span>
                <span class="label2">{{shuikuInfo.damRegCode}}</span>
              </div>
            </div>

          </div>
          <el-collapse v-model="activeNames_sk" @change="skhandleChange" accordion>
            <el-collapse-item title="三项基本要求落实情况" name="1">
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>安全管理(防汛)应急预案</span>
                </div>
                <div class="mt10">
                  <span class="span100">是否编制:</span>
                  <span class="ml10">{{shifouRadio(sxjbyq.emerPlanSameExta)}}</span>
                </div>
                <div class="mt10">
                  <span class="span100">是否批复或备案:</span>
                  <span class="ml10">{{shifouRadio(sxjbyq.emerPlanSameAppr)}}</span>
                </div>
                <div class="mt10">
                  <span class="span100">是否进行演练:</span>
                  <span class="ml10">{{shifouRadio(sxjbyq.emerPlanSameEme)}}</span>
                </div>
                <div class="mt10">
                  <span class="span100">是否具备操作性:</span>
                  <span class="ml10">{{shifouRadio(sxjbyq.emerPlanSameSpeed)}}</span>
                </div>
              </el-card>
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>水库调度运用方案</span>
                </div>
                <div class="mt10">
                  <span class="span100">是否编制:</span>
                  <span class="ml10">{{shifouRadio(sxjbyq.schPlanSameExta)}}</span>
                </div>
                <div class="mt10">
                  <span class="span100">是否批复:</span>
                  <span class="ml10">{{shifouRadio(sxjbyq.schPlanSameAppr)}}</span>
                </div>
                <div class="mt10">
                  <span class="span100">是否进行演练:</span>
                  <span class="ml10">{{shifouRadio(sxjbyq.schPlanSameEme)}}</span>
                </div>
                <div class="mt10">
                  <span class="span100">是否具有操作性:</span>
                  <span class="ml10">{{shifouRadio(sxjbyq.schPlanSameSpeed)}}</span>
                </div>
              </el-card>
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>水雨情预测预报</span>
                </div>
                <div class="mt30">
                  <span class="span150">是否具有能力开展:</span>
                  <span class="ml10">{{shifouRadio(sxjbyq.rainForc)}}</span>
                </div>
              </el-card>
            </el-collapse-item>
            <el-collapse-item title="三个责任人落实情况" name="2" class="sgzzr">
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>行政责任人情况</span>
                </div>
                <div class="mt10">
                  <span class="span100">是否有行政责任人:</span>
                  <span class="ml10">{{shifouRadio(sgzrr.hasWiunWaoLegPers)}}</span>
                </div>
                <div class="zrr mt10">
                  <span class="span100">责任人姓名:</span>
                  <span class="ml10">{{sgzrr.wiunWaoLegPers}}</span>
                </div>
                <div class="zrr mt10">
                  <span class="span100">责任人电话:</span>
                  <span class="ml10">{{sgzrr.wiunWaoLegPersTel}}</span>
                </div>
                <div class="zrr mt10">
                  <span class="span100">责任人职务:</span>
                  <span class="ml10">{{sgzrr.wiunWaoLegPersDuty}}</span>
                </div>
                <div class="zrr mt10 mr0">
                  <span class="span100">履职情况:</span>
                  <span class="ml10" v-if="sgzrr.wiunWaoLegPersResu == '0'">好</span>
                  <span class="ml10" v-if="sgzrr.wiunWaoLegPersResu == '1'">一般</span>
                  <span class="ml10" v-if="sgzrr.wiunWaoLegPersResu == '2'">差</span>
                </div>

              </el-card>
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>技术责任人情况</span>
                </div>
                <div class="zrr mt10">
                  <span class="span100">是否有技术责任人:</span>
                  <span class="ml10">{{shifouRadio(sgzrr.hasTechPers)}}</span>
                </div>
                <div class="zrr mt10">
                  <span class="span100">责任人姓名:</span>
                  <span class="ml10">{{sgzrr.techPers}}</span>
                </div>
                <div class="zrr mt10">
                  <span class="span100">责任人电话:</span>
                  <span class="ml10">{{sgzrr.techPersTel}}</span>
                </div>
                <div class="zrr mt10">
                  <span class="span100">责任人职务:</span>
                  <span class="ml10">{{sgzrr.techPersDuty}}</span>
                </div>
                <div class="zrr mt10 mr0">
                  <span class="span100">履职情况:</span>
                  <span class="ml10" v-if="sgzrr.techPersResu == '0'">好</span>
                  <span class="ml10" v-if="sgzrr.techPersResu == '1'">一般</span>
                  <span class="ml10" v-if="sgzrr.techPersResu == '2'">差</span>
                </div>

              </el-card>
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>巡查责任人情况</span>
                </div>
                <div class="zrr mt10">
                  <span class="span100">是否有巡查责任人:</span>
                  <span class="ml10">{{shifouRadio(sgzrr.hasPatrolPers)}}</span>
                </div>
                <div class="zrr mt10">
                  <span class="span100">责任人姓名:</span>
                  <span class="ml10">{{sgzrr.patrolPers}}</span>
                </div>
                <div class="zrr mt10">
                  <span class="span100">责任人电话:</span>
                  <span class="ml10">{{sgzrr.patrolPersTel}}</span>
                </div>
                <div class="zrr mt10">
                  <span class="span100">责任人职务:</span>
                  <span class="ml10">{{sgzrr.patrolPersDuty}}</span>
                </div>
                <div class="zrr mt10 mr0">
                  <span class="span100">履职情况:</span>
                  <span class="ml10" v-if="sgzrr.patrolPersResu == '0'">好</span>
                  <span class="ml10" v-if="sgzrr.patrolPersResu == '1'">一般</span>
                  <span class="ml10" v-if="sgzrr.patrolPersResu == '2'">差</span>
                </div>

              </el-card>
            </el-collapse-item>
            <el-collapse-item title="水库工程实体和运行管理情况" name="3" class="skgc">
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>安全运行总体评价</span>
                </div>
                <div class="zrr mt10">
                  <span class="span110">安全评价:</span>
                  <span class="ml10">{{shifouRadio(skgcst.safeComment)}}</span>
                </div>
              </el-card>
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>管理机构及经费</span>
                </div>
                <div class="zrr mt10">
                  <span class="span110">是否有专门管理机构:</span>
                  <span class="ml10">{{shifouRadio(skgcst.hasSpeManage)}}</span>
                </div>
                <div class="zrr mt10">
                  <span class="span110">是否有管护人员:</span>
                  <span class="ml10">{{shifouRadio(skgcst.hasManagePers)}}</span>
                </div>
                <div class="zrr mt10">
                  <span class="span110">是否有稳定经费来源:</span>
                  <span class="ml10">{{shifouRadio(skgcst.hasWdEmnic)}}</span>
                </div>
              </el-card>
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>蓄水运行状况</span>
                </div>
                <div class="zrr mt10">
                  <span class="span100">正常运行:</span>
                  <span class="ml10">{{shifouRadio(skgcst.retainRegular)}}</span>
                </div>
                <div class="zrr mt10">
                  <span>不具备正常蓄水位运行条件:</span>
                  <span class="ml10" v-if="skgcst.hasRetainRegular == '1'">但仍高水位运行</span>
                  <span class="ml10" v-if="skgcst.hasRetainRegular == '2'">已采取措施限制水位运行</span>
                  <span class="ml10" v-if="skgcst.hasRetainRegular == '0'">已空库运行</span>
                </div>
              </el-card>
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>挡水建筑物运行情况</span>
                </div>
                <div class="zrr mt10">
                  <span class="span100">是否正常运行:</span>
                  <span class="ml10">{{shifouRadio(skgcst.dikeHasLeak)}}</span>
                </div>
                <div class="zrr mt10">
                  <span>是否明显漏水影响安全:</span>
                  <span class="ml10">{{shifouRadio(skgcst.leakMakeSafe)}}</span>
                </div>
                <div class="zrr mt10">
                  <span>是否有变形或不稳定情况:</span>
                  <span class="ml10">{{shifouRadio(skgcst.hasAstable)}}</span>
                </div>
              </el-card>


              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>泄洪建筑物运行情况</span>
                </div>
                <div class="zrr mt10">
                  <span>是否设置泄洪建筑物:</span>
                  <span class="ml10">{{shifouRadio(skgcst.hasSetMainFl)}}</span>
                </div>
                <div class="zrr mt10">
                  <span>运行情况:</span>
                  <span class="ml10">{{skgcst.isMainFlNormal}}</span>
                </div>
              </el-card>
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>防洪限制水位</span>
                </div>
                <div class="zrr mt10">
                  <span>是否设置防洪限制水位:</span>
                  <span class="ml10">{{shifouRadio(skgcst.havFlLowLimLev)}}</span>
                </div>
                <div class="zrr mt10">
                  <span>超汛限水位运行:</span>
                  <span class="ml10">{{shifouRadio(skgcst.gtFlLowLimLev)}}</span>
                </div>
              </el-card>
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>放水建筑物运行情况</span>
                </div>
                <div class="zrr mt10">
                  <span>是否设置放水建筑物:</span>
                  <span class="ml10">{{shifouRadio(skgcst.hasSetPourFl)}}</span>
                </div>
                <div class="zrr mt10">
                  <span>运行情况:</span>
                  <span class="ml10">{{skgcst.pourFyIsNormal}}</span>
                </div>
              </el-card>
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>大坝安全鉴定</span>
                </div>
                <div class="zrr mt10">
                  <span>安全鉴定:</span>
                  <span class="ml10">{{skgcst.extDamSafeAppr}}</span>
                </div>
              </el-card>
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>水库除险加固</span>
                </div>
                <div class="zrr mt10">
                  <span>是否实施:</span>
                  <span class="ml10">{{shifouRadio(skgcst.ifReinForce)}}</span>
                </div>
                <div class="zrr mt10">
                  <span>实施情况:</span>
                  <span class="ml10">{{skgcst.ifComplateAccAll}}</span>
                </div>
              </el-card>
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>公示情况</span>
                </div>
                <div class="zrr mt10">
                  <span>是否设置水库公示牌:</span>
                  <span class="ml10">{{shifouRadio(skgcst.ifDamWarnLogo)}}</span>
                </div>
              </el-card>
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>注册登记情况</span>
                </div>
                <div class="zrr mt10">
                  <span>是否注册登记:</span>
                  <span class="ml10">{{shifouRadio(skgcst.manageRegRelNote)}}</span>
                </div>
                <div class="zrr mt10">
                  <span>注册信息真实:</span>
                  <span class="ml10">{{shifouRadio(skgcst.ifManageRegRel)}}</span>
                </div>
              </el-card>
            </el-collapse-item>
            <el-collapse-item title="走访情况" name="4">
              <div class="item content">
                <template>
                  <el-table :data="zfqkData" height="200" highlight-current-row border stripe style="width: 100%">
                    <el-table-column prop="recPers2" label="走访人姓名" align='center'>
                    </el-table-column>
                    <el-table-column prop="knowResManager" label="是否知晓水库管护人员" align='center'>
                      <template slot-scope="scope">
                        <span>{{shifouRadio(scope.row.knowResManager)}}</span>
                      </template>
                    </el-table-column>
                    <el-table-column prop="managerComment" label="对管护责任人的评价" align='center'>
                      <template slot-scope="scope">
                        <span style="font-weight:bolder;color:#F56C6C" v-if="scope.row.managerComment == 0">不满意</span>
                        <span style="font-weight:bolder;color:#E6A23C" v-if="scope.row.managerComment == 1">一般</span>
                        <span style="font-weight:bolder;color:#67C23A" v-if="scope.row.managerComment == 2">满意</span>
                      </template>
                    </el-table-column>
                    <el-table-column prop="note" label="备注" :formatter="processState" align='center'>
                    </el-table-column>
                  </el-table>
                </template>
              </div>
            </el-collapse-item>
            <el-collapse-item title="问题清单" name="5">
              <div class="item content">
                <template>
                  <el-table :data="wtqdData" height="200" highlight-current-row border stripe style="width: 100%">
                    <!--<el-table-column prop="objType" label="督查对象类型" align='center' width="150">-->
                    <!--</el-table-column>-->
                    <!--<el-table-column prop="inspPblmType" label="督查问题类型" align='center' width="120"></el-table-column>-->
                    <!--<el-table-column prop="inspPblmCode" label="督查问题编码" align='center' width="150" show-overflow-tooltip></el-table-column>-->
                    <el-table-column prop="inspPblmName" label="督查问题名称" align='center' width="150"
                                     show-overflow-tooltip></el-table-column>
                    <el-table-column prop="inspPblmDesc" label="督查问题描述" align='center' width="150"
                                     show-overflow-tooltip></el-table-column>
                    <el-table-column prop="inspAddDesc" label="督查问题地址描述" align='center' width="200"
                                     show-overflow-tooltip></el-table-column>
                    <el-table-column prop="objType" label="督查对象类型" align='center' width="150">
                    </el-table-column>
                    <el-table-column prop="inspPblmType" label="督查问题类型" align='center' width="120"></el-table-column>
                    <el-table-column prop="inspPblmCode" label="督查问题编码" align='center' width="150"
                                     show-overflow-tooltip></el-table-column>
                    <el-table-column prop="inspPblmName" label="督查问题名称" align='center' width="150"
                                     show-overflow-tooltip></el-table-column>
                    <el-table-column prop="inspPblmDesc" label="督查问题描述" align='center' width="150"
                                     show-overflow-tooltip></el-table-column>
                    <el-table-column prop="inspAddDesc" label="督查问题地址描述" align='center' width="200"
                                     show-overflow-tooltip></el-table-column>
                    <el-table-column prop="objType" label="督查对象类型" align='center' width="150">
                    </el-table-column>
                    <el-table-column prop="inspPblmType" label="督查问题类型" align='center' width="120"></el-table-column>
                    <el-table-column prop="inspPblmCode" label="督查问题编码" align='center' width="150"
                                     show-overflow-tooltip></el-table-column>
                    <el-table-column prop="inspPblmName" label="督查问题名称" align='center' width="150"
                                     show-overflow-tooltip></el-table-column>
                    <el-table-column prop="inspPblmDesc" label="督查问题描述" align='center' width="150"
                                     show-overflow-tooltip></el-table-column>
                    <el-table-column prop="inspAddDesc" label="督查问题地址描述" align='center' width="200"
                                     show-overflow-tooltip></el-table-column>
                    <!--<el-table-column prop="pblmLong" label="问题经度" align='center' width="130"></el-table-column>-->
                    <!--<el-table-column prop="pblmLat" label="问题纬度" align='center'></el-table-column>-->
                    <el-table-column prop="ifCasePblm" label="是否典型问题" align='center' width="150">
                      <template slot-scope="scope">
                        <span v-if="scope.row.ifCasePblm == 1">典型</span>
                        <span v-if="scope.row.ifCasePblm == 0">非典型</span>
                      </template>
                    </el-table-column>
                    <el-table-column prop="inspPblmOrgName" label="问题责任单位" align='center' width="150"></el-table-column>
                    <el-table-column prop="pblmPersName" label="问题责任人" align='center' width="150"></el-table-column>
                    <el-table-column prop="inspPblmCate" label="督查问题严重程度" align='center' width="150">
                      <template slot-scope="scope">
                        <span style="padding: 3px 10px;background:#27C19F;border-radius:15px;color:rgba(255,255,255,1)"
                              v-if="scope.row.inspPblmCate == 0">一般</span>
                        <span style="padding: 3px 10px;background:#E6A23C;border-radius:15px;color:rgba(255,255,255,1)"
                              v-if="scope.row.inspPblmCate == 1">较重</span>
                        <span style="padding: 3px 10px;background:#F56C6C;border-radius:15px;color:rgba(255,255,255,1)"
                              v-if="scope.row.inspPblmCate == 2">严重</span>
                      </template>
                    </el-table-column>
                    <el-table-column prop="pblmStat" label="问题状态" align='center' width="150">
                      <template slot-scope="scope">
                        <span v-if="scope.row.pblmStat == 0">暂存</span>
                        <span v-if="scope.row.pblmStat == 1">上报</span>
                        <span v-if="scope.row.pblmStat == 2">审核</span>
                        <span v-if="scope.row.pblmStat == 3">审办</span>
                        <span v-if="scope.row.pblmStat == 4">整改通知</span>
                        <span v-if="scope.row.pblmStat == 5">整改反馈</span>
                        <span v-if="scope.row.pblmStat == 6">销号</span>
                        <span v-if="scope.row.pblmStat == 9">删除</span>
                      </template>
                    </el-table-column>
                    <el-table-column prop="reviOpin" label="复查意见" align='center' width="150"></el-table-column>
                    <el-table-column prop="reviConc" label="复查结论" align='center'>
                      <template slot-scope="scope">
                        <span v-if="scope.row.reviConc == 0">复查一次销号</span>
                        <span v-if="scope.row.reviConc == 1">进一步整改</span>
                        <span v-if="scope.row.reviConc == 2">多次整改销号</span>
                      </template>
                    </el-table-column>
                    <!--<el-table-column prop="dataStat" label="数据状态" align='center'></el-table-column>-->
                    <el-table-column prop="collTime" label="采集时间" align='center' :formatter="timestampToTime"
                                     show-overflow-tooltip width="150">
                    </el-table-column>
                    <el-table-column prop="recPers" label="操作记录人员" align='center' width="150"></el-table-column>
                  </el-table>
                </template>
              </div>
            </el-collapse-item>
          </el-collapse>
        </div>
      </draggable>
    </transition>
  </div>

</template>

<script>
  import draggable from './draggable'
  import request from '../../../utils/gw_ajax_request'
  import {
    formatDateTime2
  } from '../../../utils/gw_date.js'
    export default {
      name: "dixiashuiProject",
      components:{
        draggable
      },
      props: ["xskRgstrId","Title","skInfo"],
      data() {
        return {
          wtqdData:[],
          zfqkData:[],
          shuikuInfo: this.skInfo,
          // shuikuInfo: {
          //   "rsName": '',
          //   "rsAdmName": "",
          //   "rsLoc": "",
          //   "intm": "",
          //   "engScal": "",
          //   "totCap": "",
          //   "damMaxHigh": "",
          //   "damTypeStr": "",
          //   "regCode": "",
          //   "rsvrLong": "",
          //   "rsvrLat": "",
          //   "resCreateTime": "",
          // },
          sxjbyq: {
            "rgstrId": "",
            'recPersId': "",
            "emerPlanSameExta": "",
            "emerPlanSameAppr": "",
            "emerPlanSameEme": "",
            "emerPlanSameSpeed": "",
            "schPlanSameExta": "",
            "schPlanSameAppr": "",
            "schPlanSameSpeed": "",
            "rainForc": "",
          },
          sgzrr: {
            "dutyId": '',
            "hasPatrolPers": "", //是否有巡查责任人
            "hasTechPers": "", //是否有技术责任人
            "hasWiunWaoLegPers": "", //是否有行政责任人
            "patrolPers": "", //巡查责任人姓名
            "patrolPersDuty": "", //巡查责任人职务
            "patrolPersResu": "", //巡查责任人履职情况 0  1  2
            "patrolPersTel": "", //巡查责任人电话
            "rgstrId": "", //水库督查登记ID
            "techPers": "", //技术责任人姓名
            "techPersDuty": "", //技术责任人职务
            "techPersResu": "", //技术责任人履职情况
            "techPersTel": "", //技术责任人电话
            "wiunWaoLegPers": "", //行政责任人姓名
            "wiunWaoLegPersDuty": "", //行政责任人职务
            "wiunWaoLegPersResu": "", //行政责任人履职情况
            "wiunWaoLegPersTel": "", //行政责任人电话
          },
          skgcst: {
            "mngrnId": '',
            "rgstrId": '',
            "recPersId": '',
            "safeCommontNote": '',
            "safeComment": "",
            "retainRegular": '',
            "hasRetainRegular": '',
            "hasWdEmnic": '',
            "hasManagePers": '',
            "hasSpeManage": '',
            "noRetainRegular": '',
            "canNotRetainWater": '',
            "dikeHasLeak": '',
            "leakMakeSafe": '',
            "hasAstable": '',
            "hasSetMainFl": '',
            "isMainFlNormal": '',
            "hasSetPourFl": '',
            "pourFyIsNormal": '',
            "havFlLowLimLev": '',
            "gtFlLowLimLev": '',
            "extDamSafeAppr": '',
            "ifReinForce": '',
            "ifComplateAccAll": '',
            "ifManageRegRel": '',
            "manageRegRelNote": '',
            "ifDamWarnLogo": '',
            "recPers2": '',
            "recPersTel": '',
            "status": '',
          },
          activeNames_sk: '0',
        }
      },
      mounted() {
        this.getshuikuInfo();
      },
      methods: {
        closeModal_shuiku() {
          this.$emit('closeModal', 'xsk')
        },
        shifouRadio(val) {
          if (val == "1") {
            return "是";
          } else if (val == "2" || val == "0") {
            return "否";
          }
        },
        youwuRadio(val) {
          if (val == "1") {
            return "有";
          } else if (val == "2" || val == "0") {
            return "无";

          }
        },
        formatEngScal(val) {
          switch (val) {
            case '1':
              val = '大（1）型';
              break;
            case '2':
              val = '大（2）型';
              break;
            case '3':
              val = '中型';
              break;
            case '4':
              val = '小（1）型';
              break;
            case '5':
              val = '小（2）型';
              break;
            case '9':
              val = '其他';
              break;
          }
          return val;
        },
        formatdamType(val) {
          switch (val) {
            case '1':
              val = '混凝土坝';
              break;
            case '2':
              val = '碾压混凝土坝';
              break;
            case '3':
              val = '浆砌石坝';
              break;
            case '4':
              val = '土坝';
              break;
            case '5':
              val = '堆石坝';
              break;
            case '6':
              val = '挡水坝';
              break;
            case '7':
              val = '其它';
              break;
          }
          return val;
        },
        timestampToTime(row, column) {
          var date = new Date(row.collTime)
          var Y = date.getFullYear() + '-'
          var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : '0' + date.getMonth() + 1) + '-'
          var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
          var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
          var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes())
          return Y + M + D + h + m
        },
        processState(row, column) {
          return row.pblmStat == '1' ? "已上报" : "未上报";
        },
        skhandleChange(val) {
          if (val == '1') {
            this.sxjbyq = {};
            request.get(`/dc/insp/baseExt/get/${this.xskRgstrId}`).then(res => {
              if (res.data) {
                this.sxjbyq = res.data;
                // alert(formatDateTimeD())
              }
            }).catch(err => {

            })

          } else if (val == '2') {
            this.sgzrr = {};
            request.get(`/dc/insp/basePres/get/${this.xskRgstrId}`).then(res => {
              if (res.data) {
                this.sgzrr = res.data;
              }
            }).catch(err => {

            })

          } else if (val == '3') {
            this.skgcst = {};
            request.get(`/dc/insp/safeExtManage/get/${this.xskRgstrId}`).then(res => {
              if (res.data) {
                this.skgcst = res.data;
              }
            }).catch(err => {

            })

          } else if (val == '4') {
            this.zfqkData = [];
            request.get(`/dc/insp/baseView/get/${this.xskRgstrId}`).then(res => {
              let obj = res.data;
              if (obj) {
                this.zfqkData.push(obj)
              }
            }).catch(err => {

            })
          } else if (val == '5') {
            this.wtqdData = [];
            request.get(`/dc/insp/rsvrRgstr/list/${this.xskRgstrId}`).then(res => {
              let obj = res.data.list;
              if (obj) {
                this.wtqdData.push(obj[0]);
              }
            }).catch(err => {

            })
          }
          console.log(val);
        },
        getshuikuInfo(){
          let _this = this;
          request.get(`/dc/insp/rsvrRgstr/${_this.xskRgstrId}`).then(res => {
            if (res.success) {
              _this.shuikuInfo = res.data;
              _this.shuikuInfo.resCreateTime = formatDateTime2(_this.shuikuInfo.resCreateTime)
                .substring(0, 10);
            }
          }).catch(err => {

          })
        }
      },
      watch:{
        xskRgstrId(){
          this.getshuikuInfo();
        },
        skInfo(n){
          this.shuikuInfo = n;
        }
      }
    }
</script>

<style>
  #kjrmap .item3 {
    width: 32%;
    margin: auto;
    display: inline-block;
    vertical-align: top;
  }
  #kjrmap .process_line .item .label5 {
    display: inline-block;
    width: 100px;
    text-align: right;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #666;
  }
  #kjrmap .process_line .item .label2 {
    font-size: 13px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #333;
  }
  #kjrmap .el-collapse-item__header {
    text-indent: 25px;
    background: #f6f8fb;
    box-shadow: 0 -1px 0 0 rgba(0,0,0,.1);
  }
  #kjrmap .process_line .content4 {
    display: inline-block;
    width: 100%;
    overflow-y: auto;
    padding: 15px 0;
  }
  #kjrmap .mt20 {
    margin-top: 20px;
  }

  #kjrmap .spanStyle {
    width: 100px;
    white-space: nowrap;
    /*强制span不换行*/
    display: inline-block;
    /*将span当做块级元素对待*/
    overflow: hidden;
    /*超出宽度部分隐藏*/
    text-overflow: ellipsis;
    /*超出部分以点号代替*/
  }

  #kjrmap .mt10 {
    margin-top: 10px;
    width: 24%;
    display: inline-block;
  }

  #kjrmap .mt30 {
    margin-top: 10px;
    width: 30%;
    display: inline-block;
  }

  #kjrmap .clearfix {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
  }
  /*.sgzzr */
  #kjrmap .sgzzr .box-card .mt10,
  #kjrmap .skgc .box-card .mt10 {
    margin-top: 10px;
    width: 32%;
    display: inline-block;
  }

  #kjrmap .sgzzr .box-card .span100 {
    display: inline-block;
    width: 120px;
    text-align: right;
  }

  #kjrmap .sgzzr .box-card {
    /*height: 160px;*/
    margin-bottom: 5px;
    /*display: inline-block;*/
  }

  #kjrmap .ml10 {
    margin-left: 10px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
  }

  #kjrmap .skgc .box-card {
    height: 140px;
    margin-bottom: 5px;
    /*display: inline-block;*/
  }

  #kjrmap .skgc .box-card .span110 {
    display: inline-block;
    width: 140px;
    text-align: right;
  }

  #kjrmap .clearfix {
    text-indent: 25px;
  }
  #kjrmap .sgzzr .box-card .mt10, #kjrmap .skgc .box-card .mt10 {
    margin-top: 10px;
    width: 32%;
    display: inline-block;
  }
</style>