|
|
@@ -5,15 +5,15 @@
|
|
|
</view>
|
|
|
<view class="sign-in-days">
|
|
|
<view
|
|
|
- v-for="(day, index) in signDays"
|
|
|
+ v-for="(day, index) in signData"
|
|
|
:key="index"
|
|
|
class="sign-day"
|
|
|
@click="handleSign(day, index)"
|
|
|
>
|
|
|
<view class="sign-day-circle" :class="getSignCircleClass(day)">
|
|
|
- <ImageItem src="/static/points/Signed.png" v-if="day.status === '1'"/>
|
|
|
+ <ImageItem src="/static/points/Signed.png" v-if="day.status == '1'"/>
|
|
|
<ImageItem src="/static/points/notSigned.png" v-else/>
|
|
|
- <text class="sign-day-number" v-if="day.status === ''">+{{ day.point }}</text>
|
|
|
+ <text class="sign-day-number" v-if="[0,2].includes(day.status)">+{{ day.points }}</text>
|
|
|
</view>
|
|
|
<text :class="day.status === '1' ? 'sign-day-text' : 'day-text'">{{ getSignText(day) }}</text>
|
|
|
</view>
|
|
|
@@ -34,31 +34,24 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- signDays: [
|
|
|
- { day: '2.09', status: '1',point:'1' },
|
|
|
- { day: '2.10', status: '0' ,point:'2' },
|
|
|
- { day: '2.11', status: 'signed',point:'3' },
|
|
|
- { day: '2.12', status: '',point:'1' },
|
|
|
- { day: '2.13', status: '',point:'2' },
|
|
|
- { day: '2.14', status: '',point:'5' },
|
|
|
- { day: '2.15', status: '',point:'1' },
|
|
|
- ]
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
getSignCircleClass(day) {
|
|
|
return {
|
|
|
- 'signed-circle': day.status === '1',
|
|
|
- 'select-circle': day.status === 'signed'
|
|
|
+ 'signed-circle': day.status == '1',
|
|
|
+ 'select-circle': day.status == '2'
|
|
|
}
|
|
|
},
|
|
|
getSignText(day) {
|
|
|
- if (day.status === '1') return '已签到'
|
|
|
- if (day.status === '0') return '未签到'
|
|
|
- return day.day
|
|
|
+ if (day.status == '1') return '已签到'
|
|
|
+ if (day.status == '3') return '未签到'
|
|
|
+ return day.date
|
|
|
},
|
|
|
+ //0:未签, 1:已签, 2:今天未签到 , 3:断签,4:已过期
|
|
|
handleSign(day, index) {
|
|
|
- if (day.status === 'today') {
|
|
|
+ if (day.status == '2') {
|
|
|
// 处理签到逻辑
|
|
|
this.$emit('sign', index)
|
|
|
}
|