前端：商品编辑，部分逻辑，解决 sku 编辑的 bug 。

admin-web/src/components/Image/PicturesWall.js

@@ -137,6 +137,25 @@ class PicturesWall extends React.Component {
     return urls;
   };
 
+  setUrls = (urls) => {
+    // let urls = this.props.urls;
+    if (urls) {
+      let fileList = [];
+      for (let i in urls) {
+        let url = urls[i];
+        fileList.push({
+          uid: -i,
+          name: url,
+          status: 'done',
+          url,
+        });
+      }
+      this.setState({
+        fileList: fileList,
+      })
+    }
+  };
+
   render() {
     const { previewVisible, previewImage, fileList } = this.state;
     const uploadButton = (
@@ -168,7 +187,8 @@ class PicturesWall extends React.Component {
 };
 
 PicturesWall.propTypes = {
-  maxLength: Number,
+  maxLength: Number, // 最大照片墙图片数量
+  // urls: String[],  // 初始图片列表
 };
 
 export default PicturesWall;

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

@@ -24,7 +24,7 @@ export default class ProductAttrSelectFormItem extends PureComponent {
         }
       },
     });
-  }
+  };
 
   handleSelectAttrValue = (values, options) => {
     let attrValues = [];
@@ -87,15 +87,20 @@ export default class ProductAttrSelectFormItem extends PureComponent {
       }
     }
     // 3. 拼装最终，添加到 attrTreeHTML 中
+    // debugger;
+    let attrValues = []; // 选中的规格值集合
+    for (let i in attr.values) {
+      attrValues.push(attr.values[i].id + ''); // Select 传入数组时，如果不 + '' ，选不中。
+    }
     return <div key={`div-attr-${index}`}>
-      <Select key={`select-attr-${index}`} style={{width: 120}} placeholder='请选择规格' onChange={this.handleSelectAttr}>
+      <Select key={`select-attr-${index}`} style={{width: 120}} placeholder='请选择规格' value={attr.id} onChange={this.handleSelectAttr}>
         {attrOptions}
       </Select>
-      <Select key={`select-attr-value-${index}`} mode={"tags"} style={{width: 260}} placeholder='请选择规格值'
+      <Select key={`select-attr-value-${index}`} mode={"tags"} style={{width: 260}} value={attrValues} placeholder='请选择规格值'
               onChange={this.handleSelectAttrValue}>
         {attrValueOptions}
       </Select>
     </div>;
   }
 
-}
+}

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

@@ -29,7 +29,8 @@ class SkuInputNumber extends PureComponent {
   }
 
   render() {
-    return <InputNumber placeholder="请输入" onChange={this.handleChange} />
+    const { value } = this.props;
+    return <InputNumber placeholder="请输入" value={value} onChange={this.handleChange} />
   }
 
 }
@@ -60,7 +61,8 @@ export default class ProductSkuAddOrUpdateTable extends PureComponent {
           record: record,
           index: index,
           dispatch: dispatch,
-          dataIndex: 'price'
+          dataIndex: 'price',
+          value: record.price,
         };
         return <SkuInputNumber {...props} />;
       }
@@ -73,7 +75,8 @@ export default class ProductSkuAddOrUpdateTable extends PureComponent {
           record: record,
           index: index,
           dispatch: dispatch,
-          dataIndex: 'quantity'
+          dataIndex: 'quantity',
+          value: record.quantity,
         };
         return <SkuInputNumber {...props} />;
       }