8月10日杨青

src/xt_pages/user/inspection.vue

                 min-width="180"
               >
                 <template slot-scope="scope">
-                 <span v-if="scope.row.item_name!=''"> {{ scope.row.item_name }} {{ scope.row.item_name_addition }}</span> 
+                 <span v-if="scope.row.item_name!=''"> {{ scope.row.item_name }} {{ scope.row.item_name_addition }}</span>
                 </template>
               </el-table-column>
 
                 <el-col :span="7" :key="index">
                   <div style=" margin: 5px;">
                     <el-row :gutter="20">
-                      <el-col :span="8" style="width: 100%;height: 150px;">
+                      <el-col :span="8" style="width: 100%;">
                         <div style="width: 100%;height: 150px;" >
                           <div @click="imgClicks(item.value)">
                             <el-tooltip
       <div slot="footer" class="dialog-footer">
         <el-upload
           :data="uploadData"
-          :multiple="false"
+          :multiple="true"
           action="https://upload.qiniup.com"
           :show-file-list="false"
           :on-error="handleAvatarError"
       this.dialogRemindFormVisible = true
       // this.temp_remind_cycle = this.
 
-    },openPic() {
+    },
+    openPic() {
       if (this.project == null) {
         this.$message.error('请先选择项目')
         return false
       }
-
       this.form.pic_method = 'add'
       this.formTitle = '新增' + this.project.project_name
       this.form.project_id = this.project.project_id
             var items = this.project.inspection_reference
             console.log("i5ems2323232wo",items)
             for (var index in items) {
-             
+
              console.log("obj",items[index])
               // console.log("inspectionsMap",inspectionsMap[items[index].item_id])
               var item = {}
-            
+
               for (var key in items[index]) {
                 //  console.log("key",key,items[index][key])
                 //  console.log("item[key]",item[key])
                 item[key] = items[index][key]
               }
-             
+
               if (item.item_id > 0) {
-                 
+
                 if (typeof(inspectionsMap[parseInt(items[index].item_id)])  == "undefined") {
-                  
-                 
+
+
 
                   if(this.org_id == 10121 || this.org_id == 0 ){
                     item.value = inspectionsMap[items[index].id].inspect_value
                   }
 
                 } else {
-                 
+
                   item.value = inspectionsMap[items[index].item_id].inspect_value
                   item.item_name = inspectionsMap[items[index].item_id].item_name
 
                 }
               } else {
-               
+
                 item.value = inspectionsMap[items[index].id].inspect_value
                 item.item_name = inspectionsMap[items[index].id].item_name
 
               if(item.item_name!=""){
                 this.items.push(item)
               }
-            
+
               console.log("items232232332wo",this.items)
 
               if(item.value.indexOf("http") >= 0){

src/xt_pages/user/inspectionCheck.vue

             <el-row>
               <template v-for="(item, index) in items">
                 <el-col :span="7" :key="index">
-                  <div style="width: 400px">
+                  <div style="margin: 5px;">
                     <el-row>
-                      <img  :src="item.value" alt="">
+                      <el-col :span="8" style="width: 100%;">
+                        <div style="width: 100%;height: 150px;" >
+                          <div @click="imgClicks(item.value)">
+                            <el-tooltip
+                              class="item"
+                              effect="dark"
+                              :hide-after="2000"
+                              content="点击查看大图"
+                              placement="top-start"
+                              >
+                                <img style="width: 300px;height: 150px;" :src="item.value" alt="">
+                              </el-tooltip>
+                          </div>
+                        </div>
+                      </el-col>
                     </el-row>
                     <el-row>
                       <div style="word-break: break-all;word-wrap: break-word">{{item.item_name}}</div>
       <div slot="footer" class="dialog-footer">
         <el-upload
           :data="uploadData"
-          :multiple="false"
+          :multiple="true"
           action="https://upload.qiniup.com"
           :show-file-list="false"
           :on-error="handleAvatarError"
         >
       </div>
     </el-dialog>
-
+    <el-image-viewer
+        v-if="showViewer"
+        :on-close="closeViewer"
+        :url-list="imgs"
+      ></el-image-viewer>
   </div>
 
 </template>
 
 <script>
 import PatientSidebar from './components/PatientSidebar'
+import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
 import { getToken } from '@/api/qiniu'
-
 import {
   CreatePatientInspection,
   CreatePatientPICInspection,
 
 export default {
   name: 'Inspection',
-  components: { PatientSidebar },
+  components: { PatientSidebar,ElImageViewer },
   data() {
     return {
       temp_remind_cycle:"",
       check_content:"",
       qiniuDomain: 'https://images.shengws.com/',
       isPic:false,
+      showViewer:false,
       uploadData: { token: '', key: '' },
       pageLoading: true,
       itemLoading: false,
     }
   },
   methods: {
+    imgClicks(val){
+      console.log('asdasgg',val);
+      this.imgs = []
+      this.imgs.push(val)
+      this.showViewer = true
+    },
+    closeViewer(){
+      this.showViewer = false
+    },
     beforeAvatarUpload(file) {
       // const isJPG = file.type === "image/jpeg";
       var fileType = file.type