import { defineStore } from 'pinia';
import { ref } from 'vue'; // 使用 ref 更简单直观
import { getBaseDropdown, getEngInfoDropdown, getFpssDropdown } from '@/api/select';
import { set } from 'lodash';

export const useShuJuTianBaoStore = defineStore('shuJuTianBao', () => {
  // 1. 直接使用 ref 定义状态，确保响应式
  const fpssOption = ref<any[]>([]);
  const baseOption = ref<any[]>([]);
  const engOption = ref<any[]>([]);
  const fishOption = ref([]);

  // 2. 业务逻辑方法
  const getBaseOption = async () => {
    try {
      const res = await getBaseDropdown({});
      if (res.data && Array.isArray(res.data)) {
        const list = [...res.data];
        list.unshift({
          baseid: 'all',
          basename: '当前全部'
        });
        // 直接赋值给 ref，触发响应式更新
        baseOption.value = list;
      }
    } catch (error) {
      console.error('获取水电基地列表失败:', error);
    }
  };

  const getEngOption = async (baseId: string) => {
    try {
      const param = baseId === 'all' ? {} : { baseId };
      const res = await getEngInfoDropdown(param);
      if (res.data && Array.isArray(res.data)) {
        // 直接赋值给 ref
        engOption.value = res.data;
      }
    } catch (error) {
      console.error('获取电站列表失败:', error);
    }
  };


  const getFpssOption = async (baseId: string, rstcd: string) => {
    try {
      const res = await getFpssDropdown({ baseId, rstcd });
      fpssOption.value = res.data;
    } catch (error) {
      console.log(error);
    }
  };
  const getFishOption = () => {
    return fishOption.value;
  };
  const setFishOption = (data: any[]) => {
    fishOption.value = data;
  };
  // 3. 直接返回 ref 和方法
  // 在组件中使用时：store.baseOption 会自动解包为数组
  return {
    fpssOption,
    baseOption,
    engOption,
    fishOption,
    getBaseOption,
    getEngOption,
    getFpssOption,
    getFishOption,
    setFishOption
  };
});