7 changed files with 249 additions and 1138 deletions
|
After Width: | Height: | Size: 959 B |
|
After Width: | Height: | Size: 76 KiB |
@ -1,339 +0,0 @@ |
|||
import React, { useState, useEffect } from "react"; |
|||
import { connect } from "react-redux"; |
|||
import { Table } from "antd"; |
|||
import { push } from "react-router-redux"; |
|||
import moment from "moment"; |
|||
import { getDataList } from "../actions/profile"; |
|||
let xinwen = "../../../../assets/images/xinweng.png"; |
|||
let BARBG = "../../../../assets/images/barbg.png"; |
|||
let shangxinli = "../../../../assets/images/shangxinli_title.png"; |
|||
function ActivityColumns(props) { |
|||
const { dispatch } = props; |
|||
const [activities, setActivities] = useState([]); //活动风采
|
|||
const more = (id) => { |
|||
dispatch(push("/more", { type: 0, status: 1 })); |
|||
}; |
|||
useEffect(() => { |
|||
dispatch(getDataList({ type: 0, status: 1 })).then((res) => { |
|||
res.payload ? setActivities(res.payload.data.data) : ""; |
|||
}); |
|||
}, []); |
|||
const renderInfoBar = (title) => { |
|||
return ( |
|||
<div |
|||
style={{ |
|||
width: "100%", |
|||
backgroundColor: "rgba(255, 201, 122, 0.3)", |
|||
height: 42, |
|||
display: "flex", |
|||
justifyContent: "space-between", |
|||
alignItems: "center", |
|||
marginTop: "10px", |
|||
}} |
|||
> |
|||
<div |
|||
style={{ |
|||
width: 131, |
|||
height: 42, |
|||
color: "#fff", |
|||
fontSize: 20, |
|||
fontWeight: "500", |
|||
// backgroundColor: "rgba(175, 37, 27, 1)",
|
|||
display: "flex", |
|||
alignItems: "center", |
|||
justifyContent: "flex-start", |
|||
paddingLeft: 10, |
|||
background: `url(${BARBG}) 0% 0% / 100% 100%`, |
|||
}} |
|||
> |
|||
{title} |
|||
</div> |
|||
<div |
|||
style={{ |
|||
color: "rgba(0, 0, 0, 0.65)", |
|||
fontSize: 14, |
|||
marginRight: 15, |
|||
cursor: "pointer", |
|||
userSelect: "none", |
|||
}} |
|||
onClick={() => { |
|||
more("123"); |
|||
}} |
|||
> |
|||
{"更多 >>"} |
|||
</div> |
|||
</div> |
|||
); |
|||
}; |
|||
const activityColumns = [ |
|||
{ |
|||
title: "Name", |
|||
dataIndex: "name", |
|||
key: "name", |
|||
ellipsis: true, |
|||
sorter: (a, b) => { |
|||
const atime = a.createTime |
|||
.slice(0, 10) |
|||
.replace("-", "") |
|||
.replace("-", ""); |
|||
|
|||
const btime = b.createTime |
|||
.slice(0, 10) |
|||
.replace("-", "") |
|||
.replace("-", ""); |
|||
return atime - btime; |
|||
}, |
|||
defaultSortOrder: "bscend", |
|||
render: (text, record) => ( |
|||
<> |
|||
<div |
|||
onClick={() => { |
|||
dispatch( |
|||
push("/particulars", { |
|||
id: record.id, |
|||
title: record.title, |
|||
}) |
|||
); |
|||
}} |
|||
> |
|||
<span |
|||
style={{ |
|||
display: "inline-block", |
|||
width: "5px", |
|||
height: "5px", |
|||
backgroundColor: "#AF251B", |
|||
position: "absolute", |
|||
right: "490px", |
|||
top: "26px", |
|||
}} |
|||
></span> |
|||
<a |
|||
style={{ |
|||
width: "285px", |
|||
overflow: "hidden", |
|||
display: "block", |
|||
float: "left", |
|||
whiteSpace: "nowrap", |
|||
textOverflow: "ellipsis", |
|||
color: "#3c4353", |
|||
}} |
|||
> |
|||
{record?.title || ""} |
|||
</a> |
|||
<span style={{ float: "right", color: "#838a9d" }}> |
|||
[{record?.createTime.slice(0, 10) || ""}] |
|||
</span> |
|||
</div> |
|||
</> |
|||
), |
|||
}, |
|||
]; |
|||
return ( |
|||
<div> |
|||
<div |
|||
style={{ |
|||
height: 480, |
|||
backgroundColor: "#fff", |
|||
padding: 0, |
|||
paddingLeft: 0, |
|||
}} |
|||
> |
|||
{renderInfoBar("活动风采")} |
|||
<div style={{ display: "flex", width: "100%" }}> |
|||
<div style={{ width: 330, paddingTop: 10, padding: 10 }}> |
|||
<img |
|||
src={xinwen} |
|||
alt="huodong" |
|||
style={{ width: 330, height: 170 }} |
|||
/> |
|||
<div style={{ width: 330, marginTop: 10 }}> |
|||
<div |
|||
style={{ |
|||
fontSize: 16, |
|||
textAlign: "center", |
|||
fontWeight: "bold", |
|||
color: "rgba(0, 0, 0, 0.65)", |
|||
}} |
|||
> |
|||
习近平致首届大国工匠创新交流大会的贺信 |
|||
</div> |
|||
<div |
|||
style={{ |
|||
fontSize: 12, |
|||
textAlign: "center", |
|||
fontWeight: "400", |
|||
color: "rgba(0, 0, 0, 0.65)", |
|||
overflow: "hidden", |
|||
textOverflow: "ellipsis", |
|||
whiteSpace: "nowrap", |
|||
}} |
|||
> |
|||
值此首届大国工匠创新交流大会召开之际，我向大会的举办… |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div |
|||
style={{ |
|||
width: 500, |
|||
height: 260, |
|||
marginLeft: 15, |
|||
overflowY: "hidden", |
|||
}} |
|||
> |
|||
<Table |
|||
columns={activityColumns} |
|||
dataSource={activities} |
|||
showHeader={false} |
|||
pagination={false} |
|||
rowKey="id" |
|||
bordered={false} |
|||
/> |
|||
</div> |
|||
</div> |
|||
<div |
|||
style={{ |
|||
width: "100%", |
|||
height: 170, |
|||
padding: 10, |
|||
display: "flex", |
|||
alignItems: "center", |
|||
}} |
|||
> |
|||
<img src={shangxinli} alt="tu" style={{ width: 72, height: 150 }} /> |
|||
<div |
|||
style={{ |
|||
flex: 1, |
|||
display: "flex", |
|||
alignItems: "center", |
|||
marginRight: 10, |
|||
overflowX: "scroll", |
|||
marginLeft: 15, |
|||
marginRight: 15, |
|||
}} |
|||
> |
|||
{shangxinliArr.map(({ avatar, name, award }, index) => { |
|||
let src = `../../../../assets/images/shangxinli/${avatar}`; |
|||
return ( |
|||
<div |
|||
key={index} |
|||
style={{ |
|||
flexShrink: 0, |
|||
width: 80, |
|||
display: "flex", |
|||
flexDirection: "column", |
|||
alignItems: "center", |
|||
}} |
|||
> |
|||
<img src={src} style={{ width: 56, height: 80 }} alt="头像" /> |
|||
<div>{name}</div> |
|||
<div>{award}</div> |
|||
</div> |
|||
); |
|||
})} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
); |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth, global, articlesfrom } = state; |
|||
return { |
|||
user: auth.user, |
|||
actions: global.actions, |
|||
articlesfrom: articlesfrom, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(ActivityColumns); |
|||
const shangxinliArr = [ |
|||
{ |
|||
name: "邹全锦", |
|||
avatar: "zouquanjin.png", |
|||
award: "爱岗敬业", |
|||
}, |
|||
{ |
|||
name: "欧阳华强", |
|||
avatar: "ouyanghuaqiang.png", |
|||
award: "爱岗敬业", |
|||
}, |
|||
{ |
|||
name: "田汉鑫", |
|||
avatar: "tianhanxin.png", |
|||
award: "爱岗敬业", |
|||
}, |
|||
{ |
|||
name: "张俊", |
|||
avatar: "zhangjun.png", |
|||
award: "爱岗敬业", |
|||
}, |
|||
{ |
|||
name: "付兵兵", |
|||
avatar: "fubingbing.png", |
|||
award: "爱岗敬业", |
|||
}, |
|||
{ |
|||
name: "吴承云", |
|||
avatar: "wuchengyun.png", |
|||
award: "最佳执行", |
|||
}, |
|||
{ |
|||
name: "周宏晟", |
|||
avatar: "zhouhongsheng.png", |
|||
award: "最佳执行", |
|||
}, |
|||
{ |
|||
name: "杨威", |
|||
avatar: "yangwei.png", |
|||
award: "最佳执行", |
|||
}, |
|||
{ |
|||
name: "丁锦", |
|||
avatar: "dingjin.png", |
|||
award: "最佳执行", |
|||
}, |
|||
{ |
|||
name: "刘琦", |
|||
avatar: "liuqi.png", |
|||
award: "最佳执行", |
|||
}, |
|||
{ |
|||
name: "张文君", |
|||
avatar: "zhangwenjun.png", |
|||
award: "创新卓越", |
|||
}, |
|||
{ |
|||
name: "陈涛", |
|||
avatar: "chentao.png", |
|||
award: "创新卓越", |
|||
}, |
|||
{ |
|||
name: "张文", |
|||
avatar: "zhangwen.png", |
|||
award: "最佳新人", |
|||
}, |
|||
{ |
|||
name: "胡文惠", |
|||
avatar: "huwenhui.png", |
|||
award: "最佳新人", |
|||
}, |
|||
{ |
|||
name: "张子扬", |
|||
avatar: "zhangziyang.png", |
|||
award: "最佳新人", |
|||
}, |
|||
{ |
|||
name: "喻从文", |
|||
avatar: "yucongwen.png", |
|||
award: "最佳新人", |
|||
}, |
|||
{ |
|||
name: "朱琼", |
|||
avatar: "zhuqiong.png", |
|||
award: "最佳新人", |
|||
}, |
|||
{ |
|||
name: "黄钰薇", |
|||
avatar: "huangyuwei.png", |
|||
award: "宣传大使", |
|||
}, |
|||
]; |
|||
@ -1,148 +0,0 @@ |
|||
import React, { useState, useEffect } from "react"; |
|||
import { connect } from "react-redux"; |
|||
import { Table } from "antd"; |
|||
import { push } from "react-router-redux"; |
|||
import moment from "moment"; |
|||
import { getDataList } from "../actions/profile"; |
|||
let BARBG = "../../../../assets/images/barbg.png"; |
|||
|
|||
function PartyColumns(props) { |
|||
const { dispatch } = props; |
|||
const [partyinformation, setPartyInformation] = useState([]); //党建资讯
|
|||
const more = (id) => { |
|||
dispatch(push("/more", { type: 1, status: 1 })); |
|||
}; |
|||
useEffect(() => { |
|||
dispatch(getDataList({ type: 1, status: 1 })).then((res) => { |
|||
res.payload ? setPartyInformation(res.payload.data.data) : ""; |
|||
}); |
|||
}, []); |
|||
const renderInfoBar = (title) => { |
|||
return ( |
|||
<div |
|||
style={{ |
|||
width: "100%", |
|||
backgroundColor: "rgba(255, 201, 122, 0.3)", |
|||
height: 42, |
|||
display: "flex", |
|||
justifyContent: "space-between", |
|||
alignItems: "center", |
|||
}} |
|||
> |
|||
<div |
|||
style={{ |
|||
width: 131, |
|||
height: 42, |
|||
color: "#fff", |
|||
fontSize: 20, |
|||
fontWeight: "500", |
|||
// backgroundColor: "rgba(175, 37, 27, 1)",
|
|||
display: "flex", |
|||
alignItems: "center", |
|||
justifyContent: "flex-start", |
|||
paddingLeft: 10, |
|||
background: `url(${BARBG}) 0% 0% / 100% 100%`, |
|||
}} |
|||
> |
|||
{title} |
|||
</div> |
|||
<div |
|||
style={{ |
|||
color: "rgba(0, 0, 0, 0.65)", |
|||
fontSize: 14, |
|||
marginRight: 15, |
|||
cursor: "pointer", |
|||
userSelect: "none", |
|||
}} |
|||
onClick={() => { |
|||
more("123"); |
|||
}} |
|||
> |
|||
{"更多 >>"} |
|||
</div> |
|||
</div> |
|||
); |
|||
}; |
|||
const activityColumns = [ |
|||
{ |
|||
title: "Name", |
|||
dataIndex: "name", |
|||
key: "name", |
|||
sorter: (a, b) => { |
|||
const atime = a.publishTime |
|||
.slice(0, 10) |
|||
.replace("-", "") |
|||
.replace("-", ""); |
|||
|
|||
const btime = b.publishTime |
|||
.slice(0, 10) |
|||
.replace("-", "") |
|||
.replace("-", ""); |
|||
return atime - btime; |
|||
}, |
|||
defaultSortOrder: "bscend", |
|||
render: (text, record) => ( |
|||
<div |
|||
onClick={() => { |
|||
dispatch( |
|||
push("/particulars", { id: record.id, title: record.title }) |
|||
); |
|||
}} |
|||
> |
|||
<span |
|||
style={{ |
|||
display: "inline-block", |
|||
width: "5px", |
|||
height: "5px", |
|||
backgroundColor: "#AF251B", |
|||
position: "absolute", |
|||
right: "403px", |
|||
top: "26px", |
|||
}} |
|||
></span> |
|||
<a |
|||
style={{ |
|||
width: "285px", |
|||
overflow: "hidden", |
|||
float: "left", |
|||
whiteSpace: "nowrap", |
|||
textOverflow: "ellipsis", |
|||
OTextOverflow: "ellipsis", |
|||
color: "#3c4353", |
|||
}} |
|||
> |
|||
{record?.title || ""} |
|||
</a> |
|||
<span style={{ float: "right", color: "#838a9d" }}> |
|||
[{record?.createTime.slice(0, 10) || ""}] |
|||
</span> |
|||
</div> |
|||
), |
|||
}, |
|||
]; |
|||
return ( |
|||
<div> |
|||
<div style={{ flex: 1, backgroundColor: "#fff", width: "417px" }}> |
|||
{renderInfoBar("党建资讯")} |
|||
<div style={{ height: 329, overflowY: "hidden" }}> |
|||
<Table |
|||
columns={activityColumns} |
|||
dataSource={partyinformation} |
|||
showHeader={false} |
|||
pagination={false} |
|||
bordered={false} |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
); |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth, global, articlesfrom } = state; |
|||
return { |
|||
user: auth.user, |
|||
actions: global.actions, |
|||
articlesfrom: articlesfrom, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(PartyColumns); |
|||
@ -1,148 +0,0 @@ |
|||
import React, { useState, useEffect } from "react"; |
|||
import { connect } from "react-redux"; |
|||
import { Table } from "antd"; |
|||
import { push } from "react-router-redux"; |
|||
import moment from "moment"; |
|||
import { getDataList } from "../actions/profile"; |
|||
let BARBG = "../../../../assets/images/barbg.png"; |
|||
|
|||
function UnionColumns(props) { |
|||
const { dispatch } = props; |
|||
const [unioninformation, setUnionInformation] = useState(); //工会资讯
|
|||
const more = (id) => { |
|||
dispatch(push("/more", { type: 2, status: 1 })); |
|||
}; |
|||
useEffect(() => { |
|||
dispatch(getDataList({ type: 2, status: 1 })).then((res) => { |
|||
res.payload ? setUnionInformation(res.payload.data.data) : ""; |
|||
}); |
|||
}, []); |
|||
const renderInfoBar = (title) => { |
|||
return ( |
|||
<div |
|||
style={{ |
|||
width: "100%", |
|||
backgroundColor: "rgba(255, 201, 122, 0.3)", |
|||
height: 42, |
|||
display: "flex", |
|||
justifyContent: "space-between", |
|||
alignItems: "center", |
|||
}} |
|||
> |
|||
<div |
|||
style={{ |
|||
width: 131, |
|||
height: 42, |
|||
color: "#fff", |
|||
fontSize: 20, |
|||
fontWeight: "500", |
|||
// backgroundColor: "rgba(175, 37, 27, 1)",
|
|||
display: "flex", |
|||
alignItems: "center", |
|||
justifyContent: "flex-start", |
|||
paddingLeft: 10, |
|||
background: `url(${BARBG}) 0% 0% / 100% 100%`, |
|||
}} |
|||
> |
|||
{title} |
|||
</div> |
|||
<div |
|||
style={{ |
|||
color: "rgba(0, 0, 0, 0.65)", |
|||
fontSize: 14, |
|||
marginRight: 15, |
|||
cursor: "pointer", |
|||
userSelect: "none", |
|||
}} |
|||
onClick={() => { |
|||
more(); |
|||
}} |
|||
> |
|||
{"更多 >>"} |
|||
</div> |
|||
</div> |
|||
); |
|||
}; |
|||
const activityColumns = [ |
|||
{ |
|||
title: "Name", |
|||
dataIndex: "name", |
|||
key: "name", |
|||
sorter: (a, b) => { |
|||
const atime = a.publishTime |
|||
.slice(0, 10) |
|||
.replace("-", "") |
|||
.replace("-", ""); |
|||
|
|||
const btime = b.publishTime |
|||
.slice(0, 10) |
|||
.replace("-", "") |
|||
.replace("-", ""); |
|||
return atime - btime; |
|||
}, |
|||
defaultSortOrder: "bscend", |
|||
render: (text, record) => ( |
|||
<div |
|||
onClick={() => { |
|||
dispatch( |
|||
push("/particulars", { id: record.id, title: record.title }) |
|||
); |
|||
}} |
|||
> |
|||
<span |
|||
style={{ |
|||
display: "inline-block", |
|||
width: "5px", |
|||
height: "5px", |
|||
backgroundColor: "#AF251B", |
|||
position: "absolute", |
|||
right: "403px", |
|||
top: "26px", |
|||
}} |
|||
></span> |
|||
<a |
|||
style={{ |
|||
width: "285px", |
|||
overflow: "hidden", |
|||
float: "left", |
|||
whiteSpace: "nowrap", |
|||
textOverflow: "ellipsis", |
|||
OTextOverflow: "ellipsis", |
|||
color: "#3c4353", |
|||
}} |
|||
> |
|||
{record?.title || ""} |
|||
</a> |
|||
<span style={{ float: "right", color: "#838a9d" }}> |
|||
[{record?.createTime.slice(0, 10) || ""}] |
|||
</span> |
|||
</div> |
|||
), |
|||
}, |
|||
]; |
|||
return ( |
|||
<div> |
|||
<div style={{ width: 417, backgroundColor: "#fff", marginLeft: 10 }}> |
|||
{renderInfoBar("工会资讯")} |
|||
<div style={{ height: 329, overflowY: "hidden" }}> |
|||
<Table |
|||
columns={activityColumns} |
|||
dataSource={unioninformation} |
|||
showHeader={false} |
|||
pagination={false} |
|||
bordered={false} |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
); |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth, global, articlesfrom } = state; |
|||
return { |
|||
user: auth.user, |
|||
actions: global.actions, |
|||
articlesfrom: articlesfrom, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(UnionColumns); |
|||
Loading…
Reference in new issue