yemianjiekou

src/pages/Agency/AgencyManager/applyIndex.tsx

@@ -0,0 +1,372 @@
+import React, { useState, useRef } from 'react';
+import {Radio,  message, Modal, Input, Form, PageHeader, Button, Spin, Select, Tree, DatePicker } from 'antd';
+import ProTable, { ProColumns, ActionType } from '@ant-design/pro-table';
+import { getPage, getDataById, deleteAgency, addAgency, updateAgency,disableAgency } from './service';
+// import './styles.less';
+import { getDicData } from '@/utils/session';
+import TextArea from 'antd/lib/input/TextArea';
+import SelectProvider from './components/SelectProvider';
+
+const agency: React.FC<{}> = () => {
+  //获取字典
+  const getDict: any = getDicData();
+  const [form] = Form.useForm();
+  const [title, setTitle] = useState<string>('');
+  const [open, setOpen] = useState<boolean>(false);
+
+  const [checkedKeys, setCheckedKeys] = useState<React.Key[]>([]);
+  const [currentRoleId, setCurrentRoleId] = useState<number | null>(null);
+  const dictData = JSON.parse(getDict);
+  const actionRef = useRef<ActionType>();
+  const [spin, spinSet] = useState<boolean>(false);
+  const [selectProviderVisible, setSelectProviderVisible] = useState<boolean>(false);
+  const [currentRecord, setCurrentRecord] = useState<any>(null);
+  const [showEndDate, setShowEndDate] = useState<boolean>(false);
+  //查询分页数据
+  const [pageData, pageDataSet] = useState<any>({
+    pageNo: 1,
+    pageSize: 10
+  });
+  const layout = {
+    labelCol: { span: 6 },
+    wrapperCol: { span: 13 },
+  };
+  interface DictType {
+    value: string;
+    label: string;
+  }
+  const sys_normal_scope: DictType[] = [
+    { value: 'EBTP', label: '招标采购中心' },
+  ];
+
+  //委托列表
+  const columns: ProColumns<any>[] = [
+    { title: '序号', valueType: 'index', width: 50, search: false, },
+    { title: '代理机构名称', dataIndex: 'providerName', },//, ellipsis: true
+    { title: '申请人', dataIndex: 'applyUser', search: false, },//, ellipsis: true//, ellipsis: true
+    { title: '开始服务时间', dataIndex: 'periodBegin', search: false, },//, ellipsis: true
+    { title: '准入人', dataIndex: 'accessUser', search: false, },//, ellipsis: true
+    { title: '失效时间', dataIndex: 'periodEnd',  search: false,},//, ellipsis: true
+    { title: '状态', dataIndex: 'validityStatus', valueType: 'select', 
+    valueEnum: { '1': { text: '有效', status: '1' },'2': { text: '失效', status: '2' }, },
+    },//, ellipsis: true
+    { title: 'id', dataIndex: 'id', search: false,hideInTable:true,},//, ellipsis: true
+    // { title: '创建时间', dataIndex: 'createDate', width: '10%', valueType: 'dateTime', search: false },
+    { title: 'providerId', dataIndex: 'providerId', search: false,hideInTable:true,},
+    {
+      title: '操作', width: '9%',
+      valueType: 'option',
+      render: (_, record) => [
+        <Button type='text' onClick={() => { handleUpdate(record.providerId) }}>委托项目信息</Button>,
+        <Button type='text' onClick={() => { handleUpdate(record) }}>查看</Button>,
+        record.validityStatus === '1' && (
+          <Button key="disable" type='text' onClick={() => handleDisable(record.id)}>失效</Button>
+        ),
+        record.validityStatus === '2' && (
+          <Button key="select" type='text' onClick={() => { handleReSelect(record) }}>选择</Button>
+        )
+        
+    ]
+    },
+  ];
+  // 删除操作
+  const handleDelete = (id: string) => {
+    Modal.confirm({
+      title: '确认删除该代理机构？',
+      onOk: async () => {
+        await deleteAgency(id).then((r: any) => {
+          if (r?.code == 200) {
+            message.success('删除成功');
+          } else {
+            message.error('删除失败');
+          }
+        })
+          .finally(() => actionRef.current?.reload());
+      },
+    });
+  };
+  
+  const handleDisable = (id: string) => {
+    Modal.confirm({
+      title: '确认失效该代理机构？',
+      onOk: async () => {
+        await disableAgency(id).then((r: any) => {
+          if (r?.code == 200) {
+            message.success('操作成功');
+          } else {
+            message.error('操作失败');
+          }
+        })
+          .finally(() => actionRef.current?.reload());
+      },
+    });
+  };
+  
+  const handleAdd = async (record: any) => {
+    form.resetFields();
+    form.setFieldsValue({
+      //...record,
+      providerId: record.id,
+      providerName: record.name,
+      id: '',
+    });
+   
+    setOpen(true);
+    setTitle('添加招标代理机构');
+  };
+  const handleReSelect = async (record: any) => {
+    form.resetFields();
+    const agencyDetail = await getDataById(record.id);
+    if(agencyDetail&&(agencyDetail?.code == 200)&&agencyDetail.data&&agencyDetail.data.providerDetail) { 
+      setCurrentRecord(agencyDetail.data.providerDetail);
+      setShowEndDate(agencyDetail.data.validity === '2');
+      form.setFieldsValue({
+       // ...currentRecord,
+        providerId: agencyDetail.data.providerDetail.id,
+        providerName: agencyDetail.data.providerDetail.name,
+       
+      });
+    }
+  
+   
+    setOpen(true);
+    setTitle('添加招标代理机构');
+  };
+  const [menuOptions, setMenuOptions] = useState<any[]>([]);
+
+
+
+  const handleUpdate = async (record: any) => {
+    form.resetFields();
+    const agencyDetail = await getDataById(record.id);
+
+    if(agencyDetail&&(agencyDetail?.code == 200)&&agencyDetail.data&&agencyDetail.data.providerDetail) { 
+      setCurrentRecord(agencyDetail.data.providerDetail);
+      setShowEndDate(agencyDetail.data.validity === '2');
+    }
+    form.setFieldsValue({
+      ...agencyDetail.data
+    });
+
+    setOpen(true);
+    setTitle('修改代理机构');
+  };
+
+  const closeModal = async () => {
+    actionRef.current?.reload();
+    form.resetFields();
+    setCheckedKeys([]);
+    setOpen(false);
+  };
+
+  const handleSubmit = async () => {
+    try {
+      const values = await form.validateFields();
+      
+      // 处理日期，确保只保留日期部分
+      if (values.periodEnd) {
+        values.periodEnd = values.periodEnd.format('YYYY-MM-DD');
+      }
+
+      if (values.id) {
+        await updateAgency(values).then((r: any) => {
+          if (r?.code == 200) {
+            message.success('修改成功');
+          } else {
+            message.error('修改失败');
+          }
+        });
+      } else {
+        await addAgency(values).then((r: any) => {
+         
+          if (r?.code == 200) {
+            message.success('新增成功');
+          } else {
+            message.error('新增失败');
+          }
+        });
+      }
+      closeModal();
+    } catch (error) {
+      console.error(error);
+    }
+  };
+  const checkSupModal = (
+    <Modal
+      title={title}
+      visible={open}
+      width="70%"
+      centered
+      destroyOnClose={true}
+      bodyStyle={{ maxHeight: window.innerHeight * 0.96 - 108, overflowY: 'auto', paddingTop: 0 }}
+      // footer={<Button onClick={() => setOpen(false)}>关闭</Button>}
+      onOk={handleSubmit}
+      onCancel={() => closeModal()}
+    >
+      
+    
+    
+      <div className="info-display" style={{ 
+        display: 'flex', 
+        flexWrap: 'wrap', 
+        margin: '0 -1%',
+        marginBottom: '1.5rem' 
+      }}>
+       
+        <div className="info-item" style={{ flex: '0 0 48%', margin: '0 1% 1rem', display: 'flex' }}>
+          <span className="info-label" style={{ flex: '0 0 30%', textAlign: 'right', marginRight: '2%' }}>供应商名称：</span>
+          <span className="info-content" style={{ flex: '1' }}>{currentRecord?.name || '-'}</span>
+        </div>
+       
+        <div className="info-item" style={{ flex: '0 0 48%', margin: '0 1% 1rem', display: 'flex' }}>
+          <span className="info-label" style={{ flex: '0 0 30%', textAlign: 'right', marginRight: '2%' }}>供应商类型名称：</span>
+          <span className="info-content" style={{ flex: '1' }}>{currentRecord?.kindName || '-'}</span>
+        </div>
+        <div className="info-item" style={{ flex: '0 0 48%', margin: '0 1% 1rem', display: 'flex' }}>
+          <span className="info-label" style={{ flex: '0 0 30%', textAlign: 'right', marginRight: '2%' }}>准入时间：</span>
+          <span className="info-content" style={{ flex: '1' }}>{currentRecord?.accessTime || '-'}</span>
+        </div>
+        <div className="info-item" style={{ flex: '0 0 48%', margin: '0 1% 1rem', display: 'flex' }}>
+          <span className="info-label" style={{ flex: '0 0 30%', textAlign: 'right', marginRight: '2%' }}>商品品类：</span>
+          <span className="info-content" style={{ flex: '1' }}>{currentRecord?.goodsTypeName || '-'}</span>
+        </div>       
+      
+      </div>
+
+      <div className="info-display" style={{ 
+        display: 'flex', 
+        flexWrap: 'wrap', 
+        margin: '0 -1%',
+        marginBottom: '1.5rem' 
+      }}>
+        <div className="info-item" style={{ flex: '0 0 48%', margin: '0 1% 1rem', display: 'flex' }}>
+          <span className="info-label" style={{ flex: '0 0 30%', textAlign: 'right', marginRight: '2%' }}>姓名：</span>
+          <span className="info-content" style={{ flex: '1' }}>{currentRecord?.applyUser || '-'}</span>
+        </div>
+        <div className="info-item" style={{ flex: '0 0 48%', margin: '0 1% 1rem', display: 'flex' }}>
+          <span className="info-label" style={{ flex: '0 0 30%', textAlign: 'right', marginRight: '2%' }}>工号：</span>
+          <span className="info-content" style={{ flex: '1' }}>{currentRecord?.name || '-'}</span>
+        </div>
+        <div className="info-item" style={{ flex: '0 0 48%', margin: '0 1% 1rem', display: 'flex' }}>
+          <span className="info-label" style={{ flex: '0 0 30%', textAlign: 'right', marginRight: '2%' }}>角色：</span>
+          <span className="info-content" style={{ flex: '1' }}>{currentRecord?.kindCode || '-'}</span>
+        </div>
+        <div className="info-item" style={{ flex: '0 0 48%', margin: '0 1% 1rem', display: 'flex' }}>
+          <span className="info-label" style={{ flex: '0 0 30%', textAlign: 'right', marginRight: '2%' }}>公司：</span>
+          <span className="info-content" style={{ flex: '1' }}>{currentRecord?.kindName || '-'}</span>
+        </div>
+        <div className="info-item" style={{ flex: '0 0 48%', margin: '0 1% 1rem', display: 'flex' }}>
+          <span className="info-label" style={{ flex: '0 0 30%', textAlign: 'right', marginRight: '2%' }}>部门：</span>
+          <span className="info-content" style={{ flex: '1' }}>{currentRecord?.goodsTypeCode || '-'}</span>
+        </div>
+        
+      </div>
+      <Form form={form} {...layout}>
+
+        <Form.Item label="供应商ID" name="providerId" hidden>
+          <Input disabled />
+        </Form.Item>
+        <Form.Item label="供应商Name" name="providerName" hidden>
+          <Input disabled />
+        </Form.Item>
+        <Form.Item label="ID" name="id" hidden>
+          <Input disabled />
+ 
+         </Form.Item>
+
+        <Form.Item label="有效期" name="validity">
+        <Radio.Group 
+          options={[
+            { value: '1', label: '长期' },
+            { value: '2', label: '定期' }
+          ]}
+          onChange={(e) => {
+            const value = e.target.value;
+            setShowEndDate(value === '2');
+            if (value === '1') {
+              
+            }
+          }}
+        />
+        </Form.Item>
+        
+        {showEndDate && (
+          <Form.Item label="结束日期" name="periodEnd">
+            <DatePicker style={{ width: '100%' }} format="YYYY-MM-DD" picker="date" />
+          </Form.Item>
+        )}
+
+        
+      </Form>
+
+    </Modal>
+  );
+  return (
+    <Spin spinning={spin}>
+      <PageHeader title="我的招标代理" />
+      <div style={{ maxHeight: innerHeight - 130, height: innerHeight - 130 }} className='xsy-entrust bgCWhite'>
+        <ProTable<any>
+          actionRef={actionRef}//action触发后更新表格
+          columns={columns}//表格
+          options={false}
+          bordered={false}
+          className='tableSearch'
+          size='small'
+          search={{ labelWidth: 'auto', span: 6 }}
+          request={(params) =>
+            getPage({
+              ...params,
+              basePageRequest: { pageNo: pageData.pageNo, pageSize: pageData.pageSize },
+            }).then((res) => {
+              const result = {
+                data: res.data.records,
+                total: res.data.total,
+                success: res.success,
+                pageSize: res.data.size,
+                current: res.data.current
+              }
+              return result;
+            })
+          }
+          toolBarRender={() => [
+            <Button type="primary" onClick={() => { 
+            
+              setSelectProviderVisible(true);
+            }}>新增招标代理</Button>
+          //   <Button onClick={() => { handleAdd() }} type="primary">
+          //     新增招标代理
+          //   </Button>,
+          ]
+          }
+          pagination={{
+            defaultPageSize: 10,
+            showSizeChanger: false,
+            onChange: (page, pageSize) => pageDataSet({ pageNo: page, pageSize: pageSize }),
+            onShowSizeChange: (current, size) => pageDataSet({ pageNo: current, pageSize: size }),
+          }}
+          onReset={() => { pageDataSet({ pageNo: 1, pageSize: 10 }) }}
+        />
+        {checkSupModal}
+        <SelectProvider 
+          visible={selectProviderVisible}
+          onSelect={(provider) => {
+            console.log('Selected provider:', provider);
+            // 处理选中的供应商数据
+            setCurrentRecord(provider); 
+           // if (currentRecord && provider) {
+              handleAdd(provider);
+           // }
+            setSelectProviderVisible(false);
+           // setCurrentRecord(null);
+          }}
+          onCancel={() => {
+            setSelectProviderVisible(false);
+            setCurrentRecord(null);
+          }}
+        />
+      </div>
+      {/* 查看 */}
+    </Spin >
+  )
+};
+export default agency;

src/pages/Agency/AgencyManager/index.tsx

@@ -43,12 +43,12 @@ const agency: React.FC<{}> = () => {
   const columns: ProColumns<any>[] = [
     { title: '序号', valueType: 'index', width: 50, search: false, },
     { title: '代理机构名称', dataIndex: 'providerName', },//, ellipsis: true
-    { title: '申请人', dataIndex: 'roleName', search: false, },//, ellipsis: true//, ellipsis: true
+    { title: '申请人', dataIndex: 'applyUser', search: false, },//, ellipsis: true//, ellipsis: true
-    { title: '准入时间', dataIndex: 'roleName', search: false, },//, ellipsis: true
+    { title: '开始服务时间', dataIndex: 'periodBegin', search: false, },//, ellipsis: true
-    { title: '准入人', dataIndex: 'roleName', search: false, },//, ellipsis: true
+    { title: '准入人', dataIndex: 'accessUser', search: false, },//, ellipsis: true
-    { title: '失效时间', dataIndex: 'roleName',  search: false,},//, ellipsis: true
+    { title: '失效时间', dataIndex: 'periodEnd',  search: false,},//, ellipsis: true
-    { title: '状态', dataIndex: 'status', valueType: 'select', 
+    { title: '状态', dataIndex: 'validityStatus', valueType: 'select', 
-    valueEnum: { '1': { text: '有效', status: '1' },'0': { text: '无效', status: '0' }, },
+    valueEnum: { '1': { text: '有效', status: '1' },'2': { text: '失效', status: '2' }, },
     },//, ellipsis: true
     { title: 'id', dataIndex: 'id', search: false,hideInTable:true,},//, ellipsis: true
     // { title: '创建时间', dataIndex: 'createDate', width: '10%', valueType: 'dateTime', search: false },
@@ -58,11 +58,13 @@ const agency: React.FC<{}> = () => {
       valueType: 'option',
       render: (_, record) => [
         <Button type='text' onClick={() => { handleUpdate(record.providerId) }}>委托项目信息</Button>,
-        <Button type='text' onClick={() => { handleDelete(record.id) }}>查看</Button>,
+        <Button type='text' onClick={() => { handleUpdate(record) }}>查看</Button>,
-        <Button type='text' onClick={() => { handleUpdate(record.id) }}>失效</Button>,
+        record.validityStatus === '1' && (
-        <Button type='text' onClick={() => { 
+          <Button key="disable" type='text' onClick={() => handleDisable(record.id)}>失效</Button>
-        
+        ),
-        }}>选择</Button>
+        record.validityStatus === '2' && (
+          <Button key="select" type='text' onClick={() => { handleReSelect(record) }}>选择</Button>
+        )
         
     ]
     },
@@ -83,17 +85,53 @@ const agency: React.FC<{}> = () => {
       },
     });
   };
+  
+  const handleDisable = (id: string) => {
+    Modal.confirm({
+      title: '确认失效该代理机构？',
+      onOk: async () => {
+        await disableAgency(id).then((r: any) => {
+          if (r?.code == 200) {
+            message.success('操作成功');
+          } else {
+            message.error('操作失败');
+          }
+        })
+          .finally(() => actionRef.current?.reload());
+      },
+    });
+  };
+  
   const handleAdd = async (record: any) => {
     form.resetFields();
     form.setFieldsValue({
-      ...record,
+      //...record,
-      providerId: record.id
+      providerId: record.id,
+      providerName: record.name,
+      id: '',
     });
    
     setOpen(true);
     setTitle('添加招标代理机构');
   };
+  const handleReSelect = async (record: any) => {
+    form.resetFields();
+    const agencyDetail = await getDataById(record.id);
+    if(agencyDetail&&(agencyDetail?.code == 200)&&agencyDetail.data&&agencyDetail.data.providerDetail) { 
+      setCurrentRecord(agencyDetail.data.providerDetail);
+      setShowEndDate(agencyDetail.data.validity === '2');
+      form.setFieldsValue({
+       // ...currentRecord,
+        providerId: agencyDetail.data.providerDetail.id,
+        providerName: agencyDetail.data.providerDetail.name,
        
+      });
+    }
+  
+   
+    setOpen(true);
+    setTitle('添加招标代理机构');
+  };
   const [menuOptions, setMenuOptions] = useState<any[]>([]);
 
 
@@ -101,9 +139,11 @@ const agency: React.FC<{}> = () => {
   const handleUpdate = async (record: any) => {
     form.resetFields();
     const agencyDetail = await getDataById(record.id);
-    // const menus = await roleMenuTreeselect(record.roleId);
-    // setMenuOptions(menus.data.menus || []);
 
+    if(agencyDetail&&(agencyDetail?.code == 200)&&agencyDetail.data&&agencyDetail.data.providerDetail) { 
+      setCurrentRecord(agencyDetail.data.providerDetail);
+      setShowEndDate(agencyDetail.data.validity === '2');
+    }
     form.setFieldsValue({
       ...agencyDetail.data
     });
@@ -122,7 +162,13 @@ const agency: React.FC<{}> = () => {
   const handleSubmit = async () => {
     try {
       const values = await form.validateFields();
-      if (values.roleId) {
+      
+      // 处理日期，确保只保留日期部分
+      if (values.periodEnd) {
+        values.periodEnd = values.periodEnd.format('YYYY-MM-DD');
+      }
+
+      if (values.id) {
         await updateAgency(values).then((r: any) => {
           if (r?.code == 200) {
             message.success('修改成功');
@@ -132,7 +178,7 @@ const agency: React.FC<{}> = () => {
         });
       } else {
         await addAgency(values).then((r: any) => {
-          console.log("r?.code", r?.code)
+         
           if (r?.code == 200) {
             message.success('新增成功');
           } else {
@@ -220,7 +266,9 @@ const agency: React.FC<{}> = () => {
         <Form.Item label="供应商ID" name="providerId" hidden>
           <Input disabled />
         </Form.Item>
-        
+        <Form.Item label="供应商Name" name="providerName" hidden>
+          <Input disabled />
+        </Form.Item>
         <Form.Item label="ID" name="id" hidden>
           <Input disabled />
  
@@ -244,12 +292,13 @@ const agency: React.FC<{}> = () => {
         
         {showEndDate && (
           <Form.Item label="结束日期" name="periodEnd">
-            <DatePicker style={{ width: '100%' }} />
+            <DatePicker style={{ width: '100%' }} format="YYYY-MM-DD" picker="date" />
           </Form.Item>
         )}
 
         
       </Form>
+
     </Modal>
   );
   return (