advertisementList.jsx 26 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. };
  44. },
  45. getDefaultProps() {
  46. return {
  47. changeClick: this.modifyChange
  48. };
  49. },
  50. handleCancel() {
  51. this.setState({ previewVisible: false });
  52. },
  53. handlePreview(file) {
  54. this.setState({
  55. previewImage: file.url || file.thumbUrl,
  56. previewVisible: true
  57. });
  58. },
  59. handleChange(info) {
  60. let fileList = info.fileList;
  61. this.setState({ fileList });
  62. this.props.fileList(fileList);
  63. },
  64. componentWillReceiveProps(nextProps) {
  65. this.state.fileList = nextProps.pictureUrl;
  66. },
  67. render() {
  68. const { previewVisible, previewImage, fileList } = this.state;
  69. const uploadButton = (
  70. <div>
  71. <Icon type="plus" />
  72. <div className="ant-upload-text">点击上传</div>
  73. </div>
  74. );
  75. return (
  76. <div style={{ display: "inline-block" }}>
  77. <Upload
  78. beforeUpload={beforeUploadFile}
  79. // action={globalConfig.context + "/api/admin/purchase/uploadPicture"}
  80. // url: '//172.16.0.253:8080' + '/api/admin/banners/addBanners',
  81. action={globalConfig.context + "/api/admin/banners/uploadFile"}
  82. data={{ sign: "purchase_picture" }}
  83. listType="picture-card"
  84. fileList={fileList}
  85. onPreview={this.handlePreview}
  86. onChange={this.handleChange}
  87. >
  88. {fileList && fileList.length >= 1 ? null : uploadButton}
  89. </Upload>
  90. <Modal
  91. maskClosable={false}
  92. visible={previewVisible}
  93. footer={null}
  94. onCancel={this.handleCancel}
  95. >
  96. <img alt="" style={{ width: "100%" }} src={previewImage} />
  97. </Modal>
  98. </div>
  99. );
  100. }
  101. });
  102. //主体
  103. const AdvertisementList = Form.create()(
  104. React.createClass({
  105. loadData(pageNo) {
  106. this.state.data = [];
  107. this.setState({
  108. loading: true,
  109. page: pageNo
  110. });
  111. $.ajax({
  112. method: "get",
  113. dataType: "json",
  114. // url: globalConfig.context + '/api/admin/listCases',
  115. url: globalConfig.context + "/api/admin/banners/listBanners",
  116. data: {
  117. pageNo: pageNo || this.state.pagination.current || 1,
  118. pageSize: this.state.pagination.pageSize,
  119. position: this.state.positionSearch,
  120. location:this.state.locationSearch,
  121. },
  122. success: function(data) {
  123. let theArr = [];
  124. if (!data.data || !data.data.list) {
  125. if (data.error && data.error.length) {
  126. message.warning(data.error[0].message);
  127. }
  128. } else {
  129. for (let i = 0; i < data.data.list.length; i++) {
  130. let thisdata = data.data.list[i];
  131. thisdata.key = i + 1;
  132. theArr.push(thisdata);
  133. }
  134. this.state.pagination.current = data.data.pageNo;
  135. this.state.pagination.total = data.data.totalCount;
  136. }
  137. this.setState({
  138. dataSource: theArr,
  139. pagination: this.state.pagination
  140. });
  141. }.bind(this)
  142. }).always(
  143. function() {
  144. this.setState({
  145. loading: false
  146. });
  147. }.bind(this)
  148. );
  149. },
  150. getInitialState() {
  151. return {
  152. loading: false,
  153. flag: true,
  154. imgeditvisible: false,
  155. activeKey: "1",
  156. purchaseImg: [],
  157. maximg: "",
  158. timesArr: [],
  159. locations: [],
  160. indeterminate:false,
  161. pagination: {
  162. defaultCurrent: 1,
  163. defaultPageSize: 10,
  164. showQuickJumper: true,
  165. pageSize: 10,
  166. onChange: function(page) {
  167. this.loadData(page);
  168. this.setState({
  169. selectedRowKeys: []
  170. });
  171. }.bind(this),
  172. showTotal: function(total) {
  173. return "共" + total + "条数据";
  174. }
  175. },
  176. //数据类型
  177. columns: [
  178. {
  179. title: "序号",
  180. dataIndex: "key",
  181. key: "key"
  182. },
  183. {
  184. title: "广告位置",
  185. dataIndex: "position",
  186. key: "position",
  187. render: text => {
  188. if (text == 0) {
  189. return <span>首页</span>;
  190. }else if(text == 1) {
  191. return <span>产品中心</span>;
  192. }else if(text == 2) {
  193. return <span>战略合作</span>;
  194. }else if(text == 3) {
  195. return <span>服务客户</span>;
  196. }else if(text == 4) {
  197. return <span>新闻动态</span>;
  198. }else if(text == 5) {
  199. return <span>关于科德</span>;
  200. }else if(text == 6) {
  201. return <span>联系我们</span>;
  202. }else {
  203. return "未知"
  204. }
  205. }
  206. },
  207. {
  208. title: "广告缩略图",
  209. dataIndex: "bannerUrl",
  210. key: "bannerUrl",
  211. render: url => {
  212. let path = getPicPath(globalConfig.avatarUploadHost, url);
  213. return (
  214. <div style={{ textAlign: "center" }}>
  215. <img src={path} style={{ width: "100px", height: 50 }} />
  216. <Button
  217. className="buttonimg"
  218. style={{ marginLeft: 10 }}
  219. onClick={e => {
  220. this.stopPropagation(e);
  221. this.maximg(path);
  222. }}
  223. >
  224. 查看大图
  225. </Button>
  226. </div>
  227. );
  228. }
  229. },
  230. {
  231. title: "公司",
  232. dataIndex: "locations",
  233. key: "locations",
  234. render: r => {
  235. let text = '';
  236. r && r.map((v,i)=>(
  237. text += (i === 0 ? '':',')+getCompanyName(v)
  238. ))
  239. return(
  240. <Tooltip placement="top" title={text}>
  241. {
  242. r && r.map((v,i)=>(
  243. i <= 2 ? (i === 0 ? '':',')+getCompanyName(v) : null
  244. ))
  245. }
  246. {
  247. r.length > 3 ? '.....' : null
  248. }
  249. </Tooltip>
  250. )
  251. }
  252. },
  253. {
  254. title: "是否显示",
  255. dataIndex: "display",
  256. key: "display",
  257. render: s => {
  258. return s ? (
  259. <Tag color="#87d068">显示</Tag>
  260. ) : (
  261. <Tag color="#f50">未显示</Tag>
  262. );
  263. }
  264. },
  265. {
  266. title: "排序",
  267. dataIndex: "sort",
  268. key: "sort"
  269. },
  270. {
  271. title: "操作",
  272. dataIndex: "c",
  273. render: (text, record, index) => {
  274. return (
  275. <div>
  276. {
  277. <Button
  278. type="primary"
  279. onClick={event => {
  280. this.stopPropagation(event);
  281. this.tableRowClick(record);
  282. }}
  283. >
  284. 编辑
  285. </Button>
  286. }
  287. {
  288. <Popconfirm
  289. okText="确定"
  290. cancelText="取消"
  291. title="您确定删除?删除后,广告将不再显示"
  292. onConfirm={() => {
  293. this.delete(record.id);
  294. }}
  295. >
  296. <Button
  297. type="danger"
  298. style={{ marginLeft: "10px" }}
  299. onClick={event => {
  300. this.stopPropagation(event);
  301. }}
  302. >
  303. 删除
  304. </Button>
  305. </Popconfirm>
  306. }
  307. {!record.display ? (
  308. <Button
  309. type="primary"
  310. style={{ marginLeft: "10px" }}
  311. onClick={event => {
  312. this.stopPropagation(event);
  313. this.edit(record, "1");
  314. }}
  315. >
  316. 显示
  317. </Button>
  318. ) : (
  319. <Button
  320. type="primary"
  321. style={{ marginLeft: "10px" }}
  322. onClick={event => {
  323. this.stopPropagation(event);
  324. this.edit(record, "0");
  325. }}
  326. >
  327. 隐藏
  328. </Button>
  329. )}
  330. </div>
  331. );
  332. }
  333. }
  334. ],
  335. //数据列表
  336. dataSource: [
  337. ]
  338. };
  339. },
  340. componentWillMount() {
  341. this.loadData();
  342. },
  343. detailes(record) {
  344. this.setState({
  345. loading: true
  346. });
  347. $.ajax({
  348. method: "get",
  349. dataType: "json",
  350. crossDomain: false,
  351. url: globalConfig.context + "/api/admin/banners/selectBanners",
  352. data: {
  353. id: record.id
  354. },
  355. success: function(data) {
  356. let thisdata = data.data;
  357. this.setState({
  358. id: thisdata.id,
  359. title: thisdata.title,
  360. bannerUrl: thisdata.bannerUrl
  361. ? splitUrl(thisdata.bannerUrl, ",", globalConfig.avatarUploadHost)
  362. : [],
  363. sortNumber: thisdata.sort,
  364. display: thisdata.display,
  365. position: thisdata.position,
  366. locations: thisdata.locations,
  367. checked:thisdata.locations.length === companyList.length,
  368. indeterminate: thisdata.locations.length < companyList.length,
  369. });
  370. }.bind(this)
  371. }).always(
  372. function() {
  373. this.setState({
  374. loading: false
  375. });
  376. }.bind(this)
  377. );
  378. },
  379. //点击大图
  380. maximg(url) {
  381. this.setState({
  382. imgeditvisible: true,
  383. maximg: url
  384. });
  385. },
  386. //删除按钮
  387. delete(id) {
  388. $.ajax({
  389. method: "post",
  390. dataType: "json",
  391. crossDomain: false,
  392. url: globalConfig.context + "/api/admin/banners/deleteBanners",
  393. data: {
  394. id
  395. },
  396. success: function(data) {
  397. this.loadData();
  398. }.bind(this)
  399. }).always(
  400. function() {
  401. this.setState({
  402. loading: false
  403. });
  404. }.bind(this)
  405. );
  406. },
  407. //阻止默认冒泡
  408. stopPropagation(e) {
  409. e.stopPropagation();
  410. e.nativeEvent.stopImmediatePropagation();
  411. },
  412. imghandleCancel() {
  413. this.setState({
  414. imgeditvisible: false
  415. });
  416. },
  417. //项目列表整行点击
  418. tableRowClick(record, index) {
  419. this.state.RowData = record;
  420. this.setState({
  421. editvisible: true
  422. });
  423. this.detailes(record);
  424. },
  425. edithandleCancel(e) {
  426. this.setState(
  427. {
  428. editvisible: false
  429. },
  430. () => {
  431. this.addReset();
  432. }
  433. );
  434. this.loadData();
  435. },
  436. search() {
  437. this.loadData();
  438. },
  439. add() {
  440. this.setState({
  441. editvisible: true,
  442. flag: false
  443. });
  444. this.addReset();
  445. },
  446. cancelAdd() {
  447. this.setState(
  448. {
  449. editvisible: false
  450. },
  451. () => {
  452. this.setState({
  453. flag: true
  454. });
  455. this.addReset();
  456. }
  457. );
  458. this.loadData();
  459. },
  460. edit(record, display) {
  461. if (!display) {
  462. if (!this.state.bannerUrl || !this.state.bannerUrl.length) {
  463. message.warning("请上传图片!");
  464. return;
  465. }
  466. if (!this.state.title) {
  467. message.warning("请填写广告标题");
  468. return;
  469. }
  470. if(this.state.locations.length === 0){
  471. message.warning("请选择公司");
  472. return;
  473. }
  474. }
  475. $.ajax({
  476. method: "post",
  477. dataType: "json",
  478. url: globalConfig.context + "/api/admin/banners/updateBanners",
  479. data: {
  480. id: record ? record.id : this.state.id,
  481. sort: this.state.sortNumber,
  482. display: display || this.state.display,
  483. locations: this.state.locations.length === 0 ? undefined : this.state.locations.join(','),
  484. position: this.state.position,
  485. bannerUrl: this.state.bannerUrl
  486. ? this.state.bannerUrl[0].response.data
  487. : undefined,
  488. title: this.state.title
  489. },
  490. success: function(data) {
  491. let theArr = [];
  492. if (data.error.length || data.data.list == "") {
  493. if (data.error && data.error.length) {
  494. message.warning(data.error[0].message);
  495. }
  496. } else {
  497. message.success('操作成功')
  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;