前端

src/views/warehouse/warehouseManagementDelivery.vue

@@ -359,9 +359,9 @@
         >
       </div>
     </ws-form>
-    <!-- <div >
-      <img :src="img" alt="">
-    </div> -->
+    <div @click='imgshow=false' style='overflow:scroll;position:fixed;left:0;top:0;background:rgba(0,0,0,0.1);width:100%;height:100%;z-index:1030;' v-if='imgshow'>
+      <img style='position:absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);height:80%;' :src="img" alt="">
+    </div>
   </div>
 </template>
 <script>

src/views/warehouse/warehouseManagementPerfectDelivery.vue

@@ -334,13 +334,9 @@
         >
       </div>
     </ws-form>
-  <el-dialog
-  title="提示"
-  :visible.sync="imgshow"
-  width="30%"
-  :before-close="handleClose">
-  <img :src="img" alt="">
-</el-dialog>
+  <div @click='imgshow=false' style='overflow:scroll;position:fixed;left:0;top:0;background:rgba(0,0,0,0.1);width:100%;height:100%;z-index:1030;' v-if='imgshow'>
+      <img style='position:absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);height:80%;' :src="img" alt="">
+    </div>
   </div>
 </template>
 <script>

src/views/warehouse/warehouseManagementPerfectput.vue

@@ -327,7 +327,7 @@
             accept=".jpg, .jpeg, .png, .gif"
             ><el-button size="small" type="primary">点击上传</el-button>
           </el-upload>
-          <div>
+          <div @click='imgBig(dataList.addressUrl)'>
             <img v-if='dataList.addressUrl' style='width:100px;height:100px;' :src="dataList.addressUrl" alt="">
           </div>
       <div class="small-title">化验数据（选填）</div>
@@ -433,6 +433,9 @@
         >
       </div>
     </ws-form>
+    <div @click='imgshow=false' style='overflow:scroll;position:fixed;left:0;top:0;background:rgba(0,0,0,0.1);width:100%;height:100%;z-index:1030;' v-if='imgshow'>
+      <img style='position:absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);height:80%;' :src="img" alt="">
+    </div>
   </div>
 </template>
 <script>
@@ -531,6 +534,8 @@ export default {
       options2: [],
       carstatus:false,
       contractList: [],
+      img:'',
+      imgshow:false,
       dataList: {
         id: '',
         grossWeight: '',
@@ -610,6 +615,11 @@ export default {
 
   },
   methods: {
+    imgBig(item){
+      console.log(item)
+      this.img=item
+      this.imgshow=true
+    },
         kkInput(val){
       console.log(val)
       if(this.isGetCost){

src/views/warehouse/warehouseManagementPut.vue

@@ -406,7 +406,7 @@
       >
       <el-button size="small" type="primary">点击上传</el-button>
       </el-upload>
-      <div v-if='deptBudgetList.addressUrl!=""'>
+      <div @click='imgBig(deptBudgetList.addressUrl)' v-if='deptBudgetList.addressUrl!=""'>
         <img
           style="width: 100px; height: 100px"
           :src="deptBudgetList.addressUrl"
@@ -530,6 +530,9 @@
         >
       </div>
     </ws-form>
+    <div @click='imgshow=false' style='overflow:scroll;position:fixed;left:0;top:0;background:rgba(0,0,0,0.1);width:100%;height:100%;z-index:1030;' v-if='imgshow'>
+      <img style='position:absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);height:80%;' :src="img" alt="">
+    </div>
   </div>
 </template>
 <script>
@@ -601,6 +604,8 @@ export default {
       appendixIdsAdd: '',
       uploadSuccess: {},
       onChange: {},
+      img:'',
+      imgshow:false,
       gradeList: [],
       rules: {
         netWeight: [
@@ -670,6 +675,11 @@ export default {
     // }
   },
   methods: {
+    imgBig(item){
+      console.log(item)
+      this.img=item
+      this.imgshow=true
+    },
     qualityInspectorChange(e){
       console.log(e)
     },