表格合计修改

src/views/tablePage/index.vue

@@ -11,7 +11,7 @@
         </div>
       </template>
       <div :class="dataFlag ? 'tableAuto' : treeData.length ? 'tableSacle' : 'tableAuto'" class="TablePage_content_right">
-        <PublicPageTable :loading="loading" :selected="selected" :table-cols="tableCols" :table-btns="authBtns" :data="tableData" :header-cell-class-name="headerCellClass" :row-class-name="rowClass" :cell-class-name="cellClass" :formatter="tableFormatter" :selectedDatas="selectedDatas" :selectedCheck="selectedDataCheck" show-summary @mounted="tableMountedHandler" @load="load" @cell-click="cellClickHandler" @handleDetail="handleDetail" @handleEdit="handleEdit" @handleOther="handleOther" @handleRemove="handleRemove" @handleSelectionChange="handleSelectionChange" />
+        <PublicPageTable :loading="loading" :selected="selected" :table-cols="tableCols" :table-btns="authBtns" :data="tableData" :header-cell-class-name="headerCellClass" :row-class-name="rowClass" :cell-class-name="cellClass" :formatter="tableFormatter" :selectedDatas="selectedDatas" :selectedCheck="selectedDataCheck" :show-summary="summaryFlag" @mounted="tableMountedHandler" @load="load" @cell-click="cellClickHandler" @handleDetail="handleDetail" @handleEdit="handleEdit" @handleOther="handleOther" @handleRemove="handleRemove" @handleSelectionChange="handleSelectionChange" />
       </div>
     </div>
     <div class="TablePage_dialog">
@@ -102,6 +102,7 @@ export default {
       selectedDataAlls: [], //勾选数据
       selectedDataCheck: {}, //勾选树-选中
       triggerserviceid: null, //勾选后查询的serviceid
+      summaryFlag: false, //是否显示合计行
     }
   },
   computed: {
@@ -220,7 +221,11 @@ export default {
       const tableColsCopy = _.cloneDeep(returnData).filter((item) => item.isdisplay != 0)
       const tableColsCopyOrder = _.orderBy(tableColsCopy, ['displaynumber'], ['asc'])
       // const formItemCopy = _.cloneDeep(returnData).filter((item) => item.isdisplay == 2 || item.isdisplay == 3);
-      // this.formItem = _.orderBy(formItemCopy, ['displaynumber'], ['asc']); 
+      // this.formItem = _.orderBy(formItemCopy, ['displaynumber'], ['asc']);
+      const msgCounts = tableColsCopyOrder.filter(item => item.enablecount)
+      if (msgCounts.length) {
+        this.summaryFlag = true
+      }
       this.tableCols = listToTree(tableColsCopyOrder, 'groupid', 'pagecode')
       const columncode = returnData.find(
         (item) => item.isprimarykey == 1