更新加载状态问题

haoxuan

2023-11-07 f7ad95439053af6e89e04a2b669e16b6408ece25

 src/stores/tasks.ts

@@ -28,11 +28,29 @@
    return getTaskList(params)
      .then((res) => {
        channels.value = res.data

        // 首次获取通道数据时自动选中第一个任务
        if (!activeTask?.value) {
          selectFirstTask(channels.value)
        }
      })
      .catch((err) => {
        console.error(err)
        channels.value = []
      })
  }

  function selectFirstTask(channels: TasksGroupByChannel) {
    const firstNotEmptyChannel = Object.entries(channels).find((ele) => {
      const taskList = (ele[1] as TasksResponse)?.Tasks

      return !!taskList.length
    })

    if (firstNotEmptyChannel) {
      const channelNumber = +firstNotEmptyChannel[0]
      activeTask.value = channels[channelNumber].Tasks[0]
    }
  }

  /**
@@ -59,10 +77,14 @@
  /**
   * 刷新所有数据
   */
  function reload(channel: number) {
  function reloadChannel(channel: number) {
    getChannels(currentType.value).then(() => {
      autoSelectTask(channel)
    })
  }

  function reloadAllData() {
    getChannels(currentType.value)
  }

  function moreChannelTasksBtn(channelNumber: number) {
@@ -105,33 +127,15 @@
    activeTask.value = task
  }

  const requestParamsMap = ref<{
    [channel: number]: TaskListParams
  }>({})
  function getParamsByChannel(channel: number) {
    return (
      requestParamsMap.value[channel] ?? {
        type: 1,
        offset: 0,
        limit: 3
      }
    )
  }

  function setParamsByChannel(channel: number, params: TaskListParams) {
    requestParamsMap.value[channel] = params
  }
  return {
    channels,
    getChannels,
    moreBtnStatus,
    activeTask,
    reload,
    reloadChannel,
    setActiveTask,
    requestParamsMap,
    getParamsByChannel,
    setParamsByChannel,
    moreChannelTasksBtn,
    foldChannelTasksBtn
    foldChannelTasksBtn,
    reloadAllData
  }
})