|
@@ -16,8 +16,9 @@
|
|
:columnHiddenOption="columnHiddenOption"
|
|
:columnHiddenOption="columnHiddenOption"
|
|
:row-style-option="{clickHighlight: true}"
|
|
:row-style-option="{clickHighlight: true}"
|
|
:cellSelectionOption="{enable: false}"
|
|
:cellSelectionOption="{enable: false}"
|
|
- :virtual-scroll-option="{enable: false}"
|
|
|
|
|
|
+ :virtual-scroll-option="{enable: true}"
|
|
/>
|
|
/>
|
|
|
|
+ <div v-show="localDataSource.length==0" :style="{height:scroll.y+'px'}" class="empty-data"><a-empty description="暂无数据" :image="simpleImage"/></div>
|
|
<div class="ve-pagination">
|
|
<div class="ve-pagination">
|
|
<div class="ve-page-left"></div>
|
|
<div class="ve-page-left"></div>
|
|
<a-pagination
|
|
<a-pagination
|
|
@@ -39,6 +40,7 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
+import { Empty } from 'ant-design-vue'
|
|
export default {
|
|
export default {
|
|
name: 'VTable',
|
|
name: 'VTable',
|
|
props: {
|
|
props: {
|
|
@@ -80,14 +82,13 @@ export default {
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
veColumns () {
|
|
veColumns () {
|
|
- const arr = this.convertColumns(this.columns)
|
|
|
|
- console.log(arr)
|
|
|
|
- return arr
|
|
|
|
|
|
+ return this.convertColumns(this.columns)
|
|
}
|
|
}
|
|
},
|
|
},
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
localLoading: false,
|
|
localLoading: false,
|
|
|
|
+ simpleImage: Empty.PRESENTED_IMAGE_SIMPLE,
|
|
localDataSource: [],
|
|
localDataSource: [],
|
|
sortObj: null,
|
|
sortObj: null,
|
|
isSucceed: true, // 是否请求成功
|
|
isSucceed: true, // 是否请求成功
|
|
@@ -286,6 +287,17 @@ export default {
|
|
.ant-spin-container{
|
|
.ant-spin-container{
|
|
height: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
+ .empty-data{
|
|
|
|
+ color: #999;
|
|
|
|
+ text-align: center;
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ width: 100%;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ }
|
|
.ve-pagination{
|
|
.ve-pagination{
|
|
display:flex;
|
|
display:flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|