text: import {
      reqGetCompetitionTheTopFive,
      reqGetTeamTheTopFive,
      reqGetCompetitionTheBottom,
      reqGetTeamTheBottom,
  
      reqGetCompetitionTheTopFive2,
      reqGetTeamTheTopFive2,
      reqGetCompetitionTheBottom2,
      reqGetTeamTheBottom2,
  } from '@/api'
  import Vue from "vue";
  const state = {
      /* 联赛前五 */
      CompetitionTheTopFive: [],
      /* 球队前五 */
      TeamTheTopFive: [],
      /* 倒数 */
      CompetitionTheBottom: [],
      TeamTheBottom: [],
      /* 前十 */
      CompetitionTheTopTen: []
  };
  const actions = {
      /* 2021-22 */
      async getCompetitionTheTopFive({
          commit
      }, data) {
          let request = await reqGetCompetitionTheTopFive(data);
          commit("GETCOMPETITIONTHETOPFIVE", request)
      },
      async getTeamTheTopFive({
          commit
      }, data) {
          let request = await reqGetTeamTheTopFive(data);
  
          commit("GETTEAMTHETOPFIVE", request)
      },
      async getCompetitionTheBottom({
          commit
      }, data) {
          let request = await reqGetCompetitionTheBottom(data);
          commit("GETCOMPETITIONTHEBOTTOM", request)
      },
      async getTeamTheBottom({
          commit
      }, data) {
          let request = await reqGetTeamTheBottom(data);
          commit("GETTEAMTHEBOTTOM", request)
      },
      /* 2020-21 */
      async getCompetitionTheTopFive2({
          commit
      }, data) {
          let request = await reqGetCompetitionTheTopFive2(data);
          commit("GETCOMPETITIONTHETOPFIVE", request)
      },
      async getTeamTheTopFive2({
          commit
      }, data) {
          let request = await reqGetTeamTheTopFive2(data);
  
          commit("GETTEAMTHETOPFIVE", request)
      },
      async getCompetitionTheBottom2({
          commit
      }, data) {
          let request = await reqGetCompetitionTheBottom2(data);
          commit("GETCOMPETITIONTHEBOTTOM", request)
      },
      async getTeamTheBottom2({
          commit
      }, data) {
          let request = await reqGetTeamTheBottom2(data);
          commit("GETTEAMTHEBOTTOM", request)
      },
  };
  const mutations = {
      GETCOMPETITIONTHETOPFIVE(state, CompetitionTheTopFiveList) {
          Vue.set(state, "CompetitionTheTopFive", CompetitionTheTopFiveList)
      },
      GETTEAMTHETOPFIVE(state, TeamTheTopFiveList) {
          Vue.set(state, "TeamTheTopFive", TeamTheTopFiveList)
      },
      GETCOMPETITIONTHEBOTTOM(state, CompetitionTheBottom) {
          Vue.set(state, "CompetitionTheBottom", CompetitionTheBottom)
      },
      GETTEAMTHEBOTTOM(state, TeamTheBottom) {
          Vue.set(state, "TeamTheBottom", TeamTheBottom)
      },
      GETCOMPETITIONTHETOPTEN(state, CompetitionTheTopTen) {
          Vue.set(state, "CompetitionTheTopTen", CompetitionTheTopTen)
      }
  };
  const getters = {
      getCompetitionTheTopFive(state) {
          return state.CompetitionTheTopFive.list || []
      },
      getTeamTheTopFive(state) {
          return state.TeamTheTopFive.list || []
      },
      getCompetitionTheBottom(state) {
          let ary = []
          /*  state.CompetitionTheBottom.list.forEach(item => {
               if (item.total != null || undefined) {
                   ary.push(item)
               }
           }); */
          return state.CompetitionTheBottom.list
      },
      getTeamTheBottom(state) {
          let ary = []
          /*   state.TeamTheBottom.list.forEach(item => {
                if (item.total != null || undefined) {
                    ary.push(item)
                }
            }); */
          return  state.TeamTheBottom.list
  
      },
      getCompetitionTheTopTen(state) {
          return state.CompetitionTheTopTen.list || []
      }
  };
  
  export default ({
      state,
      mutations,
      actions,
      getters
  })