let scaleW;

function initDate(){
    let date = new Date();
    let minu = date.getMinutes()>9?date.getMinutes():"0"+date.getMinutes();
    let hour = date.getHours()>9?date.getHours():"0"+date.getHours();
    document.getElementById("timeTxt").innerText = hour+":"+minu;
    let mouth = date.getMonth()+1>9?date.getMonth()+1:"0"+(date.getMonth()+1);
    let day = date.getDate()>9?date.getDate() : "0"+date.getDate();
    document.getElementById("dateTxt").innerText = date.getFullYear()+"-"+mouth+"-"+day;
    let week = date.getDay();
    let weekName = "星期一";
    switch(week){
      case 0:
        weekName = "星期日";
        break;
    case 1:
        weekName = "星期一";
        break;
    case 2:
        weekName = "星期二";
        break;
    case 3:
        weekName = "星期三";
        break;
    case 4:
        weekName = "星期四";
        break;
    case 5:
        weekName = "星期五";
        break;
    case 6:
        weekName = "星期六";
        break;
    }
    document.getElementById("weekTxt").innerText = weekName;
}

setInterval(initDate,60000);

function onchangeSize(){
    scaleW = window.innerHeight/(1248/704);
    document.getElementById("bg").style.width = scaleW+"px";
    document.getElementById("txtBg").style.width = scaleW/(1080/540)+"px";
    document.getElementById("overImg").style.width = scaleW+"px";
    document.getElementById("overImg").style.height = 261/(1080/scaleW)+"px";
    document.getElementById("overTop").style.width = scaleW+"px";
    document.getElementById("overTop").style.height = 180/(1080/scaleW)+"px";
    document.getElementById("txtBg").style.height = window.innerHeight/(1920/1312)+"px";
    document.getElementById("txtBg").style.right = scaleW/(1080/36)+"px";
    document.getElementById("txtBg").style.bottom = window.innerHeight/(1920/250)+"px";
    document.getElementById("startBnt").style.bottom = window.innerHeight/(1920/140)+"px";
    document.getElementById("stopBnt").style.bottom = window.innerHeight/(1920/135)+"px";
}

//设置滚动条位置
function setScrollPosition() {
    setTimeout(()=>{
        let h0 = document.getElementById("cont").offsetHeight;
        let h1 = (window.innerHeight/(1920/1312)-56);
        if(h0-h1>0){
            document.getElementById("txtBg").scrollTo({
                top: h0-h1,
                behavior: 'smooth'
            });
        }
    },100);
}

function addAvdi(){
    let wli = document.createElement("li");
    wli.className = "left"
    wli.innerHTML="<div>更多精彩内容请关注德基广场小程序</div>";
    document.getElementById("cont").appendChild(wli);
    let wli2 = document.createElement("li");
    wli2.className = "left"
    wli2.innerHTML='<div><img src="./assets/face.svg" width="80" /></div>';
    document.getElementById("cont").appendChild(wli2);
    setScrollPosition();
}

function addredHot(){
    let aili = document.createElement("li");
    aili.className = "left"
    aili.innerHTML="<span>AI小红帽</span>";
    document.getElementById("cont").appendChild(aili);
}
//活动
function addBackItemAction(obj){
    let li = document.createElement("li");
    li.className = "left"
    document.getElementById("cont").appendChild(li);
    let div = document.createElement("div");
    li.appendChild(div);
    let w = (scaleW/(1080/240));
    let num = (typeof obj.shopNum) == "string" ? 2:3;
    let dip = num == 3 ? "none":"";
    div.innerHTML = `<img src="${obj.logo}" style="border-radius: 12px;" width="110" />
                            <div style="display: flex;flex-direction: column;width: ${w}px;padding: 0 0 0 20px;gap: 10px;">
                                <span style="color:#000; white-space:nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;">${obj.name}</span>
                                <span style="color:#000; white-space:nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display:${dip};">店铺编号: ${obj.shopNum}</span>
                                <span style="color:#000; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: ${num};line-clamp: ${num};-webkit-box-orient: vertical;">${obj.intro}</span>
                            </div>`;
}
//文本
function addBackItemText(msg, idName=""){
    let li = document.createElement("li");
    li.id = idName
    li.className = "left"
    document.getElementById("cont").appendChild(li);
    let div = document.createElement("div");
    li.appendChild(div);
    if(typeof msg == "string"){
        div.innerText = msg;
    }else if(typeof msg.length == "number"){
        div.innerText = msg[0].name || "我在持续学习中...";
    }else{
        div.innerText = msg.name || "我在持续学习中...";
    }
}
//单图片
function addItemImg(imgUrl){
    let li_img = document.createElement("li");
    li_img.className = "left"
    document.getElementById("cont").appendChild(li_img);
    let w = (scaleW/(1080/540));
    li_img.innerHTML = `<img width="${w}" src="${imgUrl}" />`;
}

function requestNoJM (params) {
    let xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function () {
      if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
        let jsonObject;
        try {
          jsonObject = JSON.parse(xmlhttp.responseText);
        } catch (e) {
          params.fail();
          return;
        }
        if (jsonObject.code == "200") {
          params.success(jsonObject);
        }
      }
      if (xmlhttp.readyState === 4 && (xmlhttp.status === 404 || xmlhttp.status === 405)) {
        params.fail();
      }
    };
    xmlhttp.onerror = function (e) {
      params.fail();
    };
    xmlhttp.open('GET', params.url, true);
    xmlhttp.setRequestHeader("Content-type", "application/json");
    xmlhttp.send();
}



export {initDate,onchangeSize,setScrollPosition,addBackItemText,addItemImg,addAvdi,addredHot,addBackItemAction}
// 
// requestNoJM({
//     url: 'https://saas.1000my.com/Api/System/Login?key='+param,
//     success: (res) => {
//       console.log(res);
//     },
//     fail: () => {}
// })