heyang

src/views/securityCheck/release/checkRecordInfoPage.vue

@@ -1,153 +1,7 @@
 <!--检查记录详情-->
 <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>
@@ -232,7 +86,7 @@
                 <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)">
+                    <img :src="item" v-for="(item,index) in item.yhImg" :key="index" @click="lockImg(1,item)">
                   </div>
                   <p v-if="!item.yhImg[0]">未上传照片</p>
                 </div>
@@ -251,7 +105,7 @@
                   </div>
                 </div>
               </div>
-              <div class="center-info-for-min-box" :class="" v-if="item.detailslogList[0]">
+              <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">
@@ -274,7 +128,7 @@
                     <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)">
+                        <img :src="minItemMin" v-for="(minItemMin,minIndexMin) in item.yhZghImg" :key="minIndexMin" @click="lockImg(2,minItemMin)">
                       </div>
                       <p v-if="!item.yhZghImg[0]">未上传照片</p>
                     </div>
@@ -330,7 +184,7 @@
                 <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)">
+                    <img :src="item" v-for="(item,index) in item.yhImg" :key="index" @click="lockImg(1,item)">
                   </div>
                   <p v-if="!item.yhImg[0]">未上传照片</p>
                 </div>
@@ -372,7 +226,7 @@
                     <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)">
+                        <img :src="minItemMin" v-for="(minItemMin,minIndexMin) in minItme.yhZghImg" :key="minIndexMin" @click="lockImg(2,minItemMin)">
                       </div>
                       <p v-if="!minItme.yhZghImg[0]">未上传照片</p>
                     </div>
@@ -428,7 +282,7 @@
                 <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)">
+                    <img :src="item" v-for="(item,index) in item.yhImg" :key="index" @click="lockImg(1,item)">
                   </div>
                   <p v-if="!item.yhImg[0]">未上传照片</p>
                 </div>
@@ -470,7 +324,7 @@
                     <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)">
+                        <img :src="minItemMin" v-for="(minItemMin,minIndexMin) in item.yhZghImg" :key="minIndexMin" @click="lockImg(2,minItemMin)">
                       </div>
                       <p v-if="!item.yhZghImg[0]">未上传照片</p>
                     </div>
@@ -740,6 +594,8 @@
       },
       //查看图片
       lockImg(type,url){
+        console.log(type)
+        console.log(url)
         if(type == 1){
           this.imgTitle = "整改前照片";
         }else if(type == 2){