完善合格证管理--查看详情是图片无法放大查看

anrui-scm/anrui-scm-ui/src/views/cheliang/hegezhengtaizhang/hegezhengInfo.vue

@@ -48,7 +48,7 @@
         </el-row>
         <el-row>
           <el-col :span="4" class="trightb">合格证照片：</el-col>
-          <img v-for="(map_item,index) in temp.certificatePhoto" style="width: 100px; height: 100px;margin-right: 5px;" :key="index" :src="map_item">
+          <img v-for="(map_item,index) in temp.certificatePhoto" style="width: 100px; height: 100px;margin-right: 5px;" :key="index" :src="map_item" @click="handLook(map_item)">
         </el-row>
         <div class="title">合格证详细信息</div>
         <el-row>
@@ -141,6 +141,9 @@
         </el-row>
       </el-form>
     </div>
+    <el-dialog :visible.sync="dialogVisible">
+      <img width="100%" src="dialogUrl" alt="">
+    </el-dialog>
   </div>
 </template>
 
@@ -150,6 +153,8 @@ export default {
   name: 'PinpaiAdd',
   data() {
     return {
+      dialogVisible: false,
+      dialogUrl: '',
       FormLoading: false,
       listLoading: false,
       temp: {}, // 添加和修改
@@ -169,6 +174,10 @@ export default {
           this.temp = response.data
         }
       })
+    },
+    handLook(value) {
+      this.dialogUrl = value
+      this.dialogVisible = true
     }
   }
 }