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;