import React from 'react'; import { Icon, Table, Modal, message, Spin, Input, Select, Button, Form ,Upload,Popconfirm,AutoComplete} from 'antd'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; import '../userMangagement.less'; import {orderType,publishStatus } from '../../../../dataDic.js'; import {getOrderType,getProjectState,getTaskStatus,getPublishStatus} from '../../../../tools.js'; const MySettlementDetaile = Form.create()(React.createClass({ getInitialState() { return { loading: false, visible: false, //派单 contractList:[ { title: '姓名', dataIndex: 'name', key: 'name' }, { title: '部门', dataIndex: 'depatrment', key: 'depatrment' },{ title: '联系方式', dataIndex: 'mobile', key: 'mobile' },{ title: '是否为主要联系人', dataIndex: 'major', key: 'major', render:(text) => { return text?'是':"否" } }, { title: '职务', dataIndex: 'position', key: 'position' },{ title: '微信', dataIndex: 'wechat', key: 'wechat' },{ title: 'QQ', dataIndex: 'qq', key: 'qq' }, ], }; }, //查看基本详情基本信息 loaduser(record){ if(record){ $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/techproject/getProjectTaskDetail', data: { taskId: record.taskId }, success: function (data) { let thisData = data.data; if (!thisData) { if (data.error && data.error.length) { message.warning(data.error[0].message); }; thisData = {}; }; this.setState({ orderList:thisData, taskId:thisData.taskId, uid:thisData.uid, publishStatus:thisData.publishStatus, }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); } }, //修改公示状态 changePublishStatus(){ $.ajax({ method: "post", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/techproject/updatePublishStatus', data: { taskId:this.state.taskId, publishStatus:this.state.publishStatus, }, success: function (data) { let thisData = data.data; if (!thisData) { if (data.error && data.error.length) { message.warning(data.error[0].message); }; thisData = {}; } message.success('修改成功'); }.bind(this), }) }, componentWillMount() { }, componentWillReceiveProps(nextProps) { //props改变时触发 this.state.visible = nextProps.showDesc; if(nextProps.showDesc) { this.loaduser(nextProps.datauser); } }, //点击查看联系人 seeContract(){ this.contract(); this.setState({ seeState:false, orderVisible:true }) }, orderCancel(){ this.setState({ orderVisible:false }) }, //查看联系人 contract(){ $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/customer/findAllContacts', data: { uid: this.state.uid }, success: function (data) { let thisData = data.data; if (!thisData) { if (data.error && data.error.length) { message.warning(data.error[0].message); }; thisData = {}; }; this.setState({ contractArr:thisData, }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); }, handleCancel(){ this.setState({ visible:false }) this.props.closeShow(false) }, render() { const FormItem = Form.Item const formItemLayout = { labelCol: { span: 8 }, wrapperCol: { span: 14 }, }; const orderDetaiel=this.state.orderList || []; return( <div> <Modal maskClosable={false} visible={this.state.visible} onOk={this.handleCancel} onCancel={this.handleCancel} width='1000px' title='查看任务' footer='' className="admin-desc-content"> <Form layout="horizontal" id="demand-form" style={{paddingBottom:'40px'}} > <Spin spinning={this.state.loading}> <div className="clearfix"> <FormItem className="half-item" {...formItemLayout} label="客户名称" > <span>{orderDetaiel.buyerName}</span> {orderDetaiel.buyerName&&<Button onClick={this.seeContract} style={{float:'right',fontSize:'12px'}}>查看联系人</Button>} </FormItem> <FormItem className="half-item" {...formItemLayout} label="营销员名称" > <span>{orderDetaiel.salesmanName}</span> </FormItem> <FormItem className="half-item" {...formItemLayout} label="订单编号" > <span>{orderDetaiel.orderNo}</span> {/*<Button style={{float:'right'}} onClick={this.seeOrder}>查看订单</Button>*/} </FormItem> <FormItem className="half-item" {...formItemLayout} label="合同编号" > <span>{orderDetaiel.contractNo}</span> {/*<Button style={{float:'right'}} onClick={this.seeOrder}>查看订单</Button>*/} </FormItem> <FormItem className="half-item" {...formItemLayout} label="项目编号" > <span>{orderDetaiel.projectNo}</span> </FormItem> <FormItem className="half-item" {...formItemLayout} label="任务编号" > <span>{orderDetaiel.taskNo}</span> </FormItem> <FormItem className="half-item" {...formItemLayout} label="服务项目名称" > <span>{orderDetaiel.commodityName}</span> </FormItem> <FormItem className="half-item" {...formItemLayout} label="任务状态" > <span>{getTaskStatus(orderDetaiel.taskStatus)}</span> </FormItem> <FormItem className="half-item" {...formItemLayout} label="是否锁定" > <span>{orderDetaiel.deletedSign==2?'锁定':'未锁定'}</span> </FormItem> <div className='clearfix'> <FormItem className="half-item" {...formItemLayout} label="公示状态" > {orderDetaiel.taskStatus==3?<span><Select placeholder="请选择公示状态" style={{ width:'150px'}} value={getPublishStatus(this.state.publishStatus)} onChange={(e)=>{this.setState({publishStatus:e})}}> { publishStatus.map(function (item) { return <Select.Option key={item.value} >{item.key}</Select.Option> }) } </Select> <Button onClick={this.changePublishStatus} style={{marginLeft:'10px',fontSize:'12px'}}>修改公示状态</Button></span>:<span>{getPublishStatus(orderDetaiel.publishStatus)}</span> } </FormItem> <FormItem className="half-item" {...formItemLayout} label="资料负责人" > <span>{orderDetaiel.taskReceiverName}</span> </FormItem> <FormItem className="half-item" {...formItemLayout} label="派单人" > <span>{orderDetaiel.taskAllocatorName}</span> </FormItem> <FormItem className="half-item" {...formItemLayout} label="订单部门" > <span>{orderDetaiel.departmentName}</span> </FormItem> <FormItem className="half-item" {...formItemLayout} label="派单时间" > <span>{orderDetaiel.taskDistributionTime}</span> </FormItem> <FormItem className="half-item" {...formItemLayout} label="实际订单金额" > <span>{orderDetaiel.signTotalAmount}万</span> </FormItem> </div> <div className='clearfix'> <FormItem labelCol={{ span: 4 }} wrapperCol={{ span: 16 }} label="任务说明" > <span>{orderDetaiel.taskComment}</span> </FormItem> </div> <div className='clearfix'> <FormItem labelCol={{ span: 4 }} wrapperCol={{ span: 16 }} label="订单留言" > <span>{orderDetaiel.orderRemarks}</span> </FormItem> </div> </div> </Spin> </Form > </Modal> <Modal maskClosable={false} visible={this.state.orderVisible} onOk={this.orderCancel} onCancel={this.orderCancel} width='800px' title={this.state.seeState?'查看订单':'查看联系人'} footer='' className="admin-desc-content"> <Form layout="horizontal" id="demand-form" style={{paddingBottom:'40px'}} > <Spin spinning={this.state.loading}> <div className="patent-table" style={{marginTop:'10px'}}> <Spin spinning={this.state.loading}> {this.state.seeState? <div className="clearfix"> </div>: <Table columns={this.state.contractList} dataSource={this.state.contractArr} pagination={false} />} </Spin> </div> </Spin> </Form> </Modal> </div> ) } })); export default MySettlementDetaile;