Compare commits

..

6 Commits

  1. 2
      .env.development
  2. 3
      .env.production
  3. 3
      package.json
  4. 61
      src/jtools/api/activity.js
  5. 2
      src/jtools/request/index.js
  6. 8
      src/manifest.json
  7. 9
      src/pages.json
  8. 112
      src/pages/index/components/ggl/index.vue
  9. 84
      src/pages/index/components/ggl/scraping.vue
  10. 126
      src/pages/index/index.vue
  11. 14
      src/pages/login/login.vue
  12. 305
      src/pages/me/help.vue
  13. 37
      src/pages/me/index.vue
  14. 47
      src/pages/me/myGift.vue
  15. 7
      src/pages/me/qrCode.vue

@ -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'

@ -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'

@ -4,8 +4,10 @@
"scripts": { "scripts": {
"dev:h5": "uni", "dev:h5": "uni",
"dev": "uni -p mp-weixin", "dev": "uni -p mp-weixin",
"dev:dy": "uni -p mp-toutiao",
"build:h5": "uni build", "build:h5": "uni build",
"build": "uni build -p mp-weixin", "build": "uni build -p mp-weixin",
"build:dy": "uni build -p mp-toutiao",
"build-test:mp-weixin": "uni --mode test -p mp-weixin" "build-test:mp-weixin": "uni --mode test -p mp-weixin"
}, },
"dependencies": { "dependencies": {
@ -14,6 +16,7 @@
"@dcloudio/uni-components": "3.0.0-alpha-3060420220922001", "@dcloudio/uni-components": "3.0.0-alpha-3060420220922001",
"@dcloudio/uni-h5": "3.0.0-alpha-3060420220922001", "@dcloudio/uni-h5": "3.0.0-alpha-3060420220922001",
"@dcloudio/uni-mp-weixin": "3.0.0-alpha-3060420220922001", "@dcloudio/uni-mp-weixin": "3.0.0-alpha-3060420220922001",
"@dcloudio/uni-mp-toutiao": "3.0.0-alpha-3060420220922001",
"jsencrypt-plus": "^0.1.0", "jsencrypt-plus": "^0.1.0",
"pinia": "2.0.36", "pinia": "2.0.36",
"pinia-plugin-persist-uni": "^1.2.0", "pinia-plugin-persist-uni": "^1.2.0",

@ -15,7 +15,11 @@ export function queryActivityDetail(data) {
url: 'activity/applet/activity/detail', url: 'activity/applet/activity/detail',
method: 'get', method: 'get',
data, data,
<<<<<<< HEAD
noToken: true noToken: true
=======
noToken: true
>>>>>>> 9e24edad28eff09cb1c9d947314de6e4e3a33d19
}); });
} }
//查询抽奖次数 //查询抽奖次数
@ -62,4 +66,61 @@ export function getLuckyRecord(data) {
data, data,
noToken: true noToken: true
}); });
<<<<<<< HEAD
}
//查询中奖记录
export function canRecieveGift(data) {
return request({
url: 'activity/applet/activity/receive/user',
method: 'get',
data,
noToken: true
});
}
//查询中奖信息
export function queryWinnerInfo(data) {
return request({
url: 'activity/applet/activity/winner/info',
method: 'get',
data,
noToken: true
});
}
//查询助力信息
export function queryHelpInfo(data) {
return request({
url: 'activity/applet/activity/help/info',
method: 'get',
data,
noToken: true
});
}
//保存助力信息
export function saveHelpInfo(data) {
return request({
url: 'activity/applet/activity/help/save',
method: 'post',
data,
noToken: true
});
}
//微信登录获取手机号
export function wxLogin(data) {
return request({
url: 'activity/applet/activity/wx/login',
method: 'post',
data,
noToken: true
});
}
=======
} }
>>>>>>> 9e24edad28eff09cb1c9d947314de6e4e3a33d19

@ -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'

@ -66,7 +66,13 @@
"usingComponents" : true "usingComponents" : true
}, },
"mp-toutiao" : { "mp-toutiao" : {
"usingComponents" : true "usingComponents" : true,
"appid" : "ttbbd1cd6c24e1c00801",
"setting" : {
"es6" : true,
"postcss" : true,
"minified" : true
}
}, },
"uniStatistics" : { "uniStatistics" : {
"enable" : false "enable" : false

@ -8,7 +8,7 @@
{ {
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationStyle": "custom", "navigationBarTitleText": "金武联驾考",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
@ -197,6 +197,13 @@
"navigationBarTitleText" : "核销二维码", "navigationBarTitleText" : "核销二维码",
"enablePullDownRefresh" : false "enablePullDownRefresh" : false
} }
},
{
"path": "pages/me/help",
"style": {
"navigationBarTitleText": "好友助力",
"enablePullDownRefresh": true
}
} }
], ],

@ -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,39 +25,120 @@
<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()
} }
})
}, },
mounted() { getActivityDetail() {
queryActivityDetail({detailId: this.detailId}).then(resp => {
if(resp.code == 200) {
this.activityRule = resp.data.activity.activityRule
}
})
},
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()
let help = ",完成助力即可领取奖品!"
uni.showToast({
icon: 'none',
title: `恭喜获得${this.result}` + help
})
this.showBtn = true
}
})
}
},
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.tip { .tip {
position: relative; position: relative;
margin-top: -80px; margin-top: -80px;

@ -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>

@ -1,18 +1,22 @@
<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">
<j-navbar :isBack="false">金武联驾考</j-navbar> <!-- <j-navbar :isBack="false">金武联驾考</j-navbar> -->
<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'">
@ -26,6 +30,117 @@
</view> </view>
</template> </template>
<script> <script>
<<<<<<< HEAD
import {
mapState,
mapActions
} from 'pinia' //
import useQuestionStore from '@/jtools/store/question' //store
import useUserStore from '@/jtools/store/user'
import storage from '@/jtools/storage';
import {
querySysConfigList,
} from '@/jtools/api/question';
import Subject1 from "./components/Subject1";
import Subject2 from "./components/Subject2";
import {
queryActivityList
} from '@/jtools/api/activity';
export default {
components: {
Subject1,
Subject2
},
data() {
return {
getLoading: true,
show: false,
subject: storage.get('curSubject') || '1',
curTab: 0,
searchValue: '',
cityName: '',
categoryList: [],
rightList: storage.get(`rightList_subject${this.subject}`) || [],
wrongList: storage.get(`wrongList_subject${this.subject}`) || [],
activityList: []
};
},
onShow() {
setTimeout(() => {
this.getLoading = false
this.show = true
}, 100);
this.getSubjectConfig()
if (this.subject == '1' || this.subject == '4') {
this.rightList = storage.get(`rightList_subject${this.subject}`) || []
this.wrongList = storage.get(`wrongList_subject${this.subject}`) || []
}
if (this.subject == '2' || this.subject == '3') {
this.$refs.subjectRef.getDiverType()
}
this.queryActivityList()
},
onHide() {
this.show = false
},
computed: {
...mapState(useQuestionStore, ["loading_subject4", "loading_subject1", "curSubject", "orderQuestion_subject1",
"orderQuestion_subject4"
]), //tagslist
},
methods: {
...mapActions(useQuestionStore, ['getOrderQuestion_sub4', 'getOrderQuestion_sub1', 'changeSubject']),
//
getSubjectConfig() {
const carTypeId = storage.get('carType') || '1001'
querySysConfigList(carTypeId, 'Subject').then(resp => {
if (resp.code === '0000') {
this.categoryList = resp.data.map(item => {
return {
...item,
name: item.configItemName
}
})
this.subject = storage.get('curSubject') || '1',
this.curTab = this.categoryList.findIndex(item => item.configItemCode == this.subject) || 0
}
})
},
//
async changeCategory(val) {
this.subject = val.configItemCode
this.changeSubject(this.subject)
if (this.subject == '1' || this.subject == '4') {
this.rightList = storage.get(`rightList_subject${this.subject}`) || []
this.wrongList = storage.get(`wrongList_subject${this.subject}`) || []
} else {
setTimeout(() => {
this.$refs.subjectRef.getDiverType()
}, 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) {
let detailId;
this.activityList.find((item, index1) => {
if (index === index1) {
detailId = item.detailId;
}
})
uni.navigateTo({
url: '/pages/index/activity?detailId=' + detailId,
=======
import { import {
mapState, mapState,
mapActions mapActions
@ -158,6 +273,7 @@
}) })
uni.navigateTo({ uni.navigateTo({
url: '/pages/index/activity?detailId='+detailId, url: '/pages/index/activity?detailId='+detailId,
>>>>>>> 9e24edad28eff09cb1c9d947314de6e4e3a33d19
}) })
} }
} }

@ -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')
} }

@ -0,0 +1,305 @@
<template>
<view style="padding-bottom: 50px;background-color: #C5121B;">
<image class="wp100 img" mode="widthFix" src="https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/%E5%8A%A9%E5%8A%9B%E4%B8%BB%E5%9B%BE.jpg"></image>
<view class="relative tip">邀请好友帮助你进行助力即可有机会领取奖品</view>
<view class="relative help_div">
<!-- -->
<view v-if="type == 1" class="relative help_card">
<view class="relative help_tip">
还差{{diffNum}}位好友助力即可领取奖品:
</view>
<view v-if="winnerInfo.awards != undefined" class="relative help_tip" style="font-size: 40rpx;">
{{winnerInfo.awards}}
</view>
<view class="help_list">
<view v-for="item in helpUserList" class="help_item">
<u-avatar class="help_item_avatar" :src="item.avatarUrl"></u-avatar>
<!-- <view class="help_item_2_yao">
<image :src="item.avatarUrl"></image>
</view> -->
</view>
<view v-for="item in diffNum" class="help_item_2">
<view class="help_item_2_yao"></view>
</view>
</view>
<view class="help_btn" >
<button open-type="share" class="help_btn_font"> 邀请好友助力</button>
</view>
</view>
<view v-if="type == 2" class="relative help_card">
<view class="relative help_list" style="top: 200rpx;">
<view v-if="winnerInfo.activityName != undefined" class="help_tip" style="font-size: 40rpx; margin: 25rpx 0rpx;">
{{winnerInfo.activityName}}
</view>
<view v-if="winnerInfo.schoolName != undefined" class="help_tip">
举办单位{{winnerInfo.schoolName}}
</view>
<view v-if="winnerInfo.awards != undefined" class="help_tip" style="font-size: 45rpx;margin: 25rpx 0rpx;">
奖品{{winnerInfo.awards}}
</view>
</view>
<view class="help_btn" >
<button class="help_btn_font" open-type="chooseAvatar" @chooseavatar="handleHelp" :disabled="disBtn">帮好友助力</button>
</view>
</view>
</view>
</view>
</template>
<script>
import useUserStore from '@/jtools/store/user'
import { queryActivityDetail,queryHelpInfo, saveHelpInfo, queryWinnerInfo } from '@/jtools/api/activity'
export default {
data() {
return {
winnerId: undefined,
btnText: '点我刮奖',
showBtn: true,
helpUserList: [],
drawNum: 0,
diffNum: 3,
phone: undefined,
type: 2,
winnerInfo: undefined,
disBtn: false
}
},
onLoad(op) {
this.winnerId = op.id
// this.type = op.type ? Number(op.type) : 1
this.phone = useUserStore().userInfo?.phone || undefined
console.log(this.phone)
this.getWinnerInfo()
this.getHelpInfo()
this.disBtn = false
},
onShareAppMessage(res) {
if (res.from === 'button') {//
console.log(res.target)
}
return {
title: '我正在参与领奖活动柜,请帮我助力',
path: '/pages/me/help?id='+this.winnerId + '&type=2'
}
},
methods: {
//
getWinnerInfo(){
// uni.request({
// url: 'http://192.168.1.6:8089/applet/activity/winner/info?winnerId='+this.winnerId
// }).then(resp => {
// if(resp.data.code == 200) {
// console.log(resp)
// this.winnerInfo = resp.data.data;
// if(this.phone && this.winnerInfo.phone == this.phone){
// this.type == 1
// }
// }
// })
queryWinnerInfo({winnerId : this.winnerId}).then(resp => {
if(resp.code == 200){
console.log(resp)
this.winnerInfo = resp.data;
if(this.phone && this.winnerInfo.phone == this.phone){
this.type = 1
} else {
this.type = 2
}
}
})
},
//
getHelpInfo(){
// uni.request({
// url: 'http://192.168.1.6:8089/applet/activity/help/info?winnerId='+this.winnerId
// }).then(resp => {
// if(resp.data.code == 200) {
// console.log(resp)
// this.drawNum = resp.data.data.helpNum;
// this.helpUserList = resp.data.data.helpUsers
// this.diffNum = (this.drawNum - this.helpUserList.length) < 0 ? 0 : (this.drawNum - this.helpUserList.length);
// console.log(this.drawNum)
// console.log(this.diffNum)
// }
// })
queryHelpInfo({winnerId : this.winnerId}).then(resp => {
if(resp.code == 200){
console.log(resp)
this.drawNum = resp.data.helpNum;
this.helpUserList = resp.data.helpUsers.map(item => ({
...item,
avatarUrl: 'https://jwl.ahduima.com' + item.avatarUrl
}));
this.diffNum = (this.drawNum - this.helpUserList.length) < 0 ? 0 : (this.drawNum - this.helpUserList.length);
}
})
},
//
handleHelp(e){
this.disBtn = false
console.log(e)
uni.login({
provider: 'weixin', //使
success: (loginRes) => {
console.log(loginRes);
uni.uploadFile({
url: 'https://jwl.ahduima.com/activity/applet/activity/help/save',
// url: 'http://192.168.1.6:8089/applet/activity/help/save',
filePath: e.detail.avatarUrl,
name: 'file',
formData: {
'code': loginRes.code,
'winnerId': this.winnerId,
},
success: (uploadFileRes) => {
console.log(uploadFileRes.data);
let resp = JSON.parse(uploadFileRes.data);
console.log(resp);
if(resp.code == 200){
uni.showToast({
icon: 'none',
title: `助力成功`
})
this.disBtn = true
} else {
uni.showToast({
icon: 'error',
title: resp.msg
})
this.disBtn = true
}
}
});
}
});
},
},
}
</script>
<style scoped lang="scss">
.img{
top: -130rpx !important;
}
.tip {
height: 75px;
font-family: PingFang SC;
font-weight: 400;
color: #FEFEFE;
line-height: 48px;
top: -520rpx;
text-align: center;
font-size: 35rpx;
}
.help_div{
width: 710rpx;
height: 996rpx;
top: -560rpx;
margin-left: 20rpx;
margin-right: 20rpx;
background: linear-gradient(0deg, #F33D2F 100%, rgba(197,18,27,0.01) 0%);
border-radius: 40rpx;
.help_card{
width: 630rpx;
height: 886rpx;
margin: 0rpx 39rpx;
top: 55rpx;
background: #FFFFFF;
border-radius: 24rpx;
.help_tip{
text-align: center;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 400;
color: #010101;
line-height: 55rpx;
top: 15rpx;
}
.help_list{
margin: 68rpx 25rpx 25rpx 20rpx;
height: 580rpx;
.help_item{
display: inline-block;
padding: 35rpx;
width: 194rpx;
height: 194rpx;
border-radius: 50%;
.help_item_avatar{
margin: auto;
width: 56rpx;
height: 56rpx;
color: #CCCCCC;
background: #C42E13;
border: 4px solid #C42E13;
image{
height: 45px;
width: 45px;
}
}
}
.help_item_2{
display: inline-block;
margin: 35rpx;
width: 124rpx;
height: 124rpx;
border: 2px dotted #CCCCCC;
border-radius: 50%;
.help_item_2_yao{
margin: 34rpx 33rpx;
width: 56rpx;
height: 56rpx;
font-size: 60rpx;
font-family: PingFang SC;
font-weight: 400;
color: #CCCCCC;
line-height: 48rpx;
}
}
}
.help_btn{
text-align: center;
margin: 0 75rpx;
margin-bottom: 30rpx;
width: 500rpx;
height: 86rpx;
background: linear-gradient(0deg, #DE4224 0%, #B81706 100%);
border-radius: 43rpx;
.help_btn_font{
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 86rpx;
background: center;
}
}
}
}
</style>

@ -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: '核销成功!'
})
}
})
}
})
} }
} }
} }

@ -1,42 +1,71 @@
<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;" /> <view v-if="item.status == 0" class="btn" @tap="handleHelp(item)">助力</view>
<view v-else-if="item.status == 1" class="btn" @tap="handleWriteoff(item)">核销</view>
<img v-else-if="item.status == 2" 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}`
})
},
handleHelp(item){
uni.navigateTo({
url: `/pages/me/help?id=${item.id}`
}) })
} }
} }

@ -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>

Loading…
Cancel
Save