|
@@ -2,8 +2,18 @@ import React from 'react';
|
|
|
import { Icon, Button, Input, Select, Spin, Table, message,DatePicker, Upload, Form ,Modal,Col} from 'antd';
|
|
|
import $ from 'jquery/src/ajax';
|
|
|
import moment from 'moment';
|
|
|
-import { getLiquidationStatus,getApprovedState,getProcessStatus,splitUrl,getjiedian,getboutique,getCuikuan} from '@/tools.js';
|
|
|
+import {
|
|
|
+ getLiquidationStatus,
|
|
|
+ getApprovedState,
|
|
|
+ getProcessStatus,
|
|
|
+ splitUrl,
|
|
|
+ getjiedian,
|
|
|
+ getboutique,
|
|
|
+ getCuikuan,
|
|
|
+ ShowModal
|
|
|
+} from "@/tools.js";
|
|
|
import './customer.less';
|
|
|
+import ShowModalDiv from "@/showModal.jsx";
|
|
|
//图片组件
|
|
|
const PicturesWall = React.createClass({
|
|
|
getInitialState() {
|
|
@@ -91,6 +101,7 @@ const IntentionCustomer = Form.create()(React.createClass({
|
|
|
endTime: this.state.releaseDate[1],//结束时间
|
|
|
},
|
|
|
success: function(data) {
|
|
|
+ ShowModal(this);
|
|
|
let theArr = [];
|
|
|
if(data.error.length || data.data.list == "") {
|
|
|
if(data.error && data.error.length) {
|
|
@@ -695,303 +706,484 @@ const IntentionCustomer = Form.create()(React.createClass({
|
|
|
},
|
|
|
};
|
|
|
let departmentArr = this.state.departmentArr || [];
|
|
|
- return(
|
|
|
- <div className="user-content">
|
|
|
- <div className="content-title">
|
|
|
- <span>特批订单审核</span>
|
|
|
+ return (
|
|
|
+ <div className="user-content">
|
|
|
+ <ShowModalDiv ShowModal={this.state.showModal} />
|
|
|
+ <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 });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <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>
|
|
|
+ <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.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={
|
|
|
+ <span>
|
|
|
+ <strong style={{ color: "#f00" }}>*</strong>合同扫描件
|
|
|
+ </span>
|
|
|
+ }
|
|
|
+ >
|
|
|
+ <PicturesWall
|
|
|
+ fileList={this.getOrgCodeUrl}
|
|
|
+ pictureUrl={this.state.orgCodeUrl}
|
|
|
+ />
|
|
|
+ <p>图片建议:要清晰。</p>
|
|
|
+ <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>
|
|
|
+ {this.state.processStatus == 0 ? (
|
|
|
+ <Button
|
|
|
+ type="primary"
|
|
|
+ onClick={this.addcontact}
|
|
|
+ style={{
|
|
|
+ float: "right",
|
|
|
+ marginRight: "50px",
|
|
|
+ marginBottom: "15px"
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 添加催款节点
|
|
|
+ </Button>
|
|
|
+ ) : (
|
|
|
+ ""
|
|
|
+ )}
|
|
|
+ </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>
|
|
|
+ {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 className="addSave" style={{ marginTop: "15px" }}>
|
|
|
+ <Button
|
|
|
+ className="cancel"
|
|
|
+ type="primary"
|
|
|
+ onClick={this.examOk}
|
|
|
+ style={{ marginLeft: "200px" }}
|
|
|
+ htmlType="submit"
|
|
|
+ >
|
|
|
+ 通过
|
|
|
+ </Button>
|
|
|
+ <Button
|
|
|
+ className="cancel"
|
|
|
+ type="primary"
|
|
|
+ onClick={this.examNo}
|
|
|
+ style={{ marginLeft: "50px" }}
|
|
|
+ htmlType="submit"
|
|
|
+ >
|
|
|
+ 驳回
|
|
|
+ </Button>
|
|
|
+ <Button
|
|
|
+ className="cancel"
|
|
|
+ type="ghost"
|
|
|
+ onClick={this.visitCancel}
|
|
|
+ style={{ marginLeft: "50px" }}
|
|
|
+ >
|
|
|
+ 取消
|
|
|
+ </Button>
|
|
|
+ </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" 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
|
|
|
+ maskClosable={false}
|
|
|
+ visible={this.state.noVisible}
|
|
|
+ onOk={this.noCancel}
|
|
|
+ onCancel={this.noCancel}
|
|
|
+ width="400px"
|
|
|
+ title={"拒绝理由"}
|
|
|
+ footer=""
|
|
|
+ className="admin-desc-content"
|
|
|
+ >
|
|
|
+ <Form layout="horizontal" id="demand-form">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 16 }}
|
|
|
+ label="拒绝理由"
|
|
|
+ >
|
|
|
+ <Input
|
|
|
+ type="textarea"
|
|
|
+ placeholder="请输入拒绝理由"
|
|
|
+ rows={4}
|
|
|
+ value={this.state.reason}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ reason: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <Button
|
|
|
+ className="cancel"
|
|
|
+ type="primary"
|
|
|
+ onClick={this.examOks}
|
|
|
+ style={{ marginLeft: "50px" }}
|
|
|
+ htmlType="submit"
|
|
|
+ >
|
|
|
+ 确定
|
|
|
+ </Button>
|
|
|
+ <Button
|
|
|
+ className="cancel"
|
|
|
+ type="ghost"
|
|
|
+ onClick={this.noCancel}
|
|
|
+ style={{ marginLeft: "50px" }}
|
|
|
+ >
|
|
|
+ 取消
|
|
|
+ </Button>
|
|
|
</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 }); }} />
|
|
|
- <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>
|
|
|
- <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.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={
|
|
|
- <span>
|
|
|
- <strong style={{ color: '#f00' }}>*</strong>合同扫描件
|
|
|
- </span>
|
|
|
- }
|
|
|
- >
|
|
|
-
|
|
|
- <PicturesWall
|
|
|
- fileList={this.getOrgCodeUrl}
|
|
|
- pictureUrl={this.state.orgCodeUrl} />
|
|
|
- <p>图片建议:要清晰。</p>
|
|
|
- <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>
|
|
|
- {this.state.processStatus==0?<Button type='primary' onClick={this.addcontact} style={{float:'right',marginRight:'50px',marginBottom:'15px'}}>添加催款节点</Button>:""}
|
|
|
- </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>
|
|
|
- {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 className='addSave' style={{marginTop:'15px'}}>
|
|
|
- <Button className="cancel" type="primary" onClick={this.examOk} style={{marginLeft:"200px"}} htmlType="submit">通过</Button>
|
|
|
- <Button className="cancel" type="primary" onClick={this.examNo} style={{marginLeft:"50px"}} htmlType="submit">驳回</Button>
|
|
|
- <Button className="cancel" type="ghost" onClick={this.visitCancel} style={{marginLeft:"50px"}}>取消</Button>
|
|
|
- </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" 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 maskClosable={false} visible={this.state.noVisible}
|
|
|
- onOk={this.noCancel} onCancel={this.noCancel}
|
|
|
- width='400px'
|
|
|
- title={'拒绝理由'}
|
|
|
- footer=''
|
|
|
- className="admin-desc-content">
|
|
|
- <Form layout="horizontal" id="demand-form">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem
|
|
|
- labelCol={{ span: 4 }}
|
|
|
- wrapperCol={{ span: 16 }}
|
|
|
- label="拒绝理由" >
|
|
|
- <Input type="textarea" placeholder="请输入拒绝理由" rows={4} value={this.state.reason}
|
|
|
- onChange={(e)=>{this.setState({reason:e.target.value})}}/>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div className='clearfix'>
|
|
|
- <Button className="cancel" type="primary" onClick={this.examOks} style={{marginLeft:"50px"}} htmlType="submit">确定</Button>
|
|
|
- <Button className="cancel" type="ghost" onClick={this.noCancel} style={{marginLeft:"50px"}}>取消</Button>
|
|
|
- </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;
|