huxiaofeng666
/
jwl-applet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

活动

Browse Source
pull/35/head
qsh 8 months ago
parent 056ca965b3
commit ab05529015
11 changed files with 669 additions and 416 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      .env.development
  2. 3
      .env.production
  3. 75
      src/jtools/api/activity.js
  4. 2
      src/jtools/request/index.js
  5. 109
      src/pages/index/components/ggl/index.vue
  6. 84
      src/pages/index/components/ggl/scraping.vue
  7. 68
      src/pages/index/index.vue
  8. 14
      src/pages/login/login.vue
  9. 37
      src/pages/me/index.vue
  10. 42
      src/pages/me/myGift.vue
  11. 7
      src/pages/me/qrCode.vue

2
.env.development
Unescape View File

@ -8,3 +8,5 @@ VITE_APP_ENV = 'development'
VITE_APP_BASE_API = 'https://jwl.ahduima.com/' VITE_APP_BASE_API = 'https://jwl.ahduima.com/'
# #
VITE_WEB_BASE_URL = 'https://jwl.ahduima.com' VITE_WEB_BASE_URL = 'https://jwl.ahduima.com'
# 资源地址
VITE_RESOURSE_URL = 'http://huodong.ahduima.com'

3
.env.production
Unescape View File

@ -9,3 +9,6 @@ VITE_APP_BASE_API = 'https://jwl.ahduima.com/'
# #
VITE_WEB_BASE_URL = 'https://jwl.ahduima.com' VITE_WEB_BASE_URL = 'https://jwl.ahduima.com'
# 资源地址
VITE_RESOURSE_URL = 'http://huodong.ahduima.com'

75
src/jtools/api/activity.js
Unescape View File

@ -0,0 +1,75 @@
import request from '../request/index.js';
//查询活动列表
export function queryActivityList(data) {
return request({
url: 'activity/applet/activity/list',
method: 'get',
data,
noToken: true
});
}
//查询活动详情
export function queryActivityDetail(data) {
return request({
url: 'activity/applet/activity/detail',
method: 'get',
data,
noToken: true
});
}
//查询抽奖次数
export function queryLuckyNum(data) {
return request({
url: 'activity/applet/activity/lucky/num',
method: 'get',
data,
noToken: true
});
}
//查询中奖结果
export function queryLuckyResult(data) {
return request({
url: 'activity/applet/activity/lucky/result',
method: 'get',
data,
noToken: true
});
}
//录入中奖结果
export function saveWinner(data) {
return request({
url: 'activity/applet/activity/winner/save',
method: 'POST',
data,
noToken: true
});
}
//核销
export function receiveWinner(data) {
return request({
url: 'activity/applet/activity/winner/receive',
method: 'POST',
data,
noToken: true
});
}
//查询中奖记录
export function getLuckyRecord(data) {
return request({
url: 'activity/applet/activity/lucky/record',
method: 'get',
data,
noToken: true
});
}
//查询中奖记录
export function canRecieveGift(data) {
return request({
url: 'activity/applet/activity/receive/user',
method: 'get',
data,
noToken: true
});
}

2
src/jtools/request/index.js
Unescape View File

@ -32,7 +32,7 @@ function service(options = {}) {
useUserStore().logoutWithoutToken() useUserStore().logoutWithoutToken()
//请求成功 //请求成功
resolved(res.data); resolved(res.data);
} else if(res.data.code != '0000'&&res.data.code !='4001') { } else if(res.data.code != '0000'&&res.data.code !='4001'&&res.data.code != 200) {
uni.showToast({ uni.showToast({
title: res?.data?.message || '访问出错', title: res?.data?.message || '访问出错',
icon: 'none' icon: 'none'

109
src/pages/index/components/ggl/index.vue
Unescape View File

@ -1,22 +1,23 @@
<template> <template>
<view style="padding-bottom: 50px;background-color: #9e0f00;"> <view style="padding-bottom: 50px;background-color: #9e0f00;">
<image class="wp100" mode="widthFix" src="https://jwl-jiakao-bq.oss-cn-hangzhou.aliyuncs.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/ggl_header.png"></image> <image class="wp100" mode="widthFix" src="https://jwl-jiakao-bq.oss-cn-hangzhou.aliyuncs.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/ggl_header.png"></image>
<view class="tip">您今日还剩1次刮奖机会，共有999人参加活动</view> <view class="tip">您今日还剩{{actiNum}}次刮奖机会，共有{{total}}人参加活动</view>
<view class="scraping"> <view class="scraping">
<scraping-card :result="result" watermark="刮一刮" title="刮一刮赢取大奖" ref="reset" ></scraping-card> <scraping-card style="z-index: 20;" :result="result" watermark="刮一刮" title="刮一刮赢取大奖" ref="reset" @complete="handleComplete" >
<view v-if="showBtn" class="gj"> <cover-view v-if="showBtn" class="gj">
<view class="btn" @tap="handleScrap"> <cover-view class="btn" @tap="handleScrap">
点我刮奖 {{btnText}}
</view> </cover-view>
</view> </cover-view>
</scraping-card>
</view> </view>
<view class="relative mt30 m20lr"> <view class="relative mt30 m20lr">
<image class="wp100" mode="widthFix" src="/static/image/index/tip.png"></image> <image class="wp100" mode="widthFix" src="/static/image/index/tip.png"></image>
<view class="title">中奖名单</view> <view class="title">中奖名单</view>
<view class="card"> <view class="card">
<view v-for="(item, index) in winningList" :key="index" class="card-item"> <view v-for="(item, index) in winningList" :key="index" class="card-item">
<text class="item-text">188****8888</text> <text class="item-text">{{ hidePhoneNumber(item.phone) }}</text>
<text class="item-text">一等奖</text> <text class="item-text">{{ item.awards }}</text>
</view> </view>
</view> </view>
</view> </view>
@ -24,35 +25,113 @@
<image class="wp100" mode="widthFix" src="/static/image/index/tip.png"></image> <image class="wp100" mode="widthFix" src="/static/image/index/tip.png"></image>
<view class="title">活动说明</view> <view class="title">活动说明</view>
<view class="card"> <view class="card">
<view class="item-text">1. 中奖率100%</view> <u-parse :content="activityRule"></u-parse>
<view class="item-text">2. 报名后可获得一次抽奖机会</view>
<view class="item-text">3. 中奖用户请于"我的-我的奖品"中查看并核销</view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import useUserStore from '@/jtools/store/user'
import ScrapingCard from './scraping.vue' import ScrapingCard from './scraping.vue'
import { queryActivityDetail,queryLuckyNum,queryLuckyResult,saveWinner,getLuckyRecord } from '@/jtools/api/activity'
export default { export default {
components: { components: {
ScrapingCard ScrapingCard
}, },
data() { data() {
return { return {
result: '特等奖', detailId: undefined,
result: '',
btnText: '点我刮奖',
showBtn: true, showBtn: true,
winningList: [1,2,3,4,5,6,7,8] actiNum: 0,
total: 0,
winningList: [],
activityRule: undefined
} }
}, },
onLoad(op) {
this.detailId = op.detailId
this.getActivityDetail()
this.getActivityNum()
this.searchWinningList()
},
methods: { methods: {
handleScrap() { handleScrap() {
if(!this.actiNum) {
uni.showToast({
icon: 'none',
title: '暂无抽奖机会'
})
return
}
queryLuckyResult({
detailId: this.detailId
}).then(resp => {
if(resp.code == 200) {
this.result = resp.msg
this.showBtn = !this.showBtn this.showBtn = !this.showBtn
this.$refs.reset.init()
}
})
},
getActivityDetail() {
queryActivityDetail({detailId: this.detailId}).then(resp => {
if(resp.code == 200) {
this.activityRule = resp.data.activity.activityRule
} }
})
}, },
mounted() { hidePhoneNumber(phoneNumber) {
// 验证电话号码格式
if (!/^\d{11}$/.test(phoneNumber)) {
return "无效的电话号码";
}
// 替换中间四位数字为星号
return phoneNumber.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
},
getActivityNum() {
queryLuckyNum({
detailId: this.detailId,
phone: useUserStore().userInfo?.phone || ''
}).then(resp => {
if(resp.code == 200) {
this.actiNum = resp.data.drawNum
this.total = resp.data.totalPeople
}
})
},
searchWinningList() {
getLuckyRecord({
detailId: this.detailId,
pageSize: 8
}).then(resp => {
if(resp.code == 200) {
this.winningList = resp.rows
} }
})
},
handleComplete() {
saveWinner({
phone: useUserStore().userInfo?.phone || '',
detailId: this.detailId,
awards: this.result
}).then(resp => {
this.btnText = '再刮一次！'
if(resp.code == 200) {
this.getActivityNum()
uni.showToast({
icon: 'none',
title: `恭喜获得${this.result}`
})
this.showBtn = true
}
})
}
},
} }
</script> </script>

84
src/pages/index/components/ggl/scraping.vue
Unescape View File

@ -1,47 +1,42 @@
<template> <template>
<view class="scraping-happy" id="container"> <view class="scraping-happy" id="container">
<canvas <canvas canvas-id="scraping-happy" class="scraping__canvas" :disable-scroll="true" @touchstart="touchstart"
canvas-id="scraping-happy" @touchmove="touchmove" @touchend="touchend" />
class="scraping__canvas"
:disable-scroll="true"
@touchstart="touchstart"
@touchmove="touchmove"
@touchend="touchend"
/>
<cover-view class="scraping__view"> <cover-view class="scraping__view">
{{ showText }} {{ showText }}
</cover-view> </cover-view>
<slot></slot>
</view> </view>
</template> </template>
<script> <script>
/** @name 水印配置默认值 **/ /** @name 水印配置默认值 **/
const WATERMARK = { const WATERMARK = {
text: '刮一刮', text: '刮一刮',
fontSize: 14, fontSize: 14,
color: '#C5C5C5', color: '#C5C5C5',
} }
/** @name 标题配置默认值 **/ /** @name 标题配置默认值 **/
const TITLE = { const TITLE = {
text: '刮一刮', text: '刮一刮',
fontSize: 16, fontSize: 16,
color: '#333', color: '#333',
} }
/** /**
* @name 涂层配置默认值 * @name 涂层配置默认值
* @property { string } color 涂层颜色 * @property { string } color 涂层颜色
* @property { number } drawSize 清除涂层的画笔大小 * @property { number } drawSize 清除涂层的画笔大小
*/ */
const MASK = { const MASK = {
color: '#DDDDDD', color: '#DDDDDD',
drawSize: 20, drawSize: 20,
} }
/** @name 容错值，解决部分机型涂层没有覆盖满的情况，主要原因是由于像素尺寸不同导致的，应尽可能让width与height保持整数 **/ /** @name 容错值，解决部分机型涂层没有覆盖满的情况，主要原因是由于像素尺寸不同导致的，应尽可能让width与height保持整数 **/
const TOLERANT = 3; const TOLERANT = 3;
let ctx = null; let ctx = null;
export default { export default {
props: { props: {
/** @name 涂层设置 **/ /** @name 涂层设置 **/
mask: { mask: {
@ -58,7 +53,7 @@ export default {
/** @name 刮开百分之多少直接消除图层，为0的时候不消除 **/ /** @name 刮开百分之多少直接消除图层，为0的时候不消除 **/
percentage: { percentage: {
type: Number, type: Number,
default: 60, default: 40,
}, },
result: { result: {
type: String, type: String,
@ -78,19 +73,25 @@ export default {
maskSetting() { maskSetting() {
return { return {
...MASK, ...MASK,
...(typeof this.mask === 'object' ? this.mask : { text: this.mask }), ...(typeof this.mask === 'object' ? this.mask : {
text: this.mask
}),
} }
}, },
watermarkSetting() { watermarkSetting() {
return { return {
...WATERMARK, ...WATERMARK,
...(typeof this.watermark === 'object' ? this.watermark : { text: this.watermark }), ...(typeof this.watermark === 'object' ? this.watermark : {
text: this.watermark
}),
}; };
}, },
titleSetting() { titleSetting() {
return { return {
...TITLE, ...TITLE,
...(typeof this.title === 'object' ? this.title : { text: this.title }), ...(typeof this.title === 'object' ? this.title : {
text: this.title
}),
}; };
} }
}, },
@ -105,7 +106,10 @@ export default {
const query = uni.createSelectorQuery().in(this); const query = uni.createSelectorQuery().in(this);
query query
.select('#container') .select('#container')
.boundingClientRect(({ width, height }) => { .boundingClientRect(({
width,
height
}) => {
this.width = width; this.width = width;
this.height = height; this.height = height;
setTimeout(() => { setTimeout(() => {
@ -117,7 +121,10 @@ export default {
}, },
/** @name 初始化canvas状态 **/ /** @name 初始化canvas状态 **/
initCanvas() { initCanvas() {
const { width, height } = this; const {
width,
height
} = this;
// 清空矩形内容 // 清空矩形内容
ctx.clearRect(0, 0, width, height); ctx.clearRect(0, 0, width, height);
// 设置画笔颜色 // 设置画笔颜色
@ -139,7 +146,10 @@ export default {
// 旋转 // 旋转
ctx.rotate((-10 * Math.PI) / 180); ctx.rotate((-10 * Math.PI) / 180);
// 水印具体绘制过程 // 水印具体绘制过程
const { width, height } = this; const {
width,
height
} = this;
const watermarkWidth = this.watermarkSetting.text.length * this.watermarkSetting.fontSize; const watermarkWidth = this.watermarkSetting.text.length * this.watermarkSetting.fontSize;
let x = 0; let x = 0;
let y = 0; let y = 0;
@ -193,6 +203,7 @@ export default {
ctx.clearRect(0, 0, this.width, this.height); ctx.clearRect(0, 0, this.width, this.height);
ctx.stroke(); ctx.stroke();
ctx.draw(true); ctx.draw(true);
this.$emit('complete')
} }
} }
}, },
@ -236,31 +247,34 @@ export default {
this.touchY = 0; this.touchY = 0;
} }
} }
}; };
</script> </script>
<style> <style>
.scraping-happy { .scraping-happy {
width: 100%; width: 100%;
height: 200rpx; height: 200rpx;
position: relative; position: relative;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.scraping__canvas {
.scraping__canvas {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
z-index: 10; z-index: 10;
/* background-color: red; */ /* background-color: red; */
display: inline-block; display: inline-block;
} }
.scraping__view {
.scraping__view {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
color: #f29100; color: #f29100;
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
} letter-spacing: 8px;
}
</style> </style>

68
src/pages/index/index.vue
Unescape View File

@ -1,9 +1,13 @@
<template> <template>
<view> <view>
<view v-if="getLoading" class="wp100 relative" style="height: 100vh;"> <view v-if="getLoading" class="wp100 relative" style="height: 100vh;">
<image class="wp100" mode="widthFix" src="https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/%E8%80%83%E8%AF%95%E6%8F%90%E9%86%92_20230906135037.png"></image> <image class="wp100" mode="widthFix"
src="https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/%E8%80%83%E8%AF%95%E6%8F%90%E9%86%92_20230906135037.png">
</image>
<view class="wp100 flex ai-c jc-c" style="position: absolute;bottom: 0;left: 0;padding-bottom: 124rpx;"> <view class="wp100 flex ai-c jc-c" style="position: absolute;bottom: 0;left: 0;padding-bottom: 124rpx;">
<image style="width: 452rpx;" src="https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/%E9%87%91%E6%AD%A6%E8%81%94_20230831123333.png" mode="widthFix"></image> <image style="width: 452rpx;"
src="https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/%E9%87%91%E6%AD%A6%E8%81%94_20230831123333.png"
mode="widthFix"></image>
</view> </view>
</view> </view>
<view v-if="!getLoading"> <view v-if="!getLoading">
@ -11,8 +15,8 @@
<u-sticky bgColor="#fff"> <u-sticky bgColor="#fff">
<u-tabs :list="categoryList" :current="curTab" :scrollable="false" @change="changeCategory"></u-tabs> <u-tabs :list="categoryList" :current="curTab" :scrollable="false" @change="changeCategory"></u-tabs>
</u-sticky> </u-sticky>
<view class="m10tb"> <view class="m10tb" v-if="activityList&&activityList.length">
<u-swiper :list="activityList" @click="handleToActivity"></u-swiper> <u-swiper class="acticity" keyName="image" :list="activityList" @click="handleToActivity"></u-swiper>
</view> </view>
<view style="background-color: rgb(245, 245, 245);"> <view style="background-color: rgb(245, 245, 245);">
<template v-if="subject=='1' || subject=='4'"> <template v-if="subject=='1' || subject=='4'">
@ -31,12 +35,16 @@
mapActions mapActions
} from 'pinia' //引入映射函数 } from 'pinia' //引入映射函数
import useQuestionStore from '@/jtools/store/question' //引入store import useQuestionStore from '@/jtools/store/question' //引入store
import useUserStore from '@/jtools/store/user'
import storage from '@/jtools/storage'; import storage from '@/jtools/storage';
import { import {
querySysConfigList, querySysConfigList,
} from '@/jtools/api/question'; } from '@/jtools/api/question';
import Subject1 from "./components/Subject1"; import Subject1 from "./components/Subject1";
import Subject2 from "./components/Subject2"; import Subject2 from "./components/Subject2";
import {
queryActivityList
} from '@/jtools/api/activity';
export default { export default {
components: { components: {
Subject1, Subject1,
@ -44,7 +52,7 @@
}, },
data() { data() {
return { return {
show:false, show: false,
subject: storage.get('curSubject') || '1', subject: storage.get('curSubject') || '1',
curTab: 0, curTab: 0,
searchValue: '', searchValue: '',
@ -52,37 +60,40 @@
categoryList: [], categoryList: [],
rightList: storage.get(`rightList_subject${this.subject}`) || [], rightList: storage.get(`rightList_subject${this.subject}`) || [],
wrongList: storage.get(`wrongList_subject${this.subject}`) || [], wrongList: storage.get(`wrongList_subject${this.subject}`) || [],
activityList: ['https://cdn.uviewui.com/uview/swiper/swiper1.png'] activityList: []
}; };
}, },
onShow() { onShow() {
this.show=true this.show = true
this.getSubjectConfig() this.getSubjectConfig()
if (this.subject == '1' || this.subject == '4') { if (this.subject == '1' || this.subject == '4') {
this.rightList = storage.get(`rightList_subject${this.subject}`) || [] this.rightList = storage.get(`rightList_subject${this.subject}`) || []
this.wrongList = storage.get(`wrongList_subject${this.subject}`) || [] this.wrongList = storage.get(`wrongList_subject${this.subject}`) || []
} }
if(this.subject=='2'||this.subject=='3'){ if (this.subject == '2' || this.subject == '3') {
this.$refs.subjectRef.getDiverType() this.$refs.subjectRef.getDiverType()
} }
this.queryActivityList()
}, },
onHide(){ onHide() {
this.show=false this.show = false
}, },
computed: { computed: {
...mapState(useQuestionStore, ["loading_subject4", "loading_subject1","curSubject","orderQuestion_subject1","orderQuestion_subject4"]), //映射函数，取出tagslist ...mapState(useQuestionStore, ["loading_subject4", "loading_subject1", "curSubject", "orderQuestion_subject1",
"orderQuestion_subject4"
]), //映射函数，取出tagslist
getLoading() { getLoading() {
return this.loading_subject4 && this.loading_subject1 return this.loading_subject4 && this.loading_subject1
} }
}, },
watch:{ watch: {
getLoading(newVal){ getLoading(newVal) {
if(this.show){ if (this.show) {
if(newVal){ if (newVal) {
if(this.loading_subject4 && this.loading_subject1){ if (this.loading_subject4 && this.loading_subject1) {
uni.hideTabBar(); uni.hideTabBar();
} }
}else{ } else {
uni.showTabBar() uni.showTabBar()
} }
} }
@ -101,8 +112,8 @@
name: item.configItemName name: item.configItemName
} }
}) })
this.subject=storage.get('curSubject') || '1', this.subject = storage.get('curSubject') || '1',
this.curTab=this.categoryList.findIndex(item=>item.configItemCode==this.subject) this.curTab = this.categoryList.findIndex(item => item.configItemCode == this.subject)
} }
}) })
}, },
@ -119,10 +130,27 @@
}, 100) }, 100)
} }
}, },
//查询活动列表
queryActivityList() {
queryActivityList({
schoolId: useUserStore().userInfo?.schoolId || ''
}).then(resp => {
this.activityList = resp.data.map(item => ({
...item,
image: 'https://jwl.ahduima.com' + item.image
}));
})
},
// 去活动 // 去活动
handleToActivity(index) { handleToActivity(index) {
let detailId;
this.activityList.find((item, index1) => {
if (index === index1) {
detailId = item.detailId;
}
})
uni.navigateTo({ uni.navigateTo({
url: '/pages/index/activity' url: '/pages/index/activity?detailId=' + detailId,
}) })
} }
} }

14
src/pages/login/login.vue
Unescape View File

@ -7,11 +7,11 @@
<view class="list"> <view class="list">
<view class="list-call"> <view class="list-call">
<u-input class="sl-input" border="none" v-model="login.phone" type="number" maxlength="11" <u-input class="sl-input" border="none" v-model="loginForm.phone" type="number" maxlength="11"
placeholder="输入手机号" /> placeholder="输入手机号" />
</view> </view>
<view class="list-call"> <view class="list-call">
<u-input class="sl-input" v-model="login.code" type="text" maxlength="6" border="none" placeholder="输入验证码"> <u-input class="sl-input" v-model="loginForm.code" type="text" maxlength="6" border="none" placeholder="输入验证码">
<template #suffix> <template #suffix>
<text class="fs14 mr10" style="color: #05C341;" @tap="getCode">{{ countDown == 0 ? '获取验证码' : countDown }}</text> <text class="fs14 mr10" style="color: #05C341;" @tap="getCode">{{ countDown == 0 ? '获取验证码' : countDown }}</text>
</template> </template>
@ -39,7 +39,7 @@ import storage from '@/jtools/storage';
export default { export default {
data() { data() {
return { return {
login: { loginForm: {
phone: '', phone: '',
code: '' code: ''
}, },
@ -54,9 +54,9 @@ export default {
}, },
methods: { methods: {
getCode() { getCode() {
if (isPhone(this.login.phone) && this.countDown == 0) { if (isPhone(this.loginForm.phone) && this.countDown == 0) {
getCode({ getCode({
phone: this.login.phone phone: this.loginForm.phone
}).then(resp => { }).then(resp => {
// if (resp.code == '0000') { // if (resp.code == '0000') {
uni.showToast({ uni.showToast({
@ -80,8 +80,8 @@ export default {
this.countDown = 0 this.countDown = 0
}, },
bindLogin() { bindLogin() {
if (isPhone(this.login.phone) && this.login.code) { if (isPhone(this.loginForm.phone) && this.loginForm.code) {
let params = { ...this.login } let params = { ...this.loginForm }
if (storage.get('companyId')) { if (storage.get('companyId')) {
params.id = storage.get('companyId') params.id = storage.get('companyId')
} }

37
src/pages/me/index.vue
Unescape View File

@ -12,6 +12,9 @@
</view> </view>
<view class="mt5 fs14 cor-666">陪您学车 第{{ user.days }}天</view> <view class="mt5 fs14 cor-666">陪您学车 第{{ user.days }}天</view>
</view> </view>
<view v-if="canRecieve" class="ml20 p20" @tap="handleScan">
<u-icon name="scan" size="40"></u-icon>
</view>
</view> </view>
<view class="info flex ai-c" v-else @tap="toLogin"> <view class="info flex ai-c" v-else @tap="toLogin">
<u-avatar class="br-p50 overflow-h" :size="64" src="@/static/image/mine/default_avatar.png" shape="circle"></u-avatar> <u-avatar class="br-p50 overflow-h" :size="64" src="@/static/image/mine/default_avatar.png" shape="circle"></u-avatar>
@ -107,8 +110,8 @@
<script> <script>
import useUserStore from '@/jtools/store/user' import useUserStore from '@/jtools/store/user'
import storage from '@/jtools/storage'; import storage from '@/jtools/storage';
import { receiveWinner,canRecieveGift } from '@/jtools/api/activity'
export default { export default {
components: {},
computed: { computed: {
isLogin() { isLogin() {
return useUserStore().isLogin return useUserStore().isLogin
@ -148,14 +151,25 @@ export default {
data() { data() {
return { return {
carName: storage.get('carName') || '小车C1/C2/C3', carName: storage.get('carName') || '小车C1/C2/C3',
isIOS: true isIOS: true,
canRecieve: false
} }
}, },
onShow() { onShow() {
this.isIOS = this.$platform.device().includes('ios') this.isIOS = this.$platform.device().includes('ios')
this.carName = storage.get('carName') || '小车C1/C2/C3' this.carName = storage.get('carName') || '小车C1/C2/C3'
this.searchActivityAuth()
}, },
methods: { methods: {
searchActivityAuth() {
canRecieveGift({
phone: useUserStore().userInfo?.phone || ''
}).then(resp => {
if(resp.code == 200) {
this.canRecieve = resp.data
}
})
},
// 拨打电话 // 拨打电话
callPhoneNumber() { callPhoneNumber() {
uni.makePhoneCall({ uni.makePhoneCall({
@ -233,6 +247,25 @@ export default {
uni.navigateTo({ uni.navigateTo({
url: '/pages/me/myGift' url: '/pages/me/myGift'
}) })
},
handleScan() {
uni.scanCode({
scanType: ['qrCode'],
success(res) {
console.log('条码内容：' + res.result);
receiveWinner({
id: res.result,
receiveUser: useUserStore().userInfo?.phone || []
}).then(resp => {
if(resp.code == 200) {
uni.showToast({
icon: 'none',
title: '核销成功!'
})
}
})
}
})
} }
} }
} }

42
src/pages/me/myGift.vue
Unescape View File

@ -1,44 +1,66 @@
<template> <template>
<view class="p10lr p20tb"> <view class="p10lr p20tb">
<view v-for="(item, index) in list" :key="index" class="item"> <u-list @scrolltolower="loadmore">
<u-list-item v-for="(item, index) in list" :key="index" class="item">
<view class="relative"> <view class="relative">
<img src="/static/image/mine/giftitem.png" style="width: 100%;" mode="widthFix" alt="" /> <img src="/static/image/mine/giftitem.png" style="width: 100%;" mode="widthFix" alt="" />
<view class="ab_full df ai-c jcc">一等奖</view> <view class="ab_full df ai-c jcc">{{item.awards}}</view>
</view> </view>
<view class="df ai-c jcsb p20tb p10lr"> <view class="df ai-c jcsb p20tb p10lr">
<view class="item-label"> <view class="item-label">
<view>活动名称：幸运刮刮乐开心赢大奖</view> <view>活动名称：{{ item.activityName }}</view>
<view>参与时间：2024-01-01 08:00</view> <view>参与时间：{{ item.createTime }}</view>
<view>有效期至：2024-03-01 08:00</view> <view>有效期至：{{ item.endTime }}</view>
</view> </view>
<view class="ml20" style="width: 120rpx;"> <view class="ml20" style="width: 120rpx;">
<img v-if="index%2==0" src="/static/image/mine/writeoff.png" style="width: 120rpx;height: 120rpx;" /> <img v-if="item.status" src="/static/image/mine/writeoff.png" style="width: 120rpx;height: 120rpx;" />
<view v-else class="btn" @tap="handleWriteoff(item)">核销</view> <view v-else class="btn" @tap="handleWriteoff(item)">核销</view>
</view> </view>
</view> </view>
</view> </u-list-item>
</u-list>
</view> </view>
</template> </template>
<script> <script>
import useUserStore from '@/jtools/store/user'
import { getLuckyRecord } from '@/jtools/api/activity'
export default { export default {
data() { data() {
return { return {
pageNum: 1,
list: [] list: []
} }
}, },
onShow() { onShow() {
this.pageNum = 1
this.list = []
this.handleSearch() this.handleSearch()
}, },
methods: { methods: {
handleSearch() { handleSearch() {
this.list = [1,2,3,4,5] getLuckyRecord({
phone: useUserStore().userInfo.phone,
pageSize: 10,
pageNum: this.pageNum
}).then(resp => {
if(resp.code == 200) {
if(resp.rows && resp.rows.length) {
this.list = [...this.list, ...resp.rows]
} else {
this.pageNum = this.pageNum > 1 ? this.pageNum-1 : 1
}
}
})
},
loadmore() {
this.handleSearch(this.pageNum++)
}, },
handleWriteoff(item) { handleWriteoff(item) {
uni.navigateTo({ uni.navigateTo({
url: `/pages/me/qrCode?item=${item}` url: `/pages/me/qrCode?id=${item.id}`
}) })
} },
} }
} }
</script> </script>

7
src/pages/me/qrCode.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<view class="df jcc" style="padding-top: 100px;"> <view class="df jcc" style="padding-top: 100px;">
<qrcode value="123" :size="200"/> <qrcode v-if="value" :value="value" :size="200"/>
</view> </view>
</template> </template>
@ -16,11 +16,8 @@
} }
}, },
onLoad(option) { onLoad(option) {
this.value = option.item this.value = option.id
}, },
methods: {
}
} }
</script> </script>

Write Preview
Loading…
Cancel
Save