| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235 |
- import React from 'react';
- import ajax from 'jquery/src/ajax/xhr.js';
- import $ from 'jquery/src/ajax';
- import { Form,Radio, Icon, Button, Input, Select, Spin, Table, Switch,InputNumber, message, DatePicker, Modal, Upload ,Popconfirm} from 'antd';
- import {transactionProject,transactionChannel} from '@/dataDic.js';
- import {getOrderState,getOrderChannel,getPaymentState,getOrderType,getNewOrderStatus,getLiquidationStatus} from '@/tools.js';
- import Picture from '@/manageCenter/publicComponent/picture';
- const Examine=React.createClass({
- loadData(record) {
- this.state.data = [];
- this.setState({
- loading: true
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + '/api/admin/order/getOrderCommodity',
- data: {
- orderNo:record?record.orderNo:this.props.data.orderNo
- },
- success: function (data) {
- let theArr = [];
- if (!data.data) {
- 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,
- data:thisdata,
- orderNo:thisdata.orderNo,
- commodityName:thisdata.commodityName,
- commodityType:thisdata.commodityType,
- commodityMode:thisdata.commodityMode,
- });
- };
- }
- }.bind(this),
- }).always(function () {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- getInitialState() {
- return {
- datauser:{},
- loading: false,
- visible:false,
- showDesc:false,
- pictureUrls:[],
- pictureUrl:[]
- };
- },
- //保存
- handleSubmit(e){
- e.preventDefault();
- if(!this.state.settlementAmount){
- message.warning('请填写金额');
- return false;
- }
- if(!this.state.transactionProject){
- message.warning('请选择流水科目');
- return false;
- }
- if(!this.state.transactionChannel){
- message.warning('请选择交易渠道');
- return false;
- }
- this.setState({
- loading: true
- });
- $.ajax({
- method: "post",
- dataType: "json",
- async:true,
- url: globalConfig.context + '/api/user/demand/apply',
- data: {
- id: this.props.data.id,
- settlementAmount: this.state.settlementAmount,
- transactionProject: this.state.transactionProject,
- transactionChannel: this.state.transactionChannel,
- remarks:this.state.remarks
- }
- }).done(function (data) {
- this.setState({
- loading: false
- });
- if (!data.error.length) {
- message.success('操作成功!');
- this.onShow();
- } else {
- message.warning(data.error[0].message);
- }
- }.bind(this));
- },
- onCancel(){
- this.setState({
- visible:false
- })
- this.props.closeDesc(false,false);
- },
- onShow() {
- this.setState({
- visible: false,
- });
- this.props.closeDesc(false, true);
- },
- componentWillMount() {
- this.loadData();
- this.setState({
- pictureUrl:[],
- pictureUrls:[],
- remark:'',
- remarks:''
- })
- },
- componentWillReceiveProps(nextProps) {
- this.loadData(nextProps.data);
- this.state.visible=nextProps.showDesc;
- this.setState({
- pictureUrl:[],
- pictureUrls:[],
- remark:'',
- remarks:''
- })
- },
- render() {
- const theData = this.state.data || {};
- const { getFieldDecorator,getFieldsValue } = this.props.form;
- const FormItem = Form.Item;
- const formItemLayout = {
- labelCol: { span: 10 },
- wrapperCol: { span: 12 },
- };
- return (
- <div className="user-content" >
- <Modal maskClosable={false} visible={this.state.visible}
- onOk={this.onShow} onCancel={this.onCancel}
- width='800px'
- title='审核'
- footer=''
- className="admin-desc-content">
- <Form layout="horizontal" onSubmit={this.handleSubmit} >
- <Spin spinning={this.state.loading}>
- <div className="clearfix">
- <FormItem className="half-item" {...formItemLayout} label="退单编号">
- <span>{theData.name}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="退单时间">
- <span>{theData.releaseDate?(new Date(theData.releaseDate)).toLocaleString():''}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="订单编号">
- <span>{theData.orderNo}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="订单状态">
- <span>{getNewOrderStatus(theData.orderState)}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="结算状态">
- <span>{getLiquidationStatus(theData.liquidationStatus)}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="付款方">
- <span>{theData.name}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="收款方">
- <span>{theData.name}</span>
- </FormItem>
-
- <FormItem className="half-item" {...formItemLayout} label="订单编号">
- <span>{theData.orderNo}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="财务流水编号">
- <span>{theData.orderNo}</span>
- </FormItem>
- <div className="clearfix">
- <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 18 }} label="终止合同">
- <Picture
- fileList={(e)=>{this.setState({pictureUrl:e})}}
- pictureUrl={this.state.pictureUrl}
- visible={this.props.visible}
- data={{'sign':'achievement_cover_picture',url:'/api/admin/achievement/uploadPicture',number:3}}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 18 }} label="终止合同">
- <Picture
- fileList={(e)=>{this.setState({pictureUrls:e})}}
- pictureUrl={this.state.pictureUrls}
- visible={this.props.visible}
- data={{'sign':'achievement_cover_picture',url:'/api/admin/achievement/uploadPicture',number:3}}
- />
- </FormItem>
- </div>
- <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 16 }} label="退单原因">
- <Input
- type="textarea"
- rows={4}
- placeholder="请输入退单原因"
- value={this.state.remark}
- onChange={(e) => {
- this.setState({ remark: e.target.value });
- }}
- />
- </FormItem>
- <FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 16 }} label="审批意见">
- <Input
- type="textarea"
- rows={4}
- placeholder="请输入审批意见"
- value={this.state.remarks}
- onChange={(e) => {
- this.setState({ remarks: e.target.value });
- }}
- />
- </FormItem>
- <FormItem wrapperCol={{ span: 12, offset:5 }}>
- <Button type="primary" htmlType="submit" style={{marginRight:20}}>确认</Button>
- <Button type="default" onClick={()=>{this.onCancel()}}>取消</Button>
- </FormItem>
- </div>
- </Spin>
- </Form>
- </Modal>
- </div>
- );
- }
- });
- export default Form.create()(Examine);
|