From 8d68b6a1dcdf5008fba6bdac5858d1085a0e63e7 Mon Sep 17 00:00:00 2001 From: liuwh <hugeinfo123> Date: Mon, 30 Mar 2020 23:14:04 +0800 Subject: [PATCH] 提交 --- SunshineIns/src/page/policeSecurityEdit.jsx | 89 +++++++++++++++++++++++++++++++++++++++----- 1 files changed, 79 insertions(+), 10 deletions(-) diff --git a/SunshineIns/src/page/policeSecurityEdit.jsx b/SunshineIns/src/page/policeSecurityEdit.jsx index 480cf99..27f52ba 100644 --- a/SunshineIns/src/page/policeSecurityEdit.jsx +++ b/SunshineIns/src/page/policeSecurityEdit.jsx @@ -1,11 +1,12 @@ import React from 'react'; -import { Row, Col, Input, DatePicker, Button, Modal, Upload, Icon, message, Divider, TimePicker, Badge, Select, Popconfirm, Spin } from 'antd'; +import { Row, Col, Input, DatePicker, Button, Modal, Upload, Icon, message, Divider, Breadcrumb, Badge, Select, Popconfirm, Spin } from 'antd'; const { TextArea } = Input; import HeadView from '../view/HeadView'; import BusDetailView from '../view/BusDetailView'; import TableView from '../view/TableView'; +import LineView from "../view/LineView"; import ImageBoxView from '../view/ImageBoxView' // 引入编辑器以及编辑器样式 import Fetch from '../fetch'; @@ -49,7 +50,8 @@ status: '', loading: false, opinion: '', - modalLoading:false, + modalLoading: false, + disabled: false, }; } @@ -68,8 +70,9 @@ savedate: { ...res, }, + disabled: res.status == 2 ? false : true, loading: false, - fileList: res.list ? res.list.map((item, index) => ({ uid: index, id: item.id, name: item.name, status: 'done', url: domain + `/api/v1/attachment/download/${item.id}?online=false` })) : [] + fileList: res.list ? res.list.map((item, index) => ({ uid: item.uid, id: item.uid, name: item.name, status: 'done', url: domain + `/api/v1/attachment/download/${item.uid}?online=false` })) : [] }); }) @@ -232,7 +235,7 @@ handleCancel = () => this.setState({ previewVisible: false }) render() { - const { savedate, opinion, fileList, loading } = this.state; + const { savedate, opinion, fileList, loading, disabled } = this.state; console.log('list', fileList) const props = { action: domain + `api/v1/attachment/materials?associateTypeId=1019&entityId=` + savedate.id, @@ -249,7 +252,7 @@ showRemoveIcon: false }, onDownload: (file) => { - Fetch.attachmentDownload(file.id) + Fetch.attachmentDownload(file.uid) .then(res => { message.success("下载成功!"); }); @@ -261,6 +264,10 @@ <div className="app-page"> <Spin spinning={loading}> <HeadView history={this.props.history} /> + <Breadcrumb style={{ padding: '20px' }}> + <Breadcrumb.Item><a href="index.html#/entry/policeSecurityEdit">公安审核</a></Breadcrumb.Item> + <Breadcrumb.Item>公安审核详情</Breadcrumb.Item> + </Breadcrumb> <BusDetailView type='公安审核' > <div style={divStyle}> <Row type="flex" align='middle' justify="space-around"> @@ -300,13 +307,75 @@ <Row type="flex" align='middle' justify="space-around"> <Col span={6} pull={0} style={{ textAlign: 'center' }}><span>审批意见</span></Col> <Col span={18} push={0} > - <TextArea rows={4} placeholder="请输入审批意见" style={{ width: '92%' }} value={opinion || ""} onChange={this.saveInputChange} name='opinion' /></Col> + <TextArea disabled={disabled} rows={4} placeholder="请输入审批意见" style={{ width: '92%' }} value={opinion || ""} onChange={this.saveInputChange} name='opinion' /></Col> </Row> </div> - <div style={{ display: 'flex', justifyContent: 'center' }}> - <Button style={{ marginRight: '15px', width: '150px' }} type="primary" onClick={this.showModal}>提交</Button> - <Button style={{ marginLeft: '15px', width: '150px' }} onClick={this.cancle}>返回</Button> - </div> + + { + savedate.approveLogs ? + <LineView title="审核记录" style="15vh"> + { + savedate.approveLogs.length == 1 ? + <table> + <tbody> + <tr> + <td className="table-vaule1">检察院审核人</td> + <td className="table-vaule2">{savedate.approveLogs[0].approverName}</td> + <td className="table-vaule3">检察院审核时间</td> + <td className="table-vaule4">{moment(savedate.approveLogs[0].createTime).format('YYYY/MM/DD HH:mm:ss')}</td> + </tr> + <tr> + <td className="table-vaule1">检察院回复内容</td> + <td className="table-vaule2">{savedate.approveLogs[0].opinion}</td> + </tr> + </tbody> + </table> + : savedate.approveLogs.length == 2 ? + <React.Fragment> + <table> + <tbody> + <tr> + <td className="table-vaule1">检察院审核人</td> + <td className="table-vaule2">{savedate.approveLogs[0].approverName}</td> + <td className="table-vaule3">检察院审核时间</td> + <td className="table-vaule4">{moment(savedate.approveLogs[0].createTime).format('YYYY/MM/DD HH:mm:ss')}</td> + </tr> + <tr> + <td className="table-vaule1">检察院回复内容</td> + <td className="table-vaule2">{savedate.approveLogs[0].opinion}</td> + </tr> + </tbody> + </table><table> + <tbody> + <tr> + <td className="table-vaule1">公安审核人</td> + <td className="table-vaule2">{savedate.approveLogs[1].approverName}</td> + <td className="table-vaule3">公安审核时间</td> + <td className="table-vaule4">{moment(savedate.approveLogs[1].createTime).format('YYYY/MM/DD HH:mm:ss')}</td> + </tr> + <tr> + <td className="table-vaule1">公安回复内容</td> + <td className="table-vaule2">{savedate.approveLogs[1].opinion}</td> + </tr> + </tbody> + </table> + </React.Fragment> : '' + } + </LineView> + : '' + } + { + + savedate.status == 2 ? + <div style={{ display: 'flex', justifyContent: 'center' }}> + <Button style={{ marginRight: '15px', width: '150px' }} type="primary" onClick={this.showModal}>提交</Button> + <Button style={{ marginLeft: '15px', width: '150px' }} onClick={this.cancle}>返回</Button> + </div> + : + <div style={{ display: 'flex', justifyContent: 'center' }}> + <Button style={{ marginLeft: '15px', width: '150px' }} onClick={this.cancle}>返回</Button> + </div> + } </BusDetailView> -- Gitblit v1.8.0