From 6625e0c1a30658966603e9c4ea6228e06c0533ad Mon Sep 17 00:00:00 2001
From: mll <mll>
Date: Tue, 17 Mar 2026 11:34:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=A5=E8=A1=A8=E9=A1=B5=E9=9D=A2=E9=AB=98?=
 =?UTF-8?q?=E5=BA=A6=E5=9B=BA=E5=AE=9A=20=E5=90=88=E8=AE=A1=E5=88=97index?=
 =?UTF-8?q?=E5=92=8Cselection=E5=BC=80=E5=90=AF=E6=97=B6=E5=B9=B6=E4=B8=A4?=
 =?UTF-8?q?=E8=A1=8C=EF=BC=8C=E5=89=82=E5=9E=8B=E5=90=8D=E7=A7=B0=20?=
 =?UTF-8?q?=E9=94=80=E5=94=AE=E7=B1=BB=E5=9E=8B=20=E4=B8=9A=E5=8A=A1?=
 =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E4=B8=8B=E6=8B=89=E6=95=B0=E6=8D=AE=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../LowDesign/src/LowReport/index.vue         | 68 +++++++++++++++++--
 src/styles/var.css                            |  2 +-
 2 files changed, 64 insertions(+), 6 deletions(-)

diff --git a/src/components/LowDesign/src/LowReport/index.vue b/src/components/LowDesign/src/LowReport/index.vue
index eda58c5..80f337e 100644
--- a/src/components/LowDesign/src/LowReport/index.vue
+++ b/src/components/LowDesign/src/LowReport/index.vue
@@ -42,7 +42,9 @@
           <Icon :size="14" icon="clarity:export-line"></Icon>
           <span>{{ t('Avue.crud.excelBtn') }}</span>
         </ElButton>
+        <div ref="tableHeightRef"></div>
       </template>
+    
       <template v-for="prop in numberRange" :key="prop" #[`${prop}-search`]="scope">
         <InputNumberRange
           v-model="tableSearch[prop]"
@@ -71,6 +73,9 @@
           :column="scope.column"
         ></InputTimeRange>
       </template>
+      <template #summary>
+        123123
+      </template>
       <template #header v-if="Object.keys(dimensionFields)?.length">
         <div  style="display:flex;align-items:center;border-top:1px solid #eee;margin-bottom:10px;padding-top:10px;">
         <span style="margin-right:10px;">维度：</span>
@@ -126,7 +131,7 @@ const loading = ref(false) // 列表的加载中
 const isInit = ref(false)
 const isSearch = ref(false)
 
-
+const tableHeightRef = ref<any>(null)
 const tableOption = ref<any>({})
 const tableData = ref<any>([])
 const tableSearch = ref({
@@ -160,6 +165,45 @@ const crudBind = computed(() => {
   return obj
 })
 
+function getElementToBodyTop(el) {
+  if (!el || !(el instanceof HTMLElement)) return 0;
+  
+  // 1. 获取元素相对于视口的位置（top是元素顶部到视口顶部的距离）
+  const rect = el.getBoundingClientRect();
+  // 2. 视口顶部到body顶部的距离 = 页面滚动的距离（window.scrollY）
+  // 最终距离 = 元素视口top + 页面滚动距离 - body的margin/padding（可选，根据场景）
+  const bodyTop = document.body.getBoundingClientRect().top; // body自身的偏移（通常为0）
+  return rect.top - bodyTop + window.scrollY;
+}
+const tableHeight=ref(0)
+watch(()=>tableHeightRef.value,()=>{
+  if(tableHeightRef.value){
+    setTimeout(()=>{
+      observeHeightChange(document.querySelector('.avue-crud__search'))
+      if(tableOption.value.showSummary&&tableOption.value.index&&tableOption.value.selection){
+        document.querySelector('tfoot tr td').colSpan="2"
+        document.querySelectorAll('tfoot tr td')[1].style.display="none"
+
+      }
+      
+    },1000)
+  }
+})
+let resizeObserver = null;
+const observeHeightChange = (targetEl) => {
+  // 确保元素已挂载
+  if (!targetEl) return;
+  // 创建ResizeObserver实例
+  resizeObserver = new ResizeObserver((entries) => {
+    const calcH= getElementToBodyTop(tableHeightRef.value)
+  tableHeight.value= ('calc(100vh - '+(parseInt(calcH+160))+"px)")
+  if(document.querySelector('.el-table').style){
+    document.querySelector('.el-table').style.height=tableHeight.value
+  }
+  });
+  // 开始监听目标元素
+  resizeObserver.observe(targetEl);
+};
 const setLastAmountRowClass=(row,rowIndex)=>{
   if(row.isAmount===true){
     return 'lastAmountRow'
@@ -214,7 +258,7 @@ const initTable = async () => {
     menu: false,
     addBtn: false,
     height: isHeight ? 'auto' : undefined,
-    calcHeight: isHeight ? 10 : '',
+    calcHeight: isHeight ?10 : '',
     index: reportVo.tableConfig.includes('index'),
     indexLabel: '序号',
     indexWidth: 54,
@@ -303,10 +347,23 @@ const initTable = async () => {
         if(item.fieldName=='效期剩余时间(天)分类') config.searchSpan=5
     
     if(config.search) config.searchLabelWidth=item.fieldName.length*12 +40
-    if(['货品名称','货品','剂型','产品','产品名称','剂型名称','客户名称','客户','业务员'].includes(item.fieldName)&&config.search){
-       config.dataType= 'string'
+    const jkTableDicFields={
+      '货品名称':'hpmx',
+      '货品':'hpmx',
+      '剂型':'jxjk',
+      '产品':'hpmx',
+      '产品名称':'hpmx',
+      '剂型名称':'jxjk',
+      '客户名称':'khxx',
+      '销售类型':'xslx',
+      '客户':'khxx',
+      '业务员':'ywyxx',
+      '业务区域':'ywqy',
+    }
+    if(Object.keys(jkTableDicFields).includes(item.fieldName)&&config.search){
+      config.dataType= 'string'
       config.dictType= 'defaultTable'             
-      config.dicUrl= `/lideeyunji/report-data/list/${item.fieldName.includes('客户') ?'khxx':(item.fieldName.includes('业务员')?'ywyxx': 'hpmx')}`
+      config.dicUrl= `/lideeyunji/report-data/list/${jkTableDicFields[item.fieldName]}`
       config.dicMethod= 'post'
       config.dicQuery= { //请求参数
            pageSize: 1000000,
@@ -406,6 +463,7 @@ const initTableLayout = () => {
   timerObj.value.layout = setTimeout(() => {
     if (crudRef.value) crudRef.value.getTableHeight()
   }, 100)
+
 }
 
 const selectionChange = (data) => {
diff --git a/src/styles/var.css b/src/styles/var.css
index 63459ba..f1a7483 100644
--- a/src/styles/var.css
+++ b/src/styles/var.css
@@ -50,7 +50,7 @@
 
   --app-content-bg-color: #f5f7f9;
 
-  --app-footer-height: 50px;
+  --app-footer-height: 30px;
 
   --transition-time-02: 0.2s;
 }