表格和图表展示 ；同步 colFilter

wujingjing

2024-10-21 9e9d666bbe57503bb0902bda0d23bf34ae75e832

 src/components/chat/chatComponents/summaryCom/components/recordSetTable/RecordSetTable.vue

@@ -1,7 +1,5 @@
<!-- 查询最新警告信息 -->
<template>
   <div>
      <!-- <span v-if="data?.title" class="text-base font-bold flex-center mb-5">{{ data?.title }}</span> -->
      <div class="w-full flex-column">
         <div class="flex-0 flex-items-center mb-1 h-[38px] ">
            <template v-if="visibleParams && visibleParams.length > 0">
@@ -16,7 +14,6 @@
                  @change="(val) => handleQueryChange(val, item)"
                  :originData="originData"
               ></component>
					
            </template>

            <ColFilter class="ml-auto" :columnList="colList" @change="colFilterChange" />
@@ -75,6 +72,7 @@
         </div>

         <el-pagination
         class="flex-0"
            style="margin-bottom: 0 !important; margin-left: auto !important; float: none !important"
            small
            hide-on-single-page
@@ -85,7 +83,6 @@
         />

         <InfoDetail class="text-base" v-model="infoDetailIsShow" :item="detailMapRow" :colList="colList" />
      </div>
   </div>
</template>

@@ -114,6 +111,10 @@
   summaryIndex: {
      type: Number,
   },
   tableLimitHeight:{
      type:Number,
      required:false
   }
});

const [DefineColumns, ReuseColumns] = createReusableTemplate<{
@@ -322,7 +323,6 @@
   if (width === 0 || height === 0) {
      return;
   }

   if (props.data?.cols?.length > 0 ) {
      cellRowSpanMap.clear();
      props.data.values = buildGroupData(props.data.values);
@@ -394,7 +394,7 @@
   const headerHeight = tableRef.value.$el.querySelector('.el-table__header-wrapper').clientHeight;

   // 限制高度
   const limitHeight = document.body.clientHeight * 0.7;
   const limitHeight =props.tableLimitHeight ??containerRef.value.clientHeight;

   // 求 size
   // size*cellHeight + size*THICK_BORDER_WIDTH + headerHeight <= limitHeight;
@@ -425,7 +425,6 @@
};

const tableHeight = ref(0.7 * document.body.clientHeight);

//#region ======================  ======================
const infoDetailIsShow = ref(false);
const detailMapRow = ref(null);