Initial commit: ERP system with advance verification fixes

2026-03-25 23:55:36 +07:00
commit 563ca12d76
5920 changed files with 828689 additions and 0 deletions
@@ -0,0 +1,211 @@
+import React, { useState, useEffect } from 'react';
+import { Table, Button, Modal, Form, Input, message, Select } from 'antd';
+import { PlusOutlined, EditOutlined, DeleteOutlined, EyeOutlined } from '@ant-design/icons';
+import { supplierService } from '../services/supplier.service';
+import type { Supplier } from '../services/supplier.service';
+
+const { Option } = Select;
+
+const SupplierManagement: React.FC = () => {
+  const [suppliers, setSuppliers] = useState<Supplier[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [modalVisible, setModalVisible] = useState(false);
+  const [modalType, setModalType] = useState<'create' | 'edit'>('create');
+  const [currentSupplier, setCurrentSupplier] = useState<Supplier | null>(null);
+  const [form] = Form.useForm();
+
+  const fetchSuppliers = async () => {
+    setLoading(true);
+    try {
+      const data = await supplierService.getSuppliers();
+      setSuppliers(data);
+    } catch (error) {
+      message.error('获取供应商列表失败');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchSuppliers();
+  }, []);
+
+  const handleCreate = () => {
+    setModalType('create');
+    setCurrentSupplier(null);
+    form.resetFields();
+    setModalVisible(true);
+  };
+
+  const handleEdit = (supplier: Supplier) => {
+    setModalType('edit');
+    setCurrentSupplier(supplier);
+    form.setFieldsValue(supplier);
+    setModalVisible(true);
+  };
+
+  const handleDelete = async (id: string) => {
+    try {
+      await supplierService.deleteSupplier(id);
+      message.success('删除成功');
+      fetchSuppliers();
+    } catch (error) {
+      message.error('删除失败');
+    }
+  };
+
+  const handleSubmit = async () => {
+    try {
+      const values = await form.validateFields();
+      if (modalType === 'create') {
+        await supplierService.createSupplier(values);
+        message.success('创建成功');
+      } else if (modalType === 'edit' && currentSupplier) {
+        await supplierService.updateSupplier(currentSupplier.id, values);
+        message.success('更新成功');
+      }
+      setModalVisible(false);
+      fetchSuppliers();
+    } catch (error) {
+      message.error('操作失败');
+    }
+  };
+
+  const columns = [
+    {
+      title: '供应商名称',
+      dataIndex: 'name',
+      key: 'name',
+    },
+    {
+      title: '联系人',
+      dataIndex: 'contact_person',
+      key: 'contact_person',
+    },
+    {
+      title: '电话',
+      dataIndex: 'phone',
+      key: 'phone',
+    },
+    {
+      title: '邮箱',
+      dataIndex: 'email',
+      key: 'email',
+    },
+    {
+      title: '地址',
+      dataIndex: 'address',
+      key: 'address',
+      ellipsis: true,
+    },
+    {
+      title: '类型',
+      dataIndex: 'type',
+      key: 'type',
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'created_at',
+      key: 'created_at',
+    },
+    {
+      title: '操作',
+      key: 'action',
+      render: (_: any, record: Supplier) => (
+        <div>
+          <Button
+            type="primary"
+            icon={<EyeOutlined />}
+            style={{ marginRight: 8 }}
+            onClick={() => handleEdit(record)}
+          >
+            查看
+          </Button>
+          <Button
+            icon={<EditOutlined />}
+            style={{ marginRight: 8 }}
+            onClick={() => handleEdit(record)}
+          >
+            编辑
+          </Button>
+          <Button
+            danger
+            icon={<DeleteOutlined />}
+            onClick={() => handleDelete(record.id)}
+          >
+            删除
+          </Button>
+        </div>
+      ),
+    },
+  ];
+
+  return (
+    <div>
+      <div style={{ marginBottom: 16, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+        <h1>供应商管理</h1>
+        <Button type="primary" icon={<PlusOutlined />} onClick={handleCreate}>
+          新增供应商
+        </Button>
+      </div>
+      <Table
+        columns={columns}
+        dataSource={suppliers}
+        rowKey="id"
+        loading={loading}
+        pagination={{ pageSize: 10 }}
+      />
+      <Modal
+        title={modalType === 'create' ? '新增供应商' : '编辑供应商'}
+        open={modalVisible}
+        onOk={handleSubmit}
+        onCancel={() => setModalVisible(false)}
+      >
+        <Form form={form} layout="vertical">
+          <Form.Item
+            name="name"
+            label="供应商名称"
+            rules={[{ required: true, message: '请输入供应商名称' }]}
+          >
+            <Input placeholder="请输入供应商名称" />
+          </Form.Item>
+          <Form.Item
+            name="contact_person"
+            label="联系人"
+          >
+            <Input placeholder="请输入联系人" />
+          </Form.Item>
+          <Form.Item
+            name="phone"
+            label="电话"
+          >
+            <Input placeholder="请输入电话" />
+          </Form.Item>
+          <Form.Item
+            name="email"
+            label="邮箱"
+          >
+            <Input placeholder="请输入邮箱" />
+          </Form.Item>
+          <Form.Item
+            name="address"
+            label="地址"
+          >
+            <Input.TextArea placeholder="请输入地址" rows={3} />
+          </Form.Item>
+          <Form.Item
+            name="type"
+            label="类型"
+          >
+            <Select placeholder="请选择类型">
+              <Option value="本地">本地</Option>
+              <Option value="中国">中国</Option>
+            </Select>
+          </Form.Item>
+        </Form>
+      </Modal>
+    </div>
+  );
+};
+
+export default SupplierManagement;