图片上传优化

src/views/homestead/index.vue

@@ -435,14 +435,14 @@
           <div class="statusQuo">
             <div class="picture" v-if="landInfoLookList.behindland == ''"></div>
             <div class="picture" v-if="landInfoLookList.behindland != ''">
-              <img :src="landInfoLookList.behindland" />
+              <img :src="landInfoLookList.behindland" class="describe"/>
             </div>
             <div class="describe">现<br />状<br />图<br />片</div>
           </div>
           <div class="statusQuo">
             <div class="picture" v-if="landInfoLookList.frontland == ''"></div>
             <div class="picture" v-if="landInfoLookList.frontland != ''">
-              <img :src="landInfoLookList.frontland" />
+              <img :src="landInfoLookList.frontland" class="describe"/>
             </div>
             <div class="describe">历<br />史<br />图<br />片</div>
           </div>
@@ -734,7 +734,9 @@
                 :max-count="1"
                 accept="image/gif, image/jpeg, image/png"
               >
-                <img :src=houseInfoList.behindHouse alt="等待传图" class="imgPreview">
+                <div v-if="houseInfoList.behindHouse !=null">
+                <img :src=houseInfoList.behindHouse alt="等待传图">
+                </div>
               </van-uploader>
             </div>
           </div>
@@ -747,7 +749,9 @@
                 :max-count="1"
                 accept="image/gif, image/jpeg, image/png"
               >
-              <img :src=houseInfoList.frontHouse alt="等待传图" class="imgPreview">
+                <div v-if="houseInfoList.frontHouse != null">
+              <img :src=houseInfoList.frontHouse alt="等待传图">
+                </div>
               </van-uploader>
             </div>
           </div>
@@ -927,7 +931,9 @@
                 :max-count="1"
                 accept="image/gif, image/jpeg, image/png"
               >
-                <img :src=landInfoList.behindland alt="等待传图" class="imgPreview">
+                <div v-if="landInfoList.behindland !=null">
+                <img :src=landInfoList.behindland alt="等待传图">
+                </div>
               </van-uploader>
             </div>
           </div>
@@ -940,7 +946,9 @@
                 :max-count="1"
                 accept="image/gif, image/jpeg, image/png"
               >
-              <img :src=landInfoList.frontland alt="等待传图" class="imgPreview">
+                <div v-if="landInfoList.frontland !=null">
+              <img :src=landInfoList.frontland alt="等待传图">
+                </div>
               </van-uploader>
             </div>
           </div>
@@ -1252,11 +1260,14 @@ export default {
     addNewPlot(type) {
       this.farmlandEditSwitchVisbuleFun("hide");
       this.landHomesteadEditVisbileFun("show");
-
       //farmhouse农房    land农地
       if (type == "farmhouse") {
         this.farmhouseStatus = 0;
+        this.houseInfoList.behindHouse =null;
+        this.houseInfoList.frontHouse =null;
       } else if (type == "land") {
+        this.landInfoList.frontland =null;
+        this.landInfoList.behindland =null;
         this.farmhouseStatus = 1;
       }
     },
@@ -4097,8 +4108,8 @@ export default {
               center no-repeat;
             background-size: 90% auto;
             img {
-              width: 100%;
-              height: 100%;
+              width: 98%;
+              height: 90%;
             }
           }
           .describe {