:sparkles: 渠道产品列表页增加上架功能

src/index.less

@@ -80,6 +80,10 @@ body {
   background: #f5222d !important;
   color: #fff !important;
 }
+:global(.recBtn) {
+  background: #13c2c2 !important;
+  color: #fff !important;
+}
 :global(.depositBtn) {
   margin-right: 10px;
   background: #a0d911 !important;

src/models/shelves.js

@@ -117,16 +117,26 @@ export default {
         }));
       }
     },
-    *deleteItem({ payload }, { call }) {
+    *deleteItem({ payload, states }, { call, put }) {
       const response = yield call(deleteItem, payload);
       if (response.success) {
         message.success('下架成功');
+        const { scene, Queryers } = states;
+        yield put({
+          type: `fetch${scene}ItemList`,
+          payload: Queryers,
+        });
       }
     },
-    *recoverItem({ payload }, { call }) {
+    *recoverItem({ payload, states }, { call, put }) {
       const response = yield call(recoverItem, payload);
       if (response.success) {
-        message.success('恢复上架成功');
+        const { scene, Queryers } = states;
+        message.success('上架成功');
+        yield put({
+          type: `fetch${scene}ItemList`,
+          payload: Queryers,
+        });
       }
     },
     *createItemPrice({ payload, states }, { call, put }) {

src/routes/Shelves/ShelvesList.js

@@ -6,6 +6,7 @@ import { routerRedux } from 'dva/router';
 import { Card, Modal, Button, message } from 'antd';
 import { StandardTableList } from '../../components/AXList';
 import Ellipsis from '../../components/Ellipsis';
+import { Hotax } from '../../utils/config';
 import { renderStatus, addRowKey } from '../../utils/utils';
 
 const Message = message;
@@ -70,6 +71,28 @@ export default class ShelvesListPage extends Component {
     });
   };
   /**
+   * 恢复某渠道的一个产品
+   * @param item
+   */
+  handleRecoverOperation = (item) => {
+    Modal.confirm({
+      okText: '确定',
+      cancelText: '取消',
+      title: '你确定要上架该产品吗?',
+      onOk: () => {
+        this.props.dispatch({
+          type: 'shelves/recoverItem',
+          payload: {
+            pid: item.pid,
+            merchantId: item.merchantId,
+            status: Hotax.STATUS_NORMAL,
+          },
+          states: this.state,
+        });
+      },
+    });
+  };
+  /**
    * 跳转到编辑界面
    * @param {Object} item
    */
@@ -121,12 +144,21 @@ export default class ShelvesListPage extends Component {
             onClick={() => this.handleEditOperation(item)}
           >编辑
           </Button>
-          <Button
-            size="small"
-            className="delBtn"
-            onClick={() => this.handleDeleteOperation(item)}
-          >下架
-          </Button>
+          {item.status === Hotax.STATUS_NORMAL ? (
+            <Button
+              size="small"
+              className="delBtn"
+              onClick={() => this.handleDeleteOperation(item)}
+            >下架
+            </Button>
+            ) : (
+            <Button
+              size="small"
+              className="recBtn"
+              onClick={() => this.handleRecoverOperation(item)}
+            >上架
+            </Button>
+          )}
         </div>
       );
     };