feat(contract): 优化合同台账报表页面显示

- 添加序号列便于数据识别
- 修复分页组件布局问题
- 将每页显示数量从10条增加到20条以提升用户体验

src/views/oa/erp/contractLedgerReport/index.vue

@@ -2,7 +2,13 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryFormRef" :inline="true" v-show="showSearch" label-width="120px">
       <el-form-item label="客户合同编号" prop="customerContractCode">
-        <el-input v-model="queryParams.customerContractCode" placeholder="请输入客户合同编号" clearable style="width: 180px" @keyup.enter="handleQuery" />
+        <el-input
+          v-model="queryParams.customerContractCode"
+          placeholder="请输入客户合同编号"
+          clearable
+          style="width: 180px"
+          @keyup.enter="handleQuery"
+        />
       </el-form-item>
       <el-form-item label="海威SAP订单号" prop="internalContractCode">
         <el-input
@@ -40,6 +46,7 @@
 
     <el-table v-loading="loading" :data="reportList" border @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" fixed="left" />
+      <el-table-column type="index" label="序号" width="55" align="center" fixed="left" />
       <el-table-column label="月份" prop="month" width="100" align="center" fixed="left" />
 
       <!-- ========== 合同信息 ========== -->
@@ -120,13 +127,7 @@
       </el-table-column>
     </el-table>
 
-    <pagination
+    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
-      v-show="total > 0"
-      :total="total"
-      v-model:page="queryParams.pageNum"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-    />
   </div>
 </template>
 
@@ -151,7 +152,7 @@ const queryFormRef = ref<ElFormInstance>();
 
 const queryParams = reactive<ContractLedgerReportQuery>({
   pageNum: 1,
-  pageSize: 10,
+  pageSize: 20,
   customerContractCode: undefined,
   internalContractCode: undefined,
   projectCode: undefined,