Bladeren bron

修复资产设置图片不显示

liuyanpeng 3 jaren geleden
bovenliggende
commit
450dd01c99
1 gewijzigde bestanden met toevoegingen van 31 en 36 verwijderingen
  1. 31 36
      src/widget/ImageWidget.vue

+ 31 - 36
src/widget/ImageWidget.vue

@@ -9,7 +9,6 @@
               :auth-src="Common.getThumbnailImageSrc(className, imageName)"
               class="image img-thumbnail"
               style="width: 78px; height: 78px"
-              @click="$refs.imagePreview.preview(className, imageName)"
             />
           </div>
           <button
@@ -61,21 +60,20 @@
         </div>
       </div>
     </Modal>
-    <ImagePreview ref="imagePreview" />
     <Loading v-if="loading" />
   </div>
 </template>
 
 <script>
-import Common from "../common/Common.js";
+import Common from '../common/Common.js';
 
-import AuthImage from "./AuthImage.vue";
+import AuthImage from './AuthImage.vue';
 
-import ImageService from "./ImageService.js";
-import FileService from "./FileService.js";
+import ImageService from './ImageService.js';
+import FileService from './FileService.js';
 
-import Cropper from "./Cropper.vue";
-import { Notify } from "pc-component-v3";
+import Cropper from './Cropper.vue';
+import { Notify } from 'pc-component-v3';
 
 export default {
   components: {
@@ -108,7 +106,7 @@ export default {
       default: null,
     },
   },
-  emits: ["valueChanged"],
+  emits: ['valueChanged'],
 
   data: function () {
     this.Common = Common;
@@ -132,7 +130,7 @@ export default {
         var imageName = this.fieldValue.displayValue[0];
         return imageName;
       } else {
-        return "";
+        return '';
       }
     },
     // imageSrc: function () {
@@ -167,8 +165,8 @@ export default {
   },
   mounted: function () {
     //判断浏览器是否支持FileReader接口
-    if (typeof FileReader == "undefined") {
-      Notify.error("提示", "当前浏览器不支持FileReader接口", false);
+    if (typeof FileReader == 'undefined') {
+      Notify.error('提示', '当前浏览器不支持FileReader接口', false);
     }
   },
 
@@ -186,34 +184,34 @@ export default {
       var _self = this;
 
       var blobImg = FileService.dataURLToPngBlob(dataURL);
-      var nameImg = new Date().getTime() + ".png";
+      var nameImg = new Date().getTime() + '.png';
 
       var formData = new FormData();
-      formData.append("className", this.className);
-      formData.append("uploadImage", blobImg, nameImg);
+      formData.append('className', this.className);
+      formData.append('uploadImage', blobImg, nameImg);
 
       this.loading = true;
       ImageService.uploadImage(formData).then(
-        (data) => {
+        data => {
           _self.loading = false;
           _self.addModal = false;
 
           if (data.errorCode == 0) {
             if (data.datas != null && data.datas.length > 0) {
               Notify.success(
-                _self.$t("lang.Notify.prompt"),
-                _self.$t("lang.ImageWidget.describe2"),
-                1500
+                _self.$t('lang.Notify.prompt'),
+                _self.$t('lang.ImageWidget.describe2'),
+                1500,
               );
               _self.emitFieldValue(data.datas[0]);
             }
           } else {
-            Notify.success("图片上传失败", data.errorMessage, 1500);
+            Notify.success('图片上传失败', data.errorMessage, 1500);
           }
         },
-        (errorData) => {
+        errorData => {
           _self.loading = false;
-        }
+        },
       );
     },
     /**
@@ -225,30 +223,30 @@ export default {
     fileUpload: function (selectedFile) {
       var _self = this;
       var formData = new FormData();
-      formData.append("uploadImage", selectedFile);
-      formData.append("className", _self.className);
+      formData.append('uploadImage', selectedFile);
+      formData.append('className', _self.className);
       this.loading = true;
       ImageService.uploadImage(formData).then(
-        (data) => {
+        data => {
           _self.loading = false;
           _self.addModal = false;
 
           if (data.errorCode == 0) {
             if (data.datas != null && data.datas.length > 0) {
               Notify.success(
-                _self.$t("lang.Notify.prompt"),
-                _self.$t("lang.ImageWidget.describe2"),
-                1500
+                _self.$t('lang.Notify.prompt'),
+                _self.$t('lang.ImageWidget.describe2'),
+                1500,
               );
               _self.emitFieldValue(data.datas[0]);
             }
           } else {
-            Notify.success("图片上传失败", data.errorMessage, 1500);
+            Notify.success('图片上传失败', data.errorMessage, 1500);
           }
         },
-        (errorData) => {
+        errorData => {
           _self.loading = false;
-        }
+        },
       );
     },
 
@@ -259,13 +257,13 @@ export default {
     emitFieldValue: function (imageName) {
       var newFieldValue = {
         displayValue: [],
-        fieldType: "String",
+        fieldType: 'String',
       };
       if (imageName != null) {
         newFieldValue.displayValue[0] = imageName;
       }
       this.index = 1;
-      this.$emit("valueChanged", newFieldValue);
+      this.$emit('valueChanged', newFieldValue);
     },
 
     /**
@@ -289,9 +287,6 @@ img {
 .image {
   width: 100%;
 }
-.img-thumbnail {
-  cursor: pointer;
-}
 /* Override Cropper's styles */
 .cropper-view-box,
 .cropper-face {