3 files changed, 70 insertions, 0 deletions
diff --git a/src/services/contractors/ContractorForm.tsx b/src/services/contractors/ContractorForm.tsx
new file mode 100644
index 0000000..d300efc
--- /dev/null
+++ b/src/services/contractors/ContractorForm.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import { Form } from 'formik';
+import Input from '../../components/Input';
+
+const ContractorForm: React.FC = () => {
+  return (
+    <Form id="form">
+      <Input name="name" label="Название" />
+      <Input name="vatId" label="УНП" />
+    </Form>
+  );
+};
+
+export default ContractorForm;
diff --git a/src/services/contractors/ContractorPanel.tsx b/src/services/contractors/ContractorPanel.tsx
new file mode 100644
index 0000000..ce94c48
--- /dev/null
+++ b/src/services/contractors/ContractorPanel.tsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import { useHistory } from 'react-router-dom';
+import Button from '../../components/Button';
+import { patch, baseURL } from '../../requests';
+import { PanelProps } from '../../containers/Service/ServiceContext';
+
+
+const ContractorPanel: React.FC<PanelProps> = ({ item, mutate }) => {
+  const history = useHistory();
+
+  return (
+    <div className="lg:m-4 p-4 flex flex-col lg:pl-16 lg:border-l">
+      <span className="text-lg mb-10">
+        Долг контрагента: <span className="font-bold">{item.debt}</span>
+      </span>
+      <div className="grid lg:grid-cols-2">
+        <Button route={`/waybills?contractorId=${item._id}`} variant="outlined">
+          Показать накладные
+        </Button>
+        <Button route={`/waybills/add?contractorId=${item._id}`}>
+          Новая накладная
+        </Button>
+        <Button route={`/transfers?contractorId=${item._id}`} variant="outlined">
+          Показать переводы
+        </Button>
+        <Button route={`/transfers/add?contractorId=${item._id}`}>
+          Новый перевод
+        </Button>
+      </div>
+    </div>
+  );
+};
+
+export default ContractorPanel;
diff --git a/src/services/contractors/index.ts b/src/services/contractors/index.ts
new file mode 100644
index 0000000..124e338
--- /dev/null
+++ b/src/services/contractors/index.ts
@@ -0,0 +1,22 @@
+import Form from './ContractorForm';
+import Panel from './ContractorPanel';
+
+const service = {
+  route: 'contractors',
+  name: 'Контрагенты',
+  nameSingular: 'Контрагент',
+  tableFields: [
+    { key: 'vatId', label: 'УНП' },
+    { key: 'name', label: 'Название' },
+    { key: 'debt', label: 'Долг' },
+  ],
+  default: {
+    name: '',
+    vatId: '',
+    debt: 0,
+  },
+  Form,
+  Panel,
+};
+
+export default service;