<!--检查记录详情-->
<template>
  <div class="checkRecordInfoPage" v-if="pageType">
    <!--<div class="top-steps-box">-->
      <!--<el-steps :active="active">-->
        <!--<el-step :title="textOne" icon="el-icon-circle-check"></el-step>-->
        <!--<el-step :title="textTwo" :class="newData.zgStatus == 2?'zgStatusColor':''" :icon="newData.zgStatus == 2?'el-icon-circle-close':'el-icon-circle-check'"></el-step>-->
        <!--<el-step :title="textTree" icon="el-icon-circle-check"></el-step>-->
      <!--</el-steps>-->
    <!--</div>-->
    <!--<div class="top-text-steps-box">-->
      <!--<div class="top-text-steps-left">-->
        <!--<p>检查时间：{{newData.createTime}}</p>-->
        <!--<p>截止整改时间：{{newData.zgjzTime}}</p>-->
        <!--<p v-if="newData.firstTime">首次查看报告时间：{{newData.firstTime}}</p>-->
      <!--</div>-->
      <!--<div class="top-text-steps-center">-->
        <!--<p v-if="newData.zgqrTime">整改时间：{{newData.zgqrTime}}</p>-->
        <!--<p v-if="newData.zgbhTime">驳回时间：{{newData.zgbhTime}}</p>-->
      <!--</div>-->
    <!--</div>-->
    <!--<div class="center-info-box scrollbar-box">-->
      <!--<div class="center-info-top-box">-->
        <!--<div class="center-left-box">-->
          <!--<img src="@/assets/newImages/icon_7.png">-->
          <!--<div>-->
            <!--<p>{{newData.zgType == 0?'一般整改':(newData.zgType == 1?'重大整改':'')}}</p>-->
            <!--<p>{{newData.jcDwName}}</p>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="center-center-box">-->
          <!--<img src="@/assets/newImages/icon_8.png">-->
          <!--<div>-->
            <!--<p>{{newData.laboratoryName}}</p>-->
            <!--<p>{{newData.buildingName}}{{newData.fjNumber}}</p>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="center-right-box">-->
          <!--<img src="@/assets/newImages/icon_9.png">-->
          <!--<div>-->
            <!--<p>{{newData.fzrName}}</p>-->
            <!--<p>{{newData.fzrLxfs}}</p>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->
      <!--<div class="text-box" v-if="newData.zgStatus == 2 || newData.zgStatus == 4">-->
        <!--<p>{{newData.zgStatus == 2?'驳回原因':(newData.zgStatus == 4?'整改结果':'')}}：</p>-->
        <!--<p>{{newData.zgStatus == 2?newData.fbYy:(newData.zgStatus == 4?newData.zgJg:'')}}</p>-->
      <!--</div>-->
      <!--<p class="center-info-title" v-if="newData.zgStatus==0">隐患信息</p>-->
      <!--<p class="center-info-title" v-if="newData.zgStatus==1 || newData.zgStatus==2">整改信息</p>-->
      <!--<p class="center-info-title" v-if="newData.zgStatus==3 || newData.zgStatus==4">已整改信息</p>-->
      <!--<div class="center-for-box" v-for="(item,index) in newData.detailsList" :key="index" v-if="item.isZg != 1">-->
        <!--<div class="center-for-left-box">-->
          <!--<p class="for-title-p">{{item.jcxName}}</p>-->
          <!--<div class="for-text-box" v-if="item.isLingshi == 1">-->
            <!--<p>条款：</p>-->
            <!--<p>临时检查项</p>-->
          <!--</div>-->
          <!--<div class="for-text-box" v-if="item.isLingshi == 0">-->
            <!--<p>条款：</p>-->
            <!--<p>{{item.allCheckOptionName}}</p>-->
          <!--</div>-->
          <!--<div class="for-text-box">-->
            <!--<p>隐患描述：</p>-->
            <!--<p>{{item.yhMs}}</p>-->
          <!--</div>-->
          <!--<div class="for-text-box" v-if="item.isZg == 0 && newData.zgType == 0">-->
            <!--<p>整改描述：</p>-->
            <!--<p>{{item.zgMs}}</p>-->
          <!--</div>-->
          <!--<div class="for-text-box" v-if="item.isZg == 0 && newData.zgType == 1">-->
            <!--<p>原因分析：</p>-->
            <!--<p>{{item.zgYyfx}}</p>-->
          <!--</div>-->
          <!--<div class="for-text-box" v-if="item.isZg == 0 && newData.zgType == 1">-->
            <!--<p>整改措施：</p>-->
            <!--<p>{{item.zgCs}}</p>-->
          <!--</div>-->
          <!--<div class="for-text-box" v-if="item.isZg == 1">-->
            <!--<p>证明信息：</p>-->
            <!--<p>{{item.zmClMs}}</p>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="center-for-right-box">-->
          <!--<div class="for-img-max-box">-->
            <!--<p class="for-img-max-title-p" v-if="!item.yhImg[0]">未上传隐患照片</p>-->
            <!--<p class="for-img-max-title-p" v-if="item.yhImg[0]">整改前照片：</p>-->
            <!--<div class="for-img-box">-->
              <!--<img v-for="(itemImg,imgIndex) in item.yhImg" :key="imgIndex" :src="itemImg" @click="lockImg(1,itemImg)">-->
            <!--</div>-->
          <!--</div>-->
          <!--<div class="for-img-max-box" v-if="item.yhZghImg">-->
            <!--<p class="for-img-max-title-p">整改后照片：</p>-->
            <!--<div class="for-img-box">-->
              <!--<img v-for="(itemImg,imgIndex) in item.yhZghImg" :key="imgIndex" :src="itemImg" @click="lockImg(2,itemImg)">-->
            <!--</div>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->
      <!--<p class="center-info-title" v-if="newData.zgStatus==3">未整改信息</p>-->
      <!--<div class="center-for-box" v-for="(item,index) in newData.detailsList" :key="index" v-if="item.isZg == 1">-->
        <!--<div class="center-for-left-box">-->
          <!--<p class="for-title-p">{{item.jcxName}}</p>-->
          <!--<div class="for-text-box" v-if="item.isLingshi == 1">-->
            <!--<p>条款：</p>-->
            <!--<p>临时检查项</p>-->
          <!--</div>-->
          <!--<div class="for-text-box" v-if="item.isLingshi == 0">-->
            <!--<p>条款：</p>-->
            <!--<p>{{item.allCheckOptionName}}</p>-->
          <!--</div>-->
          <!--<div class="for-text-box">-->
            <!--<p>隐患描述：</p>-->
            <!--<p>{{item.yhMs}}</p>-->
          <!--</div>-->
          <!--<div class="for-text-box" v-if="item.isZg == 0 && newData.zgType == 0">-->
            <!--<p>整改描述：</p>-->
            <!--<p>{{item.zgMs}}</p>-->
          <!--</div>-->
          <!--<div class="for-text-box" v-if="item.isZg == 0 && newData.zgType == 1">-->
            <!--<p>原因分析：</p>-->
            <!--<p>{{item.zgYyfx}}</p>-->
          <!--</div>-->
          <!--<div class="for-text-box" v-if="item.isZg == 0 && newData.zgType == 1">-->
            <!--<p>整改措施：</p>-->
            <!--<p>{{item.zgCs}}</p>-->
          <!--</div>-->
          <!--<div class="for-text-box" v-if="item.isZg == 1">-->
            <!--<p>证明信息：</p>-->
            <!--<p>{{item.zmClMs}}</p>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="center-for-right-box">-->
          <!--<div class="for-img-max-box">-->
            <!--<p class="for-img-max-title-p" v-if="!item.yhImg[0]">未上传隐患照片</p>-->
            <!--<p class="for-img-max-title-p" v-if="item.yhImg[0]">整改前照片：</p>-->
            <!--<div class="for-img-box">-->
              <!--<img v-for="(itemImg,imgIndex) in item.yhImg" :key="imgIndex" :src="itemImg" @click="lockImg(1,itemImg)">-->
            <!--</div>-->
          <!--</div>-->
          <!--<div class="for-img-max-box" v-if="item.zmClImg">-->
            <!--<p class="for-img-max-title-p">证明材料：</p>-->
            <!--<div class="for-img-box">-->
              <!--<img v-for="(itemImg,imgIndex) in item.zmClImg" :key="imgIndex" :src="itemImg" @click="lockImg(3,itemImg)">-->
            <!--</div>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->
    <!--</div>--><!--标题部分-->
    <div class="top-title-box">
      <p class="title-p">发布详情</p>
      <p class="button-p reset-button-one" @click="backPage">返回</p>
    </div>
    <div class="scrollbar-box">
      <!--步骤条-->
      <div class="top-steps-box">
        <div class="top-steps-left-box">
          <img src="@/assets/ZDimages/secuityCheck/icon_zg_yzg.png">
          <p>待整改</p>
        </div>
        <div class="top-steps-border" :class="stepsType == 0?'top-steps-border-false':'top-steps-border-true'"></div>
        <div class="top-steps-center-box">
          <img src="@/assets/ZDimages/secuityCheck/icon_zg_zgwwc.png" v-if="stepsType == 0">
          <img src="@/assets/ZDimages/secuityCheck/icon_zg_fh.png" v-if="stepsType == 1 || stepsType == 4">
          <img src="@/assets/ZDimages/secuityCheck/icon_zg_btg.png" v-if="stepsType == 2 || stepsType == 3 || stepsType == 5">
          <p :class="stepsType==0?'color999':''">{{stepsType == 0||stepsType == 1?'整改待复核':(stepsType == 2?'复核未通过':(stepsType == 3?'暂时无法整改':(stepsType == 4?'整改已通过':(stepsType == 5?'逾期':''))))}}</p>
        </div>
        <div class="top-steps-border" :class="stepsType != 4?'top-steps-border-false':'top-steps-border-true'"></div>
        <div class="top-steps-right-box">
          <img src="@/assets/ZDimages/secuityCheck/icon_zg_wwc.png" v-if="stepsType != 4">
          <img src="@/assets/ZDimages/secuityCheck/icon_zg_ywc.png" v-if="stepsType == 4">
          <p :class="stepsType!=4?'color999':''">已整改</p>
        </div>
      </div>
      <!--步骤信息-->
      <div class="top-steps-text-box">
        <div class="top-steps-text-left-box">
          <p>检查时间：{{newData.createTime}}</p>
          <p v-if="newData.firstTime">首次查看时间：{{newData.firstTime}}</p>
        </div>
        <div class="top-steps-text-center-box">
          <p v-if="newData.zgqrTime">整改时间：{{newData.zgqrTime}}</p>
          <p v-if="newData.zgbhTime">驳回时间：{{newData.zgbhTime}}</p>
        </div>
        <div class="top-steps-text-right-box">
          <p>整改截止时间：{{newData.zgjzTime}}</p>
        </div>
      </div>
      <!--整改单位/人员信息-->
      <div class="center-info-top-box">
        <div class="center-left-box">
          <img src="@/assets/newImages/icon_7.png">
          <div>
            <p>{{newData.zgType == 0?'一般整改':(newData.zgType == 1?'重大整改':'')}}</p>
            <p>{{newData.jcDwName}}</p>
          </div>
        </div>
        <div class="center-center-box">
          <img src="@/assets/newImages/icon_8.png">
          <div>
            <p>{{newData.laboratoryName}}</p>
            <p>{{newData.buildingName}}{{newData.fjNumber}}</p>
          </div>
        </div>
        <div class="center-right-box">
          <img src="@/assets/newImages/icon_9.png">
          <div>
            <p>{{newData.fzrName}}</p>
            <p>{{newData.fzrLxfs}}</p>
          </div>
        </div>
      </div>
      <!--整改信息部分-->
      <div class="center-info-box">
        <div class="center-info-for-max-box" v-if="newData.dzglist[0]">
          <p class="center-info-for-max-title">待整改</p>
          <!--检查项循环-->
          <div class="center-info-for-box" v-for="(item,index) in newData.dzglist" :key="index">
            <div class="center-info-for-title-box">
              <p class="title-left">{{item.jcxSstkNum}}</p>
              <div class="title-right">
                <p>{{item.jcxName}}</p>
              </div>
            </div>
            <div class="center-info-for-big-box" :class="item.allDataType?'center-info-for-big-box-all':(!item.detailslogList[1]?'center-info-for-big-box-all':'')">
              <div class="center-info-for-big-title-box">
                <p>条款：</p>
                <p>{{item.jcxSstkMs}}</p>
              </div>
              <div class="center-info-for-big-flex-box">
                <div class="center-info-for-big-flex-left-box">
                  <p class="center-info-for-big-flex-left-title">隐患照片：</p>
                  <div class="center-info-for-big-flex-left-img-box" v-if="item.yhImg[0]">
                    <img :src="item" v-for="(item,index) in item.yhImg" :key="index" @click="lockImg(item)">
                  </div>
                  <p v-if="!item.yhImg[0]">未上传照片</p>
                </div>
                <div class="center-info-for-big-flex-right-box">
                  <div class="center-info-for-big-flex-right-text-box">
                    <p>检查时间：</p>
                    <p>{{newData.createTime}}</p>
                  </div>
                  <div class="center-info-for-big-flex-right-text-box">
                    <p>检查人：</p>
                    <p>{{newData.jcRyxm}}</p>
                  </div>
                  <div class="center-info-for-big-flex-right-text-box">
                    <p>隐患描述：</p>
                    <p>{{item.yhMs}}</p>
                  </div>
                </div>
              </div>
              <div class="center-info-for-min-box" :class="" v-if="item.detailslogList[0]">
                <!--整改循环-->
                <div class="center-info-for-min" v-for="(minItme,minIndex) in item.detailslogList" :key="minIndex" v-if="minIndex == 0 || item.allDataType">
                  <div class="center-info-for-min-left-box">
                    <div class="for-min-title-box">
                      <p></p>
                      <p>整改信息</p>
                    </div>
                    <div class="for-min-text-box">
                      <p>整改时间：</p>
                      <p>{{minItme.createTime}}</p>
                    </div>
                    <div class="for-min-text-box">
                      <p>整改人：</p>
                      <p>{{minItme.zgUserName}}</p>
                    </div>
                    <div class="for-min-text-box">
                      <p>整改描述：</p>
                      <p>{{minItme.zgMs}}</p>
                    </div>
                    <div class="for-min-img-box">
                      <p class="for-min-img-box-left-title">整改照片：</p>
                      <div class="for-min-img-box-left-img-box" v-if="minItme.yhZghImg[0]">
                        <img :src="minItemMin" v-for="(minItemMin,minIndexMin) in item.yhZghImg" :key="minIndexMin" @click="lockImg(minItemMin)">
                      </div>
                      <p v-if="!item.yhZghImg[0]">未上传照片</p>
                    </div>
                  </div>
                  <div class="center-info-for-min-right-box">
                    <div class="for-min-title-box">
                      <p></p>
                      <p>复核信息</p>
                    </div>
                    <div class="for-min-text-box">
                      <p>复核时间：</p>
                      <p>{{minItme.spTime}}</p>
                    </div>
                    <div class="for-min-text-box">
                      <p>复核人：</p>
                      <p>{{minItme.spUserName}}</p>
                    </div>
                    <div class="for-min-text-box">
                      <p>复核结果：</p>
                      <p :class="minItme.spStatus == 1?'spStatusColorA':'spStatusColorB'">{{minItme.spStatus == 1 ? '复核通过':'复核驳回'}}</p>
                    </div>
                    <div class="for-min-text-box">
                      <p>复核备注：</p>
                      <p>{{minItme.spSm}}</p>
                    </div>
                  </div>
                </div>
              </div>
              <!--查看更多复核信息-->
              <div class="all-button-box" v-if="item.detailslogList[1] && !item.allDataType" @click="lookAllData(item)">
                <p>查看更多复核记录</p>
                <img src="@/assets/ZDimages/secuityCheck/icon_wtzg_jcjlxl.png">
              </div>
            </div>
          </div>
        </div>
        <div class="center-info-for-max-box" v-if="newData.yzglist[0]">
          <p class="center-info-for-max-title">已整改</p>
          <!--检查项循环-->
          <div class="center-info-for-box" v-for="(item,index) in newData.yzglist" :key="index">
            <div class="center-info-for-title-box">
              <p class="title-left">{{item.jcxSstkNum}}</p>
              <div class="title-right">
                <p>{{item.jcxName}}</p>
              </div>
            </div>
            <div class="center-info-for-big-box" :class="item.allDataType?'center-info-for-big-box-all':(!item.detailslogList[1]?'center-info-for-big-box-all':'')">
              <div class="center-info-for-big-title-box">
                <p>条款：</p>
                <p>{{item.jcxSstkMs}}</p>
              </div>
              <div class="center-info-for-big-flex-box">
                <div class="center-info-for-big-flex-left-box">
                  <p class="center-info-for-big-flex-left-title">隐患照片：</p>
                  <div class="center-info-for-big-flex-left-img-box" v-if="item.yhImg[0]">
                    <img :src="item" v-for="(item,index) in item.yhImg" :key="index" @click="lockImg(item)">
                  </div>
                  <p v-if="!item.yhImg[0]">未上传照片</p>
                </div>
                <div class="center-info-for-big-flex-right-box">
                  <div class="center-info-for-big-flex-right-text-box">
                    <p>检查时间：</p>
                    <p>{{newData.createTime}}</p>
                  </div>
                  <div class="center-info-for-big-flex-right-text-box">
                    <p>检查人：</p>
                    <p>{{newData.jcRyxm}}</p>
                  </div>
                  <div class="center-info-for-big-flex-right-text-box">
                    <p>隐患描述：</p>
                    <p>{{item.yhMs}}</p>
                  </div>
                </div>
              </div>
              <div class="center-info-for-min-box" v-if="item.detailslogList[0]">
                <!--整改循环-->
                <div class="center-info-for-min" v-for="(minItme,minIndex) in item.detailslogList" :key="minIndex" v-if="minIndex == 0 || item.allDataType">
                  <div class="center-info-for-min-left-box">
                    <div class="for-min-title-box">
                      <p></p>
                      <p>整改信息</p>
                    </div>
                    <div class="for-min-text-box">
                      <p>整改时间：</p>
                      <p>{{minItme.createTime}}</p>
                    </div>
                    <div class="for-min-text-box">
                      <p>整改人：</p>
                      <p>{{minItme.zgUserName}}</p>
                    </div>
                    <div class="for-min-text-box">
                      <p>整改描述：</p>
                      <p>{{minItme.zgMs}}</p>
                    </div>
                    <div class="for-min-img-box">
                      <p class="for-min-img-box-left-title">整改照片：</p>
                      <div class="for-min-img-box-left-img-box" v-if="minItme.yhZghImg[0]">
                        <img :src="minItemMin" v-for="(minItemMin,minIndexMin) in minItme.yhZghImg" :key="minIndexMin" @click="lockImg(minItemMin)">
                      </div>
                      <p v-if="!minItme.yhZghImg[0]">未上传照片</p>
                    </div>
                  </div>
                  <div class="center-info-for-min-right-box">
                    <div class="for-min-title-box">
                      <p></p>
                      <p>复核信息</p>
                    </div>
                    <div class="for-min-text-box" v-if="minItme.spTime">
                      <p>复核时间：</p>
                      <p>{{minItme.spTime}}</p>
                    </div>
                    <div class="for-min-text-box" v-if="minItme.spTime">
                      <p>复核人：</p>
                      <p>{{minItme.spUserName}}</p>
                    </div>
                    <div class="for-min-text-box" v-if="minItme.spTime">
                      <p>复核结果：</p>
                      <p :class="minItme.spStatus == 1?'spStatusColorA':'spStatusColorB'">{{minItme.spStatus == 1 ? '复核通过':'复核驳回'}}</p>
                    </div>
                    <div class="for-min-text-box" v-if="minItme.spTime">
                      <p>复核备注：</p>
                      <p>{{minItme.spSm}}</p>
                    </div>
                  </div>
                </div>
              </div>
              <!--查看更多复核信息-->
              <div class="all-button-box" v-if="item.detailslogList[1] && !item.allDataType" @click="lookAllData(item)">
                <p>查看更多复核记录</p>
                <img src="@/assets/ZDimages/secuityCheck/icon_wtzg_jcjlxl.png">
              </div>
            </div>
          </div>
        </div>
        <div class="center-info-for-max-box" v-if="newData.wfzglist[0]">
          <p class="center-info-for-max-title">暂时无法整改</p>
          <!--检查项循环-->
          <div class="center-info-for-box" v-for="(item,index) in newData.wfzglist" :key="index">
            <div class="center-info-for-title-box">
              <p class="title-left">{{item.jcxSstkNum}}</p>
              <div class="title-right">
                <p>{{item.jcxName}}</p>
              </div>
            </div>
            <div class="center-info-for-big-box" :class="item.allDataType?'center-info-for-big-box-all':(!item.detailslogList[1]?'center-info-for-big-box-all':'')">
              <div class="center-info-for-big-title-box">
                <p>条款：</p>
                <p>{{item.jcxSstkMs}}</p>
              </div>
              <div class="center-info-for-big-flex-box">
                <div class="center-info-for-big-flex-left-box">
                  <p class="center-info-for-big-flex-left-title">隐患照片：</p>
                  <div class="center-info-for-big-flex-left-img-box" v-if="item.yhImg[0]">
                    <img :src="item" v-for="(item,index) in item.yhImg" :key="index" @click="lockImg(item)">
                  </div>
                  <p v-if="!item.yhImg[0]">未上传照片</p>
                </div>
                <div class="center-info-for-big-flex-right-box">
                  <div class="center-info-for-big-flex-right-text-box">
                    <p>检查时间：</p>
                    <p>{{newData.createTime}}</p>
                  </div>
                  <div class="center-info-for-big-flex-right-text-box">
                    <p>检查人：</p>
                    <p>{{newData.jcRyxm}}</p>
                  </div>
                  <div class="center-info-for-big-flex-right-text-box">
                    <p>隐患描述：</p>
                    <p>{{item.yhMs}}</p>
                  </div>
                </div>
              </div>
              <div class="center-info-for-min-box" v-if="item.detailslogList[0]">
                <!--整改循环-->
                <div class="center-info-for-min" v-for="(minItme,minIndex) in item.detailslogList" :key="minIndex" v-if="minIndex == 0 || item.allDataType">
                  <div class="center-info-for-min-left-box">
                    <div class="for-min-title-box">
                      <p></p>
                      <p>整改信息</p>
                    </div>
                    <div class="for-min-text-box">
                      <p>整改时间：</p>
                      <p>{{minItme.createTime}}</p>
                    </div>
                    <div class="for-min-text-box">
                      <p>整改人：</p>
                      <p>{{minItme.zgUserName}}</p>
                    </div>
                    <div class="for-min-text-box">
                      <p>整改描述：</p>
                      <p>{{minItme.zgMs}}</p>
                    </div>
                    <div class="for-min-img-box">
                      <p class="for-min-img-box-left-title">整改照片：</p>
                      <div class="for-min-img-box-left-img-box" v-if="minItme.yhZghImg[0]">
                        <img :src="minItemMin" v-for="(minItemMin,minIndexMin) in item.yhZghImg" :key="minIndexMin" @click="lockImg(minItemMin)">
                      </div>
                      <p v-if="!item.yhZghImg[0]">未上传照片</p>
                    </div>
                  </div>
                  <div class="center-info-for-min-right-box">
                    <div class="for-min-title-box">
                      <p></p>
                      <p>复核信息</p>
                    </div>
                    <div class="for-min-text-box" v-if="minItme.spTime">
                      <p>复核时间：</p>
                      <p>{{minItme.spTime}}</p>
                    </div>
                    <div class="for-min-text-box" v-if="minItme.spTime">
                      <p>复核人：</p>
                      <p>{{minItme.spUserName}}</p>
                    </div>
                    <div class="for-min-text-box" v-if="minItme.spTime">
                      <p>复核结果：</p>
                      <p :class="minItme.spStatus == 1?'spStatusColorA':'spStatusColorB'">{{minItme.spStatus == 1 ? '复核通过':'复核驳回'}}</p>
                    </div>
                    <div class="for-min-text-box" v-if="minItme.spTime">
                      <p>复核备注：</p>
                      <p>{{minItme.spSm}}</p>
                    </div>
                  </div>
                </div>
              </div>
              <!--查看更多复核信息-->
              <div class="all-button-box" v-if="item.detailslogList[1] && !item.allDataType" @click="lookAllData(item)">
                <p>查看更多复核记录</p>
                <img src="@/assets/ZDimages/secuityCheck/icon_wtzg_jcjlxl.png">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--<div class="bottom-button-box">-->
      <!--<p class="null-p"></p>-->
      <!--<p class="button-p reset-button-one" @click="backPage">返回</p>-->
      <!--&lt;!&ndash;<p class="button-p reset-button-one" @click="downloadGenNotice" v-if="newData.zgType == 1">整改通知书</p>&ndash;&gt;-->
      <!--&lt;!&ndash;<p class="button-p reset-button-one" @click="downloadGenReport" v-if="newData.zgType == 1 && (newData.zgStatus == 1 || newData.zgStatus == 3 || newData.zgStatus == 4)">整改报告</p>&ndash;&gt;-->
      <!--<p class="null-p"></p>-->
    <!--</div>-->
    <!--查看图片-->
    <el-dialog :title="imgTitle" :visible.sync="imgOpen" width="1200px" append-to-body>
      <div class="scrollbar-box" style="width:1160px;margin:0 auto;max-height:700px;overflow-y: scroll">
        <img :src="imgUrl" style="display:block;max-width:1160px;margin:0 auto">
      </div>
    </el-dialog>
  </div>
</template>

<script>
  // import { recordDettailsList } from "@/api/laboratory/checkRecord";
  import { recordDetails } from "@/api/laboratory/checkRecord";
  export default {
    name: 'checkRecordInfoPage',
    props:{
      infoId:{},
    },
    data() {
      //zg_status
      return {
        pageType:false,
        //整改状态
        stepsType:1,
        newData:{},
        active:0,
        textOne:"",
        textTwo:"",
        textTree:"",
        //查看图片
        imgOpen:false,
        imgTitle:"",
        imgUrl:"",
      }
    },
    created() {
      this.getInfo();
    },
    methods: {
      //查看所有
      lookAllData(item){
        item.allDataType = true;
        this.$forceUpdate()
      },
      getInfo(){
        console.log("this.infoId",this.infoId)
        let obj = {
          id:this.infoId
        };
        recordDetails(obj).then( response => {
          let obj = JSON.parse(JSON.stringify(response.data));
          let newOjb = obj.record;
          //待整改数据
          if(obj.dzglist){
            newOjb.dzglist = obj.dzglist;
            for (let o=0;o<newOjb.dzglist.length;o++){
              if(newOjb.dzglist[o].yhImg){
                newOjb.dzglist[o].yhImg = newOjb.dzglist[o].yhImg.split(",");
              }
              if(newOjb.dzglist[o].zmClImg){
                newOjb.dzglist[o].zmClImg = newOjb.dzglist[o].zmClImg.split(",");
              }
              if(newOjb.dzglist[o].yhZghImg){
                newOjb.dzglist[o].yhZghImg = newOjb.dzglist[o].yhZghImg.split(",");
              }
              if(newOjb.dzglist[o].detailslogList){
                for(let i=0;i<newOjb.dzglist[o].detailslogList.length;i++){
                  newOjb.dzglist[o].detailslogList[i].allDataType = false;
                  if(newOjb.dzglist[o].detailslogList[i].yhZghImg){
                    newOjb.dzglist[o].detailslogList[i].yhZghImg = newOjb.dzglist[o].detailslogList[i].yhZghImg.split(",");
                  }else{
                    newOjb.dzglist[o].detailslogList[i].yhZghImg = [];
                  }
                }
              }else{
                newOjb.dzglist[o].detailslogList = [];
              }
            }
          }else{
            newOjb.dzglist = [];
          }
          //已整改数据
          if(obj.yzglist){
            newOjb.yzglist = obj.yzglist;
            for (let o=0;o<newOjb.yzglist.length;o++) {
              if(newOjb.yzglist[o].yhImg){
                newOjb.yzglist[o].yhImg = newOjb.yzglist[o].yhImg.split(",");
              }
              if(newOjb.yzglist[o].zmClImg){
                newOjb.yzglist[o].zmClImg = newOjb.yzglist[o].zmClImg.split(",");
              }
              if(newOjb.yzglist[o].yhZghImg){
                newOjb.yzglist[o].yhZghImg = newOjb.yzglist[o].yhZghImg.split(",");
              }
              if(newOjb.yzglist[o].detailslogList){
                for (let i = 0; i < newOjb.yzglist[o].detailslogList.length; i++) {
                  newOjb.yzglist[o].detailslogList[i].allDataType = false;
                  if (newOjb.yzglist[o].detailslogList[i].yhZghImg) {
                    newOjb.yzglist[o].detailslogList[i].yhZghImg = newOjb.yzglist[o].detailslogList[i].yhZghImg.split(",");
                  } else {
                    newOjb.yzglist[o].detailslogList[i].yhZghImg = [];
                  }
                }
              }else{
                newOjb.yzglist[o].detailslogList = [];
              }
            }
          }else{
            newOjb.yzglist = [];
          }
          //未整改数据
          if(obj.wfzglist){
            newOjb.wfzglist = obj.wfzglist;
            for (let o=0;o<newOjb.wfzglist.length;o++) {
              if(newOjb.wfzglist[o].yhImg){
                newOjb.wfzglist[o].yhImg = newOjb.wfzglist[o].yhImg.split(",");
              }
              if(newOjb.wfzglist[o].zmClImg){
                newOjb.wfzglist[o].zmClImg = newOjb.wfzglist[o].zmClImg.split(",");
              }
              if(newOjb.wfzglist[o].yhZghImg){
                newOjb.wfzglist[o].yhZghImg = newOjb.wfzglist[o].yhZghImg.split(",");
              }
              if(newOjb.wfzglist[o].detailslogList){
                for (let i = 0; i < newOjb.wfzglist[o].detailslogList.length; i++) {
                  newOjb.wfzglist[o].detailslogList[i].allDataType = false;
                  if (newOjb.wfzglist[o].detailslogList[i].yhZghImg) {
                    newOjb.wfzglist[o].detailslogList[i].yhZghImg = newOjb.wfzglist[o].detailslogList[i].yhZghImg.split(",");
                  } else {
                    newOjb.wfzglist[o].detailslogList[i].yhZghImg = [];
                  }
                }
              }else{
                newOjb.wfzglist[o].detailslogList = [];
              }
            }
          }else{
            newOjb.wfzglist = [];
          }
          // spStatus检查项状态 0待整改 1整改待复核 3暂时无法整改 2复核未通过 4完成 5逾期
          // zgStatus 检查逾期  5逾期' 其他未逾期
          if(newOjb.zgStatus == 0){
            this.stepsType = 0;
          }else if (newOjb.zgStatus == 1){
            this.stepsType = 1;
          }else if (newOjb.zgStatus == 2){
            this.stepsType = 2;
          }else if (newOjb.zgStatus == 3){
            this.stepsType = 3;
          }else if (newOjb.zgStatus == 4){
            this.stepsType = 4;
          }else if (newOjb.zgStatus == 5){
            this.stepsType = 5;
          }
          this.$set(this,'newData',newOjb);
          this.pageType = true;
          // let obj = JSON.parse(JSON.stringify(response.data));
          // for(let i=0;i<obj.yhlist.length;i++){
          //   let text = "";
          //   if(obj.yhlist[i].level1){
          //     text = text + obj.yhlist[i].level1;
          //   }
          //   if(obj.yhlist[i].level2){
          //     text = text + '/'+ obj.yhlist[i].level2;
          //   }
          //   if(obj.yhlist[i].level3){
          //     text = text + '/'+ obj.yhlist[i].level3;
          //   }
          //   if(obj.yhlist[i].level4){
          //     text = text + '/'+ obj.yhlist[i].level4;
          //   }
          //   obj.yhlist[i].level = text;
          //   if(obj.yhlist[i].yhImg){
          //     if(obj.yhlist[i].yhImg[i]){
          //       obj.yhlist[i].yhImg = obj.yhlist[i].yhImg.split(",");
          //     }
          //   }
          //   if(obj.yhlist[i].zmClImg){
          //     if(obj.yhlist[i].zmClImg[i]){
          //       obj.yhlist[i].zmClImg = obj.yhlist[i].zmClImg.split(",");
          //     }
          //   }
          //   if(obj.yhlist[i].yhZghImg){
          //     if(obj.yhlist[i].yhZghImg[i]){
          //       obj.yhlist[i].yhZghImg = obj.yhlist[i].yhZghImg.split(",");
          //     }
          //   }
          // }
          // let newOjb = obj.record;
          // newOjb.detailsList = obj.yhlist;
          // if(newOjb.zgStatus == 0){
          //   this.active = 1;
          //   this.textOne = "待整改";
          //   this.textTwo = "整改待复核";
          //   this.textTree = "已整改";
          // }else if (newOjb.zgStatus == 1){
          //   this.active = 2;
          //   this.textOne = "待整改";
          //   this.textTwo = "整改待复核";
          //   this.textTree = "已整改";
          // }else if (newOjb.zgStatus == 2){
          //   this.active = 2;
          //   this.textOne = "待整改";
          //   this.textTwo = "复核未通过";
          //   this.textTree = "已整改";
          // }else if (newOjb.zgStatus == 3){
          //   this.active = 2;
          //   this.textOne = "待整改";
          //   this.textTwo = "整改中";
          //   this.textTree = "已整改";
          // }else if (newOjb.zgStatus == 4){
          //   this.active = 3;
          //   this.textOne = "待整改";
          //   this.textTwo = "整改待复核";
          //   this.textTree = "已整改";
          // }
          // this.$set(this,'newData',newOjb);
        });
      },
      //返回
      backPage(){
        this.$parent.goPageInfo(1);
      },
      //查看图片
      lockImg(type,url){
        if(type == 1){
          this.imgTitle = "整改前照片";
        }else if(type == 2){
          this.imgTitle = "整改后照片";
        }else if(type == 3){
          this.imgTitle = "证明材料";
        }
        this.imgUrl = url;
        this.imgOpen = true;
      },
      //整改通知书
      downloadGenNotice(){
        this.download('/laboratory/checkOption/genNotice/'+this.newData.id, {
        }, `整改通知书.docx`)
      },
      //整改报告
      downloadGenReport(){
        this.download('/laboratory/checkOption/genReport/'+this.newData.id, {
        }, `整改报告.docx`)
      },
    }
  }
</script>

<style scoped lang="scss">
  .checkRecordInfoPage{
    flex:1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    *{
      margin:0;
    }
    /*标题部分*/
    .top-title-box{
      display: flex;
      height:80px;
      border-bottom:1px solid #e0e0e0;
      .title-p{
        margin-left:20px;
        flex:1;
        line-height:80px;
        font-size:18px;
        color:#0045AF;
      }
      .button-p{
        margin:20px;
      }
    }
    /*步骤条*/
    .top-steps-box{
      display: flex;
      width:870px;
      margin:30px auto 0;
      .top-steps-left-box{
        width:100px;
        display: flex;
        img{
          width:30px;
          height:30px;
        }
        p{
          flex:1;
          text-align:center;
          font-size:16px;
          line-height:30px;
          height:30px;
        }
      }
      .top-steps-border{
        width:260px;
        height:0;
        margin:14px 10px 0 0;
      }
      .color999{
        color:#999!important;
      }
      .top-steps-border-true{
        border:1px dashed #0183FA;
      }
      .top-steps-border-false{
        border:1px dashed #999;
      }
      .top-steps-center-box{
        display: flex;
        img{
          width:30px;
          height:30px;
        }
        p{
          padding:0 10px;
          flex:1;
          text-align:center;
          font-size:16px;
          line-height:30px;
          height:30px;
        }
      }
      .top-steps-right-box{
        width:100px;
        display: flex;
        img{
          width:30px;
          height:30px;
        }
        p{
          flex:1;
          text-align:center;
          font-size:16px;
          line-height:30px;
          height:30px;
        }
      }
    }
    /*步骤信息*/
    .top-steps-text-box{
      display: flex;
      width:1070px;
      margin:10px auto 0;
      p{
        line-height:28px;
        font-size:14px;
        color:#999999;
        font-weight:500;
      }
      .top-steps-text-left-box{
        flex:1;
        p{
          text-align: left;
        }
      }
      .top-steps-text-center-box{
        flex:1;
        p{
          text-align: center;
        }
      }
      .top-steps-text-right-box{
        flex:1;
        p{
          text-align: right;
        }

      }
    }
    /*整改单位/人员信息*/
    .center-info-top-box{
      border-top:1px solid #e0e0e0;
      margin:20px 20px 0;
      display: flex;
      p{
        margin:0;
        font-weight:500;
      }
      .center-left-box{
        margin-right:100px;
        display: flex;
        margin-top:20px;
        margin-left:20px;
        img{
          width:40px;
          height:40px;
          margin:10px 20px;
        }
        div{
          line-height:30px;
          font-size:16px;
        }
      }
      .center-center-box{
        margin-right:100px;
        display: flex;
        margin-top:20px;
        img{
          width:40px;
          height:40px;
          margin:10px 20px;
        }
        div{
          line-height:30px;
          font-size:16px;
        }
      }
      .center-right-box{
        display: flex;
        margin-top:20px;
        img{
          width:40px;
          height:40px;
          margin:10px 20px;
        }
        div{
          line-height:30px;
          font-size:16px;
        }
      }
    }
    /*整改信息部分*/
    .center-info-box{
      flex:1;
      padding-bottom:20px;
      .center-info-for-max-box{
        .center-info-for-max-title{
          padding-left:20px;
          border-bottom:1px solid #e0e0e0;
          flex:1;
          height:68px;
          line-height:68px;
          font-size:18px;
          color:#0045AF;
        }
        .center-info-for-box{
          margin: 20px 20px 0;
          .center-info-for-title-box{
            display: flex;
            overflow: hidden;
            .title-left{
              background: #0183FA;
              padding:0 10px;
              color:#fff;
              line-height:50px;
            }
            .title-right{
              background: #CCE6FE;
              flex:1;
              padding:15px 18px;
              color:#333;
              p{
                display: inline-block;
                line-height:20px;
              }
            }
          }
          .center-info-for-big-box{
            border-left:1px solid #e0e0e0;
            border-right:1px solid #e0e0e0;
            border-bottom:1px solid #e0e0e0;
            font-weight:500;
            overflow: hidden;
            .center-info-for-big-title-box{
              display: flex;
              font-size:14px;
              margin:23px 0 27px 0;
              p:nth-child(1){
                width:116px;
                text-align: right;
                color:#999;
              }
              p:nth-child(2){
                flex:1;
                color:#333;
                margin-right:20px;
              }
            }
            .center-info-for-big-flex-box{
              display: flex;
              .center-info-for-big-flex-left-box{
                width:790px;
                overflow: hidden;
                font-size:14px;
                display: flex;
                .center-info-for-big-flex-left-title{
                  width:116px;
                  text-align: right;
                  color:#999;
                }
                .center-info-for-big-flex-left-img-box{
                  img{
                    margin:0 10px 10px 0;
                    width:120px;
                    height:120px;
                  }
                }
              }
              .center-info-for-big-flex-right-box{
                flex:1;
                .center-info-for-big-flex-right-text-box{
                  display: flex;
                  margin:0 40px 25px 0;
                  p{
                    line-height:14px;
                    font-size:14px;

                  }
                  p:nth-child(1){
                    width:100px;
                    color: #999;
                    text-align: right;
                  }
                  p:nth-child(2){
                    flex: 1;
                    color:#333;
                  }
                }
              }
            }
            .center-info-for-min-box{
              border:1px solid #e0e0e0;
              margin:0 40px;
              .center-info-for-min:nth-child(1){
                border:none;
              }
              .center-info-for-min{
                display: flex;
                padding:15px 17px;
                border-top:1px dashed #e0e0e0;
                .for-min-title-box{
                  display: flex;
                  p:nth-child(1){
                    height:20px;
                    width:4px;
                    background:#0183FA;
                    margin-right:10px;
                  }
                  p:nth-child(2){
                    font-size:16px;
                    line-height:20px;
                    color:#333;
                  }
                }
                .center-info-for-min-left-box{
                  width:760px;
                  .for-min-text-box{
                    display: flex;
                    margin-top:20px;
                    p{
                      font-size:14px;
                      line-height:14px;
                    }
                    p:nth-child(1){
                      width:75px;
                      text-align: right;
                      color:#999;
                    }
                    p:nth-child(2){
                      flex:1;
                      color:#333;
                      margin-right:90px;
                    }
                    .spStatusColorA{
                      color:#21CC1D!important;
                    }
                    .spStatusColorB{
                      color:#FF0000!important;
                    }
                  }
                  .for-min-img-box{
                    width:790px;
                    overflow: hidden;
                    font-size:14px;
                    line-height:14px;
                    display: flex;
                    margin-top:20px;
                    .for-min-img-box-left-title{
                      width:75px;
                      text-align: right;
                      color:#999;
                    }
                    .for-min-img-box-left-img-box{
                      img{
                        margin:0 10px 10px 0;
                        width:120px;
                        height:120px;
                      }
                    }
                  }
                }
                .center-info-for-min-right-box{
                  flex:1;
                  .for-min-text-box{
                    display: flex;
                    margin-top:20px;
                    p{
                      font-size:14px;
                      line-height:14px;
                    }
                    p:nth-child(1){
                      width:75px;
                      text-align: right;
                      color:#999;
                    }
                    p:nth-child(2){
                      flex:1;
                      color:#333;
                    }
                    .spStatusColorA{
                      color:#21CC1D!important;
                    }
                    .spStatusColorB{
                      color:#FF0000!important;
                    }
                  }
                }
              }
            }
            .all-button-box{
              display: flex;
              height:50px;
              width:140px;
              margin:0 auto;
              cursor: pointer;
              p{
                line-height:50px;
                text-align: center;
                font-size:14px;
                color:#0183FA;
              }
              img{
                width:12px;
                height:10px;
                margin:20px 0 20px 10px;
              }
            }
          }
          .center-info-for-big-box-all{
            padding-bottom:20px;
          }
        }
      }

      .text-box{
        display: flex;
        margin-top:10px;
        p{
          font-weight:500;
        }
        p:nth-child(1){
          width:80px;
          line-height:30px;
        }
        p:nth-child(2){
          flex:1;
          padding-top:5px;
          line-height:20px;
        }
      }
      .center-info-title{
        font-size:18px;
        margin-top:10px;
        line-height:40px;
      }
      .center-for-box{
        margin-top:20px;
        border:1px solid #dedede;
        padding:20px;
        display: flex;
        p{
          margin:0;
          font-weight:500;
        }
        .center-for-left-box{
          width:500px;
          .for-title-p{
            line-height:20px;
            font-size:16px;
            margin-bottom:10px;
          }
          .for-text-box{
            display: flex;
            font-size:14px;
            p:nth-child(1){
              width:80px;
              line-height:30px;
            }
            p:nth-child(2){
              flex:1;
              padding-top:5px;
              line-height:20px;
            }
          }
        }
        .center-for-right-box{
          margin-left:40px;
          flex:1;
          .for-img-max-box{
            display: flex;
            .for-img-max-title-p{
              line-height:80px;
              width:120px;
            }
            .for-img-box{
              flex:1;
              img{
                cursor: pointer;
                height:80px;
                width:80px;
                margin:0 10px 10px 0;
              }
            }
          }
        }
      }
    }
    .bottom-button-box{
      display: flex;
      height:60px;
      padding:20px 0 0;
      .null-p{
        flex:1;
      }
      .button-p{
        width:120px;
        margin-right:20px;
      }
    }
  }
</style>
