feats

src/pages/invoiceDetail/index.jsx

         <BanjiSearch placeholder='请输入班次名称' />
       ),
       formItemProps: {
-        rules: [          
+        rules: [
           {
             required: true,
             message: '请输入班次名称',
     {
       title: '提交时间',
       dataIndex: 'createDate',
-      key: 'createDate',  
+      key: 'createDate',
       render: (t) => t ? moment(t).format('YYYY-MM-DD HH:mm') : '-',
       width: 200,
-      search:false
+      search: false
     },
   ]
 
         columns={columns}
         request={getInvoiceDetailList}
         expfunc={getExport}
-        options={false}        
+        options={false}
         actionRef={actionRef}
         search={{
-          defaultCollapsed:false
+          defaultCollapsed: false
         }}
         form={{ ignoreRules: false }}
         manualRequest={true}
         revalidateOnFocus={false}
         rowKey="detailId"
-        scroll={{x:2500}}
+        scroll={{ x: 2500 }}
       />
     </PageHeaderWrapper>
   )

src/pages/noFill/index.jsx

-import React from 'react';
+import React, { useRef } from 'react';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import PageTable from '@/components/PageTable'
+import BanjiSearch from '@/components/BanjiSearch';
+import { getInvoicePersonNofillList } from '@/services/invoicePerson'
 
 export default (props) => {
+  const actionRef = useRef();
+
+  const columns = [
+    {
+      title: '班次名称',
+      dataIndex: 'invoiceId',
+      key: 'invoiceId',
+      search: true,
+      hideInTable: true,
+      renderFormItem: () => (
+        <BanjiSearch placeholder='请输入班次名称' />
+      ),
+      formItemProps: {
+        rules: [
+          {
+            required: true,
+            message: '请输入班次名称',
+          }
+        ],
+      }
+    },
+    {
+      title: '单位名称',
+      dataIndex: 'orgName',
+      key: 'orgName',
+      search: false,
+    },
+    {
+      title: '学员名称',
+      dataIndex: 'name',
+      key: 'name',
+      search: false,
+    },
+  ]
+
   return (
-    <PageHeaderWrapper></PageHeaderWrapper>
+    <PageHeaderWrapper>
+      <PageTable
+        request={getInvoicePersonNofillList}
+        columns={columns}
+        options={false}
+        actionRef={actionRef}
+        form={{ ignoreRules: false }}
+      />
+    </PageHeaderWrapper>
   )
 }

src/services/invoicePerson.js

 export const getInvoicePersonList = (params) =>
   request(`/invoice/${params.invoiceId}/person`, { params });
 
+// 未填写列表
+export const getInvoicePersonNofillList = (params) =>
+  request(`/invoice/${params.invoiceId}/person/nofill`, { params });
+
 // 新增保存
 export const saveInvoicePerson = (data, invoiceId) =>
   request(`/invoice/${invoiceId}/person`, { data, method: 'post' });
 
 // 批量新增保存
 export const saveImportPerson = (data, invoiceId) =>
-request(`/invoice/${invoiceId}/person/import`, { data, method: 'post' });
+  request(`/invoice/${invoiceId}/person/import`, { data, method: 'post' });