class Model_infoList{
    constructor() {

        this.GetModel_Info();

    }



    async GetModel_Info() {

        var res = await model_InfoService.ModelList({
            page:0,
            id:`${urlId}`
            }

        );
        console.log(res)
        $(".action").append(`
         <i class="iconfont icon-back1"></i>
            <span>${res.model_info.name}</span>
        `)
        $(".model_info_header").append(
            `
            <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>
        `
        )

        // 遍历模特的作品
        $(".tazuop .title").text('她的作品')
        res.data.forEach(v => {
            $(".tazuop ul").append(
                `
                <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>
            `
            )

        });

        // 遍历类似模特
        $(".similar .title").text('类似模特')
        res.similar.forEach((v)=>{
            $(".similar .model_list").append(
                `
                <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}`
            }
        })


    }
}
var url = document.location.toString();//获取url地址
var urlParmStr = url.slice(url.indexOf('?')+1);//获取问号后所有的字符串
var arr = urlParmStr.split('&');//通过&符号将字符串分割转成数组
var urlId = arr[0].split("=")[1];//获取数组中第一个参数
var unit_title=arr[1].split("=")[1];//第二个参数
new Model_infoList();