From 440522ea896377c45ffd80f4b70927d27e701c64 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期一, 25 十二月 2023 17:30:30 +0800
Subject: [PATCH] 编写评估任务模块逻辑,未完成
---
src/components/table/FYTable.vue | 56 +++++++++++++++++++++++++++++++++-----------------------
1 files changed, 33 insertions(+), 23 deletions(-)
diff --git a/src/components/table/FYTable.vue b/src/components/table/FYTable.vue
index d87d4c8..c519077 100644
--- a/src/components/table/FYTable.vue
+++ b/src/components/table/FYTable.vue
@@ -6,18 +6,22 @@
</template>
</FYSearchBar>
</el-row>
-
+ <el-row ref="expandRef">
+ <slot name="options-expand"></slot>
+ </el-row>
<el-table
:data="tableData"
v-loading="loading"
table-layout="fixed"
:row-class-name="tableRowClassName"
:height="tableHeight"
+ border
>
<slot name="table-column"></slot>
</el-table>
<el-pagination
+ v-if="pagination"
ref="paginationRef"
class="el-pagination"
v-model:current-page="currentPage"
@@ -41,6 +45,10 @@
export default {
props: {
rowClassName: undefined,
+ pagination: {
+ type: Boolean,
+ default: true
+ }
},
data() {
return {
@@ -49,21 +57,21 @@
total: 0,
currentPage: 1,
pageSize: 20,
- loading: false,
- };
+ loading: false
+ }
},
emits: ['search'],
watch: {
currentPage(nValue, oValue) {
if (nValue != oValue) {
- this.onSearch();
+ this.onSearch()
}
},
pageSize(nValue, oValue) {
if (nValue != oValue) {
- this.onSearch();
+ this.onSearch()
}
- },
+ }
},
methods: {
/**
@@ -72,43 +80,45 @@
* 鍥炶皟鍑芥暟鎺ユ敹涓�涓璞★紝鍖呮嫭琛ㄦ牸鏁版嵁鏁扮粍data鍜屾暟鎹�绘暟total
*/
onSearch() {
- this.loading = true;
+ this.loading = true
this.$emit(
'search',
{
currentPage: this.currentPage,
- pageSize: this.pageSize,
+ pageSize: this.pageSize
},
(res) => {
- this.tableData = res.data;
- this.total = res.total;
- this.loading = false;
+ this.tableData = res.data
+ this.total = res.total ? res.total : 0
+ this.loading = false
}
- );
+ )
},
calcTableHeight() {
- const h1 = this.$refs.searchRef.$el.offsetHeight;
- const h2 = this.$refs.paginationRef.$el.offsetHeight;
+ const h1 = this.$refs.searchRef.$el.offsetHeight
+ const h2 = this.$refs.paginationRef ? this.$refs.paginationRef.$el.offsetHeight : 0
+ const h3 = this.$refs.expandRef.$el.offsetHeight
+ const h = h1 + h2 + h3
// return `calc(100vh - ${h1}px - ${h2}px - var(--el-main-padding) * 2 - var(--el-header-height))`;
- return `calc(100vh - ${h1}px - ${h2}px - 60px - var(--el-main-padding) * 2)`;
+ return `calc(100vh - ${h}px - 60px - var(--el-main-padding) * 2)`
},
tableRowClassName({ row }) {
if (this.rowClassName) {
if (typeof this.rowClassName == 'string') {
- return this.rowClassName;
+ return this.rowClassName
} else if (typeof this.rowClassName == 'function') {
- return this.rowClassName({ row });
+ return this.rowClassName({ row })
}
} else {
- return row.extension1 != '0' ? 'online-row' : 'offline-row';
+ return row.extension1 != '0' ? 'online-row' : 'offline-row'
}
- },
+ }
},
mounted() {
- this.tableHeight = this.calcTableHeight();
- this.onSearch();
- },
-};
+ this.tableHeight = this.calcTableHeight()
+ this.onSearch()
+ }
+}
</script>
<style>
--
Gitblit v1.9.3