const ar = async (time) => {
    try {
        let {data} = await axios({
            method: 'get',
            url: '/gettime?time=' + time,
        });
        console.log(data)
    } catch (error) {
        console.log(error)
    }
}
var fna = 0
var boe = 0
const xuanr = (data) => {
    document.querySelector('#der').innerHTML = ''
    data.map((i)=>{
        let d = new Date(i.time)
        let times = (d.getMonth() + 1) + '/' + d.getDate()
        if(document.getElementById(`${i.id}`)){
            let fa = (parseInt(i.fan) - parseInt(fna)).toString()
            let bo = (parseInt(i.post) - parseInt(boe)).toString()
            if (fa < 0){ var facon = `<div style="background: #ff7b7b">${fa}</div>` } else { var facon = `<div style="background: #a6ff88">+${fa}</div>` }
            if (bo < 0){ var faconer = `<div style="background: #ff7b7b">${bo}</div>` } else { var faconer = `<div style="background: #a6ff88">+${bo}</div>` }
            let der = document.getElementById(`${i.id}`).parentNode
                der.innerHTML += `
                    <div class="a4" id=${i.id}>
                        <div>${i.post}</div>
                        ${faconer}
                        <div>${i.fan}</div>
                        ${facon}
                    </div>
            `
            fna = i.fan
            boe = i.post
        }else{
            fna = i.fan
            document.querySelector('#der').innerHTML +=  `
                <div class="a1">
                    <div class="a2">${i.name}</div>
                    <div class="a3">${i.id}</div>
                    <div class="a4">
                        <div>发博数</div>
                        <div>发博递减</div>
                        <div>粉丝数</div>
                        <div>粉丝递减</div>
                    </div>
                    <div class="a4" id=${i.id}>
                        <div>${i.post}</div>
                        <div>0</div>
                        <div>${i.fan}</div>
                        <div>0</div>
                    </div>
                </div>
            `
            boe = i.post
        }
    })
    for(let der = 0; der < (data.length/45); der ++){
        let dd = new Date(data[der].time)
        let times = (dd.getMonth() + 1) + '/' + dd.getDate()
        document.querySelector('.tim').innerHTML += `<div class="tim1">${times}</div>`
        console.log(times)
    }
    //document.querySelector('.tim').innerHTML += `<div class="tim1">日期</div>`
}
window.onload = async () => {
    try {
        let {data} = await axios({
            method: 'get',
            url: '/all',
        });
        xuanr(data)
    } catch (error) {
        
    }
}


const gettimeer = async () => {
    let a = document.querySelector('#datepicker').value
    let b = document.querySelector('#datepickerer').value
    try {
        let url = '/setime?starttime=' + a + '&endtime=' + b
        let {data} = await axios({
            method: 'get',
            url: url,
        });
        document.querySelector('#der').innerHTML = '数据加载中'
        xuanr(data)
    } catch (error) {
        
    }
}