表单搜索公用组件

Mr Ke

2020-04-06 9d70ed845a45c0cafb8ff39cb8a821613faeade4

 src/components/common/HotListTableView/index.jsx

@@ -30,7 +30,7 @@
        page: 1,
        size: 10,
      },
      loading: false
      loading: true
    };
  }

@@ -116,6 +116,7 @@

  render() {
    let { keywordlist, formData, loading } = this.state;

    let tableParams = {
      url: `api/news/newslist`,
      formData,
@@ -124,30 +125,29 @@
      extraFromData: {
      },
      setFormData: this.setFormData
    }
    };
    return (
      <div className="hot-list-table-view-main">
        {
          loading ? <div style={{ padding: 10 }}>
            <Skeleton />
        <Skeleton loading={loading}>
          <BreadcrumbView data={[{ name: '行业热点知识库' }]} />
          <div className="hot-list-table-view-main-content">
            <Tabs defaultActiveKey={'全部'} onChange={this.tabChange}>
              {
                keywordlist.length &&
                keywordlist.map((key) => (
                  <TabPane tab={key} key={key}>
                  </TabPane>
                ))
              }
            </Tabs>
            {/* 避免请求两遍 */}
            {
              !loading &&
              <TableView {...tableParams} />

            }
          </div>
            :
            <React.Fragment>
              <BreadcrumbView data={[{ name: '行业热点知识库' }]} />
              <div className="hot-list-table-view-main-content">
                <Tabs defaultActiveKey={'全部'} onChange={this.tabChange}>
                  {
                    keywordlist.length &&
                    keywordlist.map((key) => (
                      <TabPane tab={key} key={key}>
                      </TabPane>
                    ))
                  }
                </Tabs>
                <TableView {...tableParams} />
              </div>
            </React.Fragment>
        }
        </Skeleton>
      </div>
    )
  }