feat(invoice): 重发记录表格增加收款单位筛选功能

- 在 ReissueRecord 组件中添加收款单位筛选列 - 使用 getPayees 函数获取收款单位数据 - 优化 OrderDrawer 组件中的平台类型选择逻辑 -移除课题组名称字段的必填规则

feat(invoice): 重发记录表格增加收款单位筛选功能
- 在 ReissueRecord 组件中添加收款单位筛选列 - 使用 getPayees 函数获取收款单位数据 - 优化 OrderDrawer 组件中的平台类型选择逻辑 -移除课题组名称字段的必填规则
曾国涛
1 parent f49246a4
Showing 2 changed files with 27 additions and 13 deletions
src/pages/Invoice/ReissueRecord/index.tsx
src/pages/Order/OrderList/OrderDrawer.tsx
@@ -24,7 +24,7 @@ export const waitTimePromise = async (time: number = 100) =&gt; {
 export default () => {
   const actionRef = useRef<ActionType>();
-  const { getInvoiceFlushStatus } = useModel('enum');
+  const { getInvoiceFlushStatus, getPayees } = useModel('enum');
   const columns: ProColumns[] = [
     {
       dataIndex: 'index',
@@ -186,6 +186,19 @@ export default () =&gt; {
       },
     },
     {
+      title: '收款单位',
+      valueType: 'select',
+      key: 'payee',
+      dataIndex: 'payee',
+      filters: true,
+      onFilter: true,
+      hideInTable: true,
+      request: async () => {
+        const res = await getPayees();
+        return enumToSelect(res);
+      },
+    },
+    {
       title: '财务负责人',
       dataIndex: 'financeManager',
       ellipsis: true,
@@ -306,7 +319,6 @@ export default () =&gt; {
         },
       }}
       form={{
-        // 由于配置了 transform，提交的参数与定义的不同这里需要转化一下
         syncToUrl: (values, type) => {
           if (type === 'get') {
             return {
@@ -318,8 +330,12 @@ export default () =&gt; {
         },
       }}
       pagination={{
-        pageSize: 5,
-        onChange: (page) => console.log(page),
+        //pageSize: 5, // 默认每页展示条数
+        pageSizeOptions: ['5', '10', '20', '50'], // 可选的条数
+        showSizeChanger: true, // 启用条数选择器
+        /*
+            onChange: (page, pageSize) => console.log(`Page: ${page}, PageSize: ${pageSize}`),
+*/
       }}
       dateFormatter="string"
       headerTitle="高级表格"
@@ -1269,6 +1269,9 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
               }));
             }}
             width="md"
+            onChange={() => {
+              form.setFieldValue('platformType', '');
+            }}
             rules={[{ required: true, message: '单位类型必填' }]}
             name="companyType"
             label="单位类型"
@@ -1316,7 +1319,10 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                       value,
                     }));
                   }}
-                  fieldProps={{ filterOption: () => true }}
+                  fieldProps={{
+                    filterOption: (input, option) =>
+                      option?.label.toLowerCase().includes(input.toLowerCase()), // 自定义搜索过滤逻辑
+                  }}
                   debounceTime={1000}
                   label="平台类型"
                   placeholder="请输入平台类型"
@@ -1330,7 +1336,6 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                   companyType,
                 )
               ) {
-                form.setFieldValue('platformType', '');
                 return (
                   <Group>
                     {['ECommercePlatform', 'otherPlatform'].includes(
@@ -1340,7 +1345,6 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                       width="md"
                       name="institutionContactName"
                       label="课题组名称"
-                      rules={[{ required: true, message: '请输入课题组名称!' }]}
                       placeholder="请输入名称"
                     />
                   </Group>
@@ -1372,12 +1376,6 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                               width="md"
                               name="institutionContactName"
                               label="课题组名称"
-                              rules={[
-                                {
-                                  required: true,
-                                  message: '请输入课题组名称!',
-                                },
-                              ]}
                               placeholder="请输入名称"
                             />
                           );