|
@@ -254,139 +254,142 @@ const Lecture = React.createClass({
|
|
|
};
|
|
|
const hasSelected = this.state.selectedRowKeys.length > 0;
|
|
|
return (
|
|
|
- <div className="admin-content" >
|
|
|
- <div className="admin-content-title">广告图管理</div>
|
|
|
- <div className="admin-content-warp">
|
|
|
- <div className="admin-content-header">广告图列表</div>
|
|
|
- <div className="admin-content-search">
|
|
|
- <Select placeholder="选择广告图位置"
|
|
|
- style={{ width: 200 }}
|
|
|
- value={this.state.searchKey}
|
|
|
- onChange={(e) => { this.setState({ searchKey: e }) }}>
|
|
|
- {this.state.keysOption}
|
|
|
- </Select>
|
|
|
- <Button type="primary" onClick={this.loadData}>搜索</Button>
|
|
|
- <Button type="ghost" onClick={this.clearCache}>清除缓存</Button>
|
|
|
- <Button onClick={this.reset}>重置</Button>
|
|
|
- <Button type='danger' disabled={!hasSelected} onClick={this.delectRow}>
|
|
|
- 删除<Icon type="minus" />
|
|
|
- </Button>
|
|
|
- <Button type="primary" style={{ float: 'right' }}
|
|
|
- onClick={() => { this.setState({ RowData: {}, visible: true }) }}>
|
|
|
- 添加<Icon type="plus" />
|
|
|
- </Button>
|
|
|
- </div>
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <Table className="no-all-select" columns={this.state.columns}
|
|
|
- dataSource={this.state.tableData}
|
|
|
- pagination={this.state.pagination}
|
|
|
- rowSelection={rowSelection}
|
|
|
- onRowClick={this.tableRowClick} />
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- <Modal title="广告图详情" width={1000}
|
|
|
- visible={this.state.visible}
|
|
|
- maskClosable={false}
|
|
|
- footer={null}
|
|
|
- afterClose={() => { this.state.RowData = {} }}
|
|
|
- onCancel={() => { this.setState({ visible: false }) }} >
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <div className="modal-box">
|
|
|
- <span className="modal-box-title">广告图位置</span>
|
|
|
- {this.state.RowData.id ? <div className="modal-box-detail">
|
|
|
- {this.state.keysObj[this.state.RowData.sign]}
|
|
|
- </div> : <div className="modal-box-detail">
|
|
|
- <Select placeholder="选择广告图位置"
|
|
|
- style={{ width: 200 }}
|
|
|
- value={this.state.RowData.sign}
|
|
|
- onChange={(e) => {
|
|
|
- this.state.RowData.sign = e;
|
|
|
- this.setState({ RowData: this.state.RowData })
|
|
|
- }}>
|
|
|
- {this.state.keysOption}
|
|
|
- </Select>
|
|
|
- </div>}
|
|
|
- </div>
|
|
|
- <div className="modal-box">
|
|
|
- <span className="modal-box-title">广告图描述</span>
|
|
|
- <div className="modal-box-detail">
|
|
|
- <Input value={this.state.RowData.text}
|
|
|
- onChange={(e) => {
|
|
|
- this.state.RowData.text = e.target.value;
|
|
|
- this.setState({ RowData: this.state.RowData });
|
|
|
- }} />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div className="modal-box">
|
|
|
- <span className="modal-box-title">跳转链接</span>
|
|
|
- <div className="modal-box-detail">
|
|
|
- <Input value={this.state.RowData.url}
|
|
|
- onChange={(e) => {
|
|
|
- this.state.RowData.url = e.target.value;
|
|
|
- this.setState({ RowData: this.state.RowData });
|
|
|
- }} />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div className="modal-box">
|
|
|
- <span className="modal-box-title">图片宽度</span>
|
|
|
- <div className="modal-box-detail">
|
|
|
- <Input value={this.state.RowData.width}
|
|
|
- onChange={(e) => {
|
|
|
- this.state.RowData.width = e.target.value;
|
|
|
- this.setState({ RowData: this.state.RowData });
|
|
|
- }} />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div className="modal-box">
|
|
|
- <span className="modal-box-title">图片高度</span>
|
|
|
- <div className="modal-box-detail">
|
|
|
- <Input value={this.state.RowData.height}
|
|
|
- onChange={(e) => {
|
|
|
- this.state.RowData.height = e.target.value;
|
|
|
- this.setState({ RowData: this.state.RowData });
|
|
|
- }} />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div className="modal-box">
|
|
|
- <span className="modal-box-title">广告图播放时间</span>
|
|
|
- <div className="modal-box-detail">
|
|
|
- <DatePicker
|
|
|
- showTime
|
|
|
- format="YYYY-MM-DD HH:mm:ss"
|
|
|
- placeholder="选择开始时间"
|
|
|
- value={this.state.RowData.startDate ? moment(this.state.RowData.startDate, "YYYY-MM-DD HH:mm:ss") : undefined}
|
|
|
- onChange={(t, str) => {
|
|
|
- this.state.RowData.startDate = str;
|
|
|
- this.setState({ RowData: this.state.RowData });
|
|
|
- }} />
|
|
|
- <span>到</span>
|
|
|
- <DatePicker
|
|
|
- showTime
|
|
|
- format="YYYY-MM-DD HH:mm:ss"
|
|
|
- placeholder="选择结束时间"
|
|
|
- value={this.state.RowData.endDate ? moment(this.state.RowData.endDate, "YYYY-MM-DD HH:mm:ss") : undefined}
|
|
|
- onChange={(t, str) => {
|
|
|
- this.state.RowData.endDate = str;
|
|
|
- this.setState({ RowData: this.state.RowData });
|
|
|
- }} />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div className="modal-box">
|
|
|
- <span className="modal-box-title">上传图片</span>
|
|
|
- <div className="modal-box-detail clearfix">
|
|
|
- <Avatar sign={this.state.RowData.sign} id={this.state.RowData.id}
|
|
|
- imageUrl={this.state.RowData.imgurl ? (globalConfig.avatarHost + "/upload" + this.state.RowData.imgurl) : null}
|
|
|
- urlData={(url) => { this.state.RowData.imgurl = url }} />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div className="modal-box">
|
|
|
- <Button type="primary" onClick={this.submit}>提交</Button>
|
|
|
- <Button type="ghost" onClick={() => { this.setState({ visible: false }) }}>取消</Button>
|
|
|
- </div>
|
|
|
- </Spin>
|
|
|
- </Modal>
|
|
|
- </div>
|
|
|
- );
|
|
|
+ <div></div>
|
|
|
+ )
|
|
|
+ // return (
|
|
|
+ // <div className="admin-content" >
|
|
|
+ // <div className="admin-content-title">广告图管理</div>
|
|
|
+ // <div className="admin-content-warp">
|
|
|
+ // <div className="admin-content-header">广告图列表</div>
|
|
|
+ // <div className="admin-content-search">
|
|
|
+ // <Select placeholder="选择广告图位置"
|
|
|
+ // style={{ width: 200 }}
|
|
|
+ // value={this.state.searchKey}
|
|
|
+ // onChange={(e) => { this.setState({ searchKey: e }) }}>
|
|
|
+ // {this.state.keysOption}
|
|
|
+ // </Select>
|
|
|
+ // <Button type="primary" onClick={this.loadData}>搜索</Button>
|
|
|
+ // <Button type="ghost" onClick={this.clearCache}>清除缓存</Button>
|
|
|
+ // <Button onClick={this.reset}>重置</Button>
|
|
|
+ // <Button type='danger' disabled={!hasSelected} onClick={this.delectRow}>
|
|
|
+ // 删除<Icon type="minus" />
|
|
|
+ // </Button>
|
|
|
+ // <Button type="primary" style={{ float: 'right' }}
|
|
|
+ // onClick={() => { this.setState({ RowData: {}, visible: true }) }}>
|
|
|
+ // 添加<Icon type="plus" />
|
|
|
+ // </Button>
|
|
|
+ // </div>
|
|
|
+ // <Spin spinning={this.state.loading}>
|
|
|
+ // <Table className="no-all-select" columns={this.state.columns}
|
|
|
+ // dataSource={this.state.tableData}
|
|
|
+ // pagination={this.state.pagination}
|
|
|
+ // rowSelection={rowSelection}
|
|
|
+ // onRowClick={this.tableRowClick} />
|
|
|
+ // </Spin>
|
|
|
+ // </div>
|
|
|
+ // <Modal title="广告图详情" width={1000}
|
|
|
+ // visible={this.state.visible}
|
|
|
+ // maskClosable={false}
|
|
|
+ // footer={null}
|
|
|
+ // afterClose={() => { this.state.RowData = {} }}
|
|
|
+ // onCancel={() => { this.setState({ visible: false }) }} >
|
|
|
+ // <Spin spinning={this.state.loading}>
|
|
|
+ // <div className="modal-box">
|
|
|
+ // <span className="modal-box-title">广告图位置</span>
|
|
|
+ // {this.state.RowData.id ? <div className="modal-box-detail">
|
|
|
+ // {this.state.keysObj[this.state.RowData.sign]}
|
|
|
+ // </div> : <div className="modal-box-detail">
|
|
|
+ // <Select placeholder="选择广告图位置"
|
|
|
+ // style={{ width: 200 }}
|
|
|
+ // value={this.state.RowData.sign}
|
|
|
+ // onChange={(e) => {
|
|
|
+ // this.state.RowData.sign = e;
|
|
|
+ // this.setState({ RowData: this.state.RowData })
|
|
|
+ // }}>
|
|
|
+ // {this.state.keysOption}
|
|
|
+ // </Select>
|
|
|
+ // </div>}
|
|
|
+ // </div>
|
|
|
+ // <div className="modal-box">
|
|
|
+ // <span className="modal-box-title">广告图描述</span>
|
|
|
+ // <div className="modal-box-detail">
|
|
|
+ // <Input value={this.state.RowData.text}
|
|
|
+ // onChange={(e) => {
|
|
|
+ // this.state.RowData.text = e.target.value;
|
|
|
+ // this.setState({ RowData: this.state.RowData });
|
|
|
+ // }} />
|
|
|
+ // </div>
|
|
|
+ // </div>
|
|
|
+ // <div className="modal-box">
|
|
|
+ // <span className="modal-box-title">跳转链接</span>
|
|
|
+ // <div className="modal-box-detail">
|
|
|
+ // <Input value={this.state.RowData.url}
|
|
|
+ // onChange={(e) => {
|
|
|
+ // this.state.RowData.url = e.target.value;
|
|
|
+ // this.setState({ RowData: this.state.RowData });
|
|
|
+ // }} />
|
|
|
+ // </div>
|
|
|
+ // </div>
|
|
|
+ // <div className="modal-box">
|
|
|
+ // <span className="modal-box-title">图片宽度</span>
|
|
|
+ // <div className="modal-box-detail">
|
|
|
+ // <Input value={this.state.RowData.width}
|
|
|
+ // onChange={(e) => {
|
|
|
+ // this.state.RowData.width = e.target.value;
|
|
|
+ // this.setState({ RowData: this.state.RowData });
|
|
|
+ // }} />
|
|
|
+ // </div>
|
|
|
+ // </div>
|
|
|
+ // <div className="modal-box">
|
|
|
+ // <span className="modal-box-title">图片高度</span>
|
|
|
+ // <div className="modal-box-detail">
|
|
|
+ // <Input value={this.state.RowData.height}
|
|
|
+ // onChange={(e) => {
|
|
|
+ // this.state.RowData.height = e.target.value;
|
|
|
+ // this.setState({ RowData: this.state.RowData });
|
|
|
+ // }} />
|
|
|
+ // </div>
|
|
|
+ // </div>
|
|
|
+ // <div className="modal-box">
|
|
|
+ // <span className="modal-box-title">广告图播放时间</span>
|
|
|
+ // <div className="modal-box-detail">
|
|
|
+ // <DatePicker
|
|
|
+ // showTime
|
|
|
+ // format="YYYY-MM-DD HH:mm:ss"
|
|
|
+ // placeholder="选择开始时间"
|
|
|
+ // value={this.state.RowData.startDate ? moment(this.state.RowData.startDate, "YYYY-MM-DD HH:mm:ss") : undefined}
|
|
|
+ // onChange={(t, str) => {
|
|
|
+ // this.state.RowData.startDate = str;
|
|
|
+ // this.setState({ RowData: this.state.RowData });
|
|
|
+ // }} />
|
|
|
+ // <span>到</span>
|
|
|
+ // <DatePicker
|
|
|
+ // showTime
|
|
|
+ // format="YYYY-MM-DD HH:mm:ss"
|
|
|
+ // placeholder="选择结束时间"
|
|
|
+ // value={this.state.RowData.endDate ? moment(this.state.RowData.endDate, "YYYY-MM-DD HH:mm:ss") : undefined}
|
|
|
+ // onChange={(t, str) => {
|
|
|
+ // this.state.RowData.endDate = str;
|
|
|
+ // this.setState({ RowData: this.state.RowData });
|
|
|
+ // }} />
|
|
|
+ // </div>
|
|
|
+ // </div>
|
|
|
+ // <div className="modal-box">
|
|
|
+ // <span className="modal-box-title">上传图片</span>
|
|
|
+ // <div className="modal-box-detail clearfix">
|
|
|
+ // <Avatar sign={this.state.RowData.sign} id={this.state.RowData.id}
|
|
|
+ // imageUrl={this.state.RowData.imgurl ? (globalConfig.avatarHost + "/upload" + this.state.RowData.imgurl) : null}
|
|
|
+ // urlData={(url) => { this.state.RowData.imgurl = url }} />
|
|
|
+ // </div>
|
|
|
+ // </div>
|
|
|
+ // <div className="modal-box">
|
|
|
+ // <Button type="primary" onClick={this.submit}>提交</Button>
|
|
|
+ // <Button type="ghost" onClick={() => { this.setState({ visible: false }) }}>取消</Button>
|
|
|
+ // </div>
|
|
|
+ // </Spin>
|
|
|
+ // </Modal>
|
|
|
+ // </div>
|
|
|
+ // );
|
|
|
}
|
|
|
});
|
|
|
|