From 69155bb24070e22789fceb34d14fe3311874126f Mon Sep 17 00:00:00 2001 From: liuwh <hugeinfo123> Date: Tue, 09 Jun 2020 09:12:42 +0800 Subject: [PATCH] 提交 --- SunshineIns/src/page/NoInspectionReportDetail.jsx | 110 ++++++++++++++++++++++++++---------------------------- 1 files changed, 53 insertions(+), 57 deletions(-) diff --git a/SunshineIns/src/page/NoInspectionReportDetail.jsx b/SunshineIns/src/page/NoInspectionReportDetail.jsx index 753673c..a306d84 100644 --- a/SunshineIns/src/page/NoInspectionReportDetail.jsx +++ b/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 '暂无'; } } + + -- Gitblit v1.8.0