112 lines
2.4 KiB
Vue
112 lines
2.4 KiB
Vue
<script setup>
|
||
// 工具库
|
||
import util from '@/common/js/util.js'
|
||
//
|
||
import api from '@/api/index.js'
|
||
import {
|
||
useStore
|
||
} from 'vuex'
|
||
import {
|
||
computed
|
||
} from 'vue';
|
||
// vuex
|
||
const store = useStore()
|
||
// 用户信息
|
||
const userinfo = computed(() => {
|
||
let result = store.state.userinfo
|
||
return result
|
||
})
|
||
|
||
// 开启青少年模式
|
||
function handleUpdate() {
|
||
api.mine.updateUserInfo({
|
||
data: {
|
||
youth: 1,
|
||
}
|
||
}).then(rs => {
|
||
if (rs.code == 200) {
|
||
// 设置闹铃
|
||
setAlarm()
|
||
return
|
||
}
|
||
util.alert({
|
||
content: rs.msg,
|
||
showCancel: false,
|
||
})
|
||
})
|
||
}
|
||
|
||
// 设置时间
|
||
function setAlarm() {
|
||
// 当前时间+40分钟
|
||
let endTime = new Date().getTime()
|
||
//
|
||
endTime = util.strtotime('+40 minute', endTime)
|
||
//
|
||
const maxDateTime = new Date().setHours(20, 0, 0).valueOf()
|
||
// console.log(new Date(endTime).valueOf(), maxDateTime)
|
||
endTime = util.formatTime('yyyy-MM-dd HH:mm:ss', Math.min(new Date(endTime).valueOf(), maxDateTime))
|
||
|
||
// 40分之后的
|
||
api.video.setAlarm({
|
||
query: {
|
||
//
|
||
endTime,
|
||
// 1倒计时闹钟 2时间闹钟 3青少年闹钟
|
||
type: 3,
|
||
}
|
||
}).then(rs => {
|
||
if (rs.code == 200) {
|
||
util.alert('设置成功')
|
||
// 设置
|
||
util.setAlarm({
|
||
"userId": userinfo.value.userId,
|
||
"endTime": endTime,
|
||
"type": 3
|
||
})
|
||
return
|
||
}
|
||
|
||
util.alert({
|
||
content: rs.msg,
|
||
showCancel: false,
|
||
})
|
||
})
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<view class="app">
|
||
<view class="container pr">
|
||
<image class="background" src="/static/teen.png" mode="widthFix" />
|
||
<!-- <view class="">青少年模式说明</view> -->
|
||
|
||
<view class="notice pa c333 f28">
|
||
<view class="mtb30">开启青少年模式后，将自动为您开启时间锁，单日使用时间不超过40分钟，晚上10点至早上6点无法使用九亿</view>
|
||
<view class="mtb30">青少年模式开启后，如果到了使用时间需要输入密码解锁关闭青少年模式</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="btn pro black mtb30 mlr60" v-if="userinfo.youth == 1">已开启青少年模式</view>
|
||
<view class="btn pro black mtb30 mlr60" v-else @click="handleUpdate">开启青少年模式</view>
|
||
|
||
<view class="fill" style="height: 30rpx;"></view>
|
||
</view>
|
||
</template>
|
||
|
||
<style lang="scss">
|
||
.app {
|
||
background-color: #eaceb9;
|
||
}
|
||
|
||
//
|
||
.background {
|
||
width: 100%;
|
||
}
|
||
|
||
// 提示
|
||
.notice {
|
||
margin: 0 120rpx;
|
||
bottom: 120rpx;
|
||
}
|
||
</style> |