test

liuwh

2020-06-09 5a887acf1924950715086633d329db045223b5c4

 SunshineIns/src/page/NoInspectionReportDetail.jsx

@@ -5,12 +5,13 @@
 */

import React from "react";
import { Input, Button, message, Breadcrumb } from "antd";
import { Input, Button, message, Breadcrumb, Row, Col } from "antd";
import moment from "moment";
import BusDetailView from "../view/BusDetailView";
import LineView from "../view/LineView";
import HeadView from "../view/HeadView";
import Fetch from "../fetch";
import { domain } from "../fetch/_fetch";
const { TextArea } = Input;
const replyAdmin = {
  display: 'block',
@@ -101,54 +102,44 @@
    };
    const { detail, data } = this.state;
    const { flag } = this.props.match.params;
    console.log(data)
    return (
      <div className="app-page">
        <HeadView history={this.props.history} />
        <Breadcrumb style={{ padding: '20px' }}>
          <Breadcrumb.Item><a href="">后台中心</a></Breadcrumb.Item>
          <Breadcrumb.Item>未检举报</Breadcrumb.Item>
          <Breadcrumb.Item><a href="index.html#/noInspectionReportList">未检举报</a></Breadcrumb.Item>
          <Breadcrumb.Item>未检举报详情</Breadcrumb.Item>
        </Breadcrumb>
        <BusDetailView>
          <div>
            <LineView title="举报信息" style="14vh" lineHeight="34px">
              <table>
                <tbody>
                  <tr>
                    <td className="table-vaule1">举报对象</td>
                    <td className="table-vaule2">{detail.tipoffObject}</td>
                    <td className="table-vaule3">举报行为</td>
                    <td className="table-vaule4">{detail.tipoffAction}</td>
                  </tr>
                  <tr>
                    <td className="table-vaule1">发生地</td>
                    <td className="table-vaule2">{detail.tipoffAddress}</td>
                    <td className="table-vaule3">举报类型</td>
                    <td className="table-vaule4">{businessType(detail.tipoffType)}</td>
                  </tr>

                  <tr>
                    <td className="table-vaule1">具体事项</td>
                    <td className="table-vaule2">{detail.tipoffContent}</td>
                  </tr>
                </tbody>
              </table>
              <Row>
                <Col span={6}>举报对象</Col>
                <Col span={6}>{detail.tipoffObject}</Col>
                <Col span={6}>发生地</Col>
                <Col span={6}>{detail.tipoffAddress}</Col>
              </Row>
              <Row>
                <Col span={6}>举报类型</Col>
                <Col span={6}>{businessType(detail.businessType)}</Col>
              </Row>
              <Row>
                <Col span={6}>具体事项</Col>
                <Col span={6}>{detail.tipoffContent}</Col>
              </Row>
            </LineView>

            <LineView title="举报人信息" style="14vh" lineHeight="34px">
              <table>
                <tbody>
                  <tr>
                    <td className="table-vaule1">姓名</td>
                    <td className="table-vaule2">{detail.createrName}</td>
                    <td className="table-vaule3">手机号码</td>
                    <td className="table-vaule4">{detail.createrMobile}</td>
                  </tr>
                  <tr>
                    <td className="table-vaule1">联系地址</td>
                    <td className="table-vaule2">{detail.createrAddress}</td>
                  </tr>
                </tbody>
              </table>
              <Row>
                <Col span={6}>姓名</Col>
                <Col span={6}>{detail.createrName}</Col>
                <Col span={6}>手机号码</Col>
                <Col span={6}>{detail.createrMobile}</Col>
              </Row>
              <Row>
                <Col span={6}>联系地址</Col>
                <Col span={6}>{detail.createrAddress}</Col>
              </Row>
            </LineView>

          </div>
@@ -159,10 +150,10 @@
                  (
                    data.type != 21 ?
                      < div style={{ marginRight: "10px" }} key={key}>
                        <a href={data.path} target='_black'> <img src={data.path} width='70' height='70' /></a>
                        <a href={domain + 'api/v1/attachment/image/' + data.id} target='_black'> <img src={domain + 'api/v1/attachment/image/' + data.id} width='70' height='70' /></a>
                      </div>
                      : < div style={{ marginRight: "10px" }} key={key}>
                        <a href={data.path} target='_black'><video src={data.path} width='70' height='70'></video></a>
                        <a href={domain + 'api/v1/attachment/image/' + data.id} target='_black'><video src={domain + 'api/v1/attachment/image/' + data.id} width='70' height='70'></video></a>
                      </div>
                  )
                ))
@@ -170,30 +161,32 @@
            </div>
          </LineView>
          {
            data.ReplyLogs ?
            detail.tipoffResult ?
              <LineView title="回复记录" style="15vh">
                {data.ReplyLogs.map((contacts, key) => (
                  <div style={{ width: '100%', height: '70px' }} key={key}>
                    {contacts.userType === 1 ?
                      <React.Fragment>
                        <div style={timeUser} >{contacts.replyerName}:{moment(contacts.createTime).format('YYYY/MM/DD HH:mm:ss')}</div>
                        <div style={replyUser}>{contacts.content}</div>
                      </React.Fragment>
                      :
                      <React.Fragment>
                        <div style={timeAdmin} > {contacts.replyerName}:{moment(contacts.createTime).format('YYYY/MM/DD HH:mm:ss')}</div>
                        <div style={replyAdmin}>{contacts.content}</div>
                      </React.Fragment>
                    }

                  </div>
                ))}
                <Row>
                  <Col span={6}>回复人</Col>
                  <Col span={6}>{detail.handlerName}</Col>
                  <Col span={6}>回复时间</Col>
                  <Col span={6}>{moment(detail.handleTime).format('YYYY/MM/DD HH:mm:ss')}</Col>
                </Row>
                <Row>
                  <Col span={6}>回复内容</Col>
                  <Col span={6}>{detail.tipoffResult}</Col>
                </Row>
              </LineView>
              : null}
          {
            flag == "do" ?
              (detail.status == 1 ? (
                <LineView title="回复" lineHeight="50px">
                  {/* <Row>
                    <Col span={6}>回复内容</Col>
                    <Col span={12}> <TextArea
                      placeholder="请输入回复内容"
                      autosize={{ minRows: 2, maxRows: 6 }}
                      onChange={({ target: { value } }) => this.onInputChange({ target: { name: 'result', value } })}
                    /></Col>
                  </Row> */}
                  <table>
                    <tbody>
                      <tr>
@@ -240,6 +233,7 @@
  }
}

//业务类型，1：未检举报，2：知识产权举报，3：
function businessType(type) {
  switch (type) {
    case 1:
@@ -250,3 +244,5 @@
      return '暂无';
  }
}