<template>
    <div>
        <ListPage :column="tableColumn" :tableApi="settlementOrderList" :isSelect="true" :scopeBtns="scopeBtns"
            :searchBtns="searchBtns" ref="userTableRef" tableKey="orderId" :tabList="tabList" :tabsearchKey="tabKey"
            defaultTab="10" />
            <DialogForm ref="dialogFormRef" :title="dialogType ==='settlement'?costdialogData.title : dialogData.title" 
            :column="dialogType ==='settlement'?costdialogData.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 useService from './useService';
import useData from './useData';
import useUserStore from '@/store/modules/user'
const { proxy } = getCurrentInstance();
const userStore = useUserStore();
const jlzj_area_type = ref(userStore.user.dept.areaType);// 0: 平台 3:区域公司 4:服务中心
const {
    dialogFormRef,
    userTableRef,
    tabList,
    tabKey,
    submitForm,
    searchBtns,
    tableColumn,
    scopeBtns,
    dialogType
} = useService({ proxy, jlzj_area_type });
const {
    costdialogData,
    dialogData
} = useData({ proxy, jlzj_area_type });


console.log('tableColumn', tableColumn);




</script>

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