feats

config/routes.js

@@ -49,6 +49,26 @@
     icon: 'VideoCameraOutlined',
     component: './monitor/index',
   },
+  {
+    path: '/dish/list',
+    name: '菜肴管理',
+    icon: 'VideoCameraOutlined',
+    component: './dish/list',
+  },
+  {
+    path: '/dish/add',
+    name: '菜肴详情',
+    icon: 'smile',
+    hideInMenu: true,
+    component: './dish/edit',
+  },
+  {
+    path: '/package/list',
+    name: '套餐管理',
+    icon: 'VideoCameraOutlined',
+    component: './package/list',
+
+  },
   {
     component: './404',
   },

src/pages/dish/edit/index.jsx

@@ -0,0 +1,73 @@
+import { addDish, updataDish } from '@/services/api/dish';
+import { PageContainer, ProForm, ProFormDigit, ProFormText, ModalForm, Select, Option } from '@ant-design/pro-components';
+import { history, useSearchParams } from '@umijs/max';
+import { Card, Col, message, Row, Space, Image } from 'antd';
+import { useEffect, useRef, useState } from 'react';
+
+export default (props) => {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const id = searchParams.get('id');
+  const [data, setData] = useState({});
+  const formRef = useRef();
+  useEffect(() => {
+    if (id) {
+      getBannerdById(id).then((res) => {
+        setData(res);
+
+        formRef.current.setFieldsValue(res);
+      });
+    }
+  }, [id]);
+
+  const onFinish = async (values) => {
+    if (id) {
+      // 修改
+      updataDish(id, { ...values }).then((res) => {
+        message.success('修改成功');
+        history.back();
+      });
+    } else {
+      // 新增
+      addDish({ ...values }).then((res) => {
+        message.success('添加成功');
+        history.back();
+      });
+    }
+
+    return false;
+  };
+
+  return (
+    <PageContainer>
+      <Card>
+        <ProForm
+          formRef={formRef}
+          layout={'horizontal'}
+          labelCol={{ span: 8 }}
+          wrapperCol={{ span: 16 }}
+          onFinish={onFinish}
+          initialValues={{ type: '1', state: '1' }}
+          submitter={{
+            searchConfig: {
+              resetText: '返回',
+            },
+            onReset: () => history.back(),
+            render: (props, doms) => {
+              return (
+                <Row>
+                  <Col span={8} offset={8}>
+                    <Space>{doms}</Space>
+                  </Col>
+                </Row>
+              );
+            },
+          }}
+        >
+          <ProFormText name="name" label="菜肴名称" placeholder="请输入菜肴名称" width={460} />
+          <ProFormText name="unit" label="菜肴单位" placeholder="请输入菜肴单位" width={460} />
+          {/* <Select label="包含食材" mode="multiple"></Select> */}
+        </ProForm>
+      </Card>
+    </PageContainer>
+  );
+};

src/pages/dish/list/index.jsx

@@ -0,0 +1,114 @@
+import { getDishList, addDish, updataDish } from '@/services/api/dish';
+import { queryTable } from '@/utils/request';
+import { PageContainer, ProTable } from '@ant-design/pro-components';
+import { history } from '@umijs/max';
+import { Button, message, Popconfirm, EditForm } from 'antd';
+import { useRef, useState } from 'react';
+
+const DishList = (props) => {
+  console.log(props, '===');
+  const [showDetail, setShowDetail] = useState(false);
+  const [activeKey, setActiveKey] = useState('');
+  const actionRef = useRef();
+
+  const updata = (row) => {
+    if (row.id) {
+      updataDish(row.id, { state: row.state === '1' ? '2' : '1' }).then((res) => {
+        message.success('修改成功');
+        actionRef.current.reload();
+      });
+    }
+  };
+
+  const handleDelete = (id) => {
+    if (id) {
+      deleteBanner(id).then((res) => {
+        message.success('删除成功');
+        actionRef.current.reload();
+      });
+    }
+  };
+
+  const columns = [
+    {
+      title: '菜肴名称',
+      dataIndex: 'name',
+    },
+
+    {
+      title: '菜肴单位',
+      dataIndex: 'unit',
+    },
+    {
+      title: '包含食材(种)',
+      dataIndex: 'itemId.amount',
+    },
+    {
+      title: '操作',
+      valueType: 'option',
+      width: 200,
+      render: (_, record) => [
+        <Button
+          key={1}
+          style={{ padding: 0 }}
+          type="link"
+          onClick={() => {
+            updata(record);
+          }}
+        >
+          {record.state === '1' ? '下架' : '上架'}
+        </Button>,
+        <Button
+          key={2}
+          style={{ padding: 0 }}
+          type="link"
+          onClick={() => {
+            console.log(record, ']]');
+            history.push(`/rotationChart/add?id=${record.id}`);
+          }}
+        >
+          编辑
+        </Button>,
+
+        <Popconfirm
+          key={3}
+          title="您是否确认删除 ?"
+          onConfirm={() => handleDelete(record.id)}
+          okText="确定"
+          cancelText="取消"
+        >
+          {/* manualPush */}
+          <Button style={{ padding: 0 }} type="link">
+            删除
+          </Button>
+        </Popconfirm>,
+      ],
+    },
+  ];
+
+  return (
+    <PageContainer>
+      <ProTable
+        search={false}
+        actionRef={actionRef}
+        rowKey="id"
+        toolBarRender={() => [
+          <Button
+            key="2"
+            type="primary"
+            // onClick={() => { setCurrent({}); setVisible(true); }}
+            onClick={() => {
+              history.push('/dish/add');
+            }}
+          >
+            新增
+          </Button>,
+        ]}
+        // request={queryTable(getDishList)}
+        columns={columns}
+      />
+    </PageContainer>
+  );
+};
+
+export default DishList;

src/pages/package/list/index.jsx

@@ -0,0 +1,115 @@
+import { getPackageList, addPackage, updataPackage } from '@/services/api/package';
+import { queryTable } from '@/utils/request';
+import { PageContainer, ProTable } from '@ant-design/pro-components';
+import { history } from '@umijs/max';
+import { Button, message, Popconfirm, EditForm } from 'antd';
+import { useRef, useState } from 'react';
+
+const PackageList = (props) => {
+  console.log(props, '===');
+  const [showDetail, setShowDetail] = useState(false);
+  const [activeKey, setActiveKey] = useState('');
+  const actionRef = useRef();
+
+  const updata = (row) => {
+    if (row.id) {
+      updataPackage(row.id, { state: row.state === '1' ? '2' : '1' }).then((res) => {
+        message.success('修改成功');
+        actionRef.current.reload();
+      });
+    }
+  };
+
+  const handleDelete = (id) => {
+    if (id) {
+      deleteBanner(id).then((res) => {
+        message.success('删除成功');
+        actionRef.current.reload();
+      });
+    }
+  };
+
+  const columns = [
+    {
+      title: '套餐名称',
+      dataIndex: 'name',
+    },
+
+    {
+      title: '套餐单位',
+      dataIndex: 'unit',
+    },
+    {
+      title: '包含菜肴(份)',
+      dataIndex: 'itemId.amount',
+    },
+    {
+      title: '包含食材(种)',
+      dataIndex: 'itemId.amount',
+    },
+    {
+      title: '操作',
+      valueType: 'option',
+      width: 200,
+      render: (_, record) => [
+        <Button
+          key={1}
+          style={{ padding: 0 }}
+          type="link"
+          onClick={() => {
+            updata(record);
+          }}
+        >
+          {record.state === '1' ? '下架' : '上架'}
+        </Button>,
+        <Button
+          key={2}
+          style={{ padding: 0 }}
+          type="link"
+          onClick={() => {
+            console.log(record, ']]');
+            history.push(`/rotationChart/add?id=${record.id}`);
+          }}
+        >
+          编辑
+        </Button>,
+
+        <Popconfirm
+          key={3}
+          title="您是否确认删除 ?"
+          onConfirm={() => handleDelete(record.id)}
+          okText="确定"
+          cancelText="取消"
+        >
+          {/* manualPush */}
+          <Button style={{ padding: 0 }} type="link">
+            删除
+          </Button>
+        </Popconfirm>,
+      ],
+    },
+  ];
+
+  return (
+    <PageContainer>
+      <ProTable
+        search={false}
+        actionRef={actionRef}
+        rowKey="id"
+        toolBarRender={() => [
+          <Button
+            key="2"
+            type="primary"
+            onClick={() => { setCurrent({}); setVisible(true); }}
+          >
+            新增
+          </Button>,
+        ]}
+        // request={queryTable(getDishList)}
+        columns={columns}
+      />
+    </PageContainer>
+  );
+};
+
+export default PackageList;

src/pages/rotationChart/list/index.jsx

@@ -46,7 +46,7 @@ const RotationChartList = (props) => {
     {
       title: '封面图',
       dataIndex: 'image',
-      render: t => !t || '-' === t ? t : <img src={t}  style={{ width: '96px', borderRadius: '6px' }} />
+      render: t => !t || '-' === t ? t : <img src={t} style={{ width: '96px', borderRadius: '6px' }} />
     },
 
     {

src/services/api/dish.js

@@ -0,0 +1,24 @@
+import { request } from '@umijs/max';
+
+/**
+ * 查询列表
+ * @param {*} params
+ * @returns
+ */
+export const getDishList = (params) => request('/dish', { params });
+
+
+/**
+ * 新增
+ * @param {*} data
+ * @returns
+ */
+export const addDish = (data) => request('/dish', { method: 'post', data });
+
+/**
+ * 新增
+ *  @param {*} id
+ * @param {*} data
+ * @returns
+ */
+export const updataDish = (id, data) => request(`/dish/${id}`, { method: 'put', data });

src/services/api/package.js

@@ -0,0 +1,24 @@
+import { request } from '@umijs/max';
+
+/**
+ * 查询列表
+ * @param {*} params
+ * @returns
+ */
+export const getPackageList = (params) => request('/package', { params });
+
+
+/**
+ * 新增
+ * @param {*} data
+ * @returns
+ */
+export const addPackage = (data) => request('/package', { method: 'post', data });
+
+/**
+ * 新增
+ *  @param {*} id
+ * @param {*} data
+ * @returns
+ */
+export const updataPackage = (id, data) => request(`/package/${id}`, { method: 'put', data });