修改表格序号以及分页序号数字问题

src/views/pqs/supervise/interfere/components/normalizationManager/programReview.vue

@@ -16,37 +16,26 @@
                 </el-select>
             </el-form-item>
         </template>
-        <template #operation>
+<template #operation>
             <el-button icon='' type='primary' @click='toGoNet()'>{{ titleButton }}</el-button>
 
             <el-button style='margin-left: 50px' :icon='Back'  @click='go(-1)'>返回</el-button>
         </template>
-    </TableHeader> -->
+</TableHeader> -->
     <div class="header_btn">
       <el-button v-if="bussType == 0 && !(jb_pl || jb_dky)" icon="" type="primary" @click="toGoNet()">
         {{ titleButton }}
       </el-button>
-      <el-button
-          v-if="bussType == 1 && needGovernance != '0' && !(jb_pl || jb_dky)"
-          icon=""
-          type="primary"
-          @click="toGoNet()"
-      >
+      <el-button v-if="bussType == 1 && needGovernance != '0' && !(jb_pl || jb_dky)" icon="" type="primary"
+        @click="toGoNet()">
         {{ titleButton }}
       </el-button>
       <el-button style="margin-left: 50px" :icon="Back" @click="go(-1)">返回</el-button>
     </div>
-    <Table ref="tableRef"/>
+    <Table ref="tableRef" />
 
-    <addForm
-        v-if="dialogVisible"
-        ref="addForms"
-        :id="bussId"
-        :bussType="bussType"
-        :title="titleButton1"
-        openType="detail"
-        @onSubmit="tableStore.index()"
-    ></addForm>
+    <addForm v-if="dialogVisible" ref="addForms" :id="bussId" :bussType="bussType" :title="titleButton1"
+      openType="detail" @onSubmit="tableStore.index()"></addForm>
   </div>
 </template>
 
@@ -55,20 +44,20 @@ defineOptions({
   name: 'ProgramReview'
 })
 
-import {ref, onMounted, provide, nextTick, onUnmounted} from 'vue'
+import { ref, onMounted, provide, nextTick, onUnmounted } from 'vue'
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
-import {cancel, userReportGoNetById} from '@/api/supervision-boot/interfere/index'
-import {useDictData} from '@/stores/dictData'
+import { cancel, userReportGoNetById } from '@/api/supervision-boot/interfere/index'
+import { useDictData } from '@/stores/dictData'
 import addForm from './addForm.vue'
-import {useRouter, useRoute} from 'vue-router'
-import {Back} from '@element-plus/icons-vue'
-import {useAdminInfo} from '@/stores/adminInfo'
+import { useRouter, useRoute } from 'vue-router'
+import { Back } from '@element-plus/icons-vue'
+import { useAdminInfo } from '@/stores/adminInfo'
 
-const {go, currentRoute, push} = useRouter()
-const {query} = useRoute() // 查询参数
-import {ElMessage} from 'element-plus'
-import {ElMessageBox} from 'element-plus/es'
+const { go, currentRoute, push } = useRouter()
+const { query } = useRoute() // 查询参数
+import { ElMessage } from 'element-plus'
+import { ElMessageBox } from 'element-plus/es'
 
 const needGovernance = query.needGovernance as unknown as string // 从 URL 传递过来的 是否需要治理
 const dictData = useDictData()
@@ -77,24 +66,28 @@ const adminInfo = useAdminInfo()
 const jb_pl = ref(false)
 const jb_dky = ref(false)
 jb_pl.value =
-    adminInfo.$state.roleCode.filter(item => {
-      return item == 'jb_pl'
-    }).length != 0
-        ? true
-        : false
+  adminInfo.$state.roleCode.filter(item => {
+    return item == 'jb_pl'
+  }).length != 0
+    ? true
+    : false
 jb_dky.value =
-    adminInfo.$state.roleCode.filter(item => {
-      return item == 'jb_dky'
-    }).length != 0
-        ? true
-        : false
+  adminInfo.$state.roleCode.filter(item => {
+    return item == 'jb_dky'
+  }).length != 0
+    ? true
+    : false
 const tableStore = new TableStore({
   url: '/supervision-boot/userReportNormal/userReportGoNetPage',
 
   method: 'POST',
   column: [
-    {title: '序号', type: 'seq', width: 80},
-    {field: 'projectName', title: '用户名称', minWidth: 170},
+    {
+      title: '序号', width: 80, formatter: (row: any) => {
+        return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+      }
+    },
+    { field: 'projectName', title: '用户名称', minWidth: 170 },
     {
       field: 'userType',
       title: '用户性质',
@@ -104,8 +97,8 @@ const tableStore = new TableStore({
         return getUserTypeName(userType)
       }
     },
-    {field: 'city', title: '所在地市', minWidth: 80},
-    {field: 'responsibleDepartment', title: '归口管理部门', minWidth: 130},
+    { field: 'city', title: '所在地市', minWidth: 80 },
+    { field: 'responsibleDepartment', title: '归口管理部门', minWidth: 130 },
     {
       field: 'userStatus',
       title: '用户状态',
@@ -124,7 +117,7 @@ const tableStore = new TableStore({
         3: '退运'
       }
     },
-    {field: 'substation', title: '厂站名称', minWidth: 100},
+    { field: 'substation', title: '厂站名称', minWidth: 100 },
     {
       field: 'status',
       title: '流程状态',
@@ -153,7 +146,7 @@ const tableStore = new TableStore({
         return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
       }
     },
-    {field: 'createTime', title: '创建时间', minWidth: 100},
+    { field: 'createTime', title: '创建时间', minWidth: 100 },
     {
       title: '操作',
       minWidth: 180,
@@ -261,7 +254,7 @@ onMounted(async () => {
   document.addEventListener('visibilitychange', handleVisibilityChange)
   if (query.fangAnId) {
     //根据id查询待编辑的数据
-    await userReportGoNetById({id: query.fangAnId}).then(res => {
+    await userReportGoNetById({ id: query.fangAnId }).then(res => {
       if (res && res.code == 'A0000') {
         dialogVisible.value = true
         titleButton1.value = '重新发起'
@@ -281,7 +274,7 @@ onUnmounted(() => {
 /**取消流程操作*/
 const cancelLeave = async (row: any) => {
   // 二次确认
-  const {value} = await ElMessageBox.prompt('请输入取消原因', '取消流程', {
+  const { value } = await ElMessageBox.prompt('请输入取消原因', '取消流程', {
     confirmButtonText: '确定',
     cancelButtonText: '取消',
     inputType: 'textarea',