jy-docs/jydocs-mobile/src/store/modules/main.ts

import { StoreOptions } from 'vuex'
import Vue from 'vue'
import {
  getHomeHot,
  getHomeActivity,
  getCashOutInfo,
  submitCashOutInfo,
  getDetails
} from '@/api/main'

interface InterfaceStore<S> extends StoreOptions<S> {
  namespaced?: boolean;
}
type APIStructure = Record<string, any>;
type modulesOption = InterfaceStore<any>;

function recoveryPageData (key: string, defaultValues = {}) {
  return sessionStorage.getItem(key) ? JSON.parse(sessionStorage.getItem(key) || '') : defaultValues
}

function formatData (v: APIStructure) {
  return {
    img: v?.docImg,
    type: v?.docFileType,
    id: v.docId,
    title: v?.docName || v?.docTitle,
    money: v.price,
    size: v?.docFileSize,
    page: v?.docPageSize,
    down: v?.downTimes,
    contribution: v?.sourceUserId
  }
}

const modulesOption: modulesOption = {
  namespaced: true,
  state: {
    // 提现页面数据缓存(用于跳出页面返回时恢复)
    cashOutInfo: recoveryPageData('partner-cashout'),
    cashOutSuccess: recoveryPageData('partner-cashout-success'),
    homePageData: recoveryPageData('jy-docs-home-page')
  },
  mutations: {
    // 保存提现页面数据
    saveCashOutInfo (state, data) {
      for (const key in data) {
        state.cashOutInfo[key] = data[key]
      }
      sessionStorage.setItem('partner-cashout', JSON.stringify(data))
    },
    // 清除提现页面数据
    clearCashOutInfo (state) {
      state.cashOutInfo = {}
      sessionStorage.setItem('partner-cashout', JSON.stringify({}))
    },
    // 保存提现成功数据
    saveCashOutSuccessInfo (state, data) {
      for (const key in data) {
        state.cashOutSuccess[key] = data[key]
      }
      sessionStorage.setItem('partner-cashout-success', JSON.stringify(data))
    },
    // 清除提现成功数据
    clearCashOutSuccessInfo (state) {
      state.cashOutSuccess = {}
      sessionStorage.setItem('partner-cashout-success', JSON.stringify({}))
    },
    // 保存首页数据
    saveHomeData (state, data) {
      for (const key in data) {
        Vue.set(state.homePageData, key, data[key])
      }
      sessionStorage.setItem('jy-docs-home-page', JSON.stringify(state.homePageData))
    }
  },
  actions: {
    // 首页数据
    async getHome (state) {
      getHomeHot({ sign: 'new', num: 5 }).then((res: APIStructure) => {
        if (!res.data.error_msg.length) {
          state.commit('saveHomeData', {
            new: res.data.data.map((v: APIStructure) => formatData(v))
          })
        }
      })
      getHomeHot({ sign: 'hot', num: 5 }).then((res: APIStructure) => {
        if (!res.data.error_msg.length) {
          state.commit('saveHomeData', {
            hot: res.data.data.map((v: APIStructure) => formatData(v))
          })
        }
      })
      getHomeActivity({ code: 3, size: 3, num: 1 }).then((res: APIStructure) => {
        if (!res.data.error_msg.length) {
          state.commit('saveHomeData', {
            keep: res.data.data.map((v: APIStructure) => formatData(v))
          })
        }
      })
    },
    // 提现查询
    async getCashOutInfo (state, data) {
      try {
        const res = await getCashOutInfo(data)
        return res.data
      } catch (error) {}
    },
    // 提现提交
    async submitCashOutInfo (state, data) {
      try {
        const res = await submitCashOutInfo(data)
        return res.data
      } catch (error) {}
    },
    // 详情
    async getDetails (state, data) {
      try {
        const res = await getDetails(data)
        console.log(res)
        return res.data
      } catch (error) {}
    }
  },
  getters: {}
}
export default modulesOption