<template>
    <div>
        <ListPage :column="tableColumn" :tableApi="list" :isSelect="true" :scopeBtns="scopeBtns"
            :searchBtns="searchBtns" ref="userTableRef" tableKey="id" :tabList="tabList"
            tabsearchKey="auditorStatus" 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 { list } from "@/api/finance/settlement.js";
import useData from './useData';
import useUserStore from '@/store/modules/user'
const { proxy } = getCurrentInstance();

const userStore = useUserStore();
const jlzj_area_type = ref(userStore.areaType);// 0: 平台 10:区域公司 20:服务中心
const {
    tableColumn,
    dialogData,
    tabList,
    dialogFormRef,
    userTableRef,
    searchBtns,
    scopeBtns,
    submitForm
} = useData({ proxy, jlzj_area_type });
console.log('tableColumn', tableColumn);





</script>

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