|
|
@@ -98,6 +98,9 @@
|
|
|
<el-button type="primary" @click="submitForm('passForm')">更新</el-button>
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
+ <el-tab-pane label="微信绑定" name="wx">
|
|
|
+ <div id="qrcodetemplate" ref="qrcodetemplate" />
|
|
|
+ </el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</vuescroll>
|
|
|
</div>
|
|
|
@@ -113,6 +116,7 @@ import { updatePassword } from '@/api/system/userApi'
|
|
|
import { mapGetters } from 'vuex'
|
|
|
import vuescroll from 'vuescroll'
|
|
|
import ImageCropper from '@/components/ImageCropper/index'
|
|
|
+import QRCode from 'qrcodejs2'
|
|
|
export default {
|
|
|
name: 'UserProfile',
|
|
|
components: {
|
|
|
@@ -210,13 +214,30 @@ export default {
|
|
|
cropperClose() {
|
|
|
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() {
|
|
|
getUserProfile().then((resp) => {
|
|
|
const { data } = resp
|
|
|
this.viewData = JSON.parse(JSON.stringify(data))
|
|
|
this.basicData = data
|
|
|
this.passData.accountId = data.accountId
|
|
|
+ this.drawQrcode()
|
|
|
}).catch((error) => {
|
|
|
console.log(error)
|
|
|
})
|
