min-project/component/admission-box/admission-box.js

// template/admission-box/admission-box.js
var miucms = require("../../utils/miucms.js")
var common = require("../../utils/commonMethod.js")
const util = require("../../utils/util")
const app = getApp()
Component({
    /**
     * 组件的属性列表
     */
    properties: {
        initFinish: {
            type: Boolean,
            value: false,
            observer(res) {
                this.getAdmissionsOfficer()
            },
        },
        isShow: {
            type: Boolean,
            value: false,
        },
    },

    /**
     * 组件的初始数据
     */
    data: {
        urls: [],
        mold: 3,
        countdownInterval: null,
        countDown: {
            days: 0,
            hours: "00",
            minutes: "00",
            seconds: "00",
        },

        admissionCurrent: 0,

        countDownState: false,

    },

    /**
     * 组件的方法列表
     */
    methods: {
        getAdmissionsOfficer() {
            util.wxget("https://api.gter.net/v1/program/admissionOfficerIn").then(res => {
                if (res.code != 200) return
                const data = res.data || []
                const today = new Date()
                today.setHours(0, 0, 0, 0)
                let list = []
                for (var i in data) {
                    const item = data[i]
                    for (var ii in item) {
                        const ite = item[ii]
                        list.push(...ite)
                    }
                }

                let urls = []
                list.forEach(element => {
                    element.urls.forEach(ele => {
                        urls.push({
                            ...ele,
                            logo: element.schoollogo,
                        })
                    })
                })

                // urls[0]['date'] = "2025-01-20 15:35"

                urls.sort((a, b) => b.rank - a.rank)

                urls.forEach(element => {
                    let mold = null
                    let timestamp = ""
                    if (!element.date || (typeof element.date == "string" && element.date.indexOf("答疑") >= 0)) mold = 3
                    else {
                        const date = new Date(element.date)
                        if (!isNaN(date.getTime())) {
                            if (date >= today) mold = 1
                            else mold = 2
                            // if (Date.now() < date.getTime()) timestamp = date.getTime() - Date.now()
                            if (Date.now() < date.getTime()) timestamp = true
                        } else mold = 3
                    }

                    element["mold"] = mold
                    element["timestamp"] = timestamp
                })

                urls = urls.filter(item => item.timestamp);

                urls.push({
                    mold: 4,
                    timestamp: "",
                })

                urls.unshift({
                    mold: 5,
                    timestamp: "",
                })

                this.setData({
                    urls,
                })
                this.calculateIndicator()

                if (urls.length != 0) this.setCountDown(0)
            })
        },

        // 0是小 1是大
        calculateIndicator() {
            const urls = this.data.urls
            const current = this.data.admissionCurrent
            let length = urls.length
            let startIndex = current - 2
            let endIndex = current + 2
            urls[this.data.admissionCurrent]['current'] = 2
            if (startIndex < 0) {
                endIndex = endIndex + Math.abs(startIndex)
                startIndex = 0
            }

            if (endIndex >= length) {
                startIndex = length - 5
                endIndex = length - 1
            }

            urls.forEach((element, index) => {
                element['current'] = -1
                if (index == startIndex || index == endIndex) element['current'] = 0
                if (index > startIndex && index < endIndex) element['current'] = 1
                if ((index == startIndex && index == 0) || (index == endIndex && index == length - 1)) element['current'] = 1
                if (index == current) element['current'] = 2
            })

            this.setData({
                urls,
            })
        },

        bindanimationfinish(e) {
            const current = e.detail.current || 0
            const urls = this.data.urls

            this.setData({
                admissionCurrent: current,
                mold: urls[current]['mold'],
            })

            // console.log("current", urls[current]);

            this.setCountDown(current)
            this.calculateIndicator(current)
        },

        setCountDown(index) {
            const urls = this.data.urls
            clearTimeout(this.data.countdownInterval)
            if (urls[index]["timestamp"]) this.startCountdown(urls[index]["date"])
            else {
                this.setData({
                    countDownState: false,
                })
            }
        },

        startCountdown(date) {
            clearTimeout(this.data.countdownInterval)
            if (!this.data.isShow) return
            const newTime = new Date().getTime()
            const dateTime = new Date(date).getTime()
            let timer = dateTime - newTime
            if (timer <= 0) {
                this.setData({
                    countDownState: false
                })
                return
            }
            const days = Math.floor(timer / (24 * 60 * 60 * 1000))
            const hours = Math.floor((timer % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000))
            const minutes = Math.floor((timer % (60 * 60 * 1000)) / (60 * 1000))
            const seconds = Math.floor((timer % (60 * 1000)) / 1000)
            this.setData({
                countDown: {
                    days,
                    hours: hours.toString().padStart(2, "0"),
                    minutes: minutes.toString().padStart(2, "0"),
                    seconds: seconds.toString().padStart(2, "0"),
                },
                countDownState: true,
            })
            timer = timer - 1000
            if (timer > 0) this.data.countdownInterval = setTimeout(() => this.startCountdown(date), 1000)
        },

        goPage(e) {
            clearTimeout(this.data.countdownInterval)
            const url = e.currentTarget.dataset.url
            common.goPage(url)
        },


        cutQuickAnswer() {
            this.setData({
                quickAnswerState: !this.data.quickAnswerState
            })
        },
    },
})