hcj
4 months ago
parent
0d30235861
commit
84379210be
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,151 @@ |
||||
<template> |
||||
<view class="sourseSignIn"> |
||||
<view class="scanSuc" v-if="scanResult"> |
||||
<view class="className"> |
||||
{{ className }} |
||||
</view> |
||||
<view class="courseName"> |
||||
{{ courseName }} |
||||
</view> |
||||
<view class="signBtn" @click="signIn" v-if="!isSignin"> |
||||
<view>签到</view> |
||||
<view>{{ nowTime }}</view> |
||||
</view> |
||||
<view class="signBtn" v-else> |
||||
<img src="./signSuc.png" alt="" /> |
||||
<view>已签到</view> |
||||
</view> |
||||
</view> |
||||
<view class="scanFail" v-else> |
||||
<img src="./error.png" alt="" /> |
||||
<view>无法识别二维码</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { decodeChinse } from '@/utils/encodeChinese.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
courseId: '', |
||||
className: '', |
||||
courseName: '', |
||||
scanResult: true, |
||||
isSignin: false, |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
try { |
||||
const obj = JSON.parse(JSON.parse(options.objStr)) |
||||
console.log(obj) |
||||
this.courseId = obj.courseId |
||||
console.log(this.courseId) |
||||
this.className = decodeChinse(obj.className) |
||||
this.courseName = decodeChinse(obj.courseName) |
||||
uni.setNavigationBarTitle({ title: this.courseName }) |
||||
this.init() |
||||
} catch (e) { |
||||
this.scanResult = false |
||||
} |
||||
}, |
||||
computed: { |
||||
nowTime() { |
||||
const currentDate = new Date() |
||||
let hours = currentDate.getHours() |
||||
if (hours < 10) hours = '0' + hours |
||||
let minutes = currentDate.getMinutes() |
||||
if (minutes < 10) minutes = '0' + minutes |
||||
let second = currentDate.getSeconds() |
||||
if (second < 10) second = '0' + second |
||||
const formattedDate = `${hours}:${minutes}:${second}` |
||||
return formattedDate |
||||
}, |
||||
}, |
||||
methods: { |
||||
signIn() { |
||||
const data = { |
||||
courseId: this.courseId, |
||||
} |
||||
console.log(data) |
||||
this.http.quickPost(`/course/singin`, data, true).then((response) => { |
||||
console.log(response) |
||||
if (response.data.code == 500) { |
||||
uni.showToast({ title: response.data.msg, icon: 'none', duration: 1000 }) |
||||
} else if (response.data.code == 200) { |
||||
this.isSignin = true |
||||
} |
||||
}) |
||||
}, |
||||
init() { |
||||
|
||||
this.http.quickGet(`/course/singin/${this.courseId}`,true).then((response) => { |
||||
console.log(response); |
||||
if(response.data.msg == '已签到'){ |
||||
this.isSignin = true |
||||
} |
||||
}) |
||||
}, |
||||
}, |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.sourseSignIn { |
||||
height: 100%; |
||||
overflow: hidden; |
||||
|
||||
background: linear-gradient(0deg, #d1e9fe, #ffffff); |
||||
|
||||
.scanSuc { |
||||
font-family: PingFang SC; |
||||
.className { |
||||
font-weight: bold; |
||||
font-size: 30rpx; |
||||
color: #000000; |
||||
line-height: 46rpx; |
||||
margin: 30rpx; |
||||
} |
||||
.courseName { |
||||
font-weight: 500; |
||||
font-size: 30rpx; |
||||
color: #4d4d4d; |
||||
line-height: 46rpx; |
||||
margin-left: 30rpx; |
||||
} |
||||
.signBtn { |
||||
margin: 0 auto; |
||||
margin-top: 300rpx; |
||||
background-color: #4899f7; |
||||
color: #fff; |
||||
border-radius: 50%; |
||||
width: 250rpx; |
||||
height: 250rpx; |
||||
text-align: center; |
||||
display: flex; |
||||
// font-weight: bold; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
justify-content: center; |
||||
img { |
||||
width: 50rpx; |
||||
height: 50rpx; |
||||
margin-bottom: 5rpx; |
||||
} |
||||
} |
||||
} |
||||
.scanFail { |
||||
margin: 0 auto; |
||||
margin-top: 500rpx; |
||||
height: 200rpx; |
||||
text-align: center; |
||||
font-weight: bold; |
||||
font-size: 30rpx; |
||||
img { |
||||
width: 50rpx; |
||||
height: 50rpx; |
||||
margin-bottom: 5rpx; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
@ -0,0 +1,115 @@ |
||||
<template> |
||||
<view class="courseWrapper"> |
||||
<view v-if="courseList.length"> |
||||
<view class="courseItem" v-for="course in courseList" :key="course.courseId"> |
||||
<view class="courseName">{{ course.courseName }}</view> |
||||
<view class="courseTime">{{ course.courseTime }}</view> |
||||
<view class="courseSource" @click="courseDialog">课程资料</view> |
||||
<view class="signInfo" :style="{ background: course.status ? '#28D17C' : '#FBA02A' }">{{ |
||||
course.status ? '已签到' : '未签到' |
||||
}}</view> |
||||
</view> |
||||
</view> |
||||
<view class="mycourseWrapper" v-else> 暂未配置课程 </view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
courseList: [], |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
console.log('进入course') |
||||
const classId = options.id |
||||
const className = options.name |
||||
console.log(options) |
||||
uni.setNavigationBarTitle({ title: className }) |
||||
this.getCourseList(classId) |
||||
}, |
||||
methods: { |
||||
async getCourseList(classId) { |
||||
this.http.quickGet(`/course/myCourse/class/${classId}`, true).then((res) => { |
||||
console.log(res) |
||||
this.courseList = res.data.rows |
||||
}) |
||||
}, |
||||
courseDialog() { |
||||
const url = 'https://www.bjkeyware.com' |
||||
uni.showModal({ |
||||
title: '请去PC端下载资料', |
||||
content: 'PC端网址:'+url, |
||||
showCancel: false, |
||||
confirmText: '复制网址', |
||||
success: function (res) { |
||||
if (res.confirm) { |
||||
uni.setClipboardData({ |
||||
data: url, |
||||
success: function () { |
||||
uni.showToast({ |
||||
title: '复制成功', |
||||
}) |
||||
}, |
||||
fail: function () { |
||||
uni.showToast({ |
||||
title: '复制失败', |
||||
}) |
||||
}, |
||||
}) |
||||
console.log('用户点击确定') |
||||
} |
||||
}, |
||||
}) |
||||
}, |
||||
}, |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.courseWrapper { |
||||
} |
||||
.mycourseWrapper { |
||||
text-align: center; |
||||
line-height: 300rpx; |
||||
} |
||||
.courseItem { |
||||
position: relative; |
||||
margin: 25rpx; |
||||
width: 700rpx; |
||||
height: 210rpx; |
||||
margin-bottom: 0; |
||||
padding: 30rpx; |
||||
background: #ffffff; |
||||
border-radius: 10rpx; |
||||
font-family: PingFang SC; |
||||
font-weight: 500; |
||||
font-size: 24rpx; |
||||
line-height: 50rpx; |
||||
} |
||||
.courseName { |
||||
/* width: 369rpx; */ |
||||
/* height: 29rpx; */ |
||||
font-weight: bold; |
||||
font-size: 30rpx; |
||||
color: #000000; |
||||
} |
||||
.courseTime { |
||||
color: #4d4d4d; |
||||
} |
||||
.courseSource { |
||||
color: #2853e4; |
||||
} |
||||
.signInfo { |
||||
width: 110rpx; |
||||
/* height: 40rpx; */ |
||||
line-height: 40rpx; |
||||
border-radius: 20rpx; |
||||
text-align: center; |
||||
color: #fff; |
||||
position: absolute; |
||||
top: 85rpx; |
||||
right: 25rpx; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,16 @@ |
||||
function encodeChinese(str){ |
||||
if(!str){ |
||||
return '' |
||||
} |
||||
return encodeURIComponent(str) |
||||
} |
||||
|
||||
function decodeChinse(str){ |
||||
if(str){ |
||||
return decodeURIComponent(str) |
||||
} |
||||
} |
||||
|
||||
export { |
||||
encodeChinese,decodeChinse |
||||
} |
||||
Loading…
Reference in new issue