From 9d70ed845a45c0cafb8ff39cb8a821613faeade4 Mon Sep 17 00:00:00 2001
From: Mr Ke <kelq@hugeinfo.com.cn>
Date: Mon, 06 Apr 2020 17:05:18 +0800
Subject: [PATCH] 表单搜索公用组件
---
src/components/common/HotListTableView/index.jsx | 44 ++++++++++++++++++++++----------------------
1 files changed, 22 insertions(+), 22 deletions(-)
diff --git a/src/components/common/HotListTableView/index.jsx b/src/components/common/HotListTableView/index.jsx
index 8469970..e0157dc 100644
--- a/src/components/common/HotListTableView/index.jsx
+++ b/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>
)
}
--
Gitblit v1.8.0