修改报错问题

Mr Ke

2020-05-27 58ae2ba21efcd85df331cf996a94038a77302b51

 SunshineIns/src/page/QuestionDetail.jsx

@@ -2,8 +2,14 @@
import { Input, Button, DatePicker, Divider, message, Popconfirm, Select, Badge, Spin, Breadcrumb } from 'antd';
import Questionnair from '../page/Questionnair'
import Fetch from '../fetch'
import TableView from '../view/TableView';
import HeadView from '../view/HeadView';

import moment from 'moment';
const divStyle = {
  padding: '20px',
  background: '#fff'
}
export default class QuestionDetail extends React.Component {
  constructor(props) {
    super(props);
@@ -11,8 +17,8 @@
      loading: false,
      data: [],
      initData: null,
      btnLoading: false

      btnLoading: false,
      dateSource: []
    };
  }

@@ -26,16 +32,26 @@
    });
    Fetch.questionFindById(id).then(res => {
      console.log('res', res);
      console.log('res.mps', res.submitMaps);
      this.setState({
        loading: false,
        initData: res
        initData: res,
        dateSource: res.submitMaps || [],
      })
    })
  }


  showModal = (userId) => {
    const { id } = this.props.match.params;
    console.log(id)
    this.props.history.push("/questionnaire/persondetail/" + id + '/' + userId);
  }

  submitQuestionTemp = (questionDtos, extraData) => {
    const { initData } = this.state;
    console.log('questionDtos', questionDtos);
    console.log('initData', initData);
    if (!extraData.questionnairTitle) {
      return message.error('请填写问卷标题');
    }
@@ -49,6 +65,7 @@
      ...initData,
      title: extraData.questionnairTitle,
      content: extraData.questionnairDescription,
      businessType: extraData.questionnairBusinessType,
      questionDtos
    }).then(res => {
      console.log('res', res);
@@ -67,7 +84,26 @@

  render() {

    const { data, loading, resetKey, initData, btnLoading } = this.state;
    const { data, loading, resetKey, initData, btnLoading, dateSource } = this.state;
    console.log(dateSource)
    const act2columns = [{
      title: '提交人昵称',
      dataIndex: 'userName',
      key: 'userName'
    },
    {
      title: '提交时间',
      dataIndex: 'createTime',
      key: 'createTime',
      render: text => <span>{text || ''}</span>
    }, {
      title: '操作',
      dataIndex: 'isHit',
      key: 'isHit',
      render: (text, record) => (
        <label className='theme-color' onClick={() => this.showModal(record.userId)} style={{ cursor: 'pointer' }}>查看</label>
      )
    }];
    return (
      <div className="app-page">
        <HeadView history={this.props.history} />
@@ -103,6 +139,9 @@
                    <h4 style={{ marginBottom: 0 }}>
                      问卷描述：{initData.content || '暂无'}
                    </h4>
                    <h4 style={{ marginBottom: 0 }}>
                      业务类型：{typeStatus(initData.businessType) || '暂无'}
                    </h4>
                  </div>
                </div>
              }
@@ -110,6 +149,14 @@
              {initData && initData.questionDtos.map((item, index) => (
                <Questionnair.Editor editor={item} acitveAnswer={true} key={item.questionId} index={index} />
              ))}

              {
                dateSource.length > 0 ?
                  <div style={divStyle}>
                    <Divider orientation="left" style={{ margin: '20px', width: '97%' }}>问卷提交记录</Divider>
                    <TableView columns={act2columns} data={dateSource} pageSize='6' size='small' />
                  </div> : null
              }
            </React.Fragment>
        }

@@ -118,3 +165,16 @@
  }

}

function typeStatus(type) {
  switch (type) {
    case 1:
      return "企业体检";
    case 2:
      return "培训活动";
    case 3:
      return "未检调查";
    case 4:
      return "刑执监督";
  }
}