From 58c0f11fe2f23a1be2dec768f9ac02107301a634 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 19 九月 2025 17:30:36 +0800
Subject: [PATCH] 2025.9.19 数据产品（待完成）

---
 src/components/table/FYTable.vue |   89 ++++++++++++++++++++++++++++++--------------
 1 files changed, 61 insertions(+), 28 deletions(-)

diff --git a/src/components/table/FYTable.vue b/src/components/table/FYTable.vue
index 42c7a99..2590983 100644
--- a/src/components/table/FYTable.vue
+++ b/src/components/table/FYTable.vue
@@ -1,10 +1,10 @@
 <template>
   <el-row ref="searchRef">
     <FYSearchBar @search="onSearch">
-      <template #options>
+      <template #options v-if="$slots.options">
         <slot name="options"></slot>
       </template>
-      <template #buttons>
+      <template #buttons v-if="$slots.buttons">
         <slot name="buttons"></slot>
       </template>
     </FYSearchBar>
@@ -28,6 +28,7 @@
     <slot name="options-expand2"></slot>
   </div>
   <el-table
+    v-bind="$attrs"
     ref="tableRef"
     :data="tableData"
     v-loading="loading"
@@ -39,6 +40,7 @@
     :cell-class-name="cellClassName"
     @paste="handlePaste"
     @sort-change="handleSortChange"
+    :show-overflow-tooltip="true"
     border
   >
     <slot name="table-column" :size="fontSize"></slot>
@@ -67,6 +69,7 @@
  * 浣跨敤鏃堕渶瑕佸湪<slot #options>涓坊鍔犺嚜瀹氫箟鏌ヨ閫夐」锛屽湪<slot #table-column>涓坊鍔犺嚜瀹氫箟琛ㄦ牸鍒楋紝鍚屾椂瀹炵幇瑙﹀彂鍑芥暟search
  */
 export default {
+  inject: ['contentMaxHeight'],
   props: {
     rowClassName: undefined,
     cellClassName: Function || String,
@@ -78,6 +81,23 @@
     size: {
       type: String,
       default: 'default'
+    },
+    data: {
+      type: Array,
+      default: () => []
+    },
+    totalCount: {
+      type: Number,
+      default: 0
+    },
+    defaultPageSize: {
+      type: Number,
+      default: 20
+    },
+    // 棰濆鐨勯珮搴︼紝鐢ㄤ簬璁＄畻琛ㄦ牸楂樺害
+    extraHeight: {
+      type: Number,
+      default: 0
     }
   },
   data() {
@@ -86,12 +106,12 @@
       tableData: [],
       total: 0,
       currentPage: 1,
-      pageSize: 20,
+      pageSize: this.defaultPageSize,
       loading: false,
       fontSize: 'default'
     };
   },
-  emits: ['search', 'cellClick', 'tablePaste'],
+  emits: ['search', 'cellClick', 'tablePaste', 'sortChange'],
   watch: {
     currentPage(nValue, oValue) {
       if (nValue != oValue) {
@@ -110,24 +130,26 @@
         }
       },
       immediate: true
-    }
-  },
-  computed: {
-    cTableHeight() {
-      if (this.$refs.searchRef) {
-        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 h4 = this.$refs.expand2Ref.offsetHeight;
-
-        const h = h1 + h2 + h3 + h4;
-        // return `calc(100vh - ${h1}px - ${h2}px - var(--el-main-padding) * 2 - var(--el-header-height))`;
-        return `calc(100vh - ${h}px - 60px - var(--el-main-padding) * 2)`;
-      } else {
-        return '500';
+    },
+    data(nValue, oValue) {
+      if (nValue != oValue) {
+        this.tableData = nValue;
+      }
+    },
+    totalCount(nValue, oValue) {
+      if (nValue != oValue) {
+        this.total = nValue;
+      }
+    },
+    extraHeight: {
+      handler(nValue, oValue) {
+        if (nValue != oValue) {
+          this.tableHeight = this.calcTableHeight();
+        }
       }
     }
   },
+  computed: {},
   methods: {
     /**
      * 琛ㄦ牸鏁版嵁鏌ヨ锛屼紶閫掍袱缁勫弬鏁帮紝鍒嗛〉淇℃伅鍜屽洖璋冨嚱鏁�
@@ -143,8 +165,14 @@
           pageSize: this.pageSize
         },
         (res) => {
-          this.tableData = res.data;
-          this.total = res.total ? res.total : 0;
+          if (res) {
+            if (res.data) {
+              this.tableData = res.data;
+            }
+            if (res.total) {
+              this.total = res.total;
+            }
+          }
           this.loading = false;
           this.doLayout();
         }
@@ -152,13 +180,15 @@
     },
     calcTableHeight() {
       const h1 = this.$refs.searchRef.$el.offsetHeight;
-      const h2 = this.$refs.paginationRef ? this.$refs.paginationRef.$el.offsetHeight : 0;
+      const h2 = this.$refs.paginationRef
+        ? this.$refs.paginationRef.$el.offsetHeight
+        : 0;
       const h3 = this.$refs.expandRef.$el.offsetHeight;
       const h4 = this.$refs.expand2Ref.offsetHeight;
 
-      const h = h1 + h2 + h3 + h4;
-      // return `calc(100vh - ${h1}px - ${h2}px - var(--el-main-padding) * 2 - var(--el-header-height))`;
-      return `calc(100vh - ${h}px - 60px - var(--el-main-padding) * 2)`;
+      const h = h1 + h2 + h3 + h4 + this.extraHeight;
+      return this.contentMaxHeight.value - h + 'px';
+      // return `calc(100vh - ${h}px - 60px - var(--el-main-padding) * 2)`;
     },
     tableRowClassName({ row }) {
       if (this.rowClassName) {
@@ -177,11 +207,14 @@
     handlePaste(event) {
       this.$emit('tablePaste', event);
     },
-    doLayout(){
+    doLayout() {
       this.$refs.tableRef.doLayout();
     },
-    handleSortChange({column, prop, order }){
-
+    handleSortChange({ column, prop, order }) {
+      this.$emit('sortChange', { column, prop, order });
+    },
+    clearSort() {
+      this.$refs.tableRef.clearSort();
     }
   },
   mounted() {

--
Gitblit v1.9.3