解决j-image-upload图片组件单张图片详情回显空白 #1810

ant-design-vue-jeecg/src/components/jeecg/JImageUpload.vue

@@ -1,4 +1,5 @@
 <template>
+  <div class="img">
     <a-upload
       name="file"
       listType="picture-card"
@@ -12,9 +13,10 @@
       :isMultiple="isMultiple"
       :showUploadList="isMultiple"
       @change="handleChange"
-    @preview="handlePreview">
+      @preview="handlePreview"
+      :class="!isMultiple?'imgupload':''">
       <img v-if="!isMultiple && picUrl" :src="getAvatarView()" style="height:104px;max-width:300px"/>
-    <div v-else >
+      <div v-else class="iconp">
         <a-icon :type="uploadLoading ? 'loading' : 'plus'" />
         <div class="ant-upload-text">{{ text }}</div>
       </div>
@@ -22,6 +24,7 @@
         <img alt="example" style="width: 100%" :src="previewImage"/>
       </a-modal>
     </a-upload>
+  </div>
 </template>
 
 <script>
@@ -206,5 +209,12 @@
 </script>
 
 <style scoped>
-
+  /* update--begin--autor:lvdandan-----date:20201016------for：j-image-upload图片组件单张图片详情回显空白
+  * https://github.com/zhangdaiscott/jeecg-boot/issues/1810
+  * https://github.com/zhangdaiscott/jeecg-boot/issues/1779
+  */
+  /deep/ .imgupload .ant-upload-select{display:block}
+  /deep/ .imgupload .ant-upload.ant-upload-select-picture-card{ width:120px;height: 120px;}
+  /deep/ .imgupload .iconp{padding:32px;}
+  /* update--end--autor:lvdandan-----date:20201016------for：j-image-upload图片组件单张图片详情回显空白*/
 </style>