feat: 修改样式问题

src/pages/GoodsManage/createModal/index.jsx

@@ -85,9 +85,6 @@ class goodsManage extends Component {
 
   inputChange = (value, key, index) => {
     this.setState(prev => {
-      if (key === 'third') {
-        prev.editData[index].thirdSkuNo = value;
-      }
       prev.editData[index][key] = value;
       return { editData: prev.editData };
     });
@@ -884,7 +881,8 @@ class goodsManage extends Component {
                 ></Checkbox>
               </Col>
               <Col span={23} className={styles.imgBorder}>
-                <FormItem label="公共滑动图">
+                <p className={styles.ptop}>公共滑动图：</p>
+                <FormItem>
                   {getFieldDecorator('commonImageList', {
                     initialValue: this.state.initForm.commonImageList,
                     valuePropName: 'fileList',
@@ -906,10 +904,10 @@ class goodsManage extends Component {
                       ></Checkbox>
                     </Col>,
                     <Col span={23} className={styles.imgBorder}>
-                      <FormItem
-                        key={color}
-                        label={`滑动图${color === 'null' ? '' : `(${color})`}:`}
-                      >
+                      <p className={styles.ptop}>{`滑动图${
+                        color === 'null' ? '' : `(${color})`
+                      }:`}</p>
+                      <FormItem key={color}>
                         {getFieldDecorator(`imageList[${color}]`, {
                           initialValue:
                             this.state.initForm.imageList && this.state.initForm.imageList[color],
@@ -945,7 +943,8 @@ class goodsManage extends Component {
                 ></Checkbox>
               </Col>
               <Col span={23} className={styles.imgBorder}>
-                <FormItem label="详情图">
+                <p className={styles.ptop}>详情图：</p>
+                <FormItem>
                   {getFieldDecorator('detailImageList', {
                     initialValue: this.state.initForm.detailImageList,
                     valuePropName: 'fileList',

src/pages/GoodsManage/createModal/mixin.jsx

@@ -162,6 +162,7 @@ export function validateSpuInfo(values, initData, editData, productType) {
   const checkKey = Object.keys(newCheckObject);
   const checkString = [];
   editData.forEach((item, index) => {
+    item.thirdSkuNo = item.third;
     const rowCheckString = checkKey.reduce((checkMessage, val, ind) => {
       const checkItem = item[val];
       if (checkItem === null || checkItem === undefined || checkItem === '') {

src/pages/GoodsManage/style.less

@@ -19,6 +19,9 @@
   bottom: 20px;
   left: 0;
 }
+.ptop {
+  margin-top: 5px;
+}
 
 .tabletop {
   margin-top: 20px;
@@ -40,7 +43,7 @@
 .pullBtn {
   position: absolute;
   top: 30px;
-  right: -700px;
+  left: 800px;
 }
 
 .price {

src/pages/components/sortablUpload/index.jsx

@@ -197,7 +197,7 @@ class PicturesWall extends React.Component {
       listType: 'picture-card',
     };
     return (
-      <div className="clearfix">
+      <div className={styles.clearfix}>
         <div className={styles.imgContent}>
           {fileList.length > 0 && (
             <ReactSortable list={fileList} setList={list => this.sortChange(list)}>

src/pages/components/sortablUpload/styles.less

@@ -28,3 +28,7 @@
   font-size: 16px;
   cursor: pointer;
 }
+
+.clearfix {
+  margin-right: 200px;
+}