前端：商品添加。提交部分，让小范帮忙看看~

admin-web/src/components/Product/ProductSkuAddOrUpdateTable.js

@@ -0,0 +1,85 @@
+import React, {PureComponent} from "react";
+import {InputNumber, Select, Table} from "antd";
+import Input from "antd/es/input";
+
+const Option = Select.Option;
+
+class SkuInputNumber extends PureComponent {
+
+  handleChange = value => {
+    // debugger;
+    const { dispatch, index, dataIndex } = this.props;
+    if (dataIndex === 'price') {
+      dispatch({
+        type: 'productSpuAddOrUpdate/inputSkuPrice',
+        payload: {
+          index: index,
+          price: value
+        },
+      });
+    } else if (dataIndex === 'quantity') {
+      dispatch({
+        type: 'productSpuAddOrUpdate/inputSkuQuantity',
+        payload: {
+          index: index,
+          quantity: value
+        },
+      });
+    }
+  }
+
+  render() {
+    return <InputNumber placeholder="请输入" onChange={this.handleChange} />
+  }
+
+}
+
+export default class ProductSkuAddOrUpdateTable extends PureComponent {
+
+  render() {
+    let that = this;
+    // debugger;
+    // console.log('ProductSkuAddOrUpdateTable');
+    const {attrTree, skus, dispatch} = this.props;
+    let columns = [];
+    for (let i in attrTree) {
+      let attr = attrTree[i];
+      columns.push({
+        title: attr.name,
+        dataIndex: 'attrs[i]',
+        render(value, record) {
+          return record.attrs[i].name;
+        }
+      })
+    }
+    columns.push({
+      title: '价格',
+      dataIndex: 'price',
+      render(value, record, index) {
+        let props = {
+          record: record,
+          index: index,
+          dispatch: dispatch,
+          dataIndex: 'price'
+        };
+        return <SkuInputNumber {...props} />;
+      }
+    });
+    columns.push({
+      title: '库存',
+      dataIndex: 'quantity',
+      render(value, record, index) {
+        let props = {
+          record: record,
+          index: index,
+          dispatch: dispatch,
+          dataIndex: 'quantity'
+        };
+        return <SkuInputNumber {...props} />;
+      }
+    });
+    return <Table columns={columns} dataSource={skus} rowKey="index" />;
+    // return <div />;
+  }
+
+}