From 4c9caf3828b22bf1d940b0f3a012a7d2f6f5b67a Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 31 八月 2021 18:40:13 +0800
Subject: [PATCH] 2021-08-31
---
src/menu/picturecontroller/index.jsx | 47 ++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 44 insertions(+), 3 deletions(-)
diff --git a/src/menu/picturecontroller/index.jsx b/src/menu/picturecontroller/index.jsx
index cb45a35..638ef3d 100644
--- a/src/menu/picturecontroller/index.jsx
+++ b/src/menu/picturecontroller/index.jsx
@@ -26,6 +26,7 @@
pageSize: 12,
filpictures: [],
filvideos: [],
+ colorlist: [],
piclist: [],
vidlist: [],
picIndex: 1,
@@ -35,13 +36,16 @@
trigger = () => {
let pictures = sessionStorage.getItem('app_pictures')
let videos = sessionStorage.getItem('app_videos')
+ let colorlist = sessionStorage.getItem('app_colors')
try {
pictures = JSON.parse(pictures)
videos = JSON.parse(videos)
+ colorlist = JSON.parse(colorlist)
} catch {
pictures = []
videos = []
+ colorlist = []
}
let filpictures = pictures
@@ -61,6 +65,7 @@
videoKey: '',
piclist,
vidlist,
+ colorlist,
videos
})
}
@@ -95,9 +100,12 @@
if (card.typecharone === 'image') {
sessionStorage.setItem('app_pictures', JSON.stringify(result.data || []))
this.resetPicture(result.data || [])
- } else {
+ } else if (card.typecharone === 'video') {
sessionStorage.setItem('app_videos', JSON.stringify(result.data || []))
this.resetVideo(result.data || [])
+ } else if (card.typecharone === 'color') {
+ sessionStorage.setItem('app_colors', JSON.stringify(result.data || []))
+ this.resetColor(result.data || [])
}
this.setState({editvisible: false})
} else {
@@ -146,9 +154,12 @@
if (item.typecharone === 'image') {
sessionStorage.setItem('app_pictures', JSON.stringify(res.data || []))
_this.resetPicture(res.data || [])
- } else {
+ } else if (item.typecharone === 'video') {
sessionStorage.setItem('app_videos', JSON.stringify(res.data || []))
_this.resetVideo(res.data || [])
+ } else if (item.typecharone === 'color') {
+ sessionStorage.setItem('app_colors', JSON.stringify(res.data || []))
+ _this.resetColor(res.data || [])
}
} else {
notification.warning({
@@ -181,6 +192,10 @@
let vidlist = filvideos.filter((item, index) => index < pageSize)
this.setState({vidIndex: 1, filvideos, vidlist, videos: data})
+ }
+
+ resetColor = (data) => {
+ this.setState({colorlist: data})
}
filterPicture = () => {
@@ -216,7 +231,7 @@
}
render() {
- const { visible, editvisible, card, filpictures, filvideos, piclist, vidlist, imageKey, videoKey, pageSize, picIndex, vidIndex } = this.state
+ const { visible, editvisible, card, filpictures, filvideos, piclist, vidlist, imageKey, videoKey, pageSize, picIndex, vidIndex, colorlist } = this.state
return (
<div style={{display: 'inline-block'}}>
@@ -298,6 +313,32 @@
</Row>
{filvideos.length > pageSize ? <Pagination size="small" current={vidIndex} pageSize={pageSize} onChange={this.changeVidSize} total={filvideos.length} /> : null}
</TabPane>
+ <TabPane tab="棰滆壊绠＄悊" key="color">
+ <Row style={{marginBottom: '15px'}}>
+ <Col span={24}>
+ 鍙坊鍔犲簲鐢ㄤ腑甯哥敤鐨勯鑹诧紝鍙互鏄嫳鏂囦唬鐮併�丠EX鏍煎紡銆丷GB鏍煎紡锛屾渶澶氬彲娣诲姞25绉嶃��
+ {colorlist.length < 25 ? <Button className="picture-plus mk-green" icon="plus" onClick={() => this.handleSource({typecharone: 'color'})}>
+ 娣诲姞
+ </Button> : null}
+ </Col>
+ </Row>
+ <Row gutter={16} style={{height: '340px'}}>
+ {colorlist.length > 0 && colorlist.map(item => (
+ <Col span={4} key={item.id}>
+ <div className="image-video-box">
+ <div className="image-video-box-body" style={{background: item.linkurl}}>
+ </div>
+ <div className="image-video-control">
+ <Icon type="copy" onClick={() => this.copySource(item)}/>
+ <Icon type="delete" onClick={() => this.deleteSource(item)}/>
+ </div>
+ </div>
+ <p className="image-video-remark">{item.remark}</p>
+ </Col>
+ ))}
+ {!colorlist.length ? <Empty description={null}/> : null}
+ </Row>
+ </TabPane>
</Tabs>
</Modal>
<Modal
--
Gitblit v1.8.0