From 95110fc987846d9ccfd330bed0b0aefefd395f0f Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期五, 22 三月 2024 11:50:35 +0800
Subject: [PATCH] 动态简易版分页
---
Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue | 122 ++++------------------------------------
1 files changed, 12 insertions(+), 110 deletions(-)
diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue
index aefe368..53e31a5 100644
--- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue
+++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue
@@ -1,11 +1,10 @@
<template>
- <div>
- <div class="UI-dynamic" :id="'UI-dynamic-'+areasName+componentVO.oid" v-if="tableType === 'table'">
+ <div class="UI-dynamic" :id="'UI-dynamic-'+areasName+componentVO.oid">
<avue-crud v-model="form"
ref="dataTable"
:data="tableList"
:option="option"
- :page.sync="page"
+ :page.sync="pageType"
:table-loading="loading"
@selection-change="selectChange">
<!--top鍖哄煙鎸夐挳-->
@@ -19,30 +18,6 @@
</template>
</avue-crud>
</div>
-
- <div class="UI-dynamic" :id="'UI-dynamic-'+areasName+componentVO.oid" v-if="tableType === 'TreeTable'">
- <avue-crud v-model="TreeForm"
- :option="TreeOption"
- :data="TreeData"
- :page.sync="TreePage"
- ref="treeTable"
- @selection-change="TreeSelectChange">
- <template #icon="scope">
- <i :class="scope.row.icon"
- style="font-size:24px"></i>
- </template>
- <!--top鍖哄煙鎸夐挳-->
- <template slot="menuLeft" slot-scope="scope">
- <dynamic-button LocationType="top" type="table":butttonList="componentVO.buttons" :selectList="selectList"></dynamic-button>
- </template>
-
- <!--menu鍖哄煙鎸夐挳-->
- <template slot="menu" slot-scope="scope">
- <dynamic-button :scope="scope" LocationType="menu" type="table":butttonList="componentVO.buttons" :selectList="selectList"></dynamic-button>
- </template>
- </avue-crud>
- </div>
- </div>
</template>
<script>
@@ -92,12 +67,13 @@
page: {
pageSize: 10,
currentPage: 1,
- total: 5,
+ total: 50,
},
- TreePage:{
- pageSize: 10,
+ simplePage:{
currentPage: 1,
- total: 5,
+ total: 100,
+ pagerCount:4,
+ layout:"prev, pager, next"
},
//琛ㄦ牸鏁版嵁
tableList: [
@@ -499,7 +475,8 @@
addBtn: false,
editBtn: false,
delBtn: false,
- selection:true,
+ selection: true,
+ tip:false,
height: '100%',
calcHeight: 15,
indexFixed: false,
@@ -507,84 +484,6 @@
column: [],
},
selectList:[],
- //琛ㄦ牸鏍�
- TreeForm:{},
- TreeOption:{
- height: '100%',
- addBtn:false,
- editBtn:false,
- delBtn:false,
- selection: true,
- calcHeight: 15,
- indexFixed: false,
- menuFixed: false,
- column: [
- {
- label: '浜嬩欢',
- prop: 'event',
- align: 'left',
- width: 200
- },
- {
- label: '鏃堕棿绾�',
- prop: 'timeLine'
- },
- {
- label: '澶囨敞',
- prop: 'comment'
- }
- ],
- rowKey: 'id',
- rowParentKey: 'parentId',
-
- },
- TreeData:[
- {
- id: 10,
- event: '浜嬩欢1',
- timeLine: 50,
- comment: '鏃�'
- },
- {
- id: 1,
- event: '浜嬩欢1',
- timeLine: 100,
- comment: '鏃�',
- children: [
- {
- parentId: 1,
- id: 2,
- event: '浜嬩欢2',
- timeLine: 10,
- comment: '鏃�'
- },
- {
- parentId: 1,
- id: 3,
- event: '浜嬩欢3',
- timeLine: 90,
- comment: '鏃�',
- children: [
- {
- parentId: 3,
- id: 4,
- event: '浜嬩欢4',
- timeLine: 5,
- comment: '鏃�'
- },
- {
- parentId: 3,
- id: 5,
- event: '浜嬩欢5',
- timeLine: 10,
- comment: '鏃�'
- }
- ]
- }
- ]
- }
- ],
- TreeSelectList:[]
}
},
computed: {
@@ -603,6 +502,9 @@
};
});
},
+ pageType() {
+ return this.areasName === 'westArea' ? this.simplePage : this.page;
+ }
},
watch:{
parentHeight:{
--
Gitblit v1.9.3