zc

src/views/medicUniversity-3_1/chemicalManagement/chemicalLibrary/ChemicalInfo/msdsInfo.vue

@@ -0,0 +1,108 @@
+<template>
+    <div class="msdsInfo">
+      <div class="title-box">
+        <p>{{dialogData.dialogTitle}}</p>
+        <p class="reset-button-one" @click="backPage"><i class="el-icon-arrow-left"></i>返回</p>
+      </div>
+      <div class="msdsInfo-page scrollbar-box">
+        <div class="w-e-text-min-box">
+          <p>化学品名称：</p>
+          <p>{{dialogData.name}}</p>
+        </div>
+        <div class="w-e-text-min-box">
+          <p>说明书编号：</p>
+          <p>{{dialogData.code}}</p>
+        </div>
+        <div class="w-e-text-min-box-one">
+          <p>说明书详情：</p>
+          <p class="w-e-text" v-html="dialogData.content"></p>
+        </div>
+      </div>
+    </div>
+</template>
+
+<script>
+  export default {
+    name: "msdsInfo",
+    props:{
+      dialogData:{},
+    },
+    methods:{
+      backPage(){
+        this.$parent.lookItem(false);
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .msdsInfo{
+    flex:1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    font-weight:500;
+    p{
+      margin:0;
+      padding:0;
+    }
+    .title-box{
+      display: flex;
+      height:90px;
+      border-bottom: 1px solid #D8D8D8;
+      p:nth-child(1){
+        flex:1;
+        font-size:16px;
+        line-height:90px;
+        margin-left:18px;
+        color:#0045AF;
+      }
+      p:nth-child(2){
+        margin:25px 25px 0 0;
+      }
+    }
+    .msdsInfo-page{
+      flex:1;
+      display: flex;
+      flex-direction: column;
+      padding:20px;
+    }
+  }
+</style>
+<style lang="scss">
+  .msdsInfo{
+    .el-table th > .cell{
+      .el-checkbox{
+        display: none;
+      }
+    }
+    .w-e-text-min-box{
+      display: flex;
+      margin-bottom:20px;
+      p{
+        height:20px;
+        line-height:20px;
+      }
+    }
+    .w-e-text-min-box-one{
+      display: flex;
+    }
+    .w-e-text{
+      flex:1;
+    }
+    .w-e-text.table::-webkit-scrollbar{
+      width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
+      height: 4px;
+    }
+    .w-e-text.table::-webkit-scrollbar-thumb{
+      border-radius: 5px;
+      -webkit-box-shadow: inset 0 0 5px #999;
+      background: #fff;
+    }
+    .w-e-text.table::-webkit-scrollbar-track{
+      -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0);
+      border-radius: 0;
+      background: rgba(255,255,255,0);
+    }
+  }
+</style>

src/views/medicUniversity-3_1/chemicalManagement/chemicalLibrary/ChemicalInfo/msdsPage.vue

@@ -1,94 +1,101 @@
 <template>
   <div class="msdsPage">
-    <div class="title-box">
-      <p>MSDS化学品安全技术说明书</p>
-      <p class="reset-button-one" @click="backPage"><i class="el-icon-arrow-left"></i>返回</p>
-    </div>
-    <div class="msdsPage-min">
-      <el-form :model="queryParamsData" class="form-box" ref="queryForm" :inline="true">
-        <el-form-item label="关键字" prop="name">
-          <el-input
-            maxLength="20"
-            v-model="queryParamsData.name"
-            placeholder="危险品名称"
-            clearable
-            size="small"
-            style="width: 200px"
-          />
-        </el-form-item>
-        <el-form-item>
-          <p class="inquire-button-one" @click="handleQuery" style="margin-right:10px;">查询</p>
-          <p class="reset-button-one" @click="resetQuery">重置</p>
-        </el-form-item>
-        <el-form-item style="float: right;">
-          <el-col :span="1.5">
-            <p class="add-button-one-90"
-               @click="upData"
-            >确定</p>
-          </el-col>
-        </el-form-item>
-      </el-form>
-      <el-table  border :data="tableList" ref="multipleTable" :row-key="getRowKeys"
-                 tooltip-effect="dark" @select-all="dialogCheck" @select="dialogCheck">
-        <el-table-column type="selection" width="50" align="center" :reserve-selection="true"/>
-        <el-table-column label="序号" type="index" align="center"/>
-        <el-table-column label="化学品名称" align="center" prop="name"/>
-        <el-table-column label="编号" align="center" prop="code"/>
-        <el-table-column label="创建时间" align="center" prop="createTime"/>
-        <el-table-column label="创建人" align="center" prop="createBy"/>
-        <el-table-column label="操作" align="center" width="280" class-name="small-padding fixed-width">
-          <template slot-scope="scope">
-            <div class="button-box">
-              <p class="table-min-button" @click="lookItem(true,scope.row)">查看</p>
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-      <div style="display: flex;height:32px;margin:5px 0 15px;">
-        <!--<p style="flex:4;"></p>-->
-        <p style="text-align: left;margin:0;line-height:32px;margin-top:15px;margin-right:20px;font-size:14px;color:#999;">
-          <i class="el-icon-warning" style="color:#0183FA;"></i>
-          已选择 {{selectioned.id?"1":"0"}} 项
-        </p>
-        <div style="flex:5;">
-          <pagination
-            v-show="total>0"
-            :total="total"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getList"
-          />
+    <div class="msds-page" v-if="!lookOpen">
+      <div class="title-box">
+        <p>MSDS化学品安全技术说明书</p>
+        <p class="reset-button-one" @click="backPage"><i class="el-icon-arrow-left"></i>返回</p>
+      </div>
+      <div class="msdsPage-min">
+        <el-form :model="queryParamsData" class="form-box" ref="queryForm" :inline="true">
+          <el-form-item label="关键字" prop="name">
+            <el-input
+              maxLength="20"
+              v-model="queryParamsData.name"
+              placeholder="危险品名称"
+              clearable
+              size="small"
+              style="width: 200px"
+            />
+          </el-form-item>
+          <el-form-item>
+            <p class="inquire-button-one" @click="handleQuery" style="margin-right:10px;">查询</p>
+            <p class="reset-button-one" @click="resetQuery">重置</p>
+          </el-form-item>
+          <el-form-item style="float: right;">
+            <el-col :span="1.5">
+              <p class="add-button-one-90"
+                 @click="upData"
+              >确定</p>
+            </el-col>
+          </el-form-item>
+        </el-form>
+        <el-table  border :data="tableList" ref="multipleTable" :row-key="getRowKeys"
+                   tooltip-effect="dark" @select-all="dialogCheck" @select="dialogCheck">
+          <el-table-column type="selection" width="50" align="center" :reserve-selection="true"/>
+          <el-table-column label="序号" type="index" align="center"/>
+          <el-table-column label="化学品名称" align="center" prop="name"/>
+          <el-table-column label="编号" align="center" prop="code"/>
+          <el-table-column label="创建时间" align="center" prop="createTime"/>
+          <el-table-column label="创建人" align="center" prop="createBy"/>
+          <el-table-column label="操作" align="center" width="280" class-name="small-padding fixed-width">
+            <template slot-scope="scope">
+              <div class="button-box">
+                <p class="table-min-button" @click="lookItem(true,scope.row)">查看</p>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div style="display: flex;height:32px;margin:5px 0 15px;">
+          <!--<p style="flex:4;"></p>-->
+          <p style="text-align: left;margin:0;line-height:32px;margin-top:15px;margin-right:20px;font-size:14px;color:#999;">
+            <i class="el-icon-warning" style="color:#0183FA;"></i>
+            已选择 {{selectioned.id?"1":"0"}} 项
+          </p>
+          <div style="flex:5;">
+            <pagination
+              v-show="total>0"
+              :total="total"
+              :page.sync="queryParams.pageNum"
+              :limit.sync="queryParams.pageSize"
+              @pagination="getList"
+            />
+          </div>
         </div>
       </div>
     </div>
     <!--查看窗口-->
-    <el-dialog :title="dialogTitle" :visible.sync="lookOpen" width="1200px" append-to-body class="w-e-text-dialog-box">
-      <div style="width:1160px;max-height:700px;overflow-y: scroll;" class="scrollbar-box">
-        <div class="w-e-text-min-box">
-          <p>化学品名称：</p>
-          <p>{{dialogData.name}}</p>
-        </div>
-        <div class="w-e-text-min-box">
-          <p>说明书编号：</p>
-          <p>{{dialogData.code}}</p>
-        </div>
-        <div class="w-e-text-min-box-one">
-          <p>说明书详情：</p>
-          <p class="w-e-text" v-html="dialogData.content"></p>
-        </div>
-      </div>
-      <div slot="footer" class="teacher-import-dialog-button-box">
-        <p class="inquire-button-one" @click="lookItem(false)">确定</p>
-      </div>
-    </el-dialog>
+    <msds-info v-if="lookOpen" :dialogData="dialogData"></msds-info>
+    <!--<el-dialog :title="dialogTitle" :visible.sync="lookOpen" width="1200px" append-to-body class="w-e-text-dialog-box">-->
+      <!--<div style="width:1160px;max-height:700px;overflow-y: scroll;" class="scrollbar-box">-->
+        <!--<div class="w-e-text-min-box">-->
+          <!--<p>化学品名称：</p>-->
+          <!--<p>{{dialogData.name}}</p>-->
+        <!--</div>-->
+        <!--<div class="w-e-text-min-box">-->
+          <!--<p>说明书编号：</p>-->
+          <!--<p>{{dialogData.code}}</p>-->
+        <!--</div>-->
+        <!--<div class="w-e-text-min-box-one">-->
+          <!--<p>说明书详情：</p>-->
+          <!--<p class="w-e-text" v-html="dialogData.content"></p>-->
+        <!--</div>-->
+      <!--</div>-->
+      <!--<div slot="footer" class="teacher-import-dialog-button-box">-->
+        <!--<p class="inquire-button-one" @click="lookItem(false)">确定</p>-->
+      <!--</div>-->
+    <!--</el-dialog>-->
   </div>
 </template>
 
 <script>
   import { getHazard_book } from "@/api/laboratory/hazard_book";
   import { getHazardBookJoinChemical,editChemicalByJoinHazard } from "@/api/medicUniversity-3_1/index";
+  import msdsInfo from "./msdsInfo.vue"
   export default {
     name: "msdsPage",
+    components: {
+      msdsInfo
+    },
     props:{
       msdsPropsData:{},
     },
@@ -153,7 +160,7 @@
       lookItem(type,row){
         if(type){
           getHazard_book(row.id).then( response => {
-            this.dialogTitle = row.name + '-安全技术说明书';
+            this.dialogData.dialogTitle = row.name + '-安全技术说明书';
             this.dialogData.name = response.data.name;
             this.dialogData.code = response.data.code;
             this.dialogData.content = unescape(response.data.content);
@@ -232,64 +239,32 @@
       margin:0;
       padding:0;
     }
-    .title-box{
-      display: flex;
-      height:90px;
-      border-bottom: 1px solid #D8D8D8;
-      p:nth-child(1){
-        flex:1;
-        font-size:16px;
-        line-height:90px;
-        margin-left:18px;
-        color:#0045AF;
-      }
-      p:nth-child(2){
-        margin:25px 25px 0 0;
-      }
-    }
-    .msdsPage-min{
+    .msds-page{
       flex:1;
-      padding:20px;
       display: flex;
       flex-direction: column;
       overflow: hidden;
-    }
-  }
-</style>
-<style lang="scss">
-  .msdsPage{
-    .el-table th > .cell{
-      .el-checkbox{
-        display: none;
-      }
-    }
-    .w-e-text-dialog-box{
-      .w-e-text-min-box{
+      .title-box{
         display: flex;
-        p{
-          height:20px;
-          line-height:20px;
+        height:90px;
+        border-bottom: 1px solid #D8D8D8;
+        p:nth-child(1){
+          flex:1;
+          font-size:16px;
+          line-height:90px;
+          margin-left:18px;
+          color:#0045AF;
+        }
+        p:nth-child(2){
+          margin:25px 25px 0 0;
         }
       }
-      .w-e-text-min-box-one{
-        display: flex;
-      }
-      .w-e-text{
+      .msdsPage-min{
         flex:1;
-      }
-      .w-e-text.table::-webkit-scrollbar{
-        width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
-        height: 4px;
-      }
-      .w-e-text.table::-webkit-scrollbar-thumb{
-        border-radius: 5px;
-        -webkit-box-shadow: inset 0 0 5px #999;
-        background: #fff;
-      }
-      .w-e-text.table::-webkit-scrollbar-track{
-        -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0);
-        border-radius: 0;
-        background: rgba(255,255,255,0);
+        padding:20px;
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
       }
     }
   }

src/views/safetyEducationExam/safeLearning/el_course/courseDetails.vue

@@ -2,7 +2,10 @@
 <template>
   <div class="courseDetails">
     <div class="chapter-page-one" v-if="pageType == 1">
-      <p class="reset-button-one" style="margin:20px 0 0 20px;font-weight:700;" @click="backPage"><i class="el-icon-arrow-left"></i>返回</p>
+      <div style="display: flex">
+        <p style="flex:1;"></p>
+        <p class="reset-button-one" style="margin:20px 20px 0 20px;font-weight:700;float: right" @click="backPage"><i class="el-icon-arrow-left"></i>返回</p>
+      </div>
       <div class="learn-list scrollbar-box">
         <div class="course-info">
           <div class="name-max-box">

src/views/securityCheck/release/checkRecordInfoPage.vue

@@ -152,356 +152,358 @@
       <p class="title-p">发布详情</p>
       <p class="button-p reset-button-one" @click="backPage">返回</p>
     </div>
-    <!--步骤条-->
-    <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 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>
-      <div class="center-center-box">
-        <img src="@/assets/newImages/icon_8.png">
-        <div>
-          <p>{{newData.laboratoryName}}</p>
-          <p>{{newData.buildingName}}{{newData.fjNumber}}</p>
+        <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="center-right-box">
-        <img src="@/assets/newImages/icon_9.png">
-        <div>
-          <p>{{newData.fzrName}}</p>
-          <p>{{newData.fzrLxfs}}</p>
+      <!--步骤信息-->
+      <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>
-    <!--整改信息部分-->
-    <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 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 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 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-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 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-min-right-box">
-                  <div class="for-min-title-box">
-                    <p></p>
-                    <p>复核信息</p>
+                <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="for-min-text-box">
-                    <p>复核时间：</p>
-                    <p>{{minItme.spTime}}</p>
+                  <div class="center-info-for-big-flex-right-text-box">
+                    <p>检查人：</p>
+                    <p>{{newData.jcRyxm}}</p>
                   </div>
-                  <div class="for-min-text-box">
-                    <p>复核人：</p>
-                    <p>{{minItme.spUserName}}</p>
+                  <div class="center-info-for-big-flex-right-text-box">
+                    <p>隐患描述：</p>
+                    <p>{{item.yhMs}}</p>
                   </div>
-                  <div class="for-min-text-box">
-                    <p>复核结果：</p>
-                    <p :class="minItme.spStatus == 1?'spStatusColorA':'spStatusColorB'">{{minItme.spStatus == 1 ? '复核通过':'复核驳回'}}</p>
+                </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="for-min-text-box">
-                    <p>复核备注：</p>
-                    <p>{{minItme.spSm}}</p>
+                  <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>
-            <!--查看更多复核信息-->
-            <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 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 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 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-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 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-min-right-box">
-                  <div class="for-min-title-box">
-                    <p></p>
-                    <p>复核信息</p>
+                <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="for-min-text-box" v-if="minItme.spTime">
-                    <p>复核时间：</p>
-                    <p>{{minItme.spTime}}</p>
+                  <div class="center-info-for-big-flex-right-text-box">
+                    <p>检查人：</p>
+                    <p>{{newData.jcRyxm}}</p>
                   </div>
-                  <div class="for-min-text-box" v-if="minItme.spTime">
-                    <p>复核人：</p>
-                    <p>{{minItme.spUserName}}</p>
+                  <div class="center-info-for-big-flex-right-text-box">
+                    <p>隐患描述：</p>
+                    <p>{{item.yhMs}}</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>
+              <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="for-min-text-box" v-if="minItme.spTime">
-                    <p>复核备注：</p>
-                    <p>{{minItme.spSm}}</p>
+                  <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>
-            <!--查看更多复核信息-->
-            <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 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 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 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-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 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-min-right-box">
-                  <div class="for-min-title-box">
-                    <p></p>
-                    <p>复核信息</p>
+                <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="for-min-text-box" v-if="minItme.spTime">
-                    <p>复核时间：</p>
-                    <p>{{minItme.spTime}}</p>
+                  <div class="center-info-for-big-flex-right-text-box">
+                    <p>检查人：</p>
+                    <p>{{newData.jcRyxm}}</p>
                   </div>
-                  <div class="for-min-text-box" v-if="minItme.spTime">
-                    <p>复核人：</p>
-                    <p>{{minItme.spUserName}}</p>
+                  <div class="center-info-for-big-flex-right-text-box">
+                    <p>隐患描述：</p>
+                    <p>{{item.yhMs}}</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>
+              <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="for-min-text-box" v-if="minItme.spTime">
-                    <p>复核备注：</p>
-                    <p>{{minItme.spSm}}</p>
+                  <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>
-            <!--查看更多复核信息-->
-            <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 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>