// packageE/livestreaming/livestreaming.js
var app = getApp();
Component({
  properties: {
    datas: {
      type: null,
    },
    component_id: {
      type: null,
    },
    U_tabcontrol: {
      type: null,
    },
  },
  // 私有数据，可用于模板渲染
  data: {
    emptyImage: "https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/image.png",
    wait_page: "",

    active: 1,
    status: 3,
    //more
    isLoadMore: true,
    page: 1,
    total_page: 0,
    myConcern: "",
    announceList: "",
    broadcastlist: "",
    apiType: "AllLivelist",
    playBackData: "",
    allLivelistData: "",

    playBackShow: false,
    myConcern_activitys1: [],
    myConcern_activitys2: [],
    allLivelistData_activitys1: [],
    allLivelistData_activitys2: [],
    recommendData_activitys1: [],
    recommendData_activitys2: [],
    broadcastlist_activitys1: [],
    broadcastlist_activitys2: [],
    announceList_activitys1: [],
    announceList_activitys2: [],
    playBackData_activitys1: [],
    playBackData_activitys2: [],
    recommendData: [],
    my_colOneHeight: 0,
    my_colTwoHeight: 0,
    re_colOneHeight: 0,
    re_colTwoHeight: 0,
    br_colOneHeight: 0,
    br_colTwoHeight: 0,
    an_colOneHeight: 0,
    an_colTwoHeight: 0,
    pl_colOneHeight: 0,
    pl_colTwoHeight: 0,
    all_colOneHeight: 0,
    all_colTwoHeight: 0,
  },

  lifetimes: {
    // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
    attached() {},
    moved() {},
    detached() {},
  },

  // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
  attached() {},
  // 此处attached的声明会被lifetimes字段中的声明覆盖
  ready() {
    if (this.data.U_tabcontrol) {
      this.setData({
        active: "0",
      });
      this.getRoomPage("0", this.data.datas);
    } else {
      this.setData({
        active: this.data.datas.choose_tab,
      });
      this.getRoomPage(this.data.datas.choose_tab, this.data.datas);
    }
  },

  pageLifetimes: {
    // 组件所在页面的生命周期函数
    show() {},
    hide() {},
    resize() {},
  },
  methods: {
    getRoomPage(wait_page, data) {
      let that = this;

      if (data.list) {
        //是否开启精彩回放
        that.setData({
          playBackShow: this.data.datas.record_id == 1 ? true : false,
        });
      }

      //-1关注，0全部，1推荐，2直播中，3预告，4精彩回复
      if (wait_page) {
        that.setData({
          wait_page: wait_page,
        });
        if (that.data.wait_page == 0) {
          that.data.all_colOneHeight = 0;
          that.data.all_colTwoHeight = 0;

          if (that.data.datas.get_number) {
            data.list.data = data.list.data.slice(
              0,
              that.data.datas.get_number
            );
          }

          that.setData({
            total_page: data.list.data ? data.list.last_page : 0,
            allLivelistData: data.list.data ? data.list.data : data.list,
            allLivelistData_activitys1: [],
            allLivelistData_activitys2: [],
            active: 0,
          });
        } else if (that.data.wait_page == 1) {
          that.data.re_colOneHeight = 0;
          that.data.re_colTwoHeight = 0;

          if (that.data.datas.get_number) {
            data.list = data.list.slice(0, that.data.datas.get_number);
          }

          that.setData({
            total_page: 0,
            recommendData: data.list,
            recommendData_activitys1: [],
            recommendData_activitys2: [],
            active: 1,
          });
        } else if (that.data.wait_page == 2) {
          that.data.apiType = "liveList";
          that.data.status = 3;
          that.data.br_colOneHeight = 0;
          that.data.br_colTwoHeight = 0;

          if (that.data.datas.get_number) {
            data.list.data = data.list.data.slice(
              0,
              that.data.datas.get_number
            );
          }

          that.setData({
            total_page: data.list.data ? data.list.last_page : 0,
            broadcastlist: data.list.data ? data.list.data : data.list,
            broadcastlist_activitys1: [],
            broadcastlist_activitys2: [],
            active: 2,
          });
        } else if (that.data.wait_page == 3) {
          that.data.apiType = "liveList";
          that.data.status = 2;
          that.data.an_colOneHeight = 0;
          that.data.an_colTwoHeight = 0;

          if (that.data.datas.get_number) {
            data.list.data = data.list.data.slice(
              0,
              that.data.datas.get_number
            );
          }

          that.setData({
            total_page: data.list.data ? data.list.last_page : 0,
            announceList: data.list.data ? data.list.data : data.list,
            announceList_activitys1: [],
            announceList_activitys2: [],
            active: 3,
          });
        } else if (that.data.wait_page == 4) {
          that.data.apiType = "playBack";
          that.data.pl_colOneHeight = 0;
          that.data.pl_colTwoHeight = 0;

          if (that.data.datas.get_number) {
            data.list.data = data.list.data.slice(
              0,
              that.data.datas.get_number
            );
          }

          that.setData({
            total_page: data.list.data ? data.list.last_page : 0,
            playBackData: data.list.data ? data.list.data : data.list,
            playBackData_activitys1: [],
            playBackData_activitys2: [],
            active: 4,
          });
        }
      }
    },
    chunk(arr, n) {
      var result = [];
      for (var i = 0, len = arr.length; i < len; i += n) {
        result.push(arr.slice(i, i + n));
      }
      return result;
    },
    getLiveList(type) {
      let that = this;
      let urlStr = app.getNetAddresss(
        "plugin.room.frontend.live-list.get-live-list"
      );
      app._postNetWork({
        url: urlStr,
        showToastIn: false,
        data: {
          status: type,
          page: 1,
          keyword: this.data.live_search,
        },
        success: function (resdata) {
          var res = resdata.data;
          if (res.result == 1) {
            if (that.data.datas.get_number) {
              res.data.data = res.data.data.slice(
                0,
                that.data.datas.get_number
              );
            }

            if (type == 2) {
              that.setData({
                total_page: res.data.last_page,
                announceList: res.data.data,
              });
            } else if (type == 3) {
              that.setData({
                total_page: res.data.last_page,
                broadcastlist: res.data.data,
              });
            }
          } else {
            wx.showToast({
              icon: "none",
              title: res.msg,
              duration: 1500,
            });
          }
        },
        fail: function (res) {
          console.log(res.msg);
        },
      });
    },
    //跳转直播页
    golivePage(e) {
      let id = e.currentTarget.dataset.id;
      let status = e.currentTarget.dataset.status;
      let memberid = e.currentTarget.dataset.memberid;
      if (status == 1) {
        wx.navigateTo({
          url:
            "/packageD/directSeeding/livePage/livePage?id=" +
            id +
            "&playerType=live",
        });
      } else {
        wx.navigateTo({
          url:
            "/packageD/directSeeding/anchorDetail/anchorDetail?id=" + memberid,
        });
      }
    },
    //跳转直播预告
    goforeshow(e) {
      let id = e.currentTarget.dataset.id;
      wx.navigateTo({
        url: "/packageD/directSeeding/foreshow/foreshow?id=" + id,
      });
    },
    gopage(e) {
      let status = e.currentTarget.dataset.status;
      let id = e.currentTarget.dataset.id;
      let backid = e.currentTarget.dataset.backid;
      if (status == 1) {
        wx.navigateTo({
          url:
            "/packageD/directSeeding/livePage/livePage?id=" +
            id +
            "&playerType=live",
        });
      } else if (status == 2) {
        wx.navigateTo({
          url:
            "/packageD/directSeeding/livePage/livePage?id=" +
            id +
            "&playerType=video" +
            "&backid=" +
            backid,
        });
      }
    },
    golistPage(e) {
      let status = e.currentTarget.dataset.status;
      let id = e.currentTarget.dataset.id;
      let backid = e.currentTarget.dataset.backid;
      if (status == 3) {
        wx.navigateTo({
          url:
            "/packageD/directSeeding/livePage/livePage?id=" +
            id +
            "&playerType=live",
        });
      } else if (status == 2) {
        wx.navigateTo({
          url: "/packageD/directSeeding/foreshow/foreshow?id=" + id,
        });
      } else if (status == 4) {
        wx.navigateTo({
          url:
            "/packageD/directSeeding/livePage/livePage?id=" +
            id +
            "&playerType=video" +
            "&backid=" +
            backid,
        });
      }
    },
    getplayBack() {
      let that = this;
      let urlStr = app.getNetAddresss(
        "plugin.room.frontend.live-list.play-back"
      );
      app._postNetWork({
        url: urlStr,
        showToastIn: false,
        data: {
          page: 1,
          keyword: this.data.live_search,
        },
        success: function (resdata) {
          var res = resdata.data;
          if (res.result == 1) {
            if (that.data.datas.get_number) {
              res.data.data = res.data.data.slice(
                0,
                that.data.datas.get_number
              );
            }

            that.setData({
              playBackData: res.data.data,
              total_page: res.data.last_page,
            });
          } else {
            wx.showToast({
              icon: "none",
              title: res.msg,
              duration: 1500,
            });
          }
        },
        fail: function (res) {
          console.log(res.msg);
        },
      });
    },
    swichTabTItem(e) {
      let index = e.detail.index;
      this.setData({
        isLoadMore: true,
        page: 1,
        total_page: 0,
        live_search: "",
        active: index,
      });
      if (index == 0) {
        this.data.apiType = "AllLivelist";
        this.getAllLivelist();
      } else if (index == 1) {
        this.data.apiType = "recommend";
        this.getRecommend();
      } else if (index == 2) {
        this.data.apiType = "liveList";
        this.data.status = 3;
        this.getLiveList(3);
      } else if (index == 3) {
        this.data.apiType = "liveList";
        this.data.status = 2;
        this.getLiveList(2);
      } else if (index == 4) {
        this.data.apiType = "playBack";
        this.getplayBack();
      }
    },
    getAllLivelist() {
      let that = this;
      let urlStr = app.getNetAddresss(
        "plugin.room.frontend.live-list.get-all-live-list"
      );
      app._postNetWork({
        url: urlStr,
        showToastIn: false,
        data: {
          page: 1,
          keyword: this.data.live_search,
        },
        success: function (resdata) {
          var res = resdata.data;
          if (res.result == 1) {
            if (that.data.datas.get_number) {
              res.data.data = res.data.data.slice(
                0,
                that.data.datas.get_number
              );
            }

            that.setData({
              allLivelistData: res.data.data,
              total_page: res.data.last_page,
            });
          } else {
            wx.showToast({
              icon: "none",
              title: res.msg,
              duration: 1500,
            });
          }
        },
        fail: function (res) {
          console.log(res.msg);
        },
      });
    },
    getRecommend() {
      let that = this;
      let urlStr = app.getNetAddresss(
        "plugin.room.frontend.live-list.get-live-recommend"
      );
      app._postNetWork({
        url: urlStr,
        showToastIn: false,
        data: {
          keyword: this.data.live_search,
        },
        success: function (resdata) {
          var res = resdata.data;
          if (res.result == 1) {
            if (that.data.datas.get_number) {
              res.data = res.data.slice(0, that.data.datas.get_number);
            }

            that.setData({
              recommendData: res.data,
            });
          } else {
            wx.showToast({
              icon: "none",
              title: res.msg,
              duration: 1500,
            });
          }
        },
        fail: function (res) {
          console.log(res.msg);
        },
      });
    },
    goPlayBackData(e) {
      let roomid = e.currentTarget.dataset.roomid;
      let backid = e.currentTarget.dataset.backid;
      wx.navigateTo({
        url:
          "/packageD/directSeeding/livePage/livePage?id=" +
          roomid +
          "&playerType=video" +
          "&backid=" +
          backid,
      });
    },
    onImageError(options) {
      let index = options.target.dataset.index;
      let seltype = options.target.dataset.seltype;
      // let currentId = options.currentTarget.id;
      console.log("图片加载发生错误");
      this.onImageLoad({
        target: {
          dataset: {
            index: index,
            seltype: seltype,
          },
        },
        detail: {
          width: 2340,
          height: 1080,
        },
      });
    },
    /**
     * 图片加载函数
     * 图片加载完成后，根据图片的高度，依次往第一列和第二列中推入数据
     */
    onImageLoad(options) {
      let index = options.target.dataset.index;
      let seltype = options.target.dataset.seltype;
      let imageWidth = options.detail.width; // 图片宽度
      let imageHeight = options.detail.height; // 图片高度
      let activityObj = null;
      let scle = imageWidth / imageHeight;
      if (seltype == "myConcern") {
        let activitys = this.data.myConcern; // 获取所有的数据资源
        activityObj = activitys[index];
        let activitys1 = this.data.myConcern_activitys1;
        let activitys2 = this.data.myConcern_activitys2;
        if (this.data.my_colOneHeight <= this.data.my_colTwoHeight) {
          this.data.my_colOneHeight += 176 / scle + 60;
          activitys1.push(activityObj);
        } else {
          this.data.my_colTwoHeight += 176 / scle + 60;
          activitys2.push(activityObj);
        }
        this.setData({
          myConcern_activitys1: activitys1,
          myConcern_activitys2: activitys2,
        });
      } else if (seltype == "recommend") {
        let activitys = this.data.recommendData; // 获取所有的数据资源
        activityObj = activitys[index];
        let activitys1 = this.data.recommendData_activitys1;
        let activitys2 = this.data.recommendData_activitys2;
        if (this.data.re_colOneHeight <= this.data.re_colTwoHeight) {
          this.data.re_colOneHeight += 176 / scle + 60;
          activitys1.push(activityObj);
        } else {
          this.data.re_colTwoHeight += 176 / scle + 60;
          activitys2.push(activityObj);
        }
        this.setData({
          recommendData_activitys1: activitys1,
          recommendData_activitys2: activitys2,
        });
      } else if (seltype == "AllLivelist") {
        let activitys = this.data.allLivelistData; // 获取所有的数据资源
        activityObj = activitys[index];
        let activitys1 = this.data.allLivelistData_activitys1;
        let activitys2 = this.data.allLivelistData_activitys2;
        if (this.data.all_colOneHeight <= this.data.all_colTwoHeight) {
          this.data.all_colOneHeight += 176 / scle + 60;
          activitys1.push(activityObj);
        } else {
          this.data.all_colTwoHeight += 176 / scle + 60;
          activitys2.push(activityObj);
        }
        this.setData({
          allLivelistData_activitys1: activitys1,
          allLivelistData_activitys2: activitys2,
        });
      } else if (seltype == "liveList_1") {
        let activitys = this.data.broadcastlist; // 获取所有的数据资源
        activityObj = activitys[index];
        let activitys1 = this.data.broadcastlist_activitys1;
        let activitys2 = this.data.broadcastlist_activitys2;
        if (this.data.br_colOneHeight <= this.data.br_colTwoHeight) {
          this.data.br_colOneHeight += 176 / scle + 60;
          activitys1.push(activityObj);
        } else {
          this.data.br_colTwoHeight += 176 / scle + 60;
          activitys2.push(activityObj);
        }
        this.setData({
          broadcastlist_activitys1: activitys1,
          broadcastlist_activitys2: activitys2,
        });
      } else if (seltype == "liveList_2") {
        let activitys = this.data.announceList; // 获取所有的数据资源
        activityObj = activitys[index];
        let activitys1 = this.data.announceList_activitys1;
        let activitys2 = this.data.announceList_activitys2;
        if (this.data.an_colOneHeight <= this.data.an_colTwoHeight) {
          this.data.an_colOneHeight += 176 / scle + 60;
          activitys1.push(activityObj);
        } else {
          this.data.an_colTwoHeight += 176 / scle + 60;
          activitys2.push(activityObj);
        }
        this.setData({
          announceList_activitys1: activitys1,
          announceList_activitys2: activitys2,
        });
      } else if (seltype == "playBack") {
        let activitys = this.data.playBackData; // 获取所有的数据资源
        activityObj = activitys[index];
        let activitys1 = this.data.playBackData_activitys1;
        let activitys2 = this.data.playBackData_activitys2;
        if (this.data.pl_colOneHeight <= this.data.pl_colTwoHeight) {
          this.data.pl_colOneHeight += 176 / scle + 60;
          activitys1.push(activityObj);
        } else {
          this.data.pl_colTwoHeight += 176 / scle + 60;
          activitys2.push(activityObj);
        }
        this.setData({
          playBackData_activitys1: activitys1,
          playBackData_activitys2: activitys2,
        });
      }
    },
    //获取更多数据
    _getMoreData() {
      const that = this;
      let json = {};
      let api = "";
      let urlStr = "";
      that.data.isLoadMore = false; // 防止多次请求分页数据
      if (this.data.page >= this.data.total_page) {
        return;
      } else {
        this.data.page = this.data.page + 1;
        if (this.data.apiType == "myConcern") {
          api = "plugin.room.frontend.live-list.get-live-concern";
          json = {
            page: this.data.page,
          };
        } else if (that.data.apiType == "AllLivelist") {
          api = "plugin.room.frontend.live-list.get-all-live-list";
          json = {
            page: this.data.page,
          };
        } else if (that.data.apiType == "playBack") {
          api = "plugin.room.frontend.live-list.play-back";
          json = {
            page: this.data.page,
          };
        }
        //  else if (that.data.apiType == "recommend") {
        // }
        else {
          api = "plugin.room.frontend.live-list.get-live-list";
          json = {
            status: this.data.status,
            page: this.data.page,
          };
        }
        json.keyword = this.data.live_search;
        urlStr = app.getNetAddresss(api);
        app._postNetWork({
          url: urlStr,
          showToastIn: false,
          data: json,
          success: function (resdata) {
            var res = resdata.data;
            if (res.result == 1) {
              if (that.data.apiType == "myConcern") {
                that.setData({
                  isLoadMore: true,
                  myConcern: that.data.myConcern.concat(res.data.data),
                });
              } else if (that.data.apiType == "playBack") {
                that.setData({
                  isLoadMore: true,
                  playBackData: that.data.playBackData.concat(res.data.data),
                });
              } else if (that.data.apiType == "AllLivelist") {
                that.setData({
                  isLoadMore: true,
                  allLivelistData: that.data.allLivelistData.concat(
                    res.data.data
                  ),
                });
              }
              // else if (that.data.apiType == "recommend") {
              // }
              else {
                if (that.data.status == 2) {
                  that.setData({
                    isLoadMore: true,
                    announceList: that.data.announceList.concat(res.data.data),
                  });
                } else if (that.data.status == 3) {
                  that.setData({
                    isLoadMore: true,
                    broadcastlist: that.data.broadcastlist.concat(
                      res.data.data
                    ),
                  });
                }
              }
            } else {
              that.setData({
                page: that.data.page - 1,
                isLoadMore: false,
              });
            }
          },
          fail: function (res) {
            console.log(res.msg);
          },
        });
      }
    },
  },
});