From b6b1c8a3ff6746f8983b5cc623eb7c2ed6ab7b10 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Sat, 17 Aug 2024 11:24:43 +0800
Subject: [PATCH] =?UTF-8?q?feat=20:=20=E8=A1=A8=E6=A0=BC=E5=88=86=E9=A1=B5?=
 =?UTF-8?q?=E6=97=B6=E5=BA=8F=E5=8F=B7=E8=BF=9E=E7=BB=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/expense-management/ledger/index.vue |  5 ++-
 src/views/expense-management/share/index.vue  |  5 ++-
 src/views/home/index.vue                      | 12 ++++-
 src/views/plan/index.vue                      |  5 ++-
 .../project-demand/requirement/index.vue      | 45 +++++++++++--------
 src/views/project-demand/summary/index.vue    |  3 ++
 src/views/project-management/filing/index.vue |  3 ++
 .../implementation/account.vue                |  5 ++-
 .../implementation/index.vue                  |  3 ++
 .../implementation/share.vue                  |  5 ++-
 .../project-management/initiation/index.vue   |  3 ++
 src/views/special-fund/index.vue              |  3 ++
 src/views/system/role/index.vue               |  5 ++-
 src/views/system/user/index.vue               |  5 ++-
 14 files changed, 79 insertions(+), 28 deletions(-)

diff --git a/src/views/expense-management/ledger/index.vue b/src/views/expense-management/ledger/index.vue
index 4e508ec..54dd143 100644
--- a/src/views/expense-management/ledger/index.vue
+++ b/src/views/expense-management/ledger/index.vue
@@ -109,7 +109,10 @@ const tableConfig = reactive({
       type: 'index',
       label: '序号',
       align: 'center',
-      width:85
+      width:85,
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'affiliatedCompany',
diff --git a/src/views/expense-management/share/index.vue b/src/views/expense-management/share/index.vue
index 6c27639..3dd8f6e 100644
--- a/src/views/expense-management/share/index.vue
+++ b/src/views/expense-management/share/index.vue
@@ -101,7 +101,10 @@ const tableConfig = reactive({
       type: 'index',
       label: '序号',
       align: 'center',
-      width:85
+      width:85,
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'shareName',
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 9fc2504..f84aff1 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -17,14 +17,14 @@
           </el-row>
           <el-tabs v-model="activeName" class="demo-tabs">
             <el-tab-pane :label="'待办（'+todoNum +'）'" name="first" v-loading="loading">
-              <fvTable ref="tableIns" class="home-table" :tableConfig="tableConfigBacklog" @getTotal="getTotal">
+              <fvTable ref="tableConfigBacklogRef" class="home-table" :tableConfig="tableConfigBacklog" @getTotal="getTotal">
                 <template #empty>
                   <el-empty description="暂无待办"/>
                 </template>
               </fvTable>
             </el-tab-pane>
             <el-tab-pane :label="'待上报（' + reportNum + '）'" name="second">
-              <fvTable ref="tableIns" :tableConfig="tableConfigReport" @getTotal="getReportNumTotal">
+              <fvTable ref="tableConfigReportRef" :tableConfig="tableConfigReport" @getTotal="getReportNumTotal">
                 <template #empty>
                   <el-empty description="暂无数据"/>
                 </template>
@@ -68,6 +68,8 @@ import {useAuthStore} from '@/stores/userstore.js'
 const AuthStore = useAuthStore()
 const router = useRouter()
 const activeName = ref('first')
+const tableConfigBacklogRef=ref()
+const tableConfigReportRef=ref()
 const list = ref([
   {
     title: '待立项',
@@ -129,6 +131,9 @@ const tableConfigBacklog = reactive({
       label: '序号',
       align: 'center',
       width:85,
+      index: index => {
+        return (tableConfigBacklogRef.value.getQuery().pageNum - 1) * tableConfigBacklogRef.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'targetName',
@@ -194,6 +199,9 @@ const tableConfigReport = reactive({
       label: '序号',
       align: 'center',
       width:85,
+      index: index => {
+        return (tableConfigReportRef.value.getQuery().pageNum - 1) * tableConfigReportRef.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'requirementName',
diff --git a/src/views/plan/index.vue b/src/views/plan/index.vue
index f043a1a..7d0d8f4 100644
--- a/src/views/plan/index.vue
+++ b/src/views/plan/index.vue
@@ -35,7 +35,10 @@ const tableConfig = reactive({
       type: 'index',
       label: '序号',
       align: 'center',
-      width:85
+      width:85,
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'annualPlanName',
diff --git a/src/views/project-demand/requirement/index.vue b/src/views/project-demand/requirement/index.vue
index db13829..94546f6 100644
--- a/src/views/project-demand/requirement/index.vue
+++ b/src/views/project-demand/requirement/index.vue
@@ -1,14 +1,16 @@
 <template>
   <el-form ref="formRef" :model="selectForm" class="search-form select-form" style="margin-top: 18px;margin-left: 16px">
-    <el-row >
+    <el-row>
       <el-col :span="5">
-        <el-form-item prop="requirementName" label="征集名称" >
-          <el-input v-model="selectForm.requirementName" placeholder="请输入征集名称" clearable @keyup.enter.native="getList" style="width: 100%"/>
+        <el-form-item prop="requirementName" label="征集名称">
+          <el-input v-model="selectForm.requirementName" placeholder="请输入征集名称" clearable @keyup.enter.native="getList"
+                    style="width: 100%"/>
         </el-form-item>
       </el-col>
       <el-col :span="5" :offset="1">
         <el-form-item prop="collectType" label="征集类型">
-          <el-select v-model="selectForm.collectType" ref="collectTypeSelectRef" placeholder="请选择征集类型" clearable filterable remote
+          <el-select v-model="selectForm.collectType" ref="collectTypeSelectRef" placeholder="请选择征集类型" clearable
+                     filterable remote
                      @change="getList">
             <el-option
                 v-for="item in cacheStore.getDict('collect_type')"
@@ -21,7 +23,8 @@
       </el-col>
       <el-col :span="5" :offset="1">
         <el-form-item prop="state" label="状态">
-          <el-select v-model="selectForm.state" placeholder="请选择状态" clearable filterable @change="getList" remote @visible-change="selectOptionVisibleChange">
+          <el-select v-model="selectForm.state" placeholder="请选择状态" clearable filterable @change="getList" remote
+                     @visible-change="selectOptionVisibleChange">
             <el-option
                 v-for="item in stateOption"
                 :key="item.value"
@@ -83,7 +86,10 @@ const tableConfig = reactive({
       type: 'index',
       label: '序号',
       align: 'center',
-      width:85,
+      width: 85,
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'requirementName',
@@ -115,9 +121,9 @@ const tableConfig = reactive({
       align: 'center',
       width: 120,
       currentRender: ({row, index}) => {
-        if(row.state=='1'){
+        if (row.state == '1') {
           return <span>{row.approveName}</span>
-        }else {
+        } else {
           return <span>{row.taskNode}</span>
         }
       }
@@ -181,12 +187,12 @@ const tableConfig = reactive({
   params: {}
 })
 
-const selectOptionVisibleChange=(value)=>{
-  console.log('value',value)
+const selectOptionVisibleChange = (value) => {
+  console.log('value', value)
 }
-const getStatePerm =  () => {
+const getStatePerm = () => {
   getRequirementStatePerm().then(res => {
-    stateOption.value=res.data
+    stateOption.value = res.data
   })
 }
 getStatePerm()
@@ -257,10 +263,10 @@ const headBtnClick = (key) => {
 }
 </script>
 <style lang="scss">
-.select-form{
+.select-form {
   .el-select {
 
-    .el-select__wrapper{
+    .el-select__wrapper {
       .el-select__suffix::before {
         content: "";
         width: 6px;
@@ -270,12 +276,13 @@ const headBtnClick = (key) => {
         transform: translate(-50%, -50%) rotate(-45deg);
       }
     }
+
     .is-focused {
-           .el-select__suffix::before {
-             margin-top: 10px;
-             transform:translate(-50%, -50%) rotate(-225deg)!important;
-           }
-         }
+      .el-select__suffix::before {
+        margin-top: 10px;
+        transform: translate(-50%, -50%) rotate(-225deg) !important;
+      }
+    }
   }
 }
 </style>
diff --git a/src/views/project-demand/summary/index.vue b/src/views/project-demand/summary/index.vue
index e5d0ea4..2a558dd 100644
--- a/src/views/project-demand/summary/index.vue
+++ b/src/views/project-demand/summary/index.vue
@@ -168,6 +168,9 @@ const tableConfig = reactive({
       label: '序号',
       align: 'center',
       width:60,
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'requirementName',
diff --git a/src/views/project-management/filing/index.vue b/src/views/project-management/filing/index.vue
index 09746ae..48326fa 100644
--- a/src/views/project-management/filing/index.vue
+++ b/src/views/project-management/filing/index.vue
@@ -162,6 +162,9 @@ const tableConfig = reactive({
       label: '序号',
       align: 'center',
       width:85,
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'affiliatedCompany',
diff --git a/src/views/project-management/implementation/account.vue b/src/views/project-management/implementation/account.vue
index 3a0653c..33699c8 100644
--- a/src/views/project-management/implementation/account.vue
+++ b/src/views/project-management/implementation/account.vue
@@ -374,7 +374,10 @@ const tableConfig = reactive({
       type: 'index',
       label: '序号',
       width: '80',
-      align: 'center'
+      align: 'center',
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'time',
diff --git a/src/views/project-management/implementation/index.vue b/src/views/project-management/implementation/index.vue
index 2298800..c6c43e1 100644
--- a/src/views/project-management/implementation/index.vue
+++ b/src/views/project-management/implementation/index.vue
@@ -165,6 +165,9 @@ const tableConfig = reactive({
       label: '序号',
       align: 'center',
       width:85,
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'affiliatedCompany',
diff --git a/src/views/project-management/implementation/share.vue b/src/views/project-management/implementation/share.vue
index 6906ee1..5ba0a00 100644
--- a/src/views/project-management/implementation/share.vue
+++ b/src/views/project-management/implementation/share.vue
@@ -247,7 +247,10 @@ const tableConfig = reactive({
       type: 'index',
       label: '序号',
       align: 'center',
-      width:'80'
+      width:'80',
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'time',
diff --git a/src/views/project-management/initiation/index.vue b/src/views/project-management/initiation/index.vue
index 8b2dcd4..18f2fc4 100644
--- a/src/views/project-management/initiation/index.vue
+++ b/src/views/project-management/initiation/index.vue
@@ -159,6 +159,9 @@ const tableConfig = reactive({
       label: '序号',
       align: 'center',
       width:85,
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'affiliatedCompany',
diff --git a/src/views/special-fund/index.vue b/src/views/special-fund/index.vue
index acec755..5813e3c 100644
--- a/src/views/special-fund/index.vue
+++ b/src/views/special-fund/index.vue
@@ -73,6 +73,9 @@ const tableConfig = reactive({
       label: '序号',
       align: 'center',
       width:85,
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'name',
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index a91921e..c074d07 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -119,7 +119,10 @@ const tableConfig = reactive({
       type: 'index',
       label: '序号',
       align: 'center',
-      width:85
+      width:85,
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'roleName',
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 54db16f..77b1a43 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -98,7 +98,10 @@ const tableConfig = reactive({
       type: 'index',
       label: '序号',
       align: 'center',
-      width:85
+      width:85,
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
     },
     {
       prop: 'userName',