feat:增加微信token缓存

wlzboy

2025-12-04 4f2925f1974844b66225ac70ae35065b8262b315

 app/pagesTask/components/StaffSelector.vue

@@ -109,7 +109,7 @@
<script>
import { mapState } from 'vuex'
import uniPopup from '@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue'
import { listBranchUsers } from "@/api/system/user"
import { listUsersByBranchDepts } from "@/api/system/user"

export default {
  name: 'StaffSelector',
@@ -141,6 +141,16 @@
    currentUserRemovable: {
      type: Boolean,
      default: false
    },
    // 分公司ID列表（外部传入，用于指定加载哪些分公司的用户）
    branchDeptIds: {
      type: Array,
      default: null
    },
    // 单个分公司ID（仅传一个时更便捷）
    branchDeptId: {
      type: [Number, String],
      default: null
    }
  },
  data() {
@@ -149,7 +159,9 @@
      allStaffList: [],
      filteredStaffList: [],
      staffSearchKeyword: '',
      staffFilterType: 'driver' // 默认选中司机
      staffFilterType: 'driver', // 默认选中司机
      staffListCache: {}, // 缓存: { key: { data: [], timestamp: 0 } }
      cacheExpireTime: 5 * 60 * 1000 // 缓存过期时间：5分钟
    }
  },
  computed: {
@@ -174,6 +186,23 @@
      },
      immediate: true,
      deep: true
    },
    // 监听分公司ID数组变化，重新加载用户列表
    branchDeptIds: {
      handler(newVal, oldVal) {
        if (JSON.stringify(newVal) !== JSON.stringify(oldVal)) {
          console.log('分公司ID变化，重新加载用户:', newVal)
          this.loadStaffList()
        }
      },
      deep: true
    },
    // 监听单个分公司ID变化
    branchDeptId(newVal, oldVal) {
      if (newVal !== oldVal) {
        console.log('分公司ID变化，重新加载用户:', newVal)
        this.loadStaffList()
      }
    }
  },
  mounted() {
@@ -207,9 +236,57 @@
    
    // 加载人员列表
    loadStaffList() {
      listBranchUsers().then(response => {
        const userList = response.data || []
      // 获取所有部门ID
      let deptIds = []
      if (this.branchDeptIds && this.branchDeptIds.length > 0) {
        deptIds = this.branchDeptIds
      } else if (this.branchDeptId) {
        deptIds = [this.branchDeptId]
      }
        
      if (deptIds.length > 0) {
        console.log('根据分公司ID加载用户:', deptIds)
        this.loadStaffByBranchDepts(deptIds)
      } else {
        console.log('未传入分公司ID,组件不加载人员列表')
        this.$modal && this.$modal.showToast && this.$modal.showToast('请传入分公司ID')
      }
    },
    
    // 根据分公司ID数组加载用户（支持缓存）
    loadStaffByBranchDepts(deptIds) {
      // 生成缓存key（按排序后id拼接）
      const cacheKey = [...deptIds].sort((a, b) => a - b).join(',')
      const cached = this.staffListCache[cacheKey]
      const now = Date.now()
      
      // 检查缓存是否有效
      if (cached && (now - cached.timestamp) < this.cacheExpireTime) {
        console.log('使用缓存的人员列表:', cacheKey)
        this.processUserList(cached.data)
        return
      }
      
      // 缓存失效或不存在,调用接口
      console.log('加载人员列表:', deptIds)
      listUsersByBranchDepts(deptIds).then(response => {
        const userList = response.data || []
        // 更新缓存
        this.staffListCache[cacheKey] = {
          data: userList,
          timestamp: now
        }
        this.processUserList(userList)
      }).catch(error => {
        console.error('加载人员列表失败:', error)
        this.$modal.showToast('加载人员列表失败')
      })
    },

    
    
    // 处理用户列表数据
    processUserList(userList) {
        this.allStaffList = userList.map(user => ({
          userId: user.userId,
          nickName: user.nickName,
@@ -226,10 +303,6 @@
        }))
        
        this.filterStaffList()
      }).catch(error => {
        console.error('加载人员列表失败:', error)
        this.$modal.showToast('加载人员列表失败')
      })
    },
    
    // 根据用户的岗位或角色判断所有类型（支持多种身份）