import { shallowRef, reactive } from 'vue'
import { EchartsDataset } from '@/hooks/echarts/line/interface'
import { queryTHJPurchaseTransferDetail } from '@/services/api/contract'

// 合同转让详情
export function useContractDetails(wrstandardid: number) {
    const loading = shallowRef(false)
    const details = shallowRef<Partial<Model.THJPurchaseTransferDetailRsp>>({})

    // 图表数据
    const chartData = reactive<EchartsDataset['line']['source']>({
        price: [],
        date: []
    })

    const getContractDetails = async () => {
        try {
            loading.value = true
            const res = await queryTHJPurchaseTransferDetail({
                wrstandardid,
            })
            details.value = res.data
            res.data.spotgoodspricelogs.forEach(({ spotgoodsprice, tradedate }) => {
                chartData.price.push(spotgoodsprice)
                chartData.date.push(tradedate)
            })
        } finally {
            loading.value = false
        }
    }

    return {
        loading,
        details,
        chartData,
        getContractDetails,
    }
}