forked from nsjcy/frontEnd/nsjcy

Mr Ke
2020-05-27 58ae2ba21efcd85df331cf996a94038a77302b51
SunshineIns/src/page/ArticleEidt.jsx
@@ -5,7 +5,7 @@
 */
import React from 'react';
import { Row, Col, Input, Select, DatePicker, Button, Tag, Tooltip, Modal, Upload, Icon, message, TreeSelect } from 'antd';
import { Row, Col, Input, Select, DatePicker, Button, Tag, Tooltip, Modal, Upload, Icon, message, TreeSelect, Breadcrumb } from 'antd';
import HeadView from '../view/HeadView';
import BusDetailView from '../view/BusDetailView';
import AddComView from '../view/AddComView';
@@ -46,7 +46,7 @@
        this.setState({
          savedate: res,
          selectedRow: res.companyList || [],
          fileList: res.attachments || [],
          fileList: res.attachments ? res.attachments.map((item, index) => ({ uid: item.uid, id: item.uid, name: item.name, status: 'done', url: domain + `api/v1/attachment/downloadDisk/${item.uid}?online=false` })) : [],
          cover: res.cover || [],
          editorState: BraftEditor.createEditorState(res.content),
          dateSource: res.channelList || []
@@ -89,6 +89,14 @@
    const list = this.state.selectedRow.map(({ id }) => id);
    const { savedate } = this.state;
    savedate.list = list;
    if (!savedate.title) {
      message.warning("请输入信息标题");
      return;
    }
    if (!savedate.channelIdd) {
      message.warning("请选择信息分类");
      return;
    }
    Fetch.saveArticle(savedate)
      .then(res => {
        if (res.statuscode === 1) {
@@ -170,6 +178,17 @@
    xhr.open('POST', serverURL, true)
    xhr.send(fd)
  }
  handleEditorChange = (editorState) => {
    this.setState({ editorState })
    const htmlContent = editorState.toHTML()
    console.log(htmlContent)
    this.setState(({ savedate }) => ({
      savedate: {
        ...savedate,
        content: htmlContent
      }
    }))
  }
  submitContent = () => {
    // 在编辑器获得焦点时按下ctrl+s会执行此方法
@@ -183,9 +202,6 @@
    }))
  }
  handleEditorChange = (editorState) => {
    this.setState({ editorState })
  }
  render() {
    const { dateSource, show, visible, closeKey, selectedRow, savedate, fileList, editorState } = this.state;
@@ -219,6 +235,10 @@
    return (
      <div className="app-page">
        <HeadView history={this.props.history} />
        <Breadcrumb style={{ padding: '20px' }}>
          <Breadcrumb.Item><a href="index.html#/articlePublish">信息发布</a></Breadcrumb.Item>
          <Breadcrumb.Item>信息公布详情</Breadcrumb.Item>
        </Breadcrumb>
        <BusDetailView type='信息添加' >
          <div style={divStyle}>
            <Row type="flex" align='middle' justify="space-around">
@@ -264,7 +284,7 @@
              <Col span={18} push={0} style={{ border: 'solid 1px rgba(0, 0, 0, 0.25)', borderRadius: '5PX' }} >
                <BraftEditor
                  value={editorState}
                  placeholder='请输入文章内容'
                  placeholder='请输入活动进程'
                  media={{
                    allowPasteImage: true, // 是否允许直接粘贴剪贴板图片(例如QQ截图等)到编辑器
                    image: true, // 开启图片插入功能