first commit
This commit is contained in:
=
@@ -0,0 +1,235 @@
|
||||
<!--#
|
||||
layout("/mobile/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.van-cell-group--inset {
|
||||
margin: 10px 16px 0;
|
||||
overflow: hidden;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.van-cell-group--inset .van-cell {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.van-cell-group--inset .group-title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.scanner-wrap {
|
||||
margin: 20px 16px 0;
|
||||
overflow: hidden;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<van-sticky>
|
||||
<van-nav-bar title="扫描二维码"
|
||||
left-arrow
|
||||
></van-nav-bar>
|
||||
</van-sticky>
|
||||
|
||||
<van-cell-group class="van-cell-group--inset">
|
||||
<van-cell>
|
||||
<span slot="title" class="group-title">用户信息</span>
|
||||
</van-cell>
|
||||
<van-cell title="姓名" icon="manager" :value="userInfo.username || '--'"></van-cell>
|
||||
<van-cell title="工号" icon="card" :value="userInfo.loginname || '--'"></van-cell>
|
||||
<van-cell title="性别" icon="more" :value="userInfo.sex || '--'"></van-cell>
|
||||
<van-cell title="单位" icon="wap-home" :value="userInfo.unitname || '--'"></van-cell>
|
||||
<van-cell title="分工会" icon="wap-home" :value="userInfo.unionname || '--'"></van-cell>
|
||||
</van-cell-group>
|
||||
|
||||
<van-cell-group class="van-cell-group--inset" v-if="showSignInfo">
|
||||
<van-cell>
|
||||
<span slot="title" class="group-title">签到信息</span>
|
||||
</van-cell>
|
||||
<van-cell title="是否签到" icon="more">
|
||||
<van-tag type="success" size="large" v-if="signInfo.isAttend===true">已签到</van-tag>
|
||||
<van-tag type="warning" size="large" v-else-if="signInfo.isAttend===false">未签到</van-tag>
|
||||
<span v-else-if="signInfo.isAttend===null">--</span>
|
||||
</van-cell>
|
||||
<van-cell title="签到时间" icon="clock" :value="signInfo.attendTime || '--'"></van-cell>
|
||||
</van-cell-group>
|
||||
|
||||
<van-cell-group class="van-cell-group--inset" v-if="showGiftInfo">
|
||||
<van-cell>
|
||||
<span slot="title" class="group-title">礼品发放信息</span>
|
||||
</van-cell>
|
||||
<van-cell title="是否发放" icon="more">
|
||||
<van-tag type="success" size="large" v-if="signInfo.isReceive===true">已发放</van-tag>
|
||||
<van-tag type="warning" size="large" v-else-if="signInfo.isReceive===false">未发放
|
||||
</van-tag>
|
||||
<span v-else-if="signInfo.isReceive===null">--</span>
|
||||
</van-cell>
|
||||
<van-cell title="发放时间" icon="clock" :value="signInfo.receiveTime || '--'"></van-cell>
|
||||
</van-cell-group>
|
||||
|
||||
<div class="scanner-wrap">
|
||||
<van-button @click="scanner" type="primary" color="#1867b0" block icon="scan">扫描用户二维码
|
||||
</van-button>
|
||||
</div>
|
||||
|
||||
<div class="scanner-wrap" v-if="scannerResult.type===1">
|
||||
<van-button @click="confirmSign" type="primary" color="#1867b0" block icon="checked"
|
||||
:disabled="signInfo.isAttend===true">确认签到
|
||||
</van-button>
|
||||
</div>
|
||||
|
||||
<div class="scanner-wrap" v-if="scannerResult.type===2">
|
||||
<van-button @click="grantGift" type="primary" color="#1867b0" block icon="point-gift"
|
||||
:disabled="signInfo.isReceive===true">发放礼品
|
||||
</van-button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
||||
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
userInfo: {},
|
||||
signInfo: {
|
||||
isAttend: null,
|
||||
attendTime: null,
|
||||
isReceive: null,
|
||||
receiveTime: null
|
||||
},
|
||||
activityInfo: {},
|
||||
scannerResult: {},
|
||||
scannerResultKeys: ['userId', 'signId', 'activityId', 'activityCourseId', 'isMobileSign', 'signType', 'isReceiveGift', 'giftType']
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
showSignInfo() {
|
||||
const {isMobileSign, signType} = this.scannerResult
|
||||
return isMobileSign === true && signType === 2
|
||||
},
|
||||
showGiftInfo() {
|
||||
const {isReceiveGift, giftType} = this.scannerResult
|
||||
return isReceiveGift === true && giftType === 1
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
scanner() {
|
||||
this.userInfo = {}
|
||||
this.signInfo = {
|
||||
isAttend: null,
|
||||
attendTime: null
|
||||
}
|
||||
wxScannerQrCode.scanner().then(res => {
|
||||
this.checkScannerResult(res)
|
||||
}).catch(err => {
|
||||
vant.Dialog.alert({message: err}).then(() => {
|
||||
})
|
||||
})
|
||||
},
|
||||
checkScannerResult(resultStr) {
|
||||
const errMsg = '您扫描的信息不符合要求'
|
||||
if (typeof resultStr === 'string') {
|
||||
try {
|
||||
const result = JSON.parse(resultStr)
|
||||
const validResultKey = this.scannerResultKeys.every(k => {
|
||||
return result.hasOwnProperty(k)
|
||||
})
|
||||
if (validResultKey) {
|
||||
this.scannerResult = result
|
||||
const {
|
||||
userId,
|
||||
signId,
|
||||
activityId,
|
||||
isMobileSign,
|
||||
signType,
|
||||
isReceiveGift,
|
||||
giftType
|
||||
} = result
|
||||
if ((isMobileSign === true && signType === 2) || (isReceiveGift === true || giftType === 1)) {
|
||||
this.qrCodeInfo(userId, signId, activityId)
|
||||
} else {
|
||||
vant.Dialog.alert({message: '此活动不支持该方式'})
|
||||
}
|
||||
} else {
|
||||
vant.Dialog.alert({message: errMsg})
|
||||
}
|
||||
} catch (err) {
|
||||
vant.Dialog.alert({message: errMsg})
|
||||
}
|
||||
} else {
|
||||
vant.Dialog.alert({message: errMsg})
|
||||
}
|
||||
},
|
||||
async qrCodeInfo(userId, signId, activityId) {
|
||||
const toast = this.$toast.loading({
|
||||
message: '加载中...',
|
||||
forbidClick: true,
|
||||
loadingType: 'spinner',
|
||||
});
|
||||
const resp = await $.get(loc() + '/qrCodeInfo', {userId, signId, activityId})
|
||||
setTimeout(() => {
|
||||
toast.clear()
|
||||
if (resp.code === 0) {
|
||||
this.userInfo = resp.data.userInfo
|
||||
this.signInfo = resp.data.signInfo
|
||||
this.activityInfo = resp.data.activityInfo
|
||||
} else {
|
||||
this.$toast(resp.msg)
|
||||
}
|
||||
}, 500)
|
||||
},
|
||||
async signInfo() {
|
||||
const toast = this.$toast.loading({
|
||||
message: '加载中...',
|
||||
forbidClick: true,
|
||||
loadingType: 'spinner',
|
||||
});
|
||||
const resp = await $.get(loc() + '/signInfo', {signId: this.scannerResult.signId})
|
||||
toast.clear()
|
||||
if (resp.code === 0) {
|
||||
this.signInfo = resp.data.signInfo
|
||||
} else {
|
||||
this.$toast(resp.msg)
|
||||
}
|
||||
},
|
||||
confirmSign() {
|
||||
vant.Dialog.confirm({title: '提示', message: '您确认该用户已签到吗？',}).then(async () => {
|
||||
const resp = await $.post(loc() + '/confirmSignByQrCode', {signId: this.scannerResult.signId})
|
||||
if (resp.code === 0) {
|
||||
this.signInfo = resp.data
|
||||
this.$toast.success('签到成功')
|
||||
} else {
|
||||
this.$toast(resp.msg)
|
||||
}
|
||||
}).catch(() => {
|
||||
})
|
||||
},
|
||||
grantGift() {
|
||||
vant.Dialog.confirm({title: '提示', message: '您确认该用户已领取礼品吗？',}).then(async () => {
|
||||
const resp = await $.post(loc() + '/grantGiftByQrCode', {signId: this.scannerResult.signId})
|
||||
if (resp.code === 0) {
|
||||
this.signInfo = resp.data
|
||||
this.$toast.success('发放成功')
|
||||
// await this.signInfo()
|
||||
} else {
|
||||
this.$toast(resp.msg)
|
||||
}
|
||||
}).catch(() => {
|
||||
})
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
await wxScannerQrCode.initWxConfig(window.location.href)
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user