|
|
@@ -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 {
|