From 2d0e600900696bb309d09efd47fd7d4980eeb172 Mon Sep 17 00:00:00 2001
From: liyj <1003249715@qq.com>
Date: Mon, 01 Jun 2020 16:11:28 +0800
Subject: [PATCH] 页面调整
---
src/components/common/HotListTableView/index.jsx | 55 ++++++++++++++++++++++++++-----------------------------
1 files changed, 26 insertions(+), 29 deletions(-)
diff --git a/src/components/common/HotListTableView/index.jsx b/src/components/common/HotListTableView/index.jsx
index 8469970..92ea24a 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
};
}
@@ -45,7 +45,6 @@
fetch({
url: `api/news/keywordlist`
}).then(res => {
- console.log('res', res);
this.setState({
loading: false
})
@@ -58,7 +57,6 @@
}
setFormData = data => {
- console.log('form', data);
this.setState({
formData: data,
});
@@ -71,13 +69,12 @@
dataIndex: 'title',
key: 'title',
render: (cur, item) => {
- return <a dangerouslySetInnerHTML={{ __html: cur }} onClick={() => {
- window.open(item.url)
- }}>
+ return <a dangerouslySetInnerHTML={{ __html: cur }} target="_blank" href={item.url} >
</a>
}
},
{
+ // title: '爬虫时间',
title: '发布时间',
key: 'create_time',
dataIndex: 'create_time',
@@ -92,8 +89,8 @@
},
{
title: '来源',
- dataIndex: 'keyword',
- key: 'keyword',
+ dataIndex: 'author',
+ key: 'author',
},
];
}
@@ -116,6 +113,7 @@
render() {
let { keywordlist, formData, loading } = this.state;
+
let tableParams = {
url: `api/news/newslist`,
formData,
@@ -124,30 +122,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