|
@@ -98,6 +98,9 @@
|
|
|
<el-button type="primary" @click="submitForm('passForm')">更新</el-button>
|
|
<el-button type="primary" @click="submitForm('passForm')">更新</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
|
|
+ <el-tab-pane label="微信绑定" name="wx">
|
|
|
|
|
+ <div id="qrcodetemplate" ref="qrcodetemplate" />
|
|
|
|
|
+ </el-tab-pane>
|
|
|
</el-tabs>
|
|
</el-tabs>
|
|
|
</vuescroll>
|
|
</vuescroll>
|
|
|
</div>
|
|
</div>
|
|
@@ -113,6 +116,7 @@ import { updatePassword } from '@/api/system/userApi'
|
|
|
import { mapGetters } from 'vuex'
|
|
import { mapGetters } from 'vuex'
|
|
|
import vuescroll from 'vuescroll'
|
|
import vuescroll from 'vuescroll'
|
|
|
import ImageCropper from '@/components/ImageCropper/index'
|
|
import ImageCropper from '@/components/ImageCropper/index'
|
|
|
|
|
+import QRCode from 'qrcodejs2'
|
|
|
export default {
|
|
export default {
|
|
|
name: 'UserProfile',
|
|
name: 'UserProfile',
|
|
|
components: {
|
|
components: {
|
|
@@ -210,17 +214,30 @@ export default {
|
|
|
cropperClose() {
|
|
cropperClose() {
|
|
|
this.imageCropperShow = false
|
|
this.imageCropperShow = false
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+ drawQrcode() {
|
|
|
|
|
+ const ocId = this.userData.ocId
|
|
|
|
|
+ const userId = this.userData.userId
|
|
|
|
|
+ const url = 'http://192.168.3.253:8001/wx/auth/' + ocId + '/' + userId
|
|
|
|
|
+ if (!url) {
|
|
|
|
|
+ this.$message.error('没有生产二维码的参数')
|
|
|
|
|
+ return
|
|
|
|
|
+ }
|
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
|
+ this.$refs.qrcodetemplate.innerHTML = ''
|
|
|
|
|
+ new QRCode('qrcodetemplate', {
|
|
|
|
|
+ width: 200,
|
|
|
|
|
+ height: 200,
|
|
|
|
|
+ text: url.toString()
|
|
|
|
|
+ })
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
getData() {
|
|
getData() {
|
|
|
getUserProfile().then((resp) => {
|
|
getUserProfile().then((resp) => {
|
|
|
- const { code, data, msg } = resp
|
|
|
|
|
- if (code === 200) {
|
|
|
|
|
- this.viewData = JSON.parse(JSON.stringify(data))
|
|
|
|
|
- this.basicData = data
|
|
|
|
|
- this.passData.accountId = data.accountId
|
|
|
|
|
- } else {
|
|
|
|
|
- this.$message.error(msg)
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ const { data } = resp
|
|
|
|
|
+ this.viewData = JSON.parse(JSON.stringify(data))
|
|
|
|
|
+ this.basicData = data
|
|
|
|
|
+ this.passData.accountId = data.accountId
|
|
|
|
|
+ this.drawQrcode()
|
|
|
}).catch((error) => {
|
|
}).catch((error) => {
|
|
|
console.log(error)
|
|
console.log(error)
|
|
|
})
|
|
})
|
|
@@ -232,27 +249,18 @@ export default {
|
|
|
if (valid) {
|
|
if (valid) {
|
|
|
if (formName === 'basicForm') {
|
|
if (formName === 'basicForm') {
|
|
|
updateUserProfile(this.basicData).then((resp) => {
|
|
updateUserProfile(this.basicData).then((resp) => {
|
|
|
- const { code, msg } = resp
|
|
|
|
|
- if (code === 200) {
|
|
|
|
|
- this.userData.userAvatar = this.basicData.accountAvatar
|
|
|
|
|
- this.userData.userName = this.basicData.accountName
|
|
|
|
|
- this.$store.dispatch('user/updateUserData', this.userData)
|
|
|
|
|
- this.$message.success(msg)
|
|
|
|
|
- this.getData()
|
|
|
|
|
- } else {
|
|
|
|
|
- this.$message.error(msg)
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ const { msg } = resp
|
|
|
|
|
+ this.userData.userAvatar = this.basicData.accountAvatar
|
|
|
|
|
+ this.userData.userName = this.basicData.accountName
|
|
|
|
|
+ this.$store.dispatch('user/updateUserData', this.userData)
|
|
|
|
|
+ this.$message.success(msg)
|
|
|
|
|
+ this.getData()
|
|
|
}).catch((error) => {
|
|
}).catch((error) => {
|
|
|
console.log(error)
|
|
console.log(error)
|
|
|
})
|
|
})
|
|
|
} else {
|
|
} else {
|
|
|
updatePassword(this.passData).then((resp) => {
|
|
updatePassword(this.passData).then((resp) => {
|
|
|
- const { code } = resp
|
|
|
|
|
- if (code === 200) {
|
|
|
|
|
- this.$message.success('密码更改成功!')
|
|
|
|
|
- } else {
|
|
|
|
|
- this.$message.error('密码更改失败!')
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ this.$message.success('密码更改成功!')
|
|
|
}).catch((error) => {
|
|
}).catch((error) => {
|
|
|
console.log(error)
|
|
console.log(error)
|
|
|
})
|
|
})
|