import store from "../../../store";

const msgData = {
  mine: null,
  getRole(type, msg) {
    const imgurl = this.getImgUrl(type);
    var roleMsg = this.getTest(msg);
    this.mine = this.getMine(type);
    return {
      msg: this.getMsg(imgurl, roleMsg[0])
    };
  },
  getTest(res) {
    var flag = aiData.aiMsg.indexOf(res);
    var data = aiData.msg[flag];
    return [{ text: res }, data];
  },
  setShowMsg(res) {
    var obj = { text: this.getAiToRoleMsg(res) };
    this.mine = false;
    const imgurl = this.getImgUrl("ai");
    var msg = this.getMsg(imgurl, obj);
    return msg;
  },
  getAiToRoleMsg(res) {
    var msg = res.text;
    var img = res.img;
    var tab = res.tab;
    var val = "";
    if (msg) {
      var val = "<div class='msgText'>";
      for (var i in msg) {
        val += msg[i] + ";";
      }
      val += "</div>";
    }
    if (img) {
      var val_img = "";
      for (var i in img) {
        var img_url = config.imgUrl + img[i];
        if (val_img) {
          val_img += ",";
        }
        val_img += "<img data-src= " + img_url + "></img>";
      }

      val += val_img;
    }
    if (tab) {
      var thead = tab[0];
      var tbody = tab[1];
      var header = "<thead class ='tabHeader'><tr>";
      for (var i in thead) {
        header += "<th>" + thead[i] + "</th>";
      }
      var bodyer = "<tbody class ='tabBody'>";
      for (var i in tbody) {
        var val_td = tbody[i];
        var valtd = "<tr>";
        for (var j in val_td) {
          valtd += "<td>" + val_td[j] + "</td>";
        }
        valtd += "</tr>";
        bodyer += valtd;
      }
      bodyer += "</tbody>";
      header += "</tr></thead>";
      var val_tab =
        "<div><table class='tabTable'>" + header + bodyer + "</table></div>";
      val += val_tab;
    }
    return val;
  },
  getImgUrl(type) {
    var url = config.imgUrl;
    if (type == "ai") {
      url = url + aiData.aiRole_img;
    } else if (type == "role") {
      url = url + aiData.role_img;
    }
    return url;
  },

  getMine(type) {
    if (type == "ai") {
      return true;
    } else if (type == "role") {
      return false;
    }
  },
  setmsgtab(tab) {
    var url = config.imgUrl + aiData.aiRole_img;
    var thead = tab[0];
    var tbody = tab[1];
    var header = "<thead class ='tabHeader'><tr>";
    for (var i in thead) {
      header += "<th>" + thead[i] + "</th>";
    }
    var bodyer = "<tbody class ='tabBody'>";
    for (var i in tbody) {
      var val_td = tbody[i];
      var valtd = "<tr>";
      for (var j in val_td) {
        valtd += "<td>" + val_td[j] + "</td>";
      }
      valtd += "</tr>";
      bodyer += valtd;
    }
    bodyer += "</tbody>";
    header += "</tr></thead>";
    var val_tab = "<table class='tabTable'>" + header + bodyer + "</table>";
    var obj = {
      date: this.getDate(),
      text: { text: val_tab },
      mine: false,
      name: "",
      img: url
    };
    return obj;
  },
  setmsgImg(img) {
    var val_img = "";
    for (var i in img) {
      var img_url = config.imgUrl + img[i];
      // if (val_img) {
      //     val_img += ","
      // }
      val_img += "<img data-src= " + img_url + "></img>";
    }

    var url = config.imgUrl + aiData.aiRole_img;
    var obj = {
      date: this.getDate(),
      text: { text: val_img },
      mine: false,
      name: "",
      img: url
    };
    return obj;
  },
  setmsgText(res) {
    var std = "";
    for (var i in res) {
      if (std) {
        std += ";";
      }
      std += res[i];
    }
    var flag = 0;
    var length = std.length;
    var str = "";
    window.timer = setInterval(() => {
      str += std[flag];

      store.state.setMsgData = {
        text: str
      };
      flag++;

      if (flag > length) {
        clearInterval(timer);

        store.state.setMsgData = {
          text: "加载完成"
        };
      }
    }, 150);
  },
  getLoader() {
    this.mine = true;
    var url = config.imgUrl + aiData.aiRole_img;
    var msg = {
      // text: "<div class='loading'></div>"
      text: " <div class='parentBox'>  <div class='loadBox'> <div class='loaderContantBox'></div> </div>  </div>"
    };
    return this.getMsg(url, msg);
  },

  getMsg(imgurl, msg) {
    return {
      date: this.getDate(),
      text: msg,
      mine: false,
      name: this.mine ? "[GeoAgent]" : "[您]",
      img: imgurl
    };
  },
  getDate() {
    var now = new Date();
    var year = now.getFullYear(); //获取完整的年份(4位,1970-????)
    var month = now.getMonth() + 1; //获取当前月份(0-11,0代表1月)
    var day = now.getDate(); //获取当前日(1-31)
    var hour = now.getHours(); //获取当前小时数(0-23)
    var minute = now.getMinutes(); //获取当前分钟数(0-59)
    var second = now.getSeconds(); //获取当前秒数(0-59)
    return (
      year + "/" + month + "/" + day + " " + hour + ":" + minute + ":" + second
    );
  }
};
export default msgData;