diff --git a/src/views/screenAdaptation/pages/homePages/menuTop/personMsgModal.vue b/src/views/screenAdaptation/pages/homePages/menuTop/personMsgModal.vue
index 6963b71..2c07a45 100644
--- a/src/views/screenAdaptation/pages/homePages/menuTop/personMsgModal.vue
+++ b/src/views/screenAdaptation/pages/homePages/menuTop/personMsgModal.vue
@@ -25,18 +25,28 @@
头像信息
+
+
+
+
+
更换图片
+
+
+
+
保存头像
仅支持.jpg.jpeg.png.bmp图片格式
@@ -78,6 +88,8 @@
key: '',
file: '',
fileList: [],
+ fileListPic: [],
+ headPortraitSrc: '',
}
},
components: {
@@ -97,26 +109,30 @@
cancelModal() {
this.$emit('cancelModal')
},
- rotateLeftFn() {
- this.leftRight += 90
- this.$refs.imgChange.style.transform = 'rotate(' + this.leftRight + 'deg)'
- console.log(this.left)
- },
- rotateRightFn() {
- this.leftRight -= 90
+ rotateLeftFn(val) {
+ if (val === 0) {
+ this.leftRight += 90
+ } else if (val === 1) {
+ this.leftRight -= 90
+ }
this.$refs.imgChange.style.transform = 'rotate(' + this.leftRight + 'deg)'
},
- searchPlusFn() {
- this.plusMinus += 0.1
- this.$refs.imgChange.style.transform = 'scale(' + this.plusMinus + ')'
- },
- searchMinusFn() {
- this.plusMinus -= 0.1
+ searchPlusFn(val) {
+ if (val === 0) {
+ this.plusMinus += 0.1
+ } else if (val === 1) {
+ this.plusMinus -= 0.1
+ }
this.$refs.imgChange.style.transform = 'scale(' + this.plusMinus + ')'
},
picFileChange(val) {
- this.$refs.imgChange.src=''
- this.$refs.imgChange.src = val.file.thumbUrl
+ let targetUrl = val.fileList[val.fileList.length - 1]
+ this.$refs.imgChange.src = targetUrl.thumbUrl
+ //this.headPortraitSrc = targetUrl.thumbUrl
+ console.log('imgChange', this.$refs.imgChange.src == targetUrl.thumbUrl)
+ },
+ beforeUpload(){
+ //this.$refs.imgChange.src = ''
},
modifyIDphoto(val) {
console.log('图片信息', val)
@@ -130,7 +146,7 @@
},
uploadComplete: function (file) {
this.fileList = file
-//console.log('filess', this.fileList)
+ //console.log('filess', this.fileList)
},
getChangeModifyPhoto() {
let param = {
@@ -196,6 +212,10 @@
height: 110px !important;
}
+ /deep/ .ant-upload-list {
+ display: none;
+ }
+
/deep/ .ant-modal-content {
background: none !important;
border: 3px solid #03EFFD !important;