|
@@ -276,7 +276,11 @@ const PaiDan = React.createClass({
|
|
|
salesmanName:thisdata.salesmanName,//营销员名称
|
|
|
salesmanMobile:thisdata.salesmanMobile,//营销员电话
|
|
|
financeName:thisdata.financeName,//财务名称
|
|
|
- financeMobile:thisdata.financeMobile,//财务电话
|
|
|
+ financeMobile:thisdata.financeMobile,//财务电话
|
|
|
+ oldSalesmanName: thisdata.oldSalesmanName, //营销员名称
|
|
|
+ oldSalesmanMobile: thisdata.oldSalesmanMobile, //营销员电话
|
|
|
+ nowFinance: thisdata.nowFinance, //财务名称
|
|
|
+ nowFinanceMobile: thisdata.nowFinanceMobile, //财务电话
|
|
|
depName:thisdata.depName,//订单部门
|
|
|
})
|
|
|
};
|
|
@@ -519,283 +523,461 @@ const PaiDan = React.createClass({
|
|
|
let departmentArr = this.state.departmentArr || [];
|
|
|
const hasSelected = this.state.selectedRowKeys.length > 0;
|
|
|
const { RangePicker } = DatePicker;
|
|
|
- return ( <div className="user-content">
|
|
|
+ return (
|
|
|
+ <div className="user-content">
|
|
|
<div className="content-title">
|
|
|
- <span>项目派单管理</span>
|
|
|
- </div>
|
|
|
- <div className="user-search">
|
|
|
- <Input placeholder="客户名称"
|
|
|
- value={this.state.customerName}
|
|
|
- onChange={(e) => { this.setState({ customerName: e.target.value }); }} />
|
|
|
- <Input placeholder="订单编号"
|
|
|
- value={this.state.orderNoSearch}
|
|
|
- onChange={(e) => { this.setState({ orderNoSearch: e.target.value }); }} />
|
|
|
- <Select placeholder="选择部门"
|
|
|
- style={{ width: 150 ,marginRight:'10px'}}
|
|
|
- value={this.state.departmenttSearch}
|
|
|
- onChange={(e) => { this.setState({ departmenttSearch: e }) }}>
|
|
|
- {
|
|
|
- departmentArr.map(function (item) {
|
|
|
- return <Select.Option key={item.id} >{item.name}</Select.Option>
|
|
|
- })
|
|
|
- }
|
|
|
- </Select>
|
|
|
- <Select
|
|
|
- onChange={(e)=>{this.setState({distribution:e})}}
|
|
|
- style={{width:160,marginRight:5}}
|
|
|
- placeholder="分派状态"
|
|
|
- value={this.state.distribution}>
|
|
|
- <Option value="0">未分配</Option>
|
|
|
- <Option value="1">部分分配</Option>
|
|
|
- <Option value="2">全部分配</Option>
|
|
|
- </Select>
|
|
|
- <Button type="primary" onClick={this.search}>搜索</Button>
|
|
|
- <Button onClick={this.reset}>重置</Button>
|
|
|
- <span>更多搜索<Switch defaultChecked={false} onChange={this.searchSwitch.bind(this)} /></span>
|
|
|
- <div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>
|
|
|
- <span>订单时间 :</span>
|
|
|
- <RangePicker
|
|
|
- value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,
|
|
|
- this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}
|
|
|
- onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div className="patent-table">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <Table columns={this.state.columns}
|
|
|
- dataSource={this.state.dataSource}
|
|
|
- rowSelection={rowSelection}
|
|
|
- pagination={this.state.pagination}
|
|
|
- onRowClick={this.tableRowClick.bind(this)} />
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- <Assign
|
|
|
- title="项目"
|
|
|
- selApi="/api/admin/orderProject/projectDistribution"
|
|
|
- data={this.state.assignData}
|
|
|
- showDesc={this.state.assignVisible}
|
|
|
- closeDesc={this.closeAssign.bind(this)}
|
|
|
- fenpaiData={8}
|
|
|
- specially={1}
|
|
|
- roleName={'咨询师经理'}
|
|
|
-
|
|
|
+ <span>项目派单管理</span>
|
|
|
+ </div>
|
|
|
+ <div className="user-search">
|
|
|
+ <Input
|
|
|
+ placeholder="客户名称"
|
|
|
+ value={this.state.customerName}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ customerName: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Input
|
|
|
+ placeholder="订单编号"
|
|
|
+ value={this.state.orderNoSearch}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ orderNoSearch: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Select
|
|
|
+ placeholder="选择部门"
|
|
|
+ style={{ width: 150, marginRight: "10px" }}
|
|
|
+ value={this.state.departmenttSearch}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ departmenttSearch: e });
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ {departmentArr.map(function(item) {
|
|
|
+ return (
|
|
|
+ <Select.Option key={item.id}>{item.name}</Select.Option>
|
|
|
+ );
|
|
|
+ })}
|
|
|
+ </Select>
|
|
|
+ <Select
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ distribution: e });
|
|
|
+ }}
|
|
|
+ style={{ width: 160, marginRight: 5 }}
|
|
|
+ placeholder="分派状态"
|
|
|
+ value={this.state.distribution}
|
|
|
+ >
|
|
|
+ <Option value="0">未分配</Option>
|
|
|
+ <Option value="1">部分分配</Option>
|
|
|
+ <Option value="2">全部分配</Option>
|
|
|
+ </Select>
|
|
|
+ <Button type="primary" onClick={this.search}>
|
|
|
+ 搜索
|
|
|
+ </Button>
|
|
|
+ <Button onClick={this.reset}>重置</Button>
|
|
|
+ <span>
|
|
|
+ 更多搜索
|
|
|
+ <Switch
|
|
|
+ defaultChecked={false}
|
|
|
+ onChange={this.searchSwitch.bind(this)}
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+ <div
|
|
|
+ className="search-more"
|
|
|
+ style={this.state.searchMore ? { display: "none" } : {}}
|
|
|
+ >
|
|
|
+ <span>订单时间 :</span>
|
|
|
+ <RangePicker
|
|
|
+ value={[
|
|
|
+ this.state.releaseDate[0]
|
|
|
+ ? moment(this.state.releaseDate[0])
|
|
|
+ : null,
|
|
|
+ this.state.releaseDate[1]
|
|
|
+ ? moment(this.state.releaseDate[1])
|
|
|
+ : null
|
|
|
+ ]}
|
|
|
+ onChange={(data, dataString) => {
|
|
|
+ this.setState({ releaseDate: dataString });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="patent-table">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <Table
|
|
|
+ columns={this.state.columns}
|
|
|
+ dataSource={this.state.dataSource}
|
|
|
+ rowSelection={rowSelection}
|
|
|
+ pagination={this.state.pagination}
|
|
|
+ onRowClick={this.tableRowClick.bind(this)}
|
|
|
/>
|
|
|
- <Modal
|
|
|
- className="customeDetails"
|
|
|
- footer=''
|
|
|
- title="订单详情"
|
|
|
- width='900px'
|
|
|
- visible={this.state.visible}
|
|
|
- onOk={this.visitOk}
|
|
|
- onCancel={this.visitCancel}
|
|
|
- >
|
|
|
- <Form layout="horizontal" onSubmit={this.handleSubmit} id="demand-form" style={{paddingBottom:'40px'}} >
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <div className="clearfix">
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单编号" >
|
|
|
- <span>{this.state.orderNo}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="合同编号" >
|
|
|
- <span>{this.state.contractNo}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="客户名称" >
|
|
|
- <span>{this.state.userName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="合同签订时间" >
|
|
|
- <span>{this.state.signDate}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="流程状态" >
|
|
|
- <span>{getProcessStatus(this.state.processStatus)}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="结算状态" >
|
|
|
- <span>{getLiquidationStatus(this.state.liquidationStatus)}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="企业联系人" >
|
|
|
- <span>{this.state.contacts}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="联系人电话" >
|
|
|
- <span>{this.state.contactMobile}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="企业法人" >
|
|
|
- <span>{this.state.legalPerson}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="法人电话" >
|
|
|
- <span>{this.state.legalPersonTel}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="签单金额(万元)" >
|
|
|
- <span>{this.state.totalAmount}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="首付金额(万元)" >
|
|
|
- <span>{this.state.firstAmount}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="特批立项" >
|
|
|
- <span>{getApprovedState(this.state.approval)}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="已收款项(万元)" >
|
|
|
- <span>{this.state.settlementAmount}</span>
|
|
|
- </FormItem>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem
|
|
|
- labelCol={{ span: 4 }}
|
|
|
- wrapperCol={{ span: 16 }}
|
|
|
- label="订单留言" >
|
|
|
- <span>{this.state.orderRemarks}</span>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem labelCol={{ span: 4 }} wrapperCol={{ span: 18 }} label="合同扫描件">
|
|
|
- <Upload className="demandDetailShow-upload"
|
|
|
- listType="picture-card"
|
|
|
- fileList={this.state.orgCodeUrl}
|
|
|
- onPreview={(file) => {
|
|
|
- this.setState({
|
|
|
- previewImage: file.url || file.thumbUrl,
|
|
|
- previewVisible: true,
|
|
|
- });
|
|
|
- }} >
|
|
|
- </Upload>
|
|
|
- <Modal maskClosable={false} footer={null}
|
|
|
- visible={this.state.previewVisible}
|
|
|
- onCancel={() => { this.setState({ previewVisible: false }) }}>
|
|
|
- <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
|
|
|
- </Modal>
|
|
|
- <Button style={{ float:"right" , marginRight:'140px' , marginTop:'20px'}}
|
|
|
- onClick={this.getOrderLog}
|
|
|
- >查看订单 日志</Button>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单负责人" >
|
|
|
- <span>{this.state.salesmanName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单负责人电话" >
|
|
|
- <span>{this.state.salesmanMobile}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单部门" >
|
|
|
- <span>{this.state.depName}</span>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="财务负责人" >
|
|
|
- <span>{this.state.financeName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="财务负责人电话" >
|
|
|
- <span>{this.state.financeMobile}</span>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <span style={{marginLeft:'50px',fontSize:'20px'}}>项目业务</span>
|
|
|
- {this.state.processStatus==0?<Button type='primary' onClick={this.addDetailed} style={{float:'right',marginRight:'50px',marginBottom:'15px'}}>添加项目明细</Button>:""}
|
|
|
- </div>
|
|
|
- <div className="patent-table">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <Table columns={this.state.columnsX}
|
|
|
- dataSource={this.state.dataSourceX}
|
|
|
- pagination={this.state.paginations}
|
|
|
- onRowClick={this.tableRowClickX}
|
|
|
- />
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </Spin>
|
|
|
- </Form>
|
|
|
- </Modal>
|
|
|
- <Modal maskClosable={false} visible={this.state.addnextVisible}
|
|
|
- onOk={this.nextCancel} onCancel={this.nextCancel}
|
|
|
- width='800px'
|
|
|
- title='项目任务详情'
|
|
|
- footer=''
|
|
|
- className="admin-desc-content">
|
|
|
- <Form layout="horizontal" onSubmit={this.nextSubmit} id="demand-form">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="项目名称" >
|
|
|
- <span>{this.state.commodityName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="项目数量" >
|
|
|
- <span>{this.state.commodityQuantity}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="金额(万元)" >
|
|
|
- <span>{this.state.commodityPrice}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="主要项目" >
|
|
|
- <span>{getboutique(this.state.main)}</span>
|
|
|
- </FormItem>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem
|
|
|
- labelCol={{ span: 4 }}
|
|
|
- wrapperCol={{ span: 16 }}
|
|
|
- label="服务说明" >
|
|
|
- <span>{this.state.taskComment}</span>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </Spin>
|
|
|
- </Form >
|
|
|
- </Modal>
|
|
|
- <Modal visible={this.state.rizhivisible}
|
|
|
- className="admin-desc-content"
|
|
|
- width='800px'
|
|
|
- maskClosable={false}
|
|
|
- title='订单日志'
|
|
|
- footer={null}
|
|
|
- onCancel={this.closeOrderLog}>
|
|
|
- <div className="patent-table">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <Table columns={this.state.columnsrizhi}
|
|
|
- dataSource={this.state.dataSourcerizhi}
|
|
|
- pagination={false}
|
|
|
- />
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- </Modal>
|
|
|
- </div> )
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ <Assign
|
|
|
+ title="项目"
|
|
|
+ selApi="/api/admin/orderProject/projectDistribution"
|
|
|
+ data={this.state.assignData}
|
|
|
+ showDesc={this.state.assignVisible}
|
|
|
+ closeDesc={this.closeAssign.bind(this)}
|
|
|
+ fenpaiData={8}
|
|
|
+ specially={1}
|
|
|
+ roleName={"咨询师经理"}
|
|
|
+ />
|
|
|
+ <Modal
|
|
|
+ className="customeDetails"
|
|
|
+ footer=""
|
|
|
+ title="订单详情"
|
|
|
+ width="900px"
|
|
|
+ visible={this.state.visible}
|
|
|
+ onOk={this.visitOk}
|
|
|
+ onCancel={this.visitCancel}
|
|
|
+ >
|
|
|
+ <Form
|
|
|
+ layout="horizontal"
|
|
|
+ onSubmit={this.handleSubmit}
|
|
|
+ id="demand-form"
|
|
|
+ style={{ paddingBottom: "40px" }}
|
|
|
+ >
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单编号"
|
|
|
+ >
|
|
|
+ <span>{this.state.orderNo}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="合同编号"
|
|
|
+ >
|
|
|
+ <span>{this.state.contractNo}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="客户名称"
|
|
|
+ >
|
|
|
+ <span>{this.state.userName}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="合同签订时间"
|
|
|
+ >
|
|
|
+ <span>{this.state.signDate}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="流程状态"
|
|
|
+ >
|
|
|
+ <span>{getProcessStatus(this.state.processStatus)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="结算状态"
|
|
|
+ >
|
|
|
+ <span>
|
|
|
+ {getLiquidationStatus(this.state.liquidationStatus)}
|
|
|
+ </span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="企业联系人"
|
|
|
+ >
|
|
|
+ <span>{this.state.contacts}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="联系人电话"
|
|
|
+ >
|
|
|
+ <span>{this.state.contactMobile}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="企业法人"
|
|
|
+ >
|
|
|
+ <span>{this.state.legalPerson}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="法人电话"
|
|
|
+ >
|
|
|
+ <span>{this.state.legalPersonTel}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="签单金额(万元)"
|
|
|
+ >
|
|
|
+ <span>{this.state.totalAmount}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="首付金额(万元)"
|
|
|
+ >
|
|
|
+ <span>{this.state.firstAmount}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="特批立项"
|
|
|
+ >
|
|
|
+ <span>{getApprovedState(this.state.approval)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="已收款项(万元)"
|
|
|
+ >
|
|
|
+ <span>{this.state.settlementAmount}</span>
|
|
|
+ </FormItem>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 16 }}
|
|
|
+ label="订单留言"
|
|
|
+ >
|
|
|
+ <span>{this.state.orderRemarks}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 18 }}
|
|
|
+ label="合同扫描件"
|
|
|
+ >
|
|
|
+ <Upload
|
|
|
+ className="demandDetailShow-upload"
|
|
|
+ listType="picture-card"
|
|
|
+ fileList={this.state.orgCodeUrl}
|
|
|
+ onPreview={file => {
|
|
|
+ this.setState({
|
|
|
+ previewImage: file.url || file.thumbUrl,
|
|
|
+ previewVisible: true
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ ></Upload>
|
|
|
+ <Modal
|
|
|
+ maskClosable={false}
|
|
|
+ footer={null}
|
|
|
+ visible={this.state.previewVisible}
|
|
|
+ onCancel={() => {
|
|
|
+ this.setState({ previewVisible: false });
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ alt=""
|
|
|
+ style={{ width: "100%" }}
|
|
|
+ src={this.state.previewImage || ""}
|
|
|
+ />
|
|
|
+ </Modal>
|
|
|
+ <Button
|
|
|
+ style={{
|
|
|
+ float: "right",
|
|
|
+ marginRight: "140px",
|
|
|
+ marginTop: "20px"
|
|
|
+ }}
|
|
|
+ onClick={this.getOrderLog}
|
|
|
+ >
|
|
|
+ 查看订单 日志
|
|
|
+ </Button>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单负责人"
|
|
|
+ >
|
|
|
+ <span>{this.state.salesmanName}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单负责人电话"
|
|
|
+ >
|
|
|
+ <span>{this.state.salesmanMobile}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单部门"
|
|
|
+ >
|
|
|
+ <span>{this.state.depName}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="当前财务负责人"
|
|
|
+ >
|
|
|
+ <span>{this.state.nowFinance}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="当前财务负责人电话"
|
|
|
+ >
|
|
|
+ <span>{this.state.nowFinanceMobile}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ style={{ opacity: ".5" }}
|
|
|
+ label="原订单负责人"
|
|
|
+ >
|
|
|
+ <span>{this.state.oldSalesmanName}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ style={{ opacity: ".5" }}
|
|
|
+ label="原订单负责人电话"
|
|
|
+ >
|
|
|
+ <span>{this.state.oldSalesmanMobile}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ style={{ opacity: ".5" }}
|
|
|
+ label="实际财务操作人"
|
|
|
+ >
|
|
|
+ <span>{this.state.financeName}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ style={{ opacity: ".5" }}
|
|
|
+ label="实际财务操作人电话"
|
|
|
+ >
|
|
|
+ <span>{this.state.financeMobile}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span style={{ marginLeft: "50px", fontSize: "20px" }}>
|
|
|
+ 项目业务
|
|
|
+ </span>
|
|
|
+ {this.state.processStatus == 0 ? (
|
|
|
+ <Button
|
|
|
+ type="primary"
|
|
|
+ onClick={this.addDetailed}
|
|
|
+ style={{
|
|
|
+ float: "right",
|
|
|
+ marginRight: "50px",
|
|
|
+ marginBottom: "15px"
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 添加项目明细
|
|
|
+ </Button>
|
|
|
+ ) : (
|
|
|
+ ""
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
+ <div className="patent-table">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <Table
|
|
|
+ columns={this.state.columnsX}
|
|
|
+ dataSource={this.state.dataSourceX}
|
|
|
+ pagination={this.state.paginations}
|
|
|
+ onRowClick={this.tableRowClickX}
|
|
|
+ />
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Spin>
|
|
|
+ </Form>
|
|
|
+ </Modal>
|
|
|
+ <Modal
|
|
|
+ maskClosable={false}
|
|
|
+ visible={this.state.addnextVisible}
|
|
|
+ onOk={this.nextCancel}
|
|
|
+ onCancel={this.nextCancel}
|
|
|
+ width="800px"
|
|
|
+ title="项目任务详情"
|
|
|
+ footer=""
|
|
|
+ className="admin-desc-content"
|
|
|
+ >
|
|
|
+ <Form
|
|
|
+ layout="horizontal"
|
|
|
+ onSubmit={this.nextSubmit}
|
|
|
+ id="demand-form"
|
|
|
+ >
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="项目名称"
|
|
|
+ >
|
|
|
+ <span>{this.state.commodityName}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="项目数量"
|
|
|
+ >
|
|
|
+ <span>{this.state.commodityQuantity}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="金额(万元)"
|
|
|
+ >
|
|
|
+ <span>{this.state.commodityPrice}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="主要项目"
|
|
|
+ >
|
|
|
+ <span>{getboutique(this.state.main)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 16 }}
|
|
|
+ label="服务说明"
|
|
|
+ >
|
|
|
+ <span>{this.state.taskComment}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Spin>
|
|
|
+ </Form>
|
|
|
+ </Modal>
|
|
|
+ <Modal
|
|
|
+ visible={this.state.rizhivisible}
|
|
|
+ className="admin-desc-content"
|
|
|
+ width="800px"
|
|
|
+ maskClosable={false}
|
|
|
+ title="订单日志"
|
|
|
+ footer={null}
|
|
|
+ onCancel={this.closeOrderLog}
|
|
|
+ >
|
|
|
+ <div className="patent-table">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <Table
|
|
|
+ columns={this.state.columnsrizhi}
|
|
|
+ dataSource={this.state.dataSourcerizhi}
|
|
|
+ pagination={false}
|
|
|
+ />
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ </Modal>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
}
|
|
|
})
|
|
|
|