| | |
| | | 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', |
| | |
| | | }; |
| | | 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> |
| | |
| | | <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> |
| | | </tr> |
| | | <tr> |
| | | <td className="table-vaule3">举报类型</td> |
| | | <td className="table-vaule4">{businessType(detail.tipoffType)}</td> |
| | | <td className="table-vaule4">{businessType(detail.businessType)}</td> |
| | | </tr> |
| | | |
| | | <tr> |
| | |
| | | ( |
| | | 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> |
| | | ) |
| | | )) |
| | |
| | | </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> |
| | | ))} |
| | | <table> |
| | | <tbody> |
| | | <tr> |
| | | <td className="table-vaule1">回复人</td> |
| | | <td className="table-vaule2">{detail.handlerName}</td> |
| | | <td className="table-vaule3">回复时间</td> |
| | | <td className="table-vaule4">{moment(detail.handleTime).format('YYYY/MM/DD HH:mm:ss')}</td> |
| | | </tr> |
| | | <tr> |
| | | <td className="table-vaule1">回复内容</td> |
| | | <td className="table-vaule2">{detail.tipoffResult}</td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </LineView> |
| | | : null} |
| | | { |
| | |
| | | } |
| | | } |
| | | |
| | | //业务类型,1:未检举报,2:知识产权举报,3: |
| | | function businessType(type) { |
| | | switch (type) { |
| | | case 1: |
| | |
| | | return '暂无'; |
| | | } |
| | | } |
| | | |
| | | |