mirror of
https://gitee.com/java110/WechatOwnerService.git
synced 2026-02-24 05:46:04 +08:00
150 lines
2.8 KiB
Vue
150 lines
2.8 KiB
Vue
<template>
|
||
<view>
|
||
<view class="top_blank"></view>
|
||
<view class="padding-left-xl padding-right-xl margin-top">
|
||
<canvas style="width: 520upx;height: 520upx; margin: 0 auto;" canvas-id="openDoorQrcode"></canvas>
|
||
</view>
|
||
<view class="text-center">请手机截图后，分享访客</view>
|
||
|
||
<view class="padding flex flex-direction margin-top">
|
||
<button class="cu-btn bg-blue margin-tb-sm lg" @tap="_closeModal()">关闭</button>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
const qrCode = require('@/lib/weapp-qrcode.js');
|
||
import {
|
||
getMemberId
|
||
} from '../../api/owner/ownerApi.js';
|
||
import {
|
||
getCommunityId,
|
||
getCommunityName
|
||
} from '../../api/community/communityApi.js';
|
||
import {
|
||
queryVisitQrCode
|
||
} from '../../api/visit/visit.js';
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
communityName: '',
|
||
communityId: '',
|
||
memberId: '',
|
||
qrCode: ''
|
||
};
|
||
},
|
||
|
||
|
||
props: {},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面加载
|
||
*/
|
||
onLoad: function(options) {
|
||
|
||
let memberId = getMemberId();
|
||
if (!memberId || '-1' == memberId) {
|
||
uni.showToast({
|
||
icon: 'none',
|
||
title: '未认证房屋，请返回认证'
|
||
});
|
||
return;
|
||
}
|
||
|
||
this.communityId = getCommunityId();
|
||
this.communityName = getCommunityName();
|
||
this._loadQrCode();
|
||
|
||
},
|
||
|
||
methods: {
|
||
_loadQrCode: function() {
|
||
let _that = this;
|
||
queryVisitQrCode({
|
||
communityId: this.communityId
|
||
}).then(_data => {
|
||
if (_data.code != 0) {
|
||
uni.showToast({
|
||
icon: 'none',
|
||
title: _data.msg
|
||
});
|
||
return;
|
||
}
|
||
_that.qrCode = _data.data.url;
|
||
_that._generatorQrCode();
|
||
})
|
||
},
|
||
_generatorQrCode: function() {
|
||
let _that = this;
|
||
//生成二维码
|
||
new qrCode('openDoorQrcode', {
|
||
text: _that.qrCode ,
|
||
width: 250,
|
||
height: 250,
|
||
colorDark: "#333333",
|
||
colorLight: "#FFFFFF",
|
||
correctLevel: qrCode.CorrectLevel.L
|
||
})
|
||
|
||
},
|
||
_closeModal: function() {
|
||
uni.navigateBack({
|
||
delta: 1
|
||
})
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面初次渲染完成
|
||
*/
|
||
onReady: function() {},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面显示
|
||
*/
|
||
onShow: function() {},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面隐藏
|
||
*/
|
||
onHide: function() {},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面卸载
|
||
*/
|
||
onUnload: function() {},
|
||
|
||
/**
|
||
* 页面相关事件处理函数--监听用户下拉动作
|
||
*/
|
||
onPullDownRefresh: function() {},
|
||
|
||
/**
|
||
* 页面上拉触底事件的处理函数
|
||
*/
|
||
onReachBottom: function() {},
|
||
|
||
/**
|
||
* 用户点击右上角分享
|
||
*/
|
||
onShareAppMessage: function() {}
|
||
};
|
||
</script>
|
||
<style>
|
||
.block__title {
|
||
margin: 0;
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
color: rgba(69, 90, 100, .6);
|
||
padding: 40rpx 30rpx 20rpx;
|
||
}
|
||
|
||
.top_blank{
|
||
height: 100upx;
|
||
}
|
||
|
||
.button_up_blank {
|
||
height: 40rpx;
|
||
}
|
||
</style> |