| | |
| | | import React, {Component} from 'react' |
| | | import { Modal, Button, Row, Col, Input, Icon, message, Tabs, Empty, Pagination, notification } from 'antd' |
| | | import { Modal, Button, Row, Col, Input, message, Tabs, Empty, Pagination, notification } from 'antd' |
| | | import { PlusOutlined, CopyOutlined, EditOutlined, DeleteOutlined, PictureOutlined } from '@ant-design/icons' |
| | | |
| | | import Api from '@/api' |
| | | import Utils from '@/utils/utils.js' |
| | |
| | | |
| | | return ( |
| | | <div style={{display: 'inline-block'}}> |
| | | <Button className="mk-border-purple" icon="picture" onClick={this.trigger}>资源管理</Button> |
| | | <Button className="mk-border-purple" onClick={this.trigger}><PictureOutlined /> 资源管理</Button> |
| | | <Modal |
| | | title="粘贴" |
| | | wrapClassName="picture-control-model" |
| | |
| | | <Search placeholder="" value={imageKey} onChange={(e) => this.setState({imageKey: e.target.value})} onSearch={this.filterPicture} enterButton /> |
| | | </Col> |
| | | <Col span={16}> |
| | | <Button className="picture-plus mk-green" icon="plus" onClick={() => this.handleSource({typecharone: 'image'})}> |
| | | 添加 |
| | | <Button className="picture-plus mk-green" onClick={() => this.handleSource({typecharone: 'image'})}> |
| | | <PlusOutlined /> 添加 |
| | | </Button> |
| | | </Col> |
| | | </Row> |
| | |
| | | <Image url={item.linkurl} /> |
| | | </div> |
| | | <div className="image-video-control"> |
| | | <Icon type="copy" onClick={() => this.copySource(item)}/> |
| | | <Icon type="edit" onClick={() => this.handleSource(item)}/> |
| | | <Icon type="delete" onClick={() => this.deleteSource(item)}/> |
| | | <CopyOutlined onClick={() => this.copySource(item)}/> |
| | | <EditOutlined onClick={() => this.handleSource(item)}/> |
| | | <DeleteOutlined onClick={() => this.deleteSource(item)}/> |
| | | </div> |
| | | </div> |
| | | <p className="image-video-remark">{item.remark}</p> |
| | |
| | | <Search placeholder="" value={videoKey} onChange={e => this.setState({videoKey: e.target.value})} onSearch={this.filterVideo} enterButton /> |
| | | </Col> |
| | | <Col span={16}> |
| | | <Button className="picture-plus mk-green" icon="plus" onClick={() => this.handleSource({typecharone: 'video'})}> |
| | | 添加 |
| | | <Button className="picture-plus mk-green" onClick={() => this.handleSource({typecharone: 'video'})}> |
| | | <PlusOutlined /> 添加 |
| | | </Button> |
| | | </Col> |
| | | </Row> |
| | |
| | | <Video value={item.linkurl} /> |
| | | </div> |
| | | <div className="image-video-control"> |
| | | <Icon type="copy" onClick={() => this.copySource(item)}/> |
| | | <Icon type="edit" onClick={() => this.handleSource(item)}/> |
| | | <Icon type="delete" onClick={() => this.deleteSource(item)}/> |
| | | <CopyOutlined onClick={() => this.copySource(item)}/> |
| | | <EditOutlined onClick={() => this.handleSource(item)}/> |
| | | <DeleteOutlined onClick={() => this.deleteSource(item)}/> |
| | | </div> |
| | | </div> |
| | | <p className="image-video-remark">{item.remark}</p> |
| | |
| | | <Row style={{marginBottom: '15px'}}> |
| | | <Col span={24}> |
| | | 可添加应用中常用的颜色,可以是英文代码、HEX格式、RGB格式,最多可添加25种。 |
| | | {colorlist.length < 25 ? <Button className="picture-plus mk-green" icon="plus" onClick={() => this.handleSource({typecharone: 'color'})}> |
| | | 添加 |
| | | {colorlist.length < 25 ? <Button className="picture-plus mk-green" onClick={() => this.handleSource({typecharone: 'color'})}> |
| | | <PlusOutlined /> 添加 |
| | | </Button> : null} |
| | | </Col> |
| | | </Row> |
| | |
| | | <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)}/> |
| | | <CopyOutlined onClick={() => this.copySource(item)}/> |
| | | <DeleteOutlined onClick={() => this.deleteSource(item)}/> |
| | | </div> |
| | | </div> |
| | | <p className="image-video-remark">{item.remark}</p> |