|
@@ -407,30 +407,40 @@ const IntentionCustomer = Form.create()(React.createClass({
|
|
|
} else {
|
|
|
let thisdata=data.data;
|
|
|
this.setState({
|
|
|
- id:thisdata.id,
|
|
|
- kehuId:thisdata.buyerId,
|
|
|
- orderNo: thisdata.orderNo,//订单编号
|
|
|
- contractNo: thisdata.contractNo,//合同编号
|
|
|
- userName:thisdata.userName,//客户名称
|
|
|
- signDate:thisdata.signDate,//签单时间
|
|
|
- processStatus:thisdata.processStatus,//流程状态
|
|
|
- liquidationStatus:thisdata.liquidationStatus,//结算状态
|
|
|
- contacts:thisdata.contacts,//企业联系人
|
|
|
- contactMobile:thisdata.contactMobile,//联系人电话
|
|
|
- legalPerson:thisdata.legalPerson,//法人
|
|
|
- legalPersonTel:thisdata.legalPersonTel,//法人电话
|
|
|
- firstAmount:thisdata.firstAmount,//签单金额
|
|
|
- totalAmount:thisdata.totalAmount,//首付金额
|
|
|
- settlementAmount:thisdata.settlementAmount,//已收款项
|
|
|
- orderRemarks:thisdata.orderRemarks,//订单留言
|
|
|
- orgCodeUrl: thisdata.contractPictureUrl ? splitUrl(thisdata.contractPictureUrl, ',', globalConfig.avatarHost + '/upload') : [],//图片地址
|
|
|
- salesmanName:thisdata.salesmanName,//营销员名称
|
|
|
- salesmanMobile:thisdata.salesmanMobile,//营销员电话
|
|
|
- financeName:thisdata.financeName,//财务名称
|
|
|
- financeMobile:thisdata.financeMobile,//财务电话
|
|
|
- approval:thisdata.approval.toString(),//特批状态
|
|
|
- //approval:thisdata.approval==0?thisdata.approval.toString():thisdata.approval,//特批状态
|
|
|
- })
|
|
|
+ id: thisdata.id,
|
|
|
+ kehuId: thisdata.buyerId,
|
|
|
+ orderNo: thisdata.orderNo, //订单编号
|
|
|
+ contractNo: thisdata.contractNo, //合同编号
|
|
|
+ userName: thisdata.userName, //客户名称
|
|
|
+ signDate: thisdata.signDate, //签单时间
|
|
|
+ processStatus: thisdata.processStatus, //流程状态
|
|
|
+ liquidationStatus: thisdata.liquidationStatus, //结算状态
|
|
|
+ contacts: thisdata.contacts, //企业联系人
|
|
|
+ contactMobile: thisdata.contactMobile, //联系人电话
|
|
|
+ legalPerson: thisdata.legalPerson, //法人
|
|
|
+ legalPersonTel: thisdata.legalPersonTel, //法人电话
|
|
|
+ firstAmount: thisdata.firstAmount, //签单金额
|
|
|
+ totalAmount: thisdata.totalAmount, //首付金额
|
|
|
+ settlementAmount: thisdata.settlementAmount, //已收款项
|
|
|
+ orderRemarks: thisdata.orderRemarks, //订单留言
|
|
|
+ orgCodeUrl: thisdata.contractPictureUrl
|
|
|
+ ? splitUrl(
|
|
|
+ thisdata.contractPictureUrl,
|
|
|
+ ",",
|
|
|
+ globalConfig.avatarHost + "/upload"
|
|
|
+ )
|
|
|
+ : [], //图片地址
|
|
|
+ salesmanName: thisdata.salesmanName, //营销员名称
|
|
|
+ salesmanMobile: thisdata.salesmanMobile, //营销员电话
|
|
|
+ oldSalesmanName: thisdata.oldSalesmanName, //营销员名称
|
|
|
+ oldSalesmanMobile: thisdata.oldSalesmanMobile, //营销员电话
|
|
|
+ financeName: thisdata.financeName, //财务名称
|
|
|
+ financeMobile: thisdata.financeMobile, //财务电话
|
|
|
+ nowFinance: thisdata.nowFinance, //财务名称
|
|
|
+ nowFinanceMobile: thisdata.nowFinanceMobile, //财务电话
|
|
|
+ approval: thisdata.approval.toString() //特批状态
|
|
|
+ //approval:thisdata.approval==0?thisdata.approval.toString():thisdata.approval,//特批状态
|
|
|
+ });
|
|
|
};
|
|
|
|
|
|
}.bind(this),
|
|
@@ -589,322 +599,537 @@ const IntentionCustomer = Form.create()(React.createClass({
|
|
|
})
|
|
|
},
|
|
|
};
|
|
|
- return(
|
|
|
- <div className="user-content">
|
|
|
- <div className="content-title">
|
|
|
- <span>退单管理</span>
|
|
|
+ return (
|
|
|
+ <div className="user-content">
|
|
|
+ <div className="content-title">
|
|
|
+ <span>退单管理</span>
|
|
|
+ </div>
|
|
|
+ <div className="user-search">
|
|
|
+ <Input
|
|
|
+ placeholder="客户名称"
|
|
|
+ style={{ width: "150px", marginBottom: "10px" }}
|
|
|
+ value={this.state.customerName}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ customerName: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Input
|
|
|
+ placeholder="订单编号"
|
|
|
+ style={{ width: "150px" }}
|
|
|
+ value={this.state.orderNo}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ orderNo: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <span style={{ marginRight: "10px" }}>下单时间 :</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 });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Button
|
|
|
+ type="primary"
|
|
|
+ onClick={this.search}
|
|
|
+ style={{ marginLeft: "10px" }}
|
|
|
+ >
|
|
|
+ 搜索
|
|
|
+ </Button>
|
|
|
+ <Button onClick={this.reset}>重置</Button>
|
|
|
+ <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}
|
|
|
+ />
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ <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.firstAmount}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="首付金额(万元)"
|
|
|
+ >
|
|
|
+ <span>{this.state.totalAmount}</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>
|
|
|
+ </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"
|
|
|
+ style={{ opacity: ".5" }}
|
|
|
+ {...formItemLayout}
|
|
|
+ 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>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <Form layout="horizontal" id="demand-form">
|
|
|
+ <Table
|
|
|
+ pagination={false}
|
|
|
+ columns={this.state.ContactsLists}
|
|
|
+ dataSource={this.state.contactList}
|
|
|
+ />
|
|
|
+ <Col
|
|
|
+ span={24}
|
|
|
+ offset={9}
|
|
|
+ style={{ marginTop: "15px" }}
|
|
|
+ ></Col>
|
|
|
+ </Form>
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span style={{ marginLeft: "50px", fontSize: "20px" }}>
|
|
|
+ 项目业务
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div className="patent-table">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <Table
|
|
|
+ columns={this.state.columnsX}
|
|
|
+ dataSource={this.state.dataSourceX}
|
|
|
+ pagination={this.state.paginations}
|
|
|
+ />
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Spin>
|
|
|
+ </Form>
|
|
|
+ </Modal>
|
|
|
+ <Modal
|
|
|
+ maskClosable={false}
|
|
|
+ visible={this.state.addnextVisible}
|
|
|
+ onOk={this.nextCancel}
|
|
|
+ onCancel={this.nextCancel}
|
|
|
+ width="800px"
|
|
|
+ title={this.state.refundStatus == 2 ? "修改退单申请" : "退单详情"}
|
|
|
+ footer=""
|
|
|
+ className="admin-desc-content"
|
|
|
+ >
|
|
|
+ <Form layout="horizontal" id="demand-form">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="退单编号"
|
|
|
+ >
|
|
|
+ <span>{this.state.id}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="退单日期"
|
|
|
+ >
|
|
|
+ <span>{this.state.createDate}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单编号"
|
|
|
+ >
|
|
|
+ <span>{this.state.orderNo}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单状态"
|
|
|
+ >
|
|
|
+ <span>{getNewOrderStatus(this.state.orderStatus)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="退单状态"
|
|
|
+ >
|
|
|
+ <span>{getRefundStatus(this.state.refundStatus)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="退款状态"
|
|
|
+ >
|
|
|
+ <span>
|
|
|
+ {getLiquidationStatus(this.state.liquidationStatus)}
|
|
|
+ </span>
|
|
|
+ </FormItem>
|
|
|
+ <div className="clearfix">
|
|
|
+ {this.state.refundStatus == 2 ? (
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 16 }}
|
|
|
+ label="终止合同"
|
|
|
+ >
|
|
|
+ <Picture
|
|
|
+ fileList={e => {
|
|
|
+ this.setState({ contractUrl: e });
|
|
|
+ }}
|
|
|
+ pictureUrl={this.state.contractUrl}
|
|
|
+ visible={this.props.visible}
|
|
|
+ data={{
|
|
|
+ sign: "order_refund_file",
|
|
|
+ url: "/api/admin/newOrder/uploadRefundOrderFile",
|
|
|
+ number: 8
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </FormItem>
|
|
|
+ ) : (
|
|
|
+ <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>
|
|
|
+ </FormItem>
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 16 }}
|
|
|
+ label="退单申请表"
|
|
|
+ >
|
|
|
+ <Upload
|
|
|
+ className="demandDetailShow-upload"
|
|
|
+ listType="picture-card"
|
|
|
+ fileList={this.state.orgCodeUrl}
|
|
|
+ onPreview={file => {
|
|
|
+ this.setState({
|
|
|
+ previewImage: file.url || file.thumbUrl,
|
|
|
+ previewVisible: true
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ ></Upload>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 16 }}
|
|
|
+ label="退单理由"
|
|
|
+ >
|
|
|
+ {this.state.refundStatus == 2 ? (
|
|
|
+ <Input
|
|
|
+ type="textarea"
|
|
|
+ placeholder="请输入退单理由"
|
|
|
+ rows={4}
|
|
|
+ value={this.state.reason}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ reason: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ ) : (
|
|
|
+ <span>{this.state.reason}</span>
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ {this.state.refundStatus == 2 ? (
|
|
|
+ <FormItem
|
|
|
+ wrapperCol={{ span: 12, offset: 4 }}
|
|
|
+ className="half-middle"
|
|
|
+ >
|
|
|
+ <Button
|
|
|
+ className="submitSave"
|
|
|
+ type="primary"
|
|
|
+ onClick={this.tuidanOk}
|
|
|
+ >
|
|
|
+ 重新退单
|
|
|
+ </Button>
|
|
|
+ <Button
|
|
|
+ className="submitSave"
|
|
|
+ type="ghost"
|
|
|
+ onClick={this.nextCancel}
|
|
|
+ >
|
|
|
+ 取消
|
|
|
+ </Button>
|
|
|
+ </FormItem>
|
|
|
+ ) : (
|
|
|
+ ""
|
|
|
+ )}
|
|
|
</div>
|
|
|
- <div className="user-search">
|
|
|
- <Input placeholder="客户名称" style={{width:'150px',marginBottom:'10px'}}
|
|
|
- value={this.state.customerName}
|
|
|
- onChange={(e) => { this.setState({ customerName: e.target.value }); }} />
|
|
|
- <Input placeholder="订单编号" style={{width:'150px'}}
|
|
|
- value={this.state.orderNo}
|
|
|
- onChange={(e) => { this.setState({ orderNo: e.target.value }); }} />
|
|
|
- <span style={{marginRight:"10px"}}>下单时间 :</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 }); }} />
|
|
|
- <Button type="primary" onClick={this.search} style={{marginLeft:'10px'}}>搜索</Button>
|
|
|
- <Button onClick={this.reset}>重置</Button>
|
|
|
- <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}
|
|
|
- />
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- <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.firstAmount}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="首付金额(万元)" >
|
|
|
- <span>{this.state.totalAmount}</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>
|
|
|
- </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>
|
|
|
- </div>
|
|
|
- <div className="clearfix">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <Form layout="horizontal" id="demand-form" >
|
|
|
- <Table
|
|
|
- pagination={false}
|
|
|
- columns={this.state.ContactsLists}
|
|
|
- dataSource={this.state.contactList}
|
|
|
- />
|
|
|
- <Col span={24} offset={9} style={{marginTop:'15px'}}>
|
|
|
-
|
|
|
- </Col>
|
|
|
- </Form>
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <span style={{marginLeft:'50px',fontSize:'20px'}}>项目业务</span>
|
|
|
- </div>
|
|
|
- <div className="patent-table">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <Table columns={this.state.columnsX}
|
|
|
- dataSource={this.state.dataSourceX}
|
|
|
- pagination={this.state.paginations}
|
|
|
- />
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </Spin>
|
|
|
- </Form>
|
|
|
- </Modal>
|
|
|
- <Modal maskClosable={false} visible={this.state.addnextVisible}
|
|
|
- onOk={this.nextCancel} onCancel={this.nextCancel}
|
|
|
- width='800px'
|
|
|
- title={this.state.refundStatus==2?'修改退单申请':'退单详情'}
|
|
|
- footer=''
|
|
|
- className="admin-desc-content">
|
|
|
- <Form layout="horizontal" id="demand-form">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
-
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="退单编号" >
|
|
|
- <span>{this.state.id}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="退单日期" >
|
|
|
- <span>{this.state.createDate}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单编号" >
|
|
|
- <span>{this.state.orderNo}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单状态" >
|
|
|
- <span>{getNewOrderStatus(this.state.orderStatus)}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="退单状态" >
|
|
|
- <span>{getRefundStatus(this.state.refundStatus)}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="退款状态" >
|
|
|
- <span>{getLiquidationStatus(this.state.liquidationStatus)}</span>
|
|
|
- </FormItem>
|
|
|
- <div className='clearfix'>
|
|
|
- {this.state.refundStatus==2?<FormItem labelCol={{ span: 4 }} wrapperCol={{ span: 16 }} label="终止合同">
|
|
|
- <Picture
|
|
|
- fileList={(e)=>{this.setState({contractUrl:e})}}
|
|
|
- pictureUrl={this.state.contractUrl}
|
|
|
- visible={this.props.visible}
|
|
|
- data={{'sign':'order_refund_file',url:'/api/admin/newOrder/uploadRefundOrderFile',number:8}}
|
|
|
- />
|
|
|
- </FormItem>:
|
|
|
- <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>
|
|
|
- </FormItem>}
|
|
|
- </div>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem labelCol={{ span: 4 }} wrapperCol={{ span: 16 }} label="退单申请表">
|
|
|
- <Upload className="demandDetailShow-upload"
|
|
|
- listType="picture-card"
|
|
|
- fileList={this.state.orgCodeUrl}
|
|
|
- onPreview={(file) => {
|
|
|
- this.setState({
|
|
|
- previewImage: file.url || file.thumbUrl,
|
|
|
- previewVisible: true,
|
|
|
- });
|
|
|
- }} >
|
|
|
- </Upload>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem
|
|
|
- labelCol={{ span: 4 }}
|
|
|
- wrapperCol={{ span: 16 }}
|
|
|
- label="退单理由" >
|
|
|
- {this.state.refundStatus==2?
|
|
|
- <Input type="textarea" placeholder="请输入退单理由" rows={4} value={this.state.reason}
|
|
|
- onChange={(e)=>{this.setState({reason:e.target.value})}}/>:<span>{this.state.reason}</span> }
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- {this.state.refundStatus==2?
|
|
|
- <FormItem wrapperCol={{ span: 12, offset: 4 }} className="half-middle">
|
|
|
- <Button className="submitSave" type="primary" onClick={this.tuidanOk}>重新退单</Button>
|
|
|
- <Button className="submitSave" type="ghost" onClick={this.nextCancel}>取消</Button>
|
|
|
- </FormItem>:''}
|
|
|
- </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>
|
|
|
+ </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>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
}
|
|
|
}));
|
|
|
export default IntentionCustomer;
|