class ModelInfo {

    constructor () {
        utils.SetHeaderTitle(utils.GetQueryString("t"))
        this.GetModelInfoData()
    }

    async GetModelInfoData() {
        var res = await homeService.modelList({
            page: 0,
            id: utils.GetQueryString("id")
        })
       
        // 设置模特的头像，名字，介绍
        document.querySelector(".model_info_header").innerHTML = `
            <img src="${res.model_info.portrait}" alt="${res.model_info.name}">
            <div class="right_text">
                <p>${res.model_info.name}</p>
                <span>${res.model_info.explain}</span>
            </div>
        `

        // 遍历模特的作品
        document.querySelector(".tazuop .title").innerText = "她的作品"
        res.data.forEach(v => {
            document.querySelector(".tazuop ul").innerHTML+=
            `
                <li>
                    <div class="newest_img">
                        <a href="./info.html?id=${v.id}">
                            <img src="${v.preview}" alt="${v.title}">
                        </a>
                        <span>${v.total}P</span>
                    </div>
                    <div class="newest_text">
                        <a href="./info.html?id=${v.id}">
                            <p class="t">${v.title}</p>
                            <p class="source">${v.source}</p>
                        </a>
                        <div class="tags">
                        ${
                            (v.tags.map((t) => {
                                return `<div class="tags_item"><a href="./mechanism_info.html?id=${t.id}&type=tags&t=${t.title}">${t.title}</a></div>`
                            })).toString().replace(/,/ig, " ")
                        }
                        </div>
                    </div>
                </li>
            `
        });

        // 遍历类似模特
        document.querySelector(".similar .title").innerText = "类似模特"
        res.similar.forEach((v)=>{
            document.querySelector(".similar .model_list").innerHTML+= `
                <div class="item">
                    <div class="top">
                        <img src="${v.preview}" alt="${v.title}">
                        <span>${v.total}</span>
                    </div>
                    <p>${v.title}</p>
                </div>
            `
        })
        
        var items = document.querySelectorAll(".similar .model_list .item")
        items.forEach((v,i)=>{
            v.onclick = function () {
                location.href = `model_info.html?id=${res.similar[i].id}&t=${res.similar[i].title}`
            }
        })
    }
}

new ModelInfo()