import React from 'react';
import { connect } from 'dva';
import { Button, Row, Col, Form, Input,Select,Checkbox,Modal,Transfer,Spin ,Table,InputNumber,DatePicker,message} from 'antd';
import {  extend,  extendRule,  initFilter,  initQueryFilter,  getOnlyPropertyData,  extendInclude,getDataFieldValue,setDataFieldValue,empty} from "../../../utils/common";
import moment from 'moment';

import  DropDownPagination from '../../common/DropDownPaginationEx';

const FormItem = Form.Item;
const Option = Select.Option;


//查看依据工程方案MRP单
class ShowMrpByProposalPage extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: {},
      btns:[],
      checked:true,
    };
  };

  componentDidMount() {
    this.props.form.resetFields();
    this.loadData();
  }

  componentWillReceiveProps(NextProps) {
    const {data}=this.props;
    let {id}=data?data:{};
    if(!id)
      id='';
    if (NextProps.custom['showMrpByProposalClick'+id] ) {
      this.props.form.resetFields();
      this.loadData();
      this.props.dispatch({
        type: 'custom/save',
        payload: {
          ['showMrpByProposalClick'+id]:false
        },
      });
    }
  }

  loadData=()=> {
    const {data,formId,login,dispatch}=this.props;
    const {id}=data?data:{};

    if(id){
      const json = initFilter(this.props.login.OrgId);
      extendRule(json, 'ID', 1, id);
      extendInclude(json,'Nav_Product');
      extendInclude(json,'Nav_EmProposals.Nav_Product');
      this.props.dispatch({
        type: 'SOMrpEdit/getMrp',
        payload: json,
        onComplete: (ret) => {
          if(ret){
            if(ret.Nav_EmProposals){
              ret.Nav_EmProposals.sort((x, y) => (x.PROPOSAL_TYPE > y.PROPOSAL_TYPE) ? 1 : -1)
            }
            this.setState({
              data: ret
            });
          }
        }
      });
    }
    else{
      this.setState({
        data:{}
      });
    }

  };



  render() {
    const {form, location, dispatch, match,loading} = this.props;
    const {getFieldValue, getFieldDecorator, validateFields, validateFieldsAndScroll, setFieldsValue} = form;

    const enums=this.props.app.enums;

    const renderProposal=(field,record)=>{
      if(record.PROPOSAL_TYPE==0) {
        if (field == 'SPLIT_QTY' || field == 'SET' || field == 'SPLIT_QTY' || field == 'FEED_QTY' || field == 'PCS' ||
          field == 'OUTPUT_PCS_QTY'||field=='FEED_AREA_QTY') {
          return;
        }

        return getDataFieldValue(record, field);
      }

      if(field=='INVENTORY_QTY'||field=='Nav_Product.INVENTORY_MIN_LIMIT_NUMBER'||field=='PURCHASE_QTY')
        return;
      return getDataFieldValue(record,field);
    }

    const tableColumns=[
      {title: '', dataIndex: '', key: '',width:100,  render: (text, record, index)=>{return renderProposal('DESCRIPTION',record)}},
      {title: '长度', dataIndex: '', key: '', render: (text, record, index)=>{return renderProposal('LENGTH',record)}},
      {title: '宽度', dataIndex: '', key: '', render: (text, record, index)=>{return renderProposal('WIDTH',record)}},
      {title: 'PCS/拼版', dataIndex: '', key: '', render: (text, record, index)=>{return renderProposal('PCS',record)}},
      {title: 'SET/拼版', dataIndex: '', key: '', render: (text, record, index)=>{return renderProposal('SET',record)}},
      {title: '可切割数', dataIndex: '', key: '', render: (text, record, index)=>{return renderProposal('SPLIT_QTY',record)}},
      {title: '库存数量', dataIndex: '', key: '', render: (text, record, index)=>{return renderProposal('INVENTORY_QTY',record)}},
      {title: '投料数量', dataIndex: '', key: '', render: (text, record, index)=>{return renderProposal('FEED_QTY',record)}},
      {title: '投料面积', dataIndex: '', key: '', render: (text, record, index)=>{return renderProposal('FEED_AREA_QTY',record)}},
      {title: '产出PCS', dataIndex: '', key: '', render: (text, record, index)=>{return renderProposal('OUTPUT_PCS_QTY',record)}},
      {title: '最低库存数', dataIndex: '', key: '', render: (text, record, index)=>{return renderProposal('Nav_Product.INVENTORY_MIN_LIMIT_NUMBER',record)}},
      {title: '申请采购数', dataIndex: '', key: '', render: (text, record, index)=>{return renderProposal('PURCHASE_QTY',record)}},
    ]

    const formItemLayout = {
      labelCol: {span: 6},
      wrapperCol: {span: 14},
    };


    return (
      <div>
          <Form>
            <Row>
              <Col span={12}>
                <Form.Item
                  label={'产品名称'}
                  {...formItemLayout}
                >
                  {getFieldDecorator('PRODUCT_NAME', {
                    initialValue: (this.state.data.Nav_Product==null?'':this.state.data.Nav_Product.NAME),
                  })(<Input disabled={true}/>)}
                </Form.Item>
              </Col>
              <Col span={12}>
                <Form.Item
                  label={'产品编号'}
                  {...formItemLayout}
                >
                  {getFieldDecorator('PRODUCT_CODE', {
                    initialValue: (this.state.data.Nav_Product==null?'':this.state.data.Nav_Product.CODE),
                  })(<Input disabled={true}/>)}
                </Form.Item>
              </Col>
              <Col span={12}>
                <Form.Item
                  label={'交货方式'}
                  {...formItemLayout}
                >
                  {getFieldDecorator('PRODUCT_SPLIT_QTY', {
                    initialValue: (this.state.data.Nav_Product==null?'':this.state.data.Nav_Product.SPLIT_QTY),
                  })(<Input disabled={true}/>)}
                </Form.Item>
              </Col>
              <Col span={12}>
                <Form.Item
                  label={'单PCS尺寸'}
                  {...formItemLayout}
                >
                  {getFieldDecorator('PRODUCT_PCS_SIZE', {
                    initialValue: (this.state.data.Nav_Product==null?'':this.state.data.Nav_Product.PCS_SIZE),
                  })(<Input disabled={true}/>)}
                </Form.Item>
              </Col>

              <Col span={12}>
                <Form.Item
                  label={'拼版尺寸'}
                  {...formItemLayout}
                >
                  {getFieldDecorator('PRODUCT_SPLIT_SIZE', {
                    initialValue: (this.state.data.Nav_Product==null?'':this.state.data.Nav_Product.SPLIT_SIZE),
                  })(<Input disabled={true}/>)}
                </Form.Item>
              </Col>

              <Col span={12}>
                <Form.Item
                  label={'产品损耗率'}
                  {...formItemLayout}
                >
                  {getFieldDecorator('ProductLossRaitoStr', {
                    initialValue:(this.state.data.Nav_Product==null?'':((this.state.data.Nav_Product.LOSS_RATIO*100).toFixed(2)+'%')),
                  })(<Input  disabled={true}/>)}
                </Form.Item>
              </Col>


              <Col span={12}>
                <Form.Item
                  label={'订单数量'}
                  {...formItemLayout}
                >
                  {getFieldDecorator('QTY', {
                    initialValue: this.state.data.QTY,
                  })(<Input  disabled={true}/>)}
                </Form.Item>
              </Col>


              <Col span={12}>
                <Form.Item
                  label={'当前库存数量'}
                  {...formItemLayout}
                >
                  {getFieldDecorator('INVENTORY_QTY', {
                    initialValue: this.state.data.INVENTORY_QTY,
                  })(<Input  disabled={true}/>)}
                </Form.Item>
              </Col>



              <Col span={12}>
                <Form.Item
                  label={'本次使用库存数量'}
                  {...formItemLayout}
                >
                  <InputNumber value={this.state.data.CUR_USE_INVENTORY_QTY} disabled={true}   />
                </Form.Item>
              </Col>


              <Col span={12}>
                <Form.Item
                  label={<span><span style={{color:'red'}}>*</span>下单数量</span> }
                  {...formItemLayout}
                >
                  <InputNumber value={this.state.data.WORK_QTY}  disabled={true}/>
                </Form.Item>
              </Col>
              <Col span={12}>
                <Form.Item
                  label={'订单交期'}
                  {...formItemLayout}
                >
                  {getFieldDecorator('DELIVERY_TMIE', {
                    initialValue: (this.state.data.DELIVERY_TMIE?this.state.data.DELIVERY_TMIE.toString().substring(0,10):''),
                  })(<Input  disabled={true}/>)}
                </Form.Item>
              </Col>
              <Col span={12}>
                <Form.Item
                  label={<span><span style={{color:'red'}}>*</span>生产交期</span> }
                  {...formItemLayout}
                >
                  {getFieldDecorator('PDT_ORDER_DUE_TIME', {
                    initialValue: (this.state.data.PDT_ORDER_DUE_TIME?this.state.data.PDT_ORDER_DUE_TIME.toString().substring(0,10):''),
                  })(<Input  disabled={true}/>)}

                </Form.Item>
              </Col>

              <Col span={12}>
                <Form.Item
                  label={'采购期望交期'}
                  {...formItemLayout}
                >
                  {getFieldDecorator('PURCHASE_PLAN_DELIVERY_TIME', {
                    initialValue: (this.state.data.PURCHASE_PLAN_DELIVERY_TIME?this.state.data.PURCHASE_PLAN_DELIVERY_TIME.toString().substring(0,10):''),
                  })(<Input  disabled={true}/>)}
                </Form.Item>
              </Col>
              <Col span={12}>
                <Form.Item
                  label={'紧急程度'}
                  {...formItemLayout}
                >
                  <Select  value={this.state.data.EMERGENCY_DEGREE_TYPE} disabled={true}>
                    {
                      enums&&enums.WOPdtOrderEmergencyDegreeTypeEnum&&enums.WOPdtOrderEmergencyDegreeTypeEnum.options?enums.WOPdtOrderEmergencyDegreeTypeEnum.options.map(t=>{
                        return  <Option value={t.value}>{t.label}</Option>
                      }):null
                    }
                  </Select>
                </Form.Item>
              </Col>


            </Row>

            <Row style={{marginTop:'20px'}}>
              <Table
                rowKey="ID"
                pagination={false}
                dataSource={this.state.data.Nav_EmProposals}
                columns={tableColumns}
              />
            </Row>


          </Form>
      </div>
    );
  }

}

ShowMrpByProposalPage.propTypes = {
};

export default connect(({ login, loading, SOMrp,custom,app }) => ({ login, loading,SOMrp,custom,app  }))(Form.create()(ShowMrpByProposalPage));