更新

src/views/backOfficeSystem/JudgmentHome/ResearchHome/index.vue

@@ -73,9 +73,9 @@
               <MyTable
                 :tableData="it.tableList"
                 :tableColumn="it.tableColumn"
-                :tableHeight="pageData.tableHeight"
                 :key="idx+''+it.keyCount"
                 :fixed="false"
+                :tableHeight="pageData.tableHeight"
                 :tabelModel="it.title"
                 :tableConfiger="pageData.tableConfiger"
                 :controlsWidth="pageData.controlsWidth"
@@ -83,7 +83,6 @@
               <template #jqlbdm="{ row }">
                 <DictTag :tag="false" :value="row.jqlbdm" :options="JQLB" />
               </template>
-                <!-- 操作 -->
                 <template #controls="{ row }">
                   <el-link type="primary" size="small" @click="handleHs(row)">网上会商</el-link>
                 </template>
@@ -93,7 +92,7 @@
                 @changeSize="changeSize($event,it.title)"
                 :tableHeight="pageData.tableHeight"
                 :pageConfiger="{ ...it.pageConfiger }"
-              ></Pages>
+              ></Pages> 
             </div>
           </li>
         </ul>
@@ -168,7 +167,7 @@ const list = reactive([
     pageConfiger:{
       page:1,
       total:0,
-      pageSize:10,
+      pageSize:6,
     },
     tableColumn:[
       { label: "舆情标题", prop: "yqbt",showOverflowTooltip: true},
@@ -184,7 +183,7 @@ const list = reactive([
     pageConfiger:{
       page:1,
       total:0,
-      pageSize:10,
+      pageSize:6,
     },
     tableColumn:[
       { label: "接警单编号", prop: "jjdbh",showOverflowTooltip: true},
@@ -201,7 +200,7 @@ const list = reactive([
     pageConfiger:{
       page:1,
       total:0,
-      pageSize:10,
+      pageSize:6,
     },
     tableColumn:[
       { label: "案件编号", prop: "ajbh",showOverflowTooltip: true},
@@ -217,7 +216,7 @@ const list = reactive([
     pageConfiger:{
       page:1,
       total:0,
-      pageSize:10,
+      pageSize:6,
     },
     tableColumn:[
       { label: "隐患标题", prop: "yhbt",showOverflowTooltip: true},
@@ -244,6 +243,7 @@ const pageData = reactive({
 
 onMounted(() => {
   // getCount(); //获取统计数据
+  tabHeightFn()
   getJqList() //警情列表
 });
 
@@ -300,6 +300,7 @@ const changeSize = (e,type) =>{
 
 }
 
+// 警情列表
 const getJqList = () =>{
   let params = {
     pageCurrent: list[1].pageConfiger.page,
@@ -382,7 +383,7 @@ const onSearch = () =>{
 const tabHeightFn = () => {
   pageData.boxHeight = window.innerHeight - searchBox.value.offsetHeight - 250
   nextTick(() => {
-    pageData.tableHeight = listBoxRef.value[0].offsetHeight - 240;
+    pageData.tableHeight = listBoxRef.value[0].offsetHeight - 70;
   });
   window.onresize = function () {
     tabHeightFn();
@@ -484,13 +485,13 @@ const tabHeightFn = () => {
 }
 
 .listBox{
+  height: calc(100% - 110px);
   margin-top: 4px;
   border-radius: 10px;
   box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
   overflow: hidden;
-  overflow-y: auto;
   .list-item{
     width: 49.5%;
     height: calc(100% / 2 - 5px);
@@ -504,7 +505,6 @@ const tabHeightFn = () => {
       font-size: 16px;
     }
     .list-table{
-      height: calc(100% - 30px);
       margin-top: 5px;
       overflow: hidden;
     }
@@ -554,3 +554,4 @@ const tabHeightFn = () => {
 }
 
 </style>
+