123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161 |
- import React from 'react';
- import { Button, Input, Spin, Table, message,DatePicker, Upload, Form ,Modal,Col} from 'antd';
- import $ from 'jquery/src/ajax';
- import Picture from '@/manageCenter/publicComponent/picture';
- import moment from 'moment';
- import {
- getLiquidationStatus,
- getApprovedState,
- getProcessStatus,
- splitUrl,
- getjiedian,
- getNewOrderStatus,
- getRefundStatus,
- getCuikuan,
- ShowModal
- } from "@/tools.js";
- import './customer.less';
- import ShowModalDiv from "@/showModal.jsx";
- import OrderRiZi from "@/orderRiZi.jsx";
- const IntentionCustomer = Form.create()(React.createClass({
- loadData(pageNo) {
- this.setState({
- visitModul:false,
- loading: true,
- ispage:pageNo,
- modalVisible:false
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context +"/api/admin/newOrder/orderRefundList",
- data: {
- pageNo: pageNo || 1,
- pageSize: this.state.pagination.pageSize,
- name: this.state.customerName,//名称
- orderNo: this.state.orderNo,//订单编号
- starTime: this.state.releaseDate[0],//开始时间
- 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) {
- message.warning(data.error[0].message);
- };
- } else {
- for(let i = 0; i < data.data.list.length; i++) {
- let thisdata = data.data.list[i];
- theArr.push({
- key: i,
- id: thisdata.id,//用户ID
- orderNo: thisdata.orderNo,//订单编号
- userName:thisdata.userName,//客户名称
- orderStatus:thisdata.orderStatus,//订单状态
- refundStatus:thisdata.refundStatus,//退单状态
- reason:thisdata.reason,//退单原因
- createDate:thisdata.createDate,//退单时间
- liquidationStatus:thisdata.liquidationStatus,//结算状态
- });
- };
- this.state.pagination.total = data.data.totalCount;
- };
- if(data.data&&data.data.list&&!data.data.list.length){
- this.state.pagination.total=0
- }
- this.setState({
- dataSource: theArr,
- pageNo: pageNo,
- pagination: this.state.pagination,
- selectedRowKeys:[]
- });
- }.bind(this),
- }).always(function() {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- getInitialState() {
- return {
- page:1,
- releaseDate: [],
- selectedRowKeys: [],
- orgCodeUrl:[],
- customerArr:[],
- applicationUrl:[],
- contractUrl:[],
- pagination: {
- defaultCurrent: 1,
- defaultPageSize: 10,
- showQuickJumper: true,
- pageSize: 10,
- onChange: function(page) {
- this.loadData(page);
- }.bind(this),
- showTotal: function(total) {
- return '共' + total + '条数据';
- }
- },
- columns: [
- {
- title: '退单编号',
- dataIndex: 'id',
- key: 'id'
- },{
- title: '退单日期',
- dataIndex: 'createDate',
- key: 'createDate'
- }, {
- title: '客户名称',
- dataIndex: 'userName',
- key: 'userName',
- render:(text)=>{
- return (text&&text.length>9?text.substr(0,9)+'...':text)
- }
- },{
- title: '订单编号',
- dataIndex: 'orderNo',
- key: 'orderNo'
- },{
- title: '订单状态',
- dataIndex: 'orderStatus',
- key: 'orderStatus',
- render:text=>{return getNewOrderStatus(text)}
- },{
- title: '结算状态',
- dataIndex: 'liquidationStatus',
- key: 'liquidationStatus',
- render:text=>{return getLiquidationStatus(text)}
- }, {
- title: '退单状态',
- dataIndex: 'refundStatus',
- key: 'refundStatus',
- render:text=>{return getRefundStatus(text)}
- },{
- title: '退单原因',
- dataIndex: 'reason',
- key: 'reason',
- render:(text)=>{
- return (text&&text.length>18?text.substr(0,18)+'...':text)
- }
- }, {
- title: '操作',
- dataIndex: 'abc',
- key: 'abc',
- render: (text, record) => {
- return <div>
- <Button onClick={(e) =>{ e.stopPropagation(), this.visit(record)}} type="primary">{this.state.refundStatus==2?'修改退单申请':'查看退款申请'}</Button>
- </div>
- }
- }
- ],
- data: [],
- dataSource: [],
- columnsX: [
- {
- title: '业务项目名称',
- dataIndex: 'commodityName',
- key: 'commodityName'
- }, {
- title: '项目类别',
- dataIndex: 'cname',
- key: 'cname',
-
- },{
- title: '项目数量',
- dataIndex: 'commodityQuantity',
- key: 'commodityQuantity'
- }, {
- title: '金额(万元)',
- dataIndex: 'commodityPrice',
- key: 'commodityPrice'
- }, {
- title: '负责人',
- dataIndex: 'contacts',
- key: 'contacts'
- }, {
- title: '负责人电话',
- dataIndex: 'contactsMobile',
- key: 'contactsMobile'
- }, {
- title: '主要项目',
- dataIndex: 'main',
- key: 'main',
- render:(text)=>{
- return (text?'是':'否')
- }
- }, {
- title: '项目说明',
- dataIndex: 'taskComment',
- key: 'taskComment',
- render:(text)=>{
- return (text&&text.length>8?text.substr(0,8)+'…':text)
- }
- }
- ],
- columnsrizhi:[
- {
- title:'流程',
- dataIndex: 'processName',
- key: 'processName'
- },
- {
- title:'操作人',
- dataIndex: 'adminName',
- key: 'adminName'
- },{
- title:'时间',
- dataIndex: 'createDate',
- key: 'createDate'
- }
- ],
- dataSourceX: [],
- ContactsLists: [{
- title: '催款科目',
- dataIndex: 'dunSubject',
- key: 'dunSubject',
- render: text=>{return getjiedian(text)}
- },{
- title: '金额(万)',
- dataIndex: 'money',
- key: 'money',
- }, {
- title: '催款状态',
- dataIndex: 'dunStatus',
- key: 'dunStatus',
- render:text=>{return getCuikuan(text)}
- },
- ],
- };
- },
- //进入新增拜访记录
- visit(record) {
- this.setState({
- addnextVisible:true,
- })
- this.tuidanxiangqing(record.id);
-
- },
- //退单详情
- tuidanxiangqing(id) {
- this.setState({
- loading: true
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/newOrder/orderRefundDetail",
- data: {
- id:id
- }
- }).done(function (data) {
- if(data.error.length || data.data.list == "") {
- if(data.error && data.error.length) {
- message.warning(data.error[0].message);
- };
- } else {
- let thisdata=data.data;
- this.setState({
- id:thisdata.id,
- createDate:thisdata.createDate,//退单时间
- orderNo: thisdata.orderNo,//订单编号
- orderStatus: thisdata.orderStatus,//订单状态
- refundStatus:thisdata.refundStatus,//退单状态
- applicationUrl:thisdata.applicationUrl?splitUrl(thisdata.applicationUrl, ',', globalConfig.avatarHost + '/upload') : [],//申请表附件
- contractUrl:thisdata.contractUrl?splitUrl(thisdata.contractUrl, ',', globalConfig.avatarHost + '/upload') : [],//合同附件
- reason:thisdata.reason,//退单原因
- liquidationStatus:thisdata.liquidationStatus,//结算状态
- })
- this.setState({
- loading: false
- });
-
- };
- }.bind(this));
- },
- //点击确认退单
- tuidanOk(){
- let contractUrls = [];
- let applicationUrls = [];
- if (this.state.contractUrl.length) {
- let picArr = [];
- this.state.contractUrl.map(function (item) {
- if ( item.response && item.response.data && item.response.data.length ){
- picArr.push(item.response.data);
- }
- });
- contractUrls = picArr.join(",");
- };
- if (this.state.applicationUrl.length) {
- let picArr = [];
- this.state.applicationUrl.map(function (item) {
- if ( item.response && item.response.data && item.response.data.length ){
- picArr.push(item.response.data);
- }
- });
- applicationUrls = picArr.join(",");
- };
- $.ajax({
- method: "POST",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context +'/api/admin/newOrder/updateOrderRefund' ,
- data: {
- id:this.state.id,//订单编号
- contractUrl:contractUrls.length?contractUrls:'',//终止合同
- applicationUrl:applicationUrls.length?applicationUrls:'',//退单申请表
- reason:this.state.reason,//退单原因
- }
- }).done(function(data) {
- this.setState({
- loading: false
- });
- if(!data.error.length) {
- message.success('退单成功!');
- this.nextCancel();
- this.handleCancel();
- } else {
- message.warning(data.error[0].message);
- }
- }.bind(this));
- },
- //页面加载函数
- componentWillMount() {
- this.loadData();
- },
- //整行点击
- tableRowClick(record) {
- this.setState({
- visible:true,
- });
- this.xiangqing(record.orderNo);
- this.xiangmu(record.orderNo);
- this.jiedian(record.orderNo);
- },
-
- rizhi(){
- console.log(this.state.orderNo)
- this.setState({
- loading:true
- })
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: '/api/admin/newOrder/selectOrderLog',
- data: {
- orderNo:this.state.orderNo
- },
- success: function (data) {
- let theArr = [];
- let thisData = data.data;
- if (!thisData.length) {
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- };
- thisData = {};
- }else{
- for(let i = 0; i < data.data.length; i++) {
- let thisdata = data.data[i];
- theArr.push({
- processName:thisdata.processName,
- adminName:thisdata.adminName,
- createDate:thisdata.createDate,
- });
- };
- };
- this.setState({
- dataSourcerizhi: theArr
- })
- }.bind(this),
- }).always(function () {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
-
- //查看订单日志
- getOrderLog(){
- this.setState({
- rizhivisible:true
- })
- this.rizhi()
- },
- closeOrderLog(){
- this.setState({
- rizhivisible:false
- })
- },
-
- //详情关闭
- nextCancel() {
- this.setState({
- addnextVisible: false
- })
- this.resets();
- },
- //订单详情
- xiangqing(orderNos) {
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context +"/api/admin/newOrder/getOrderNewDetail",
- data: {
- orderNo:orderNos
- },
- success: function(data) {
-
- if(data.error.length || data.data.list == "") {
- if(data.error && data.error.length) {
- message.warning(data.error[0].message);
- };
- } 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, //营销员电话
- 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),
- }).always(function() {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- //项目列表
- xiangmu(orderNos) {
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context +"/api/admin/newOrder/getOrderTask",
- data: {
- orderNo:orderNos
- },
- success: function(data) {
- let theArr = [];
-
- if(data.error.length || data.data.list == "") {
- if(data.error && data.error.length) {
- message.warning(data.error[0].message);
- };
- } else {
- for (let i = 0; i < data.data.length; i++) {
- let thisdata = data.data[i];
- theArr.push({
- key: i,
- id:thisdata.id,
- orderNo:thisdata.orderNo,//订单编号
- commodityId:thisdata.commodityId,//项目ID
- commodityName:thisdata.commodityName,//项目名称
- cname:thisdata.cname,//项目类别
- commodityPrice:thisdata.commodityPrice,//项目价格
- commodityQuantity:thisdata.commodityQuantity,//项目数量
- main:thisdata.main,//是否为主要任务
- taskComment:thisdata.taskComment,//任务说明
- contacts:thisdata.contacts,//联系人
- contactsMobile:thisdata.contactsMobile,//联系人电话
- });
- };
- };
- this.setState({
- dataSourceX: theArr,
- paginations: false,
- });
- }.bind(this),
- }).always(function() {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- //节点列表
- jiedian(orderNos) {
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context +"/api/admin/newOrder/selectOrderDun",
- data: {
- orderNo:orderNos
- },
- success: function(data) {
- let theArr = [];
- let thisData=[];
- if(data.error.length || data.data.list == "") {
- if(data.error && data.error.length) {
- message.warning(data.error[0].message);
- };
- } else {
- for(let i = 0; i < data.data.length; i++) {
- thisData= data.data[i];
- theArr.push({
- key:i,
- dunSubject:thisData.dunSubject?thisData.dunSubject.toString():"",//催款科目
- id:thisData.id,//节点Id
- money:thisData.money,//催款金额
- dunStatus:thisData.dunStatus,//催款状态
- orderNo:thisData.orderNo,
- })
- }
- this.setState({
- contactList:theArr
- })
- };
-
- }.bind(this),
- }).always(function() {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
-
- resets(){
- this.state.orderNo='';
- this.state.customerName='';
- this.state.releaseDate[0] = undefined;
- this.state.releaseDate[1] = undefined;
- },
- reset(){
- this.state.orderNo='';
- this.state.customerName='';
- this.state.releaseDate[0] = undefined;
- this.state.releaseDate[1] = undefined;
- this.loadData();
- },
-
- //搜索
- search() {
- this.setState({
- //signBillVisible:false
- })
- this.loadData();
- },
- getOrgCodeUrl(e) {
- this.setState({ orgCodeUrl: e });
- },
- //关闭详情
- visitCancel(){
- this.setState({
- visible:false
- })
- this.resets();
- },
- visitOk(){
- this.setState({
- visible:false
- })
- this.resets();
- },
- render() {
- const formItemLayout = {
- labelCol: { span: 8 },
- wrapperCol: { span: 14 },
- };
- const FormItem = Form.Item;
- const { RangePicker } = DatePicker;
- const rowSelection = {
- selectedRowKeys: this.state.selectedRowKeys,
- onChange: (selectedRowKeys, selectedRows) => {
- this.setState({
- modalVisible:false,
- selectedRows: selectedRows.slice(-1),
- selectedRowKeys: selectedRowKeys.slice(-1)
- });
- },
- onSelect: (recordt) => {
- this.setState({
- modalVisible:false,
- recordt: recordt.id
- })
- },
- };
- 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 });
- }}
- />
- <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>
- </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> */}
- <OrderRiZi
- dataSourcerizhi={this.state.dataSourcerizhi}
- closeOrderLog={this.closeOrderLog}
- visible={this.state.rizhivisible}
- loading={this.state.loading}
- />
- </div>
- </div>
- );
- }
- }));
- export default IntentionCustomer;
|