productSpuAddOrUpdate.js 8.5 KB
Newer Older
1
import { message } from 'antd';
2 3
import {
  productSpuAdd,
4
  productSpuUpdate,
5 6
  productSpuInfo
} from '../../services/product';
7
import {bool} from "prop-types";
8 9 10 11 12

export default {
  namespace: 'productSpuAddOrUpdate',

  state: {
13 14 15 16 17 18 19
    // list: [],
    loading: false,
    spu: { // 商品 SPU

    },

    attrTree: [ // 商品规格
20 21 22 23 24 25 26 27
      // {
      //   id: //
      //   name: //
      //   values: [{
      //      id: //
      //      name: //
      //   }]
      // }
28
    ],
29
    skus: [ // 商品 SKU
30 31 32 33 34 35 36 37
      // {
      //   attrs: [{
      //     id: // 规格值编号
      //     name: // 规格值名
      //   }],
      //   price: // 价格
      //   quantity: // 数量
      // }
38 39
    ],

40 41 42 43 44 45 46 47 48 49 50 51 52 53
  },

  effects: {
    // *update({ payload }, { call, put }) {
    //   const { callback, body } = payload;
    //   const response = yield call(productCategoryUpdate, body);
    //   if (callback) {
    //     callback(response);
    //   }
    //   yield put({
    //     type: 'tree',
    //     payload: {},
    //   });
    // },
54
    *info({ payload, callback }, { call, put }) {
55 56 57 58 59 60 61 62 63 64
      // 显示加载中
      yield put({
        type: 'changeLoading',
        payload: true,
      });

      // 请求
      const response = yield call(productSpuInfo, {
        id: payload,
      });
65 66 67
      if (response.code !== 0) {
        return;
      }
68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113
      // 响应
      let skus = [];
      let attrTree = [];
      // SKU
      for (let i in response.data.skus) {
        let sku = response.data.skus[i];
        // 处理 sku
        {
          let attrs = [];
          for (let j in sku.attrs) {
            let attr = sku.attrs[j];
            attrs.push({
              id: attr.attrValueId,
              name: attr.attrValueName,
            });
          }
          let newSku = {
            ...sku,
            attrs,
          };
          skus.push(newSku);
        }
        // 处理 attrTree
        {
          for (let j in sku.attrs) {
            // debugger;
            let attr = sku.attrs[j];
            let attrTreeNode = undefined;
            for (let k in attrTree) {
              let item = attrTree[k];
              if (item.id === attr.attrId) {
                attrTreeNode = item;
                break;
              }
            }
            if (!attrTreeNode) {
              attrTreeNode = {
                id: attr.attrId,
                name: attr.attrName,
                values: [{
                  id: attr.attrValueId,
                  name: attr.attrValueName,
                }]
              };
              attrTree.push(attrTreeNode);
            } else {
114 115 116 117 118 119 120 121 122 123 124 125 126 127
              let attrValueExists = false;
              let values = attrTreeNode.values;
              for (let k in values) {
                if (values[k].id === attr.attrValueId) {
                  attrValueExists = true;
                  break;
                }
              }
              if (!attrValueExists) {
                values.push({
                  id: attr.attrValueId,
                  name: attr.attrValueName,
                });
              }
128 129 130 131 132 133 134 135 136 137 138 139 140 141
            }
          }
        }
      }
      // debugger;
      yield put({
        type: 'setAll',
        payload: {
          spu: response.data,
          skus: skus,
          attrTree: attrTree,
        },
      });

142 143 144 145 146
      // 如果有回调,则执行回调方法
      if (callback) {
        callback(response.data);
      }

147 148 149 150 151 152
      // 隐藏加载中
      yield put({
        type: 'changeLoading',
        payload: false,
      });
    },
153 154 155
    *addAttr({ payload }, { call, put }) {
      // const { queryParams } = payload;
      // const response = yield call(productCategoryTree, queryParams);
156
      // message.info('调试:添加规格成功!');
157 158 159 160 161 162 163
      yield put({
        type: 'addAttrSuccess',
        payload: {
          attrAdd: {},
        },
      });
    },
164 165 166
    *selectAttr({ payload }, { call, put }) {
      // const { queryParams } = payload;
      // const response = yield call(productCategoryTree, queryParams);
167
      // message.info('调试:选择规格成功!');
168 169 170 171 172
      yield put({
        type: 'selectAttrSuccess',
        payload: payload,
      });
    },
173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198
    *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);
199 200 201
      if (response.code !== 0) {
        return;
      }
202 203 204
      if (callback) {
        callback(response);
      }
205 206 207 208 209 210 211 212
      // yield put({
      //   type: 'tree',
      //   payload: {},
      // });
      alert('添加成功!后续改成跳转到手机站的详情');
    },
    *update({ payload }, { call, put }) {
      const { callback, body } = payload;
213
      const response = yield call(productSpuUpdate, body);
214 215 216
      if (response.code !== 0) {
        return;
      }
217 218 219 220 221 222 223 224
      if (callback) {
        callback(response);
      }
      // yield put({
      //   type: 'tree',
      //   payload: {},
      // });
      alert('修改成功!后续改成跳转到手机站的详情');
225
    },
226 227 228 229 230
  },

  reducers: {
    addAttrSuccess(state, {payload}) {
      // debugger;
231
      // console.log(state.attrTree);
232 233 234 235 236
      state.attrTree.push(payload.attrAdd);
      return {
        ...state
      }
    },
237 238 239 240 241 242 243 244
    selectAttrSuccess(state, {payload}) {
      // debugger;
      // console.log(state.attrTree);
      state.attrTree[payload.attrIndex] = payload.attr;
      return {
        ...state
      }
    },
245 246 247
    selectAttrValueSuccess(state, {payload}) {
      // debugger;
      // console.log(state);
248
      // 设置值。
249
      state.attrTree[payload.attrIndex].values = payload.attrValues;
250 251 252 253 254 255 256 257
      // 筛选有效的规格选项
      let attrTree = [];
      for (let i in state.attrTree) {
        let attr = state.attrTree[i];
        if (attr && attr.values && attr.values.length > 0) {
          attrTree.push(attr);
        }
      }
258 259 260
      // 生成 skus 值
      let skus = [];
      let skuSize = 1;
261 262
      for (let i in attrTree) { // 先计算 sku 数量
        let attr = attrTree[i];
263 264 265 266 267 268 269 270 271 272
        skuSize = skuSize * attr.values.length;
      }
      // console.log('skuSize: ' + skuSize);
      for (let i = 0; i < skuSize; i++) { // 初始化 sku 格子
        skus.push({
          attrs: [],
          price: undefined,
          quantity: undefined,
        });
      }
273
      // let interval = skuSize; // 该间隔,用于下面规格组合
274
      for (let i = 0; i < attrTree.length; i++) { // 初始化 sku 格子里的 attrs
275 276 277
        if (i === 1) {
          // debugger;
        }
278
        let values = attrTree[i].values;
279
        let interval = skuSize / values.length;
280
        for (let j = 0; j < skuSize; j++) {
281
          // let values = attrTree[i].values;
282 283 284 285 286
          // let attr = values[j % values.length];
          // skus[i].attrs.push({
          //   id: attr.id,
          //   name: attr.name,
          // });
287 288
          // let attr = values[j % values.length];
          let attr = values[parseInt(j / interval)];
289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315
          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
      }
    },
316
    clear(state, {payload}) {
317 318
      return {
        ...state,
319 320
        skus: [],
        attrTree: [],
321
        spu: {},
322 323 324 325 326 327
      }
    },
    changeLoading(state, { payload }) {
      return {
        ...state,
        listLoading: payload,
328 329
      };
    },
330 331 332 333 334 335 336 337 338 339 340 341 342
    // 设置所有属性
    setAll(state, { payload }) {
      return {
        ...state,
        ...payload,
      };
    }
    // treeSuccess(state, { payload }) {
    //   return {
    //     ...state,
    //     ...payload,
    //   };
    // },
343 344
  },
};