<template>
    <div>
        <ListPage :column="tableColumn" :tableApi="settlementOrderList" :isSelect="true" :scopeBtns="scopeBtns"
            :searchBtns="searchBtns" ref="userTableRef" tableKey="mainOrderId" :tabList="tabList"
            tabsearchKey="orderStatus" defaultTab="10" />
        <DialogForm ref="dialogFormRef" :title="dialogData.title" :column="dialogData.column" @submit="submitForm"
            labelWidth="120px" />
    </div>
</template>

<script setup>
import { ref, computed } from 'vue';
import ListPage from '@/views/components/ListPage/index.vue';
import DialogForm from '@/views/components/DialogForm/index.vue';
import { settlementOrderList } from "@/api/finance/settlement.js";

import useData from './useData';
import usePlatform from './usePlatform';
import useRegional from './useRegional';
import useService from './useService';
const { proxy } = getCurrentInstance();

const jlzj_area_type = ref('0');// 0: 平台 10:区域公司 20:服务中心
const useFun ={
    "0":usePlatform,
    "10":useRegional,
    "20":useService,
}
const {
    tableColumn,
    dialogData,
    tabList,
} = useFun[jlzj_area_type.value](proxy);
const {
    dialogFormRef,
    userTableRef,
    searchBtns,
    scopeBtns
} = useData({ proxy, jlzj_area_type });
console.log('tableColumn', tableColumn);





</script>

<style lang='scss' scoped></style>