gypsy-crm-frontend-vu/composables/useAccountOptions.js

import { ref, onMounted, computed } from 'vue'
import { customApi } from '@/service/custom'
import Config from '@/config/index'
const { Code } = Config
import useUserStore from '@/stores/use-user-store'

export function useAccountOptions() {
    const { loginOptions, saveLoginOptions } = useUserStore()
    // 响应式数据
    const isLoaded = ref(false)
    // 获取账户列表（核心方法）
    const getDateList = async () => {
        try {
            isLoaded.value = false
            const res = await customApi.CustomDropdown({ platform: '' })
            if (res.code === Code.StatusOK) {
                // 格式化下拉选项
                const loginOptions = res.data.map(item => ({
                    ...item,
                    value: item.login,
                    text: item.login
                }))
                saveLoginOptions(loginOptions)
            } else {
                uni.showToast({
                    title: res.msg || '获取账户失败',
                    icon: 'none'
                })
                loading.value = false
            }
        } catch (err) {
            uni.showToast({
                title: err.msg || '网络异常，请重试',
                icon: 'none'
            })
            loading.value = false
            console.error(err)
        } finally {
            isLoaded.value = true
        }
    }
    // ✨ 自动执行（页面挂载后自动调用）
    onMounted(() => {
        if (!loginOptions || loginOptions.length === 0) {
            getDateList()
        }
    })
    return {
        loginOptions,
        isLoaded,
        getDateList
    }
}