121 lines
2.5 KiB
Vue
121 lines
2.5 KiB
Vue
<template>
|
||
<view>
|
||
<view class="notice">
|
||
<text>入学须知:</text>
|
||
<view>一、请先完成信息采集等必办环节，在完成在线缴费后才可以查看辅导员分配的宿舍。
|
||
</view>
|
||
<view>二、如在缴费过程中，碰到问题,请咨询:学院财务处固定电话:0771-6301161</view>
|
||
<button @click="handleButtonClick" :disabled="is_read || (countdown > 0 && !is_read) "
|
||
:style="{ backgroundColor: buttonColor }">
|
||
{{ is_read ? "已确认" : countdown == 0 && is_read == 0 ? "确认" : '请先阅读以上内容并等待'+countdown+'秒' }}
|
||
</button>
|
||
|
||
<u-toast ref="uToast"></u-toast>
|
||
|
||
</view>
|
||
<FloatBall />
|
||
</view>
|
||
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
confirmRxxz,
|
||
getOwnTaskStatusByCode
|
||
} from "@/api/toApi.js";
|
||
import {
|
||
isEmpty
|
||
} from "@/api/helpFunc.js";
|
||
import FloatBall from "@/pages/compoents/FloatBall.vue";
|
||
export default {
|
||
components: {
|
||
FloatBall
|
||
},
|
||
data() {
|
||
return {
|
||
countdown: 10,
|
||
timer: null,
|
||
button_text: "确认",
|
||
is_read: false
|
||
}
|
||
},
|
||
async onLoad() {
|
||
await this.getOwnTaskStatusByCode();
|
||
},
|
||
mounted() {
|
||
this.startTimer();
|
||
},
|
||
computed: {
|
||
buttonColor() {
|
||
if (this.is_read || (this.countdown > 0 && !this.is_read)) {
|
||
return 'gray'; // 倒计时结束后的背景色
|
||
} else {
|
||
return 'green'; // 倒计时进行中的背景色
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
async getOwnTaskStatusByCode() {
|
||
let res = await getOwnTaskStatusByCode("RXXZ");
|
||
if (res.code == 200) {
|
||
if (!isEmpty(res.data)) {
|
||
this.is_read = res.data.status == '1';
|
||
}
|
||
}
|
||
},
|
||
startTimer() {
|
||
this.timer = setInterval(() => {
|
||
if (this.countdown > 0) {
|
||
this.countdown--;
|
||
} else {
|
||
clearInterval(this.timer);
|
||
}
|
||
}, 1000); // 每秒更新一次倒计时
|
||
},
|
||
async handleButtonClick() {
|
||
if (this.countdown === 0) {
|
||
let res = await confirmRxxz();
|
||
if (res.code == 200) {
|
||
this.is_read = true;
|
||
uni.redirectTo({
|
||
url: "/pages/newindex/newindex"
|
||
});
|
||
} else {
|
||
this.$refs.uToast.show({
|
||
type: "error",
|
||
message: res.msg,
|
||
duration: 1500,
|
||
})
|
||
}
|
||
|
||
} else {
|
||
|
||
console.log('请先阅读以上内容并等待倒计时结束！');
|
||
}
|
||
}
|
||
},
|
||
beforeDestroy() {
|
||
clearInterval(this.timer);
|
||
}
|
||
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
|
||
.notice {
|
||
|
||
padding: 20rpx 20rpx;
|
||
|
||
button {
|
||
|
||
position: fixed;
|
||
bottom: 100rpx;
|
||
margin-left: 60rpx;
|
||
width: 80%;
|
||
border-radius: 50rpx;
|
||
|
||
color: white;
|
||
}
|
||
}
|
||
</style> |