fix: 文章修改页面提交按钮增加loading效果

xinkeaboard-admin/src/pages/manage/article/add_article.js

@@ -1,6 +1,6 @@
 import { connect } from 'dva/index';
 import React, { Component } from 'react';
-import { Form, Select, Input, Radio, Spin, InputNumber } from 'antd';
+import { Form, Select, Input, Radio, Spin, InputNumber, Button } from 'antd';
 import {
   sldLlineRtextAddGoods,
   failTip,
@@ -36,6 +36,7 @@ export default class Add_article extends Component {
       query: props.location.query,
       articleCat: [],//文章分类
       showLoading: true,
+      submitLoading: false,
     };
   }
 
@@ -112,6 +113,7 @@ export default class Add_article extends Component {
           values.articleId = query.id;
           dis_type = 'article/edit_article';
         }
+        this.setState({submitLoading: true})
         dispatch({
           type: dis_type,
           payload: values,
@@ -128,6 +130,7 @@ export default class Add_article extends Component {
             } else {
               failTip(res.msg);
             }
+            this.setState({submitLoading: false})
           },
         });
       }
@@ -135,7 +138,7 @@ export default class Add_article extends Component {
   };
 
   render() {
-    const { articleCat, detail, showLoading, query, initEditorFlag, getEditorContentFlag, initEditorContent } = this.state;
+    const { submitLoading, articleCat, detail, showLoading, query, initEditorFlag, getEditorContentFlag, initEditorContent } = this.state;
     let { form: { getFieldDecorator } } = this.props;
     return (
       <Scrollbars
@@ -277,10 +280,14 @@ export default class Add_article extends Component {
                         {sldComLanguage('返回')}{/*返回*/}
                       </div>
 
-                      <div onClick={() => this.props.form.submit(this.handleSaveAllData)}
-                           className={`${global.add_goods_bottom_btn} ${global.add_goods_bottom_btn_sel}`}>
+                      <Button 
+                         loading={ submitLoading }
+                         type='primary'
+                         style={{borderRadius: 0 }}
+                         onClick={() => this.props.form.submit(this.handleSaveAllData)}
+                      >
                         保存并返回
-                      </div>
+                      </Button>
                     </div>
                   </Form>
                 </div>