指标新增统计

src/option/supervise/supervise.js

@@ -217,6 +217,7 @@ export const IndicatorColumnList = [
     fixed: false,
     sortable: true,
     head: false,
+    isshowSummary: true,
   },
   {
     prop: 'createDeptName',

src/views/supervise/IndicatorList.vue

@@ -81,6 +81,7 @@
       <el-row>
         <!-- 列表模块 -->
         <tablecmt
+          ref="tableNode"
           :columnList="IndicatorColumnList"
           :tableData="classificationdata"
           :loading="loadingclassification"
@@ -106,23 +107,21 @@
       </el-row>
 
       <!-- 分页模块 -->
-      <el-row class="el-fy">
-        <div class="avue-crud__pagination flex-c-sb" style="width: 100%">
-          <div></div>
-          <el-pagination
-            align="right"
-            background
-            @size-change="sizeChange"
-            @current-change="currentChange"
-            :current-page="currentPage"
-            :page-sizes="[30, 50, 80, 120]"
-            :page-size="pageSize"
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="total"
-          >
-          </el-pagination>
-        </div>
-      </el-row>
+      <div class="flex-c-sb">
+        <div></div>
+        <el-pagination
+          align="right"
+          background
+          @size-change="sizeChange"
+          @current-change="currentChange"
+          :current-page="currentPage"
+          :page-sizes="[30, 50, 80, 120]"
+          :page-size="pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total"
+        >
+        </el-pagination>
+      </div>
     </div>
 
     <el-dialog v-model="newlyAdded" title="查看详情" width="60%">
@@ -369,6 +368,7 @@ import { ElMessage, ElMessageBox } from 'element-plus';
 import { ref, reactive, computed, onMounted } from 'vue';
 import { IndicatorColumnList } from '@/option/supervise/supervise.js';
 import functions from '@/utils/functions.js';
+import { setNodeHeight } from '@/utils/util';
 import {
   $_Getclassify,
   $_newlyadded,
@@ -431,6 +431,8 @@ const fuj = val => {
     .catch(() => {});
 };
 const srcList = ref([]);
+/** 表格实例 */
+const tableNode = ref();
 const onLoad = () => {
   let data = {
     current: current.value,
@@ -585,13 +587,13 @@ const handleNodeClick = (data, node, component) => {
 
   // 根据你的需求处理点击事件
 };
-const assessDeptChange=()=>{
-  if(!searchFrom.value.assessDept){
-    query.value.assessDept=null
+const assessDeptChange = () => {
+  if (!searchFrom.value.assessDept) {
+    query.value.assessDept = null;
     onLoad();
   }
-  console.log(searchFrom.value.assessDept,'当前点击的考核部门');
-}
+  console.log(searchFrom.value.assessDept, '当前点击的考核部门');
+};
 
 // 考核部门搜索
 const searcheNodeClick = (data, node, component) => {
@@ -743,6 +745,8 @@ const selectionChange = list => {
 
 const searchHide = () => {
   search.value = !search.value;
+
+  setNodeHeight(tableNode.value.$el, '', true);
 };
 // 指标分类选择
 const ClassificationChange = val => {
@@ -1045,9 +1049,9 @@ const timeChange = val => {
     }
   }
 }
-.maboxhi {
-  height: 700px !important;
-}
+// .maboxhi {
+//   height: 700px !important;
+// }
 .el_fotnr {
   :deep(.el-upload) {
     display: none;

src/views/supervise/management.vue

@@ -67,30 +67,29 @@
       </el-row>
 
       <!-- 首页表格 -->
-      <el-row>
-        <!-- 列表模块 -->
-        <tablecmt
-          :columnList="managementColumnList"
-          :tableData="classificationdata"
-          :loading="loadingclassification"
-          @inputTxt="inputsc"
-          @timeCheck="timesc"
-          @btnCheck="btnsc"
-          @selectCheck="selectsc"
-          @selection="selectionChange"
-        >
-          <template #default="slotProps">
-            <template v-if="slotProps.scope.column.label === '操作'">
-              <div class="ElBtnClass">
-                <el-button text @click="ClassificationDditing(slotProps.scope)">编辑</el-button>
-                <el-button text type="primary" @click="CategoryDeletion(slotProps.scope)"
-                  >删除</el-button
-                >
-              </div>
-            </template>
+      <!-- 列表模块 -->
+      <tablecmt
+        ref="tableNode"
+        :columnList="managementColumnList"
+        :tableData="classificationdata"
+        :loading="loadingclassification"
+        @inputTxt="inputsc"
+        @timeCheck="timesc"
+        @btnCheck="btnsc"
+        @selectCheck="selectsc"
+        @selection="selectionChange"
+      >
+        <template #default="slotProps">
+          <template v-if="slotProps.scope.column.label === '操作'">
+            <div class="ElBtnClass">
+              <el-button text @click="ClassificationDditing(slotProps.scope)">编辑</el-button>
+              <el-button text type="primary" @click="CategoryDeletion(slotProps.scope)"
+                >删除</el-button
+              >
+            </div>
           </template>
-        </tablecmt>
-      </el-row>
+        </template>
+      </tablecmt>
 
       <!-- 分页模块 -->
       <el-row class="el-fy">
@@ -248,7 +247,7 @@ import {
   $_classifupdateChild,
   $_parentId,
 } from '@/api/classify/classify';
-import { isNumber } from '@/utils/util';
+import { isNumber, setNodeHeight } from '@/utils/util';
 const loadingclassification = ref(false); //指标分类加载效果
 const classificationdata = ref([]); //指标分类数据
 const current = ref(1); //当前页
@@ -274,6 +273,9 @@ const drawerShow = ref(false); //抽屉显示
 const department = ref(); //考核部门存储
 const examineDeptName = ref(''); //考核部门名字
 
+/** 表格实例 */
+const tableNode = ref();
+
 // 获取分类指标
 // 在外部定义递归函数，用于加载和更新分类
 const loadChildren = (targetList, parentId, indicatorValue) => {
@@ -314,7 +316,7 @@ const loadChildren = (targetList, parentId, indicatorValue) => {
 // 当分类项被点击时调用
 const classification = (val, index) => {
   console.log(index, '当前点击的谁');
-  console.log(val,'val222');
+  console.log(val, 'val222');
   const currentCategory = AssessmentDepartment.value.find(category => category.value === index);
   if (currentCategory) {
     if (currentCategory.hasChildren && currentCategory.children.length === 0) {
@@ -330,16 +332,15 @@ const classification = (val, index) => {
   }
 };
 
-
 // 初始时获取顶级分类
 const loadInitialCategories = (val = 0) => {
   let dataSub = { parentId: val };
   $_parentId(dataSub).then(res => {
     console.log(res, '初始化顶级分类-------');
     res.data.data.forEach(item => {
-      setTimeout(()=>{
-        classification(item.id,item.value)
-      },0)
+      setTimeout(() => {
+        classification(item.id, item.value);
+      }, 0);
       department.value = item.id;
       AssessmentDepartment.value.push({
         value: item.value,
@@ -354,8 +355,6 @@ const loadInitialCategories = (val = 0) => {
 };
 loadInitialCategories();
 
-
-
 const handleNodeClick = (data, node, component) => {
   // 'data' 是点击的节点数据
   // 'node' 是 Node 对象
@@ -363,8 +362,8 @@ const handleNodeClick = (data, node, component) => {
   // console.log('You clicked:', data);
   department.value = data; //存储当前点击的考核部门
   console.log(department.value, '当前点击的考核部门');
-  console.log(data.id,'data.id');
-  console.log(data.value,'data.value');
+  console.log(data.id, 'data.id');
+  console.log(data.value, 'data.value');
   if (data.hasChildren) {
     classification(data.id, data.value);
   }
@@ -540,6 +539,8 @@ const BatchDelete = () => {
 // 放大镜搜索
 const searchHide = () => {
   search.value = !search.value;
+
+  setNodeHeight(tableNode.value.$el, '', true);
 };
 // 分类删除
 const CategoryDeletion = val => {
@@ -772,7 +773,7 @@ const handleClose = res => {
     margin-right: 0;
   }
 }
-.maboxhi {
-  height: 700px !important;
-}
+// .maboxhi {
+//   height: 700px !important;
+// }
 </style>