cldV2react/src/pages/Customer/Client/model.js

import consts from '@/consts'
import {
  LabelStatusColorMap,
  TagTypeEnum
} from '@/pages/Customer/Company/components/PersonLabel/const'
import { queryTagList } from '@/services/customer'

export default {
  namespace: 'client',
  state: {
    personTags: [], // 个人标签
    personTagColorMap: {}, // 个人标签的颜色映射关系
    teamTags: [], // 协作标签
    teamTagColorMap: {} // 协作标签的颜色映射关系
  },
  // 用于处理异步操作和业务逻辑，由action触发，但不能修改state
  effects: {
    *fetchTags({ payload }, { call, put }) {
      const response = yield call(queryTagList, payload)
      if (response?.code === consts.RET_CODE.SUCCESS) {
        const { tagType } = payload
        yield put({
          type: 'changeState',
          payload: {
            key: tagType === TagTypeEnum.PERSONTAG ? 'personTags' : 'teamTags',
            data: response.data || []
          }
        })
        yield put({
          type: 'changeState',
          payload: {
            key: tagType === TagTypeEnum.PERSONTAG ? 'personTagColorMap' : 'teamTagColorMap',
            data: response.data.reduce((curr, prev, idx) => {
              const item = { ...curr, [prev.id]: LabelStatusColorMap[tagType][idx] }
              return item
            }, {})
          }
        })
      }
    }
  },
  // reducers:用于处理同步操作，由action触发，可修改state
  reducers: {
    // 通用reducer
    changeState(state, action) {
      return {
        ...state,
        [action.payload.key]: action.payload.data
      }
    }
  }
}