feat: 添加商品竞价功能

config/config.js

@@ -294,6 +294,12 @@ export default {
               name: 'brandManage',
               component: './BrandManage',
             },
+            {
+              title: '商户管理后台-自营商品供货价更新',
+              path: '/supplyPriceUpdate',
+              name: 'supplyPriceUpdate',
+              component: './GoodsManage/SupplyPriceUpdate',
+            },
             ...groupMealRoute,
             {
               component: './404',

src/pages/GoodsManage/SupplyPriceUpdate/components/UpdatePriceStock.jsx

+import React, { useState, createContext } from 'react';
+import { Modal, Table, Form } from 'antd';
+import { column } from '../staticdata';
+import styles from '../style.less';
+
+/**
+ * 更新供货价
+ * * */
+const UpdatePriceStock = options => {
+  const [loading, setLoading] = useState(false);
+  const [form] = Form.useForm();
+
+  const onSubmit = async () => {
+    const value = await form.validateFields();
+    console.log('value :>> ', value);
+    setLoading(true);
+    setLoading(false);
+    options.refresh();
+    options.onCancel();
+  };
+
+  const EditableContext = createContext(null);
+
+  return (
+    <Modal
+      title="修改供货价"
+      open={options.visible}
+      onCancel={options.onCancel}
+      onOk={onSubmit}
+      confirmLoading={loading}
+      width={900}
+      className={styles.priceStockTable}
+      destroyOnClose
+    >
+      <Form form={form} scrollToFirstError component={false}>
+        <EditableContext.Provider value={form}>
+          <Table
+            className={styles.priceStockTable}
+            rowKey="key"
+            columns={column.call(this)}
+            dataSource={options.data}
+          />
+        </EditableContext.Provider>
+      </Form>
+    </Modal>
+  );
+};
+
+export default UpdatePriceStock;

src/pages/GoodsManage/SupplyPriceUpdate/staticdata.js

+import React from 'react';
+import { Input, Form } from 'antd';
+import styles from '../style.less';
+import { isNumberSection, isCheckPriceTwoDecimal } from '@/utils/validator';
+
+export function column() {
+  return [
+    {
+      title: '供货价',
+      dataIndex: 'supplyPrice',
+      width: 150,
+      align: 'center',
+      render: (_, row, index) => (
+        <div className={styles.price}>
+          <Form.Item
+            label=""
+            key="supplyPrice"
+            name={['data', index, 'supplyPrice']}
+            initialValue={row.supplyPrice}
+            rules={[
+              { required: true, message: '请输入供货价！' },
+              { validator: isCheckPriceTwoDecimal },
+            ]}
+          >
+            <Input allowClear />
+          </Form.Item>
+        </div>
+      ),
+    },
+    {
+      title: '市场价',
+      width: 135,
+      align: 'center',
+      dataIndex: 'marketPrice',
+    },
+    {
+      title: '重量(kg)',
+      width: 135,
+      align: 'center',
+      dataIndex: 'weight',
+    },
+    {
+      title: '库存',
+      width: 120,
+      dataIndex: 'productStock',
+      align: 'center',
+      render: (_, row, index) => (
+        <div>
+          <Form.Item
+            label=""
+            key="productStock"
+            name={['data', index, 'productStock']}
+            initialValue={row.productStock}
+            rules={[
+              { required: true, message: '请输入库存！' },
+              { validator: isNumberSection, min: 1, max: 500, message: '请输入1-500的整数' },
+            ]}
+          >
+            <Input allowClear />
+          </Form.Item>
+        </div>
+      ),
+    },
+    {
+      title: '库存预警',
+      width: 120,
+      dataIndex: 'productStockWarning',
+      align: 'center',
+      render: (_, row, index) => (
+        <div>
+          <Form.Item
+            label=""
+            key="productStockWarning"
+            name={['data', index, 'productStockWarning']}
+            rules={[
+              { required: true, message: '请输入库存！' },
+              { validator: isNumberSection, min: 1, max: 500, message: '请输入1-500的整数' },
+            ]}
+            initialValue={row.productStockWarning}
+          >
+            <Input allowClear />
+          </Form.Item>
+        </div>
+      ),
+    },
+    {
+      title: '商品自编码',
+      dataIndex: 'thirdSkuNo',
+      width: 200,
+      align: 'center',
+    },
+  ];
+}

src/pages/GoodsManage/SupplyPriceUpdate/style.less

+.priceStockTable {
+  :global(.ant-table-cell) {
+    padding: 5px 0 0 0 !important;
+  }
+}