.

config/routes.js

@@ -63,6 +63,25 @@ export default [
     ],
   },
 
+  {
+    path: '/Machinery',
+    name: '农机管理',
+    icon: 'InsertRowLeftOutlined',
+    component: '../layouts/BasicLayout',
+    routes: [
+      {
+        path: '/Machinery/Cooperative',
+        name: '合作社列表',
+        component: './Machinery/Cooperative',
+      },
+      {
+        path: '/Machinery/Cooperative/edit.jsx',
+        name: '合作社编辑',
+        component: './Machinery/Cooperative/edit.jsx',
+        hideInMenu: true,
+      },
+    ],
+  },
   {
     path: '/MonitoringScreen',
     name: '农机监控大屏',

src/pages/Machinery/Cooperative/edit.jsx

@@ -0,0 +1,154 @@
+import { Form, Input, Card, InputNumber, Select, message, Button } from 'antd';
+import { history } from 'umi';
+import ProCard from '@ant-design/pro-card';
+import { useState, useEffect } from 'react';
+// import { getTagList } from '@/services/tag';
+// import { addAttaList, gettaTouristForm, EditaddAttaList } from '@/services/AttaList'
+
+const { TextArea } = Input;
+const { Option } = Select;
+const formItemLayout = { labelCol: { span: 6 }, wrapperCol: { span: 14 } };
+
+const goBack = () => {
+  history.goBack();
+};
+const FormItem = Form.Item;
+export default (props) => {
+  const { location } = props;
+  const { id } = location.query;
+  const [form] = Form.useForm();
+  const [listForm, setListForm] = useState({});
+  const [loading, setLoading] = useState(false);
+  const [imageList, setImageList] = useState([]);
+
+  const Submit = (data) => {
+    const typeList = (data.typeList || []).map((x) => {
+      return { ...x, targetId: id, targetType: 'tourist' };
+    });
+    setLoading(true);
+
+    // if (id) {
+    //   EditaddAttaList(id, { ...listForm, ...data, imageList, typeList }).then(() => {
+    //     setLoading(false);
+    //     message.success('数据更新成功');
+    //     goBack();
+    //   })
+    //     .catch(err => {
+    //       setLoading(false);
+    //       message.error(err.message || err);
+    //     });
+    // } else {
+    //   addAttaList({ ...data, imageList, typeList }).then((res) => {
+    //     setLoading(false);
+    //     message.success('数据保存成功');
+    //     history.replace(`/Attractions/Edit?id=${res.touristId}`)
+    //   })
+    //     .catch(err => {
+    //       setLoading(false);
+    //       message.error(err.message || err);
+    //     });
+    // }
+  };
+
+  //地址--占位
+  const [newLocName, setLocName] = useState('');
+  const [newAddress, setAddress] = useState('');
+
+  const selectTagList = (params) => {
+    // return getTagList({
+    // }).then((res) => {
+    // }).catch((err) => {
+    //   return {
+    //     success: false,
+    //   }
+    // })
+  };
+
+  const imageInput = (image) => {
+    return {
+      uid: image.imageId,
+      url: image.url,
+    };
+  };
+
+  const imageOutput = (image) => {
+    return {
+      imageId: image?.raw?.imageId,
+      shopId: id,
+      url: image.url,
+    };
+  };
+  useEffect(() => {
+    selectTagList();
+    // if (id) {
+    //   gettaTouristForm(id).then((res) => {
+    //     setListForm(res)
+    //     form.setFieldsValue(res)
+    //     setImageList(res?.imageList || [])
+    //   })
+    // }
+  }, [id]);
+
+  return (
+    <Card>
+      <ProCard tabs={{ type: 'card' }}>
+        <ProCard.TabPane key={1} tab="合作社编辑">
+          <Form {...formItemLayout} onFinish={Submit} form={form}>
+            <FormItem
+              label="合作社名称"
+              name="title"
+              rules={[{ required: true, message: '请输入合作社名称16个字符以内' }]}
+            >
+              <Input
+                placeholder="请输入合作社名称16个字符以内"
+                maxLength="16"
+                style={{ width: '350px' }}
+              />
+            </FormItem>
+            <FormItem
+              label="信用代码"
+              name="creditCode"
+              rules={[{ required: true, message: '请输入' }]}
+            >
+              <Input placeholder="请输入信用代码" style={{ width: '350px' }} />
+            </FormItem>
+            <FormItem
+              label="联系人"
+              name="name"
+              rules={[{ required: true, message: '请输入联系人' }]}
+            >
+              <Input placeholder="请输入联系人" rows={4} style={{ width: '350px' }} />
+            </FormItem>
+            <FormItem
+              label="联系方式"
+              name="phone"
+              rules={[{ required: true, message: '请输入联系方式' }]}
+            >
+              <Input placeholder="请输入联系方式" rows={4} style={{ width: '350px' }} />
+            </FormItem>
+            <FormItem
+              label="地址"
+              name="address"
+              rules={[{ required: true, message: '请输入地址' }]}
+            >
+              <TextArea placeholder="请输入地址" style={{ width: '350px' }} />
+            </FormItem>
+            <FormItem label=" " colon={false}>
+              <Button type="default" onClick={() => goBack()}>
+                返回
+              </Button>
+              <Button
+                type="primary"
+                loading={loading}
+                htmlType="submit"
+                style={{ marginLeft: '4em' }}
+              >
+                保存
+              </Button>
+            </FormItem>
+          </Form>
+        </ProCard.TabPane>
+      </ProCard>
+    </Card>
+  );
+};

src/pages/Machinery/Cooperative/index.jsx

@@ -0,0 +1,89 @@
+import React from 'react';
+import { history, Link } from 'umi';
+import { Button, Popconfirm, message, Tooltip } from 'antd';
+// import { getPersonList, exportPersonList } from '@/services/person';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import moment from 'moment';
+import PageTable from '@/components/PageTable';
+
+const formatterTime = (val) => {
+  return val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : '';
+};
+
+export default (props) => {
+  const columns = [
+    {
+      title: '合作社名',
+      dataIndex: 'title',
+      key: 'title',
+    },
+    {
+      title: '地址',
+      dataIndex: 'address',
+      key: 'address',
+    },
+    {
+      title: '联系人',
+      dataIndex: 'name',
+      key: 'name',
+    },
+    {
+      title: '手机号',
+      dataIndex: 'phone',
+      key: 'phone',
+    },
+    {
+      title: '农机数',
+      dataIndex: 'machineryNum',
+      key: 'machineryNum',
+    },
+    {
+      title: '员工数',
+      dataIndex: 'employeesNum',
+      key: 'employeesNum',
+    },
+    {
+      title: '完成订单数',
+      dataIndex: 'orderNum',
+      key: 'orderNum',
+      search: false,
+    },
+    {
+      title: '评分',
+      dataIndex: 'score',
+      key: 'score',
+    },
+    {
+      title: '操作',
+      valueType: 'option',
+      render: (_, record) => [
+        <Link key={1} to={`./edit.jsx`}>
+          编辑
+        </Link>,
+        <Popconfirm
+          key={2}
+          title="您是否确认删除 ?"
+          onConfirm={() => handleDelete(record.cooperativeId)}
+          okText="确定"
+          cancelText="取消"
+        >
+          <a href="#">删除</a>
+        </Popconfirm>,
+      ],
+    },
+    // 农机列表点击进入详情页 下面是轨迹上面是时间
+  ];
+  const handleDelete = () => {};
+  return (
+    <PageHeaderWrapper>
+      <PageTable
+        // request={getPersonList}
+        // expfunc={exportPersonList}
+        columns={columns}
+        rowKey="cooperativeId"
+        options={false}
+        scroll={{ x: 1000 }}
+      />
+    </PageHeaderWrapper>
+  );
+};