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

admin-web/src/models/product/productSpuAddOrUpdate.js

@@ -1,5 +1,5 @@
 import { message } from 'antd';
-import { productCategoryTree, productCategoryAdd, productCategoryUpdate, productCategoryUpdateStatus, productCategoryDelete } from '../../services/product';
+import { productCategoryTree, productSpuAdd, productCategoryUpdate, productCategoryUpdateStatus, productCategoryDelete } from '../../services/product';
 
 export default {
   namespace: 'productSpuAddOrUpdate',
@@ -15,6 +15,16 @@ export default {
       //      name: //
       //   }]
       // }
+    ],
+    skus: [
+      // {
+      //   attrs: [{
+      //     id: // 规格值编号
+      //     name: // 规格值名
+      //   }],
+      //   price: // 价格
+      //   quantity: // 数量
+      // }
     ]
   },
 
@@ -63,7 +73,7 @@ export default {
     *addAttr({ payload }, { call, put }) {
       // const { queryParams } = payload;
       // const response = yield call(productCategoryTree, queryParams);
-      message.info('调试：添加规格成功!');
+      // message.info('调试：添加规格成功!');
       yield put({
         type: 'addAttrSuccess',
         payload: {
@@ -74,12 +84,46 @@ export default {
     *selectAttr({ payload }, { call, put }) {
       // const { queryParams } = payload;
       // const response = yield call(productCategoryTree, queryParams);
-      message.info('调试：添加规格成功!');
+      // message.info('调试：选择规格成功!');
       yield put({
         type: 'selectAttrSuccess',
         payload: payload,
       });
     },
+    *selectAttrValues({ payload }, { call, put }) {
+      // const { queryParams } = payload;
+      // const response = yield call(productCategoryTree, queryParams);
+      // message.info('调试：选择规格值成功!');
+      yield put({
+        type: 'selectAttrValueSuccess',
+        payload: payload,
+      });
+    },
+    *inputSkuPrice({ payload }, { call, put }) {
+      // debugger;
+      yield put({
+        type: 'inputSkuPriceSuccess',
+        payload: payload,
+      });
+    },
+    *inputSkuQuantity({ payload }, { call, put }) {
+      // debugger;
+      yield put({
+        type: 'inputSkuQuantitySuccess',
+        payload: payload,
+      });
+    },
+    *add({ payload }, { call, put }) {
+      const { callback, body } = payload;
+      const response = yield call(productSpuAdd, body);
+      if (callback) {
+        callback(response);
+      }
+      yield put({
+        type: 'tree',
+        payload: {},
+      });
+    },
   },
 
   reducers: {
@@ -99,6 +143,62 @@ export default {
         ...state
       }
     },
+    selectAttrValueSuccess(state, {payload}) {
+      // debugger;
+      // console.log(state);
+      state.attrTree[payload.attrIndex].values = payload.attrValues;
+      // 生成 skus 值
+      let skus = [];
+      let skuSize = 1;
+      for (let i in state.attrTree) { // 先计算 sku 数量
+        let attr = state.attrTree[i];
+        skuSize = skuSize * attr.values.length;
+      }
+      // console.log('skuSize: ' + skuSize);
+      for (let i = 0; i < skuSize; i++) { // 初始化 sku 格子
+        skus.push({
+          attrs: [],
+          price: undefined,
+          quantity: undefined,
+        });
+      }
+      for (let i = 0; i < state.attrTree.length; i++) { // 初始化 sku 格子里的 attrs
+        for (let j = 0; j < skuSize; j++) {
+          // let values = state.attrTree[i].values;
+          // let attr = values[j % values.length];
+          // skus[i].attrs.push({
+          //   id: attr.id,
+          //   name: attr.name,
+          // });
+          let values = state.attrTree[i].values;
+          let attr = values[j % values.length];
+          skus[j].attrs.push({
+            id: attr.id,
+            name: attr.name,
+          });
+        }
+      }
+      state.skus = skus;
+      // debugger;
+      // console.l  og('skus: ' + skus);
+      return {
+        ...state
+      }
+    },
+    inputSkuPriceSuccess(state, {payload}) {
+      // debugger;
+      state.skus[payload.index].price = payload.price;
+      return {
+        ...state
+      }
+    },
+    inputSkuQuantitySuccess(state, {payload}) {
+      // debugger;
+      state.skus[payload.index].quantity = payload.quantity;
+      return {
+        ...state
+      }
+    },
     treeSuccess(state, { payload }) {
       return {
         ...state,