修复隐患详情图片显示问题

src/views/menu/problemItem/detail.vue

@@ -7,10 +7,10 @@
         <div class="card">
           <div class="mainItem">
             <van-row>
-              <van-col :span="8" class="label">
+              <van-col :span="7" class="label">
                 <div>问题名称</div>
               </van-col>
-              <van-col :span="16">
+              <van-col :span="17">
               <span>
                 {{taskInfo.srcTaskName}}
               </span>
@@ -20,10 +20,10 @@
           <div class="bigbox">
             <div class="mainItem">
               <van-row>
-                <van-col :span="8" class="label">
+                <van-col :span="7" class="label">
                   <div>问题状态</div>
                 </van-col>
-                <van-col :span="16">
+                <van-col :span="17">
                  <span v-if="taskInfo.reformStatus" :style="{color:getState(getDictLabel(taskInfo.reformStatus,'app_question_status'))}">
                   {{getDictLabel(taskInfo.reformStatus,'app_question_status')}}
                   </span>
@@ -35,10 +35,10 @@
             </div>
             <div class="mainItem">
               <van-row>
-                <van-col :span="8" class="label">
+                <van-col :span="7" class="label">
                   <div>隐患所在机构</div>
                 </van-col>
-                <van-col :span="16">
+                <van-col :span="17">
                 <span>
                   {{taskInfo.orgName}}
                 </span>
@@ -48,10 +48,10 @@
 
             <div class="mainItem">
               <van-row>
-                <van-col :span="8" class="label">
+                <van-col :span="7" class="label">
                   <div>检查项</div>
                 </van-col>
-                <van-col :span="16">
+                <van-col :span="17">
                  <span>
                   {{taskInfo.checkItem}}
                 </span>
@@ -61,10 +61,10 @@
 
             <div class="mainItem">
               <van-row>
-                <van-col :span="8" class="label">
+                <van-col :span="7" class="label">
                   <div>检查内容</div>
                 </van-col>
-                <van-col :span="16">
+                <van-col :span="17">
                  <span>
                   {{taskInfo.checkContent}}
                 </span>
@@ -74,10 +74,10 @@
 
             <div class="mainItem">
               <van-row>
-                <van-col :span="8" class="label">
+                <van-col :span="7" class="label">
                   <div>隐患描述</div>
                 </van-col>
-                <van-col :span="16">
+                <van-col :span="17">
                  <span>
                   {{taskInfo.questionDesc}}
                 </span>
@@ -87,10 +87,10 @@
 
             <div class="mainItem">
               <van-row>
-                <van-col :span="8" class="label">
+                <van-col :span="7" class="label">
                   <div>发现时间</div>
                 </van-col>
-                <van-col :span="16">
+                <van-col :span="17">
                  <span>
                   {{taskInfo.submitTime}}
                 </span>
@@ -100,10 +100,10 @@
 
             <div class="mainItem">
               <van-row>
-                <van-col :span="8" class="label">
+                <van-col :span="7" class="label">
                   <div>提出人</div>
                 </van-col>
-                <van-col :span="16">
+                <van-col :span="17">
                  <span>
                   {{taskInfo.submitorName}}
                 </span>
@@ -113,10 +113,10 @@
 
             <div class="mainItem">
               <van-row>
-                <van-col :span="8" class="label">
+                <van-col :span="7" class="label">
                   <div>整改期限</div>
                 </van-col>
-                <van-col :span="16">
+                <van-col :span="17">
                  <span>
                   {{formatDate(taskInfo.reformDeadline,'YYYY-MM-DD')}}
                 </span>
@@ -126,16 +126,16 @@
 
             <div class="mainItem" v-if="taskInfo.images && taskInfo.images.length > 0">
               <van-row>
-                <van-col :span="8" class="label">
+                <van-col :span="7" class="label">
                   <div>隐患图片</div>
                 </van-col>
-                <van-col :span="16">
-                  <div class="nfc-img" v-for="(v,i) in ['/2023/12/18/20231218165501A031.png','/2023/12/18/20231218165501A031.png','/statics/2023/12/18/20231218165501A031.png','/statics/2023/12/18/20231218165501A031.png']" :key="v" @click="clickImage(taskInfo.images,i)">
+                <van-col :span="17">
+<!--                  <div class="nfc-img" v-for="(v,i) in ['/2023/12/18/20231218165501A031.png','/2023/12/18/20231218165501A031.png','/statics/2023/12/18/20231218165501A031.png','/statics/2023/12/18/20231218165501A031.png']" :key="v" @click="clickImage(taskInfo.images,i)">-->
+<!--                    <img :src="imgUrl(v)" alt="" >-->
+<!--                  </div>-->
+                  <div class="nfc-img" v-for="(v,i) in taskInfo.images" :key="v" @click="clickImage(taskInfo.images,i)">
                     <img :src="imgUrl(v)" alt="" >
                   </div>
-                  <!-- <div class="nfc-img" v-for="(v,i) in taskInfo.images" :key="v" @click="clickImage(taskInfo.images,i)">
-                    <img :src="imgUrl(v)" alt="" >
-                  </div> -->
                 </van-col>
               </van-row>
             </div>
@@ -148,22 +148,22 @@
         <div class="card" >
           <div class="mainItem">
             <van-row>
-              <van-col :span="8" class="label"><div>整改日期</div></van-col>
-              <van-col :span="16"><span>{{formatDate(taskInfo.reform.reformDate,'YYYY-MM-DD')}}</span></van-col>
+              <van-col :span="7" class="label"><div>整改日期</div></van-col>
+              <van-col :span="17"><span>{{formatDate(taskInfo.reform.reformDate,'YYYY-MM-DD')}}</span></van-col>
             </van-row>
           </div>
 
           <div class="mainItem">
             <van-row>
-              <van-col :span="8" class="label"><div>整改描述</div></van-col>
-              <van-col :span="16"><span>{{taskInfo.reform.description}}</span></van-col>
+              <van-col :span="7" class="label"><div>整改描述</div></van-col>
+              <van-col :span="17"><span>{{taskInfo.reform.description}}</span></van-col>
             </van-row>
           </div>
 
           <div class="mainItem" v-if="taskInfo.reform.images">
             <van-row>
-              <van-col :span="8" class="label"><div>上传信息</div></van-col>
-              <van-col :span="16">
+              <van-col :span="7" class="label"><div>上传信息</div></van-col>
+              <van-col :span="17">
                 <div  v-if="taskInfo.reform.images && taskInfo.reform.images.length > 0">
                   <div class="nfc-img van-hairline--surround" v-for="(v,i) in taskInfo.reform.images" :key="v" @click="clickImage(taskInfo.reform.images,i)">
                     <img :src="imgUrl(v)" alt="" >
@@ -180,22 +180,22 @@
         <div class="card">
           <div class="mainItem">
             <van-row>
-              <van-col :span="8" class="label"><div>处理意见</div></van-col>
-              <van-col :span="16"><span>{{taskInfo.confirm.executeStatus === 0 ? '确认' : '提出异议'}}</span></van-col>
+              <van-col :span="7" class="label"><div>处理意见</div></van-col>
+              <van-col :span="17"><span>{{taskInfo.confirm.executeStatus === 0 ? '确认' : '提出异议'}}</span></van-col>
             </van-row>
           </div>
 
           <div class="mainItem" v-show="taskInfo.confirm.executeStatus===1">
             <van-row >
-              <van-col :span="8" class="label"><div>异议内容</div></van-col>
-              <van-col  :span="16"><span>{{taskInfo.confirm.description}}</span></van-col>
+              <van-col :span="7" class="label"><div>异议内容</div></van-col>
+              <van-col  :span="17"><span>{{taskInfo.confirm.description}}</span></van-col>
             </van-row>
           </div>
 
           <div class="mainItem">
             <van-row >
-              <van-col :span="8" class="label"><div>异议人</div></van-col>
-              <van-col  :span="16"><span>{{taskInfo.confirm.executorName}}</span></van-col>
+              <van-col :span="7" class="label"><div>异议人</div></van-col>
+              <van-col  :span="17"><span>{{taskInfo.confirm.executorName}}</span></van-col>
             </van-row>
           </div>
 
@@ -207,14 +207,14 @@
         <div class="card">
           <div class="mainItem">
             <van-row>
-              <van-col :span="8" class="label"><div>审核结果</div></van-col>
-              <van-col :span="16"><span>{{taskInfo.confirmDissent.executeStatus === 0 ? '同意' : '不同意'}}</span></van-col>
+              <van-col :span="7" class="label"><div>审核结果</div></van-col>
+              <van-col :span="17"><span>{{taskInfo.confirmDissent.executeStatus === 0 ? '同意' : '不同意'}}</span></van-col>
             </van-row>
           </div>
           <div class="mainItem" v-show="taskInfo.confirmDissent.executeStatus===1">
             <van-row>
-              <van-col :span="8" class="label"><div>原因</div></van-col>
-              <van-col :span="16"><span>{{taskInfo.confirmDissent.description}}</span></van-col>
+              <van-col :span="7" class="label"><div>原因</div></van-col>
+              <van-col :span="17"><span>{{taskInfo.confirmDissent.description}}</span></van-col>
             </van-row>
           </div>
         </div>
@@ -515,7 +515,7 @@ export default {
   background-color: #f0f0f0;
   display: flex;
   align-items: center;
-  .van-col--8 {
+  .van-col--7 {
     min-height: 100px;
     display: flex;
     justify-content: center;
@@ -533,13 +533,13 @@ export default {
     flex: none !important;
     padding-left: 10px;
   }
-  .van-col--16 {
+  .van-col--17 {
     min-height: 100px;
     display: flex;
     align-items: center;
-    padding-left: 10px;
     background-color: #fff;
     padding: 10px;
+    padding-left: 10px;
     flex-flow: wrap;
     // opacity: 0.9;
   }
@@ -591,9 +591,9 @@ export default {
   height: 140px;
   margin: 10px;
   position: relative;
-  &:first-child{
-    margin-left: 0;
-  }
+  //&:first-child{
+  //  margin-left: 0;
+  //}
   >img{
     width: 100%;
     height: 100%;