ChuangHeng_new/src/views/modules/wechatUser/teamManager.vue

<template>
    <div class="page">
        <el-table :data="list" border cell-class-name="vertical-top-cell" v-loading="loading" empty-text="暂无团队" max-height="578px" style="margin-top: 18px;">
            <el-table-column label="序号" width="50">
                <template #default="scope">
                    {{ scope.$index + 1 }}
                </template>
            </el-table-column>
            <el-table-column label="团队名称" prop="xx"></el-table-column>
            <el-table-column label="所在公司" prop="xx"></el-table-column>
            <el-table-column label="所属地区" prop="xx"></el-table-column>
            <el-table-column label="所属行业" prop="xx"></el-table-column>
            <el-table-column label="团队职能类型" prop="xx"></el-table-column>
            <el-table-column label="团队架构类型" prop="xx"></el-table-column>
            <el-table-column label="团队规模" prop="xx"></el-table-column>
            <el-table-column label="团队层级" prop="xx"></el-table-column>
            <el-table-column label="团队简介" prop="xx" show-overflow-tooltip></el-table-column>
            <el-table-column label="创建时间" prop="xx"></el-table-column>
        </el-table>
        <el-row style="display: flex;justify-content: center;">
            <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="queryParams.page"
                :page-sizes="[5, 10, 20, 50]"
                :page-size="10"
                layout="total, sizes, prev, pager, next, jumper"
                :total="total"
                v-show="total > 0">
            </el-pagination>
        </el-row>
    </div>
</template>

<script setup name="">
    const props = defineProps({
        list:{
            typeof:Array,
            default:()=>[]
        }
    });
    import { ref, getCurrentInstance } from 'vue'
    const { proxy } = getCurrentInstance();
    
    const queryParams = ref({
        page: 1,
        pageSize: 10
    })
    const total = ref(0)
    const loading = ref(false)

    const handleSizeChange = (val) => {
        queryParams.value.pageSize = val;
        proxy.$emit('handleSizeChange', queryParams);
    }

    const handleCurrentChange = (val) => {
        queryParams.value.page = val;
        proxy.$emit('handleCurrentChange', queryParams);
    }
</script>

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