|
@@ -35,6 +35,7 @@ import ShowModalDiv from "@/showModal.jsx";
|
|
import ResolutionDetail from "@/resolutionDetail";
|
|
import ResolutionDetail from "@/resolutionDetail";
|
|
const confirm = Modal.confirm;
|
|
const confirm = Modal.confirm;
|
|
import OrderRiZi from "@/orderRiZi.jsx";
|
|
import OrderRiZi from "@/orderRiZi.jsx";
|
|
|
|
+import ImgList from "../../../common/imgList";
|
|
//图片组件
|
|
//图片组件
|
|
const PicturesWall = React.createClass({
|
|
const PicturesWall = React.createClass({
|
|
getInitialState() {
|
|
getInitialState() {
|
|
@@ -85,8 +86,9 @@ const PicturesWall = React.createClass({
|
|
fileList={fileList}
|
|
fileList={fileList}
|
|
onPreview={this.handlePreview}
|
|
onPreview={this.handlePreview}
|
|
onChange={this.handleChange}
|
|
onChange={this.handleChange}
|
|
|
|
+ multiple={true}
|
|
>
|
|
>
|
|
- {fileList.length >= 10 ? null : uploadButton}
|
|
|
|
|
|
+ {uploadButton}
|
|
</Upload>
|
|
</Upload>
|
|
<Modal
|
|
<Modal
|
|
maskClosable={false}
|
|
maskClosable={false}
|
|
@@ -1553,7 +1555,7 @@ const outsourcingList = Form.create()(
|
|
/>
|
|
/>
|
|
</Spin>
|
|
</Spin>
|
|
</div>
|
|
</div>
|
|
- <Modal
|
|
|
|
|
|
+ {this.state.visible ? <Modal
|
|
className="customeDetails"
|
|
className="customeDetails"
|
|
footer=""
|
|
footer=""
|
|
width="900px"
|
|
width="900px"
|
|
@@ -1563,7 +1565,7 @@ const outsourcingList = Form.create()(
|
|
>
|
|
>
|
|
<Tabs activeKey={this.state.activeKey} onChange={this.callback}>
|
|
<Tabs activeKey={this.state.activeKey} onChange={this.callback}>
|
|
<TabPane tab="订单详情" key="1">
|
|
<TabPane tab="订单详情" key="1">
|
|
- <Form
|
|
|
|
|
|
+ {this.state.activeKey === "1" ? <Form
|
|
layout="horizontal"
|
|
layout="horizontal"
|
|
onSubmit={this.handleSubmit}
|
|
onSubmit={this.handleSubmit}
|
|
id="demand-form"
|
|
id="demand-form"
|
|
@@ -1704,17 +1706,20 @@ const outsourcingList = Form.create()(
|
|
wrapperCol={{ span: 18 }}
|
|
wrapperCol={{ span: 18 }}
|
|
label="合同扫描件"
|
|
label="合同扫描件"
|
|
>
|
|
>
|
|
- <Upload
|
|
|
|
- className="demandDetailShow-upload"
|
|
|
|
- listType="picture-card"
|
|
|
|
- fileList={this.state.orgCodeUrl}
|
|
|
|
- onPreview={(file) => {
|
|
|
|
- this.setState({
|
|
|
|
- previewImage: file.url || file.thumbUrl,
|
|
|
|
- previewVisible: true,
|
|
|
|
- });
|
|
|
|
- }}
|
|
|
|
- ></Upload>
|
|
|
|
|
|
+ {/*<Upload*/}
|
|
|
|
+ {/* className="demandDetailShow-upload"*/}
|
|
|
|
+ {/* listType="picture-card"*/}
|
|
|
|
+ {/* fileList={this.state.orgCodeUrl}*/}
|
|
|
|
+ {/* onPreview={(file) => {*/}
|
|
|
|
+ {/* this.setState({*/}
|
|
|
|
+ {/* previewImage: file.url || file.thumbUrl,*/}
|
|
|
|
+ {/* previewVisible: true,*/}
|
|
|
|
+ {/* });*/}
|
|
|
|
+ {/* }}*/}
|
|
|
|
+ {/*/>*/}
|
|
|
|
+ <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
|
|
|
|
+ {this.state.visible && this.state.activeKey === "1" ? <ImgList fileList={this.state.orgCodeUrl} ItemWidth={'96px'}/> : <div/>}
|
|
|
|
+ </div>
|
|
<Modal
|
|
<Modal
|
|
maskClosable={false}
|
|
maskClosable={false}
|
|
footer={null}
|
|
footer={null}
|
|
@@ -1784,17 +1789,20 @@ const outsourcingList = Form.create()(
|
|
wrapperCol={{ span: 18 }}
|
|
wrapperCol={{ span: 18 }}
|
|
label="补充协议"
|
|
label="补充协议"
|
|
>
|
|
>
|
|
- <Upload
|
|
|
|
- className="demandDetailShow-upload"
|
|
|
|
- listType="picture-card"
|
|
|
|
- fileList={this.state.replenishUrl}
|
|
|
|
- onPreview={(file) => {
|
|
|
|
- this.setState({
|
|
|
|
- previewImage: file.url || file.thumbUrl,
|
|
|
|
- previewVisibles: true,
|
|
|
|
- });
|
|
|
|
- }}
|
|
|
|
- ></Upload>
|
|
|
|
|
|
+ {/*<Upload*/}
|
|
|
|
+ {/* className="demandDetailShow-upload"*/}
|
|
|
|
+ {/* listType="picture-card"*/}
|
|
|
|
+ {/* fileList={this.state.replenishUrl}*/}
|
|
|
|
+ {/* onPreview={(file) => {*/}
|
|
|
|
+ {/* this.setState({*/}
|
|
|
|
+ {/* previewImage: file.url || file.thumbUrl,*/}
|
|
|
|
+ {/* previewVisibles: true,*/}
|
|
|
|
+ {/* });*/}
|
|
|
|
+ {/* }}*/}
|
|
|
|
+ {/*/>*/}
|
|
|
|
+ <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
|
|
|
|
+ {this.state.visible && this.state.activeKey === "1" && this.state.replenishUrl ? <ImgList domId={'outsourcingList1'} fileList={this.state.replenishUrl} ItemWidth={'96px'}/> : <div/>}
|
|
|
|
+ </div>
|
|
<Modal
|
|
<Modal
|
|
maskClosable={false}
|
|
maskClosable={false}
|
|
footer={null}
|
|
footer={null}
|
|
@@ -1999,7 +2007,7 @@ const outsourcingList = Form.create()(
|
|
span={24}
|
|
span={24}
|
|
offset={9}
|
|
offset={9}
|
|
style={{ marginTop: "15px" }}
|
|
style={{ marginTop: "15px" }}
|
|
- ></Col>
|
|
|
|
|
|
+ />
|
|
</Form>
|
|
</Form>
|
|
</Spin>
|
|
</Spin>
|
|
</div>
|
|
</div>
|
|
@@ -2061,7 +2069,7 @@ const outsourcingList = Form.create()(
|
|
span={24}
|
|
span={24}
|
|
offset={9}
|
|
offset={9}
|
|
style={{ marginTop: "15px" }}
|
|
style={{ marginTop: "15px" }}
|
|
- ></Col>
|
|
|
|
|
|
+ />
|
|
</Form>
|
|
</Form>
|
|
</Spin>
|
|
</Spin>
|
|
</div>
|
|
</div>
|
|
@@ -2107,7 +2115,7 @@ const outsourcingList = Form.create()(
|
|
)}
|
|
)}
|
|
</div>
|
|
</div>
|
|
</Spin>
|
|
</Spin>
|
|
- </Form>
|
|
|
|
|
|
+ </Form> : <div/>}
|
|
</TabPane>
|
|
</TabPane>
|
|
<TabPane tab="外包(不走总部)" key="2">
|
|
<TabPane tab="外包(不走总部)" key="2">
|
|
{this.state.refundStatus === 2 ? (
|
|
{this.state.refundStatus === 2 ? (
|
|
@@ -2362,17 +2370,20 @@ const outsourcingList = Form.create()(
|
|
wrapperCol={{ span: 18 }}
|
|
wrapperCol={{ span: 18 }}
|
|
label="合同/协议扫描件"
|
|
label="合同/协议扫描件"
|
|
>
|
|
>
|
|
- <Upload
|
|
|
|
- className="demandDetailShow-upload"
|
|
|
|
- listType="picture-card"
|
|
|
|
- fileList={this.state.pictureUrl}
|
|
|
|
- onPreview={(file) => {
|
|
|
|
- this.setState({
|
|
|
|
- previewImage: file.url || file.thumbUrl,
|
|
|
|
- previewVisible: true,
|
|
|
|
- });
|
|
|
|
- }}
|
|
|
|
- ></Upload>
|
|
|
|
|
|
+ {/*<Upload*/}
|
|
|
|
+ {/* className="demandDetailShow-upload"*/}
|
|
|
|
+ {/* listType="picture-card"*/}
|
|
|
|
+ {/* fileList={this.state.pictureUrl}*/}
|
|
|
|
+ {/* onPreview={(file) => {*/}
|
|
|
|
+ {/* this.setState({*/}
|
|
|
|
+ {/* previewImage: file.url || file.thumbUrl,*/}
|
|
|
|
+ {/* previewVisible: true,*/}
|
|
|
|
+ {/* });*/}
|
|
|
|
+ {/* }}*/}
|
|
|
|
+ {/*/>*/}
|
|
|
|
+ <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
|
|
|
|
+ {this.state.visible && this.state.activeKey === "2" && this.state.pictureUrl ? <ImgList domId={'outsourcingList2'} fileList={this.state.pictureUrl} ItemWidth={'96px'}/> : <div/>}
|
|
|
|
+ </div>
|
|
<Modal
|
|
<Modal
|
|
maskClosable={false}
|
|
maskClosable={false}
|
|
footer={null}
|
|
footer={null}
|
|
@@ -2465,7 +2476,7 @@ const outsourcingList = Form.create()(
|
|
)}
|
|
)}
|
|
</TabPane>
|
|
</TabPane>
|
|
</Tabs>
|
|
</Tabs>
|
|
- </Modal>
|
|
|
|
|
|
+ </Modal> : <div/>}
|
|
<Modal
|
|
<Modal
|
|
maskClosable={false}
|
|
maskClosable={false}
|
|
visible={this.state.addnextVisible}
|
|
visible={this.state.addnextVisible}
|