advertisementList.jsx 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855
  1. import React from "react";
  2. import $ from "jquery/src/ajax";
  3. import "react-quill/dist/quill.bubble.css";
  4. import {companyList, getCompanyName, getCompanyValueArray} from '../../common/configure';
  5. import {
  6. Form,
  7. Icon,
  8. Button,
  9. Input,
  10. Select,
  11. Table,
  12. message,
  13. DatePicker,
  14. Modal,
  15. Upload,
  16. Popconfirm,
  17. Cascader,
  18. InputNumber,
  19. Radio,
  20. TimePicker,
  21. Tabs,
  22. Tag,
  23. Checkbox, Tooltip
  24. } from "antd";
  25. import { areaSelect, getProvince } from "@/NewDicProvinceList"; //省市区
  26. import {
  27. getGameState,
  28. splitUrl,
  29. getprovince,
  30. getStatuslist,
  31. getLvl,
  32. beforeUploadFile,
  33. getPicPath
  34. } from "@/tools.js";
  35. import SpinContainer from "../../SpinContainer";
  36. const { Option } = Select;
  37. const PicturesWall = React.createClass({
  38. getInitialState() {
  39. return {
  40. previewVisible: false,
  41. previewImage: "",
  42. fileList: [],
  43. locations: [],
  44. locationSearch:'',
  45. indeterminate:false,
  46. };
  47. },
  48. getDefaultProps() {
  49. return {
  50. changeClick: this.modifyChange
  51. };
  52. },
  53. handleCancel() {
  54. this.setState({ previewVisible: false });
  55. },
  56. handlePreview(file) {
  57. this.setState({
  58. previewImage: file.url || file.thumbUrl,
  59. previewVisible: true
  60. });
  61. },
  62. handleChange(info) {
  63. let fileList = info.fileList;
  64. this.setState({ fileList });
  65. this.props.fileList(fileList);
  66. },
  67. componentWillReceiveProps(nextProps) {
  68. this.state.fileList = nextProps.pictureUrl;
  69. },
  70. render() {
  71. const { previewVisible, previewImage, fileList } = this.state;
  72. const uploadButton = (
  73. <div>
  74. <Icon type="plus" />
  75. <div className="ant-upload-text">点击上传</div>
  76. </div>
  77. );
  78. return (
  79. <div style={{ display: "inline-block" }}>
  80. <Upload
  81. beforeUpload={beforeUploadFile}
  82. // action={globalConfig.context + "/api/admin/purchase/uploadPicture"}
  83. // url: '//172.16.0.253:8080' + '/api/admin/banners/addBanners',
  84. action={globalConfig.context + "/api/admin/banners/uploadFile"}
  85. data={{ sign: "purchase_picture" }}
  86. listType="picture-card"
  87. fileList={fileList}
  88. onPreview={this.handlePreview}
  89. onChange={this.handleChange}
  90. >
  91. {fileList && fileList.length >= 1 ? null : uploadButton}
  92. </Upload>
  93. <Modal
  94. maskClosable={false}
  95. visible={previewVisible}
  96. footer={null}
  97. onCancel={this.handleCancel}
  98. >
  99. <img alt="" style={{ width: "100%" }} src={previewImage} />
  100. </Modal>
  101. </div>
  102. );
  103. }
  104. });
  105. //主体
  106. const AdvertisementList = Form.create()(
  107. React.createClass({
  108. loadData(pageNo) {
  109. this.state.data = [];
  110. this.setState({
  111. loading: true,
  112. page: pageNo
  113. });
  114. $.ajax({
  115. method: "get",
  116. dataType: "json",
  117. // url: globalConfig.context + '/api/admin/listCases',
  118. url: globalConfig.context + "/api/admin/banners/listBanners",
  119. data: {
  120. pageNo: pageNo || this.state.pagination.current || 1,
  121. pageSize: this.state.pagination.pageSize,
  122. position: this.state.positionSearch,
  123. location:this.state.locationSearch,
  124. },
  125. success: function(data) {
  126. let theArr = [];
  127. if (!data.data || !data.data.list) {
  128. if (data.error && data.error.length) {
  129. message.warning(data.error[0].message);
  130. }
  131. } else {
  132. for (let i = 0; i < data.data.list.length; i++) {
  133. let thisdata = data.data.list[i];
  134. thisdata.key = i + 1;
  135. theArr.push(thisdata);
  136. }
  137. this.state.pagination.current = data.data.pageNo;
  138. this.state.pagination.total = data.data.totalCount;
  139. }
  140. this.setState({
  141. dataSource: theArr,
  142. pagination: this.state.pagination
  143. });
  144. }.bind(this)
  145. }).always(
  146. function() {
  147. this.setState({
  148. loading: false
  149. });
  150. }.bind(this)
  151. );
  152. },
  153. getInitialState() {
  154. return {
  155. loading: false,
  156. flag: true,
  157. imgeditvisible: false,
  158. activeKey: "1",
  159. purchaseImg: [],
  160. maximg: "",
  161. timesArr: [],
  162. pagination: {
  163. defaultCurrent: 1,
  164. defaultPageSize: 10,
  165. showQuickJumper: true,
  166. pageSize: 10,
  167. onChange: function(page) {
  168. this.loadData(page);
  169. this.setState({
  170. selectedRowKeys: []
  171. });
  172. }.bind(this),
  173. showTotal: function(total) {
  174. return "共" + total + "条数据";
  175. }
  176. },
  177. //数据类型
  178. columns: [
  179. {
  180. title: "序号",
  181. dataIndex: "key",
  182. key: "key"
  183. },
  184. {
  185. title: "广告位置",
  186. dataIndex: "position",
  187. key: "position",
  188. render: text => {
  189. if (text == 0) {
  190. return <span>首页</span>;
  191. }else if(text == 1) {
  192. return <span>产品中心</span>;
  193. }else if(text == 2) {
  194. return <span>战略合作</span>;
  195. }else if(text == 3) {
  196. return <span>服务客户</span>;
  197. }else if(text == 4) {
  198. return <span>新闻动态</span>;
  199. }else if(text == 5) {
  200. return <span>关于科德</span>;
  201. }else if(text == 6) {
  202. return <span>联系我们</span>;
  203. }else {
  204. return "未知"
  205. }
  206. }
  207. },
  208. {
  209. title: "广告缩略图",
  210. dataIndex: "bannerUrl",
  211. key: "bannerUrl",
  212. render: url => {
  213. let path = getPicPath(globalConfig.avatarUploadHost, url);
  214. return (
  215. <div style={{ textAlign: "center" }}>
  216. <img src={path} style={{ width: "100px", height: 50 }} />
  217. <Button
  218. className="buttonimg"
  219. style={{ marginLeft: 10 }}
  220. onClick={e => {
  221. this.stopPropagation(e);
  222. this.maximg(path);
  223. }}
  224. >
  225. 查看大图
  226. </Button>
  227. </div>
  228. );
  229. }
  230. },
  231. {
  232. title: "公司",
  233. dataIndex: "locations",
  234. key: "locations",
  235. render: r => {
  236. let text = '';
  237. r && r.map((v,i)=>(
  238. text += (i === 0 ? '':',')+getCompanyName(v)
  239. ))
  240. return(
  241. <Tooltip placement="top" title={text}>
  242. {
  243. r && r.map((v,i)=>(
  244. i <= 2 ? (i === 0 ? '':',')+getCompanyName(v) : null
  245. ))
  246. }
  247. {
  248. r.length > 3 ? '.....' : null
  249. }
  250. </Tooltip>
  251. )
  252. }
  253. },
  254. {
  255. title: "是否显示",
  256. dataIndex: "display",
  257. key: "display",
  258. render: s => {
  259. return s ? (
  260. <Tag color="#87d068">显示</Tag>
  261. ) : (
  262. <Tag color="#f50">未显示</Tag>
  263. );
  264. }
  265. },
  266. {
  267. title: "排序",
  268. dataIndex: "sort",
  269. key: "sort"
  270. },
  271. {
  272. title: "操作",
  273. dataIndex: "c",
  274. render: (text, record, index) => {
  275. return (
  276. <div>
  277. {
  278. <Button
  279. type="primary"
  280. onClick={event => {
  281. this.stopPropagation(event);
  282. this.tableRowClick(record);
  283. }}
  284. >
  285. 编辑
  286. </Button>
  287. }
  288. {
  289. <Popconfirm
  290. okText="确定"
  291. cancelText="取消"
  292. title="您确定删除?删除后,广告将不再显示"
  293. onConfirm={() => {
  294. this.delete(record.id);
  295. }}
  296. >
  297. <Button
  298. type="danger"
  299. style={{ marginLeft: "10px" }}
  300. onClick={event => {
  301. this.stopPropagation(event);
  302. }}
  303. >
  304. 删除
  305. </Button>
  306. </Popconfirm>
  307. }
  308. {!record.display ? (
  309. <Button
  310. type="primary"
  311. style={{ marginLeft: "10px" }}
  312. onClick={event => {
  313. this.stopPropagation(event);
  314. this.edit(record, "1");
  315. }}
  316. >
  317. 显示
  318. </Button>
  319. ) : (
  320. <Button
  321. type="primary"
  322. style={{ marginLeft: "10px" }}
  323. onClick={event => {
  324. this.stopPropagation(event);
  325. this.edit(record, "0");
  326. }}
  327. >
  328. 隐藏
  329. </Button>
  330. )}
  331. </div>
  332. );
  333. }
  334. }
  335. ],
  336. //数据列表
  337. dataSource: [
  338. ]
  339. };
  340. },
  341. componentWillMount() {
  342. this.loadData();
  343. },
  344. detailes(record) {
  345. this.setState({
  346. loading: true
  347. });
  348. $.ajax({
  349. method: "get",
  350. dataType: "json",
  351. crossDomain: false,
  352. url: globalConfig.context + "/api/admin/banners/selectBanners",
  353. data: {
  354. id: record.id
  355. },
  356. success: function(data) {
  357. let thisdata = data.data;
  358. this.setState({
  359. id: thisdata.id,
  360. title: thisdata.title,
  361. bannerUrl: thisdata.bannerUrl
  362. ? splitUrl(thisdata.bannerUrl, ",", globalConfig.avatarUploadHost)
  363. : [],
  364. sortNumber: thisdata.sort,
  365. display: thisdata.display,
  366. position: thisdata.position,
  367. locations: thisdata.locations,
  368. checked:thisdata.locations.length === companyList.length,
  369. indeterminate: thisdata.locations.length < companyList.length,
  370. });
  371. }.bind(this)
  372. }).always(
  373. function() {
  374. this.setState({
  375. loading: false
  376. });
  377. }.bind(this)
  378. );
  379. },
  380. //点击大图
  381. maximg(url) {
  382. this.setState({
  383. imgeditvisible: true,
  384. maximg: url
  385. });
  386. },
  387. //删除按钮
  388. delete(id) {
  389. $.ajax({
  390. method: "post",
  391. dataType: "json",
  392. crossDomain: false,
  393. url: globalConfig.context + "/api/admin/banners/deleteBanners",
  394. data: {
  395. id
  396. },
  397. success: function(data) {
  398. this.loadData();
  399. }.bind(this)
  400. }).always(
  401. function() {
  402. this.setState({
  403. loading: false
  404. });
  405. }.bind(this)
  406. );
  407. },
  408. //阻止默认冒泡
  409. stopPropagation(e) {
  410. e.stopPropagation();
  411. e.nativeEvent.stopImmediatePropagation();
  412. },
  413. imghandleCancel() {
  414. this.setState({
  415. imgeditvisible: false
  416. });
  417. },
  418. //项目列表整行点击
  419. tableRowClick(record, index) {
  420. this.state.RowData = record;
  421. this.setState({
  422. editvisible: true
  423. });
  424. this.detailes(record);
  425. },
  426. edithandleCancel(e) {
  427. this.setState(
  428. {
  429. editvisible: false
  430. },
  431. () => {
  432. this.addReset();
  433. }
  434. );
  435. this.loadData();
  436. },
  437. search() {
  438. this.loadData();
  439. },
  440. add() {
  441. this.setState({
  442. editvisible: true,
  443. flag: false
  444. });
  445. this.addReset();
  446. },
  447. cancelAdd() {
  448. this.setState(
  449. {
  450. editvisible: false
  451. },
  452. () => {
  453. this.setState({
  454. flag: true
  455. });
  456. this.addReset();
  457. }
  458. );
  459. this.loadData();
  460. },
  461. edit(record, display) {
  462. if (!display) {
  463. if (!this.state.bannerUrl || !this.state.bannerUrl.length) {
  464. message.warning("请上传图片!");
  465. return;
  466. }
  467. if (!this.state.title) {
  468. message.warning("请填写广告标题");
  469. return;
  470. }
  471. if(this.state.locations.length === 0){
  472. message.warning("请选择公司");
  473. return;
  474. }
  475. }
  476. $.ajax({
  477. method: "post",
  478. dataType: "json",
  479. url: globalConfig.context + "/api/admin/banners/updateBanners",
  480. data: {
  481. id: record ? record.id : this.state.id,
  482. sort: this.state.sortNumber,
  483. display: display || this.state.display,
  484. locations: this.state.locations.join(','),
  485. position: this.state.position,
  486. bannerUrl: this.state.bannerUrl
  487. ? this.state.bannerUrl[0].response.data
  488. : undefined,
  489. title: this.state.title
  490. },
  491. success: function(data) {
  492. let theArr = [];
  493. if (data.error.length || data.data.list == "") {
  494. if (data.error && data.error.length) {
  495. message.warning(data.error[0].message);
  496. }
  497. } else {
  498. this.cancelAdd();
  499. }
  500. }.bind(this)
  501. }).always(
  502. function() {
  503. this.setState({
  504. loading: false
  505. });
  506. }.bind(this)
  507. );
  508. },
  509. addNew() {
  510. if (!this.state.bannerUrl || !this.state.bannerUrl.length) {
  511. message.warning("请上传图片!");
  512. return;
  513. }
  514. if (!this.state.title) {
  515. message.warning("请填写广告标题");
  516. return;
  517. }
  518. if(this.state.locations.length === 0){
  519. message.warning("请选择公司");
  520. return;
  521. }
  522. $.ajax({
  523. method: "post",
  524. dataType: "json",
  525. url: globalConfig.context + "/api/admin/banners/addBanners",
  526. data: {
  527. sort: this.state.sortNumber,
  528. display: this.state.display,
  529. locations: this.state.locations.join(','),
  530. position: this.state.position,
  531. bannerUrl: this.state.bannerUrl
  532. ? this.state.bannerUrl[0].response.data
  533. : undefined,
  534. title: this.state.title
  535. },
  536. success: function(data) {
  537. let theArr = [];
  538. if (data.error.length || data.data.list == "") {
  539. if (data.error && data.error.length) {
  540. message.warning(data.error[0].message);
  541. }
  542. } else {
  543. message.warning('添加成功');
  544. this.loadData();
  545. this.cancelAdd();
  546. }
  547. }.bind(this)
  548. }).always(
  549. function() {
  550. this.setState({
  551. loading: false
  552. });
  553. }.bind(this)
  554. );
  555. },
  556. //新增框的清零
  557. addReset() {
  558. this.setState({
  559. bannerUrl: undefined,
  560. title: undefined,
  561. sortNumber: undefined,
  562. display: 1,
  563. position: "0",
  564. locations: [],
  565. indeterminate: false,
  566. checked:false,
  567. });
  568. },
  569. //搜索部分的清零
  570. reset() {
  571. this.setState({
  572. locationSearch: undefined,
  573. positionSearch: undefined,
  574. },()=>{
  575. this.loadData();
  576. })
  577. },
  578. imgOk() {
  579. this.setState({
  580. imgeditvisible: false
  581. });
  582. },
  583. getOrgCodeUrl(e) {
  584. this.setState({ bannerUrl: e });
  585. },
  586. render() {
  587. const FormItem = Form.Item;
  588. const rowSelection = {
  589. selectedRowKeys: this.state.selectedRowKeys,
  590. onChange: (selectedRowKeys, selectedRows) => {
  591. this.setState({
  592. selectedRows: selectedRows.slice(-1),
  593. selectedRowKeys: selectedRowKeys.slice(-1)
  594. });
  595. }
  596. };
  597. const { TextArea } = Input; //文本域
  598. const { TabPane } = Tabs; //标签页
  599. const { MonthPicker, RangePicker, WeekPicker } = DatePicker; //日期输入框
  600. const dateFormat = "YYYY/MM/DD"; //日期格式
  601. const theData = this.state.data || {};
  602. return (
  603. <div className="user-content">
  604. <div className="content-title">
  605. <span>广告列表</span>
  606. <div className="user-search">
  607. <Select
  608. placeholder="请选择广告位置"
  609. style={{ width: 150 }}
  610. value={
  611. this.state.positionSearch
  612. ? this.state.positionSearch + ""
  613. : []
  614. }
  615. onChange={e => {
  616. this.setState({
  617. positionSearch: e
  618. });
  619. }}
  620. >
  621. <Option value="0">首页</Option>
  622. <Option value="1">产品中心</Option>
  623. <Option value="2">战略合作</Option>
  624. <Option value="3">服务客户</Option>
  625. <Option value="4">新闻动态</Option>
  626. <Option value="5">关于科德</Option>
  627. <Option value="6">联系我们</Option>
  628. </Select>
  629. <Select
  630. placeholder="请选择公司"
  631. style={{ width: 150 }}
  632. value={this.state.locationSearch}
  633. onChange={e => {
  634. this.setState({
  635. locationSearch: e
  636. });
  637. }}
  638. >
  639. {
  640. companyList.map((v)=>(
  641. <Option key={v.value} value={v.value}>{v.label}</Option>
  642. ))
  643. }
  644. </Select>
  645. <Button
  646. type="primary"
  647. onClick={this.search}
  648. style={{ marginRight: "10px" }}
  649. >
  650. 搜索
  651. </Button>
  652. <Button onClick={this.reset} style={{ marginRight: "10px" }}>
  653. 重置
  654. </Button>
  655. <Button
  656. type="primary"
  657. onClick={this.add}
  658. style={{ marginLeft: "100px" }}
  659. >
  660. 新增广告
  661. </Button>
  662. </div>
  663. <div className="patent-table">
  664. <SpinContainer spinning={this.state.loading}>
  665. <Table
  666. columns={this.state.columns}
  667. dataSource={this.state.dataSource}
  668. onRowClick={this.tableRowClick}
  669. pagination={this.state.pagination}
  670. bordered
  671. size="small"
  672. />
  673. </SpinContainer>
  674. </div>
  675. </div>
  676. <div className="patent-desc">
  677. <Modal
  678. className="customeDetails"
  679. title={this.state.flag ? "广告详情" : "新增广告"}
  680. visible={this.state.editvisible}
  681. onOk={this.edithandleCancel}
  682. width={"690px"}
  683. onCancel={
  684. this.state.flag ? this.edithandleCancel : this.cancelAdd
  685. }
  686. footer=""
  687. >
  688. <Form
  689. layout="horizontal"
  690. onSubmit={this.edithandleSubmit}
  691. id="demand-form"
  692. >
  693. <SpinContainer spinning={this.state.loading}>
  694. <div className="clearfix">
  695. <FormItem
  696. className="half-item"
  697. labelCol={{ span: 8 }}
  698. wrapperCol={{ span: 12 }}
  699. label="广告位置"
  700. >
  701. <Select
  702. placeholder="请选择广告位置"
  703. value={this.state.position + ""}
  704. onChange={e => {
  705. this.setState({
  706. position: e
  707. });
  708. }}
  709. >
  710. <Option value="0">首页</Option>
  711. <Option value="1">产品中心</Option>
  712. <Option value="2">战略合作</Option>
  713. <Option value="3">服务客户</Option>
  714. <Option value="4">新闻动态</Option>
  715. <Option value="5">关于科德</Option>
  716. <Option value="6">联系我们</Option>
  717. </Select>
  718. </FormItem>
  719. <div className="clearfix">
  720. <FormItem
  721. className="half-item"
  722. labelCol={{ span: 8 }}
  723. wrapperCol={{ span: 12 }}
  724. label="广告标题"
  725. >
  726. <Input
  727. placeholder="请输入标题"
  728. value={this.state.title}
  729. onChange={e => {
  730. this.setState({ title: e.target.value });
  731. }}
  732. style={{ width: "240px" }}
  733. />
  734. </FormItem>
  735. </div>
  736. <div className="clearfix">
  737. <FormItem
  738. className="half-item"
  739. labelCol={{ span: 8 }}
  740. wrapperCol={{ span: 12 }}
  741. label="排序"
  742. >
  743. <Input
  744. placeholder="请输入排序"
  745. value={this.state.sortNumber}
  746. onChange={e => {
  747. this.setState({ sortNumber: e.target.value });
  748. }}
  749. style={{ width: "240px" }}
  750. />
  751. </FormItem>
  752. </div>
  753. <div className="clearfix">
  754. <FormItem
  755. className="half-item"
  756. labelCol={{ span: 8 }}
  757. wrapperCol={{ span: 12 }}
  758. label="是否显示"
  759. >
  760. <Radio.Group
  761. onChange={e => {
  762. this.setState({
  763. display: e.target.value
  764. });
  765. }}
  766. value={this.state.display}
  767. >
  768. <Radio value={1}>是</Radio>
  769. <Radio value={0}>否</Radio>
  770. </Radio.Group>
  771. </FormItem>
  772. </div>
  773. </div>
  774. <div className="clearfix">
  775. <FormItem
  776. className="half-item"
  777. labelCol={{ span: 8 }}
  778. wrapperCol={{ span: 14 }}
  779. label="公司"
  780. >
  781. <Checkbox indeterminate={this.state.indeterminate} checked={this.state.checked} onChange={(e)=>{
  782. this.setState({
  783. locations: e.target.checked ? getCompanyValueArray():[],
  784. indeterminate: false,
  785. checked:e.target.checked
  786. })
  787. }}>全选</Checkbox>
  788. <Checkbox.Group
  789. options={companyList}
  790. value={this.state.locations}
  791. onChange={(e) => {
  792. this.setState({
  793. locations: e,
  794. indeterminate: companyList.length > e.length,
  795. checked: companyList.length === e.length
  796. });
  797. }}
  798. />
  799. </FormItem>
  800. </div>
  801. <div className="clearfix">
  802. <FormItem
  803. labelCol={{ span: 4 }}
  804. wrapperCol={{ span: 18 }}
  805. label="广告大图"
  806. >
  807. <PicturesWall
  808. fileList={this.getOrgCodeUrl}
  809. pictureUrl={this.state.bannerUrl}
  810. />
  811. <p>图片建议:要清晰。</p>
  812. </FormItem>
  813. </div>
  814. <div className="clearfix">
  815. <Button
  816. type="primary"
  817. size="large"
  818. onClick={() => {
  819. this.state.flag ? this.edit() : this.addNew();
  820. }}
  821. style={{
  822. display: "block",
  823. margin: "auto"
  824. }}
  825. >
  826. 保存
  827. </Button>
  828. </div>
  829. </SpinContainer>
  830. </Form>
  831. </Modal>
  832. </div>
  833. <Modal
  834. visible={this.state.imgeditvisible}
  835. onCancel={this.imghandleCancel}
  836. onOk={this.imgOk}
  837. >
  838. <img style={{ width: "100%" }} src={this.state.maximg} />
  839. </Modal>
  840. </div>
  841. );
  842. }
  843. })
  844. );
  845. export default AdvertisementList;