match_applet/unpackage/dist/dev/mp-weixin/pages/home/components/game.js

"use strict";
const common_vendor = require("../../../common/vendor.js");
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
  __name: "game",
  props: {
    config: { type: Object, default: () => {
    } }
  },
  setup(__props) {
    var _a;
    const props = __props;
    const $api = (_a = common_vendor.getCurrentInstance()) == null ? void 0 : _a.appContext.config.globalProperties.$api;
    const user = common_vendor.ref({});
    const searchInfo = common_vendor.ref({});
    const list = common_vendor.ref([{ id: 1, name: "肝帝33联赛" }]);
    const pageNum = common_vendor.ref(1);
    const pageSize = common_vendor.ref(10);
    const total = common_vendor.ref(0);
    const scrollTop = common_vendor.ref(0);
    const is_bottom = common_vendor.ref(false);
    const { config } = common_vendor.toRefs(props);
    common_vendor.onShow(async () => {
      await searchUser();
      await search();
    });
    const searchUser = async () => {
      user.value = common_vendor.index.getStorageSync("user");
    };
    const search = async () => {
      const info = {
        pageNum: pageNum.value,
        pageSize: pageSize.value,
        userId: user.value.id
      };
      const res = await $api("game/list", "GET", {
        ...info,
        ...searchInfo.value
      });
      if (res.code === 200) {
        list.value = res.rows;
        total.value = res.total;
      } else {
        common_vendor.index.showToast({
          title: res.msg || "",
          icon: "error"
        });
      }
    };
    const toInput = (e) => {
      if (searchInfo.value.name)
        searchInfo.value.name = e.detail.value;
      searchInfo.value = {};
      clearPage();
      search();
    };
    const toInfo = (item) => {
      common_vendor.index.navigateTo({
        url: `/pagesHome/match/info?id=${item._id || item.id}&name=${item.name}`
      });
    };
    const toPage = () => {
      if (total.value > list.value.length) {
        common_vendor.index.showLoading({
          title: "加载中",
          mask: true
        });
        pageNum.value = pageNum.value + 1;
        pageSize.value = pageNum.value * 10;
        search();
        common_vendor.index.hideLoading();
      } else
        is_bottom.value = true;
    };
    const toScroll = (e) => {
      let up = scrollTop.value;
      scrollTop.value = e.detail.scrollTop;
      let num = Math.sign(up - e.detail.scrollTop);
      if (num == 1)
        is_bottom.value = false;
    };
    const clearPage = () => {
      list.value = [];
      pageNum.value = 1;
      pageSize.value = 10;
      page.value = 0;
    };
    return (_ctx, _cache) => {
      return common_vendor.e({
        a: common_vendor.o([($event) => searchInfo.value.name = $event.detail.value, toInput]),
        b: searchInfo.value.name,
        c: common_vendor.f(list.value, (item, index, i0) => {
          return {
            a: item.logo || common_vendor.unref(config).logoUrl,
            b: common_vendor.t(item.name || "暂无名称"),
            c: common_vendor.t(item.address || "暂无地点"),
            d: common_vendor.t(item.date || "暂无日期"),
            e: common_vendor.t(item.format || "暂无赛制"),
            f: common_vendor.t(item.ranking || "暂无排名"),
            g: index,
            h: common_vendor.o(($event) => toInfo(item), index)
          };
        }),
        d: is_bottom.value
      }, is_bottom.value ? {
        e: common_vendor.t(common_vendor.unref(config).bottomTitle || "到底了！")
      } : {}, {
        f: common_vendor.o(toPage),
        g: common_vendor.o(toScroll)
      });
    };
  }
});
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-a6b1fabb"], ["__file", "D:/project/足球比赛/match_applet/pages/home/components/game.vue"]]);
wx.createComponent(Component);