feat: 增加一些组件

zhangnuoyan

2024-08-25 77e5c96577bfe426e4a341361e5c196dd5c5b7c9

 src/views/components/the-a-table/index.vue

@@ -1,26 +1,26 @@
<template>
    <!-- 表格 -->
    <div class="the-a-table" :class="currentThemeMode === 'dark' ? 'a-table-dark' : ''">
        <div class="overSpread1" v-show="iscolopen" @click="onMaskClick"></div>
        <div class="table-select" v-if="colOpenShow">
        <!-- <div v-show="iscolopen" class="overSpread1" @click="onMaskClick"></div> -->
        <!-- <div v-if="colOpenShow" class="table-select">
            <div class="select-box">
                <icon-list class="box-icon" @click="checkcol" :size="24" />
                <icon-list class="box-icon" :size="24" @click="checkcol" />
                <a-scrollbar
                    v-show="iscolopen"
                    class="box-scrollbar"
                    type="track"
                    style="height: 200px; overflow: auto"
                    v-show="iscolopen"
                >
                    <a-space class="box-post" direction="vertical" size="large">
                        <a-checkbox-group direction="vertical" @change="selCeckBoxList" v-model="checkedValue">
                            <a-checkbox v-for="(item, index) in columns" :value="item.title" :key="index">
                        <a-checkbox-group v-model="checkedValue" direction="vertical" @change="selCeckBoxList">
                            <a-checkbox v-for="(item, index) in columns" :key="index" :value="item.title">
                                {{ item.title }}
                            </a-checkbox>
                        </a-checkbox-group>
                    </a-space>
                </a-scrollbar>
            </div>
        </div>
        </div> -->
        <a-space direction="vertical" size="large" fill>
            <a-table
                row-key="id"
@@ -30,10 +30,10 @@
                :columns="tableColumns"
                :bordered="bordered"
                :size="size"
                @page-change="onPageChange"
                :max-height="documentHeight"
                :scroll="{ x: 1000 }"
                :row-selection="rowSelection"
                @page-change="onPageChange"
                @select-all="selectTabAll"
                @selection-change="selectTabChange"
            >
@@ -46,7 +46,7 @@
                    >
                    </a-table-column>
                </template> -->
                <template v-for="(item, key, i) in slots" :key="i" v-slot:[key]="{ record, rowIndex, column }">
                <template v-for="(item, key, i) in slots" :key="i" #[key]="{ record, rowIndex, column }">
                    <slot :name="key" v-bind="{ rowIndex: rowIndex, record: record, column: column }"></slot>
                </template>
            </a-table>
@@ -78,7 +78,7 @@
    {
        columns: () => [], //表头
        data: () => [], //数据
        colOpenShow: true, // 配置列表 表头
        colOpenShow: false, // 配置列表 表头
        loading: false,
        pagination: false,
        checkedValue: () => [],