|
|
@@ -1,33 +1,39 @@
|
|
|
<template>
|
|
|
- <el-table
|
|
|
- ref="tableRef"
|
|
|
- :data="tableData"
|
|
|
- @cell-click="cellClick"
|
|
|
- style="width: 100%"
|
|
|
- @selection-change="selectionChange"
|
|
|
- @row-click="rowClick"
|
|
|
- @row-dblclick="rowDblClick"
|
|
|
- :height="props.finalHeight === null ? visibleWindowSize.height - props.height : props.finalHeight"
|
|
|
- highlight-current-row
|
|
|
- @row-contextmenu="contextmenu"
|
|
|
- :row-key="props.rowKey"
|
|
|
- border
|
|
|
- @select-all="selectAll"
|
|
|
- :default-expand-all="props.defaultExpandAll"
|
|
|
- stripe>
|
|
|
- <slot/>
|
|
|
- </el-table>
|
|
|
- <el-pagination
|
|
|
- v-if="props.openPaging"
|
|
|
- style="margin-top: 8px"
|
|
|
- :current-page="pageObject.currentPage"
|
|
|
- :page-size="pageObject.pageSize"
|
|
|
- :total="pageObject.total"
|
|
|
- :layout="props.layout"
|
|
|
- :small="props.small"
|
|
|
- :page-sizes="props.pageSizes"
|
|
|
- @current-change="currentChange"
|
|
|
- @size-change="sizeChange"/>
|
|
|
+ <div class="cy_display_flex_y">
|
|
|
+ <div class="cy_flex_1-y">
|
|
|
+ <el-table
|
|
|
+ ref="tableRef"
|
|
|
+ :data="tableData"
|
|
|
+ @cell-click="cellClick"
|
|
|
+ style="width: 100%"
|
|
|
+ @selection-change="selectionChange"
|
|
|
+ @row-click="rowClick"
|
|
|
+ @row-dblclick="rowDblClick"
|
|
|
+ :height="props.finalHeight === null ? visibleWindowSize.height - props.height : props.finalHeight"
|
|
|
+ highlight-current-row
|
|
|
+ @row-contextmenu="contextmenu"
|
|
|
+ :row-key="props.rowKey"
|
|
|
+ border
|
|
|
+ @select-all="selectAll"
|
|
|
+ :default-expand-all="props.defaultExpandAll"
|
|
|
+ stripe>
|
|
|
+ <slot/>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-pagination
|
|
|
+ v-if="props.openPaging"
|
|
|
+ style="margin-top: 8px"
|
|
|
+ :current-page="pageObject.currentPage"
|
|
|
+ :page-size="pageObject.pageSize"
|
|
|
+ :total="pageObject.total"
|
|
|
+ :layout="props.layout"
|
|
|
+ :small="props.small"
|
|
|
+ :page-sizes="props.pageSizes"
|
|
|
+ @current-change="currentChange"
|
|
|
+ @size-change="sizeChange"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script setup name='XcTable'>
|
|
|
@@ -37,7 +43,7 @@ import {visibleWindowSize} from "@/utils/window-size";
|
|
|
|
|
|
const props = defineProps({
|
|
|
finalHeight: {
|
|
|
- type: Number,
|
|
|
+ type: [Number, String],
|
|
|
default: null
|
|
|
},
|
|
|
data: {
|