| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453 | import React, { Component } from "react";import { AutoComplete, Button, Form, Input, message, Modal, Radio, Select, Spin, Tag, DatePicker } from "antd";import { boutique } from "../../dataDic";import $ from "jquery";import { getboutique, splitUrl } from "../../tools";import moment from "moment";import { vipYear } from "../../dataDic";import ImgList from "../imgList";const FormItem = Form.Item;const Option = Select.Option;const RadioGroup = Radio.Group;const confirm = Modal.confirm;const formItemLayout = {  labelCol: { span: 8 },  wrapperCol: { span: 14 },};const PicturesWall = React.createClass({  getInitialState() {    return {      previewVisible: false,      previewImage: "",      fileList: this.props.pictureUrl,    };  },  getDefaultProps() {    return {      changeClick: this.modifyChange,    };  },  handleCancel() {    this.setState({ previewVisible: false });  },  handlePreview(file) {    this.setState({      previewImage: file.url || file.thumbUrl,      previewVisible: true,    });  },  handleChange(info) {    let fileList = info.fileList;    this.setState({ fileList });    this.props.fileList(fileList);  },  componentWillReceiveProps(nextProps) {    this.state.fileList = nextProps.pictureUrl;  },  render() {    const { fileList } = this.state;    return (      <div style={{ display: "inline-block" }}>        <ImgList          domId={this.props.domId}          uploadConfig={{            action: globalConfig.context + "/api/admin/orderProject/uploadMemberFile",            data: { sign: "memberFile" },            multiple: true,            listType: "picture-card",          }}          onChange={(infor) => {            this.handleChange(infor);          }}          fileList={fileList}        />      </div>    );  },});/** * 新增项目 */class NewAddProject extends Component {  constructor(props) {    super(props);    this.state = {      commodityName: '',//项目名称      commodityQuantity: '',//项目数量      patentType: 0,      officialCost: '',      costReduction: '',      commodityPrice: '',//项目价格      main: '',//主要项目 0否 1是      lastYearCapital: '',//上年度总资本      lastYearIncome: '',//上年度总资本      taskComment: '',//项目说明      declarationBatch: '',      ifCertificationFee: '',      displayFees: "none",      customerArr: [],      patentTypeList: [],      loading: false,      orgCodeUrl: [],      patentTransfer: 0, //是否为专利转让 0 否 1 是      serviceLife: [],//服务年份      isVip: undefined,      histYear: [],      editName: false,      isEdit: false,//是否可编辑      contractTerm: [],//合同期      addyear: undefined,//      isGive: undefined,//是否赠送      splitList: [],//子集      addFrom: false,      serviceYear: '',    }    this.onSubmit = this.onSubmit.bind(this);    this.httpChange = this.httpChange.bind(this);    this.selectAuto = this.selectAuto.bind(this);    this.getpatentTypeList = this.getpatentTypeList.bind(this);    this.getOrgCodeUrl = this.getOrgCodeUrl.bind(this);  }  componentDidMount() {    this.getpatentTypeList();    this.props.type == "vipAdd" && this.setValue();  }  setValue() {    const { newData } = this.props;    if (!!newData && newData.length > 0) {      let list = []      for (var i = 0; i < newData.length; i++) {        if (newData[i].cSort == 6) {          list.push({            bname: newData[i].commodityName,            type: newData[i].type,            id: newData[i].commodityId,            cSort: newData[i].cSort,            patentTransfer: newData[i].patentTransfer,          })        }      }      this.setState({        commodityName: undefined,        customerArr: list      })    }  }  onSubmit() {    if (this.state.gid === undefined || !this.state.gid) {      message.warning("服务名称不匹配!");      return false;    }    let reg = /^([0]|[1-9][0-9]*)$/;    if (      !this.state.commodityQuantity ||      !reg.test(this.state.commodityQuantity)    ) {      message.warning("请输入正确服务数量!");      return false;    }    if (this.state.displayFees === 'block') {      if (this.state.patentType === "" && !this.state.patentTransfer) {        message.warning("请选择专利类型!");        return false;      }      if (this.state.officialCost === '') {        message.warning("请选择官费!");        return false;      }      if (this.state.costReduction === "" && (this.state.patentType === 0 || this.state.patentType === 2)) {        message.warning("请选择费减!");        return false;      }    }    if (isNaN(parseFloat(this.state.commodityPrice))) {      message.warning("请输入正确的金额!");      return false;    }    // 3审计    if (this.state.addProjectType == "3") {      if (this.state.serviceLife.length === 0) {        message.warning("请选择服务年限!");        return      }      if (this.state.serviceLife.length != this.state.commodityQuantity) {        message.warning("服务数量与服务年限不符!");        return      }      if (isNaN(parseFloat(this.state.lastYearCapital))) {        message.warning("请输入正确的企业上年度总资本!");        return      }      if (isNaN(parseFloat(this.state.lastYearIncome))) {        message.warning("请输入正确的企业上年度总收入!");        return      }    }    if (!this.state.main) {      message.warning("请选择是否为主要项目!");      return false;    }    // 5高新    if (this.state.addProjectType === 5) {      if (!this.state.declarationBatch) {        message.warning("请选择企业要求申报批次!");        return      }      if (!this.state.serviceYear) {        message.warning("请选择申报年份!");        return      }    }    if (this.state.isIso && !this.state.ifCertificationFee) {      message.warning("请选择是否包含认证费用!");      return false;    }    if (this.state.isVip == 6) {      // if (this.state.yearSum === undefined) {      //   message.warning("请选择会员总服务年限!");      //   return      // }      if (this.state.serviceLife.length === 0) {        message.warning("请添加会员服务年限!");        return      }      // if (this.state.serviceLife.length != this.state.yearSum) {      //   message.warning("会员服务年限与总年限不符合!");      //   return      // }      // if (this.state.serviceYear === undefined) {      //   message.warning("请选择本次派单年份!");      //   return      // }      if (this.state.contractTerm.length === 0 || this.state.contractTerm[1] == "") {        message.warning("请填写合同期!");        return      }    }    this.setState({      loading: true,    });    let infor = {      commodityId: this.state.gid, //商品ID      orderNo: this.props.orderNo, //订单编号      commodityName: this.state.commodityName, //商品名称      commodityQuantity: this.state.isVip == 6 ? this.state.yearSum : this.state.commodityQuantity, //商品数量      commodityPrice: this.state.commodityPrice, //签单总价      taskComment: this.state.taskComment, //服务说明      main: this.state.main, //是否为主要项目    }    // 变更添加  this.props.type == "change"    let type = 0;    if (this.props.typeChange == 4 || this.props.typeChange == 5) {      type = 1;    }    if (this.props.type == "change") {      infor.cid = this.props.cid      infor.type = type    }    if (this.state.displayFees === 'block') {      infor.officialCost = this.state.officialCost //是否有官费      infor.costReduction = (this.state.patentType === 0 || this.state.patentType === 2) ? this.state.costReduction : 0//是否有费减      infor.patentType = this.state.patentType //专利类型    }    if (this.state.isIso) {      infor.ifCertificationFee = this.state.ifCertificationFee || undefined;//是否包含认证费用    }    if (this.state.addProjectType == "3") {//审计      infor.serviceLife = JSON.stringify(this.state.serviceLife) //服务年限      infor.lastYear = new Date().getFullYear() - 1 //上年度年份      infor.lastYearCapital = this.state.lastYearCapital //上年度总资本      infor.lastYearIncome = this.state.lastYearIncome //上年度总收入    }    if (this.state.addProjectType == "5") {//高新      infor.declarationBatch = this.state.declarationBatch || 1//申报批次      infor.serviceYear = this.state.serviceYear //申报年份    }    if (this.state.isVip == 6) {//会员      infor.yearSum = this.state.yearSum //会员总服务年限      infor.serviceLife = JSON.stringify(this.state.serviceLife) //会员服务年限      // infor.serviceYear = this.state.serviceYear //本次派单年份      infor.contractTerm = JSON.stringify(this.state.contractTerm)//合同期    }    $.ajax({      method: "POST",      dataType: "json",      crossDomain: false,      url: globalConfig.context +        this.props.type == "change"        ? "/api/admin/orderChange/addChangeTask"        : "/api/admin/newOrder/addOrderTask",      data: infor,    }).done(      function (data) {        this.setState({          loading: false,        });        if (!data.error.length) {          message.success("保存成功!");          if (this.state.isVip == 6) {            this.setState({              isEdit: true,              editName: true,              tid: data.data.id,            })          } else {            this.props.onCancel();          }          if (this.props.type == "change") {            this.setState({              tid: data.data.id            })          }        } else {          message.warning(data.error[0].message);        }      }.bind(this)    );  }  httpChange(e) {    this.setState({      commodityName: e,    });    if (e.length >= 1) {      this.supervisor(e, false);    }  }  //加载(自动补全)  supervisor(e, state) {    //客户名称与服务名称自动补全    let api = state      ? "/api/admin/customer/getCustomerByName"      : "/api/admin/order/getBusinessProjectByName";    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + api,      data: state        ? {          name: e,          type: this.state.customType,        }        : {          businessName: e,        },      success: function (data) {        let thedata = data.data;        if (!thedata) {          if (data.error && data.error.length) {            message.warning(data.error[0].message);          }          thedata = {};        }        this.setState({          states: state,          customerArr: thedata,        });      }.bind(this),    }).always(      function () {      }.bind(this)    );  }  //上级主管输入框失去焦点是判断客户是否存在  selectAuto(value) {    const { newData, children = "splitList" } = this.props    let kid = {};    let fwList = this.state.customerArr;    fwList.map(function (item) {      if (value == item.bname) {        kid = item;      }    });    if (kid.type == "1") {      this.setState({        displayFees: "block",        patentTransfer: kid.patentTransfer,      });    } else {      this.setState({        displayFees: "none",      });    }    //0通用 1专利 2软著 3审计 4双软 5高新 6商标    this.setState({      commodityName: value,      gid: kid.id,      addProjectType: kid.type,      isIso: value.indexOf("贯标") !== -1,// 是否为贯标项目      isVip: kid.cSort,//暂时判断等于6的时候会员      commodityQuantity: kid.cSort == 6 ? 1 : undefined,//服务数量      histYear: [],    });    if (newData && newData.length > 0 && kid.cSort == 6) {      for (var i = newData.length - 1; i >= 0; i--) {        if (newData[i].commodityId == kid.id) {          if (!!newData[i][children]) {            let list = []            for (var j = 0; j < newData[i][children].length; j++) {              list.push(newData[i][children][j].serviceYear)            }            this.setState({              histYear: list, // 已派单            })          }          this.setState({            commodityPrice: newData[i].commodityPrice, // 实签价格            main: newData[i].main.toString(), // 是否为主要项目            yearSum: !newData[i].yearSum ? "" : newData[i].yearSum, // 会员总服务年限            serviceLife: !newData[i].serviceLife ? [] : JSON.parse(newData[i].serviceLife), // 会员服务年限            contractTerm: (!newData[i].contractTerm || (newData[i].contractTerm.indexOf("-") == -1)) ? [] : JSON.parse(newData[i].contractTerm), // 合同期            // taskComment: kid.cSort == 6 ? undefined : newData[i].taskComment, // 项目说明            isEdit: true, // 不可编辑            splitList: newData[i][children] || [],            tid: newData[i].id, // 父级项目id          })          return        } else {          this.setState({            commodityPrice: undefined,            main: undefined,            yearSum: undefined,            serviceLife: [],            contractTerm: [],            taskComment: undefined,            isEdit: false, // 可编辑            splitList: [],          })        }      }    }  }  getpatentTypeList() {    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + '/api/admin/orderProject/getPatentType',      success: function (data) {        if (data.error.length === 0) {          this.setState({            patentTypeList: data.data          })        } else {          message.warning(data.error[0].message);        };      }.bind(this)    });  }  deleteMemberSonProject(id) {    const { splitList, serviceLife } = this.state    $.ajax({      method: "POST",      dataType: "json",      crossDomain: false,      url: globalConfig.context + '/api/admin/orderProject/deleteMemberSonProject',      data: {        id,      },      success: function (data) {        if (data.error.length === 0) {          let splList = splitList          for (var i = 0; i < splitList.length; i++) {            if (id == splitList[i].id) {              splList.splice(i, 1)            }          }          this.setState({            splitList: splList          })        } else {          message.warning(data.error[0].message);        };      }.bind(this)    });  }  handleClose(removedTag) {    let serviceLife = this.state.serviceLife.filter(tag => { return tag !== removedTag });    this.setState({      serviceLife,      commodityQuantity: serviceLife.length == 0 ? undefined : serviceLife.length,      yearSum: serviceLife.length == 0 ? undefined : serviceLife.length.toString(),      serviceYear: undefined    });  }  // 添加会员子项目  addMemberFirstSonProject() {    // type=="change" 变更项目    const { type = "" } = this.props    // type=="vipAdd" 需审批的会员项目    let pictureUrl = [];    if (type == "vipAdd") {      if (this.state.orgCodeUrl.length) {        let picArr = [];        this.state.orgCodeUrl.map(function (item) {          if (            item.response &&            item.response.data &&            item.response.data.length          ) {            picArr.push(item.response.data);          }        });        pictureUrl = picArr.join(",");      }      if (this.state.memberType === undefined) {        message.warning("请选择付款情况!");        return      }      if (this.state.memberType == "1" || this.state.memberType == "2") {        if (typeof pictureUrl !== "string") {          message.warning("请上传附件!");          return        }      }    }    if (this.state.serviceYear === undefined) {      message.warning("请选择本次派单年份!");      return    }    this.setState({      loading: true,    });    let info = {      tid: this.state.tid,      serviceYear: this.state.serviceYear,      taskComment: this.state.taskComment,    }    let changeInfo = {      id: this.state.tid,      serviceYear: this.state.serviceYear,      taskComment: this.state.taskComment,    }    let vipAddInfo = {      tid: this.state.tid,      serviceYear: this.state.serviceYear,//本次派单      taskComment: this.state.taskComment,//服务说明      memberType: this.state.memberType,//会员付款状态      pictureUrl: pictureUrl.length ? pictureUrl : undefined,//附件    }    $.ajax({      method: "POST",      dataType: "json",      crossDomain: false,      url: globalConfig.context +        type == "change"        ? "/api/admin/orderChange/addMemberSonProject" : type == "vipAdd"          ? "/api/admin/orderProject/addMemberSonProject" : "/api/admin/orderProject/addMemberFirstSonProject",      data: type == "change" ? changeInfo : type == "vipAdd" ? vipAddInfo : info,    }).done(      function (data) {        this.setState({          loading: false,        });        if (!data.error.length) {          message.success("添加成功!");          let list = this.state.splitList          let histList = this.state.histYear          list.push(data.data)          histList.push(data.data.serviceYear)          this.setState({            addFrom: false,            splitList: list,            histYear: histList,            serviceYear: undefined,            taskComment: undefined,            memberType: undefined,            orgCodeUrl: [],          })        } else {          message.warning(data.error[0].message);        }      }.bind(this)    );  }  // 图片添加  getOrgCodeUrl(e) {    this.setState({ orgCodeUrl: e });  }  render() {    let newOptions = this.state.customerArr.map((group, index) => (      <Select.Option key={index} value={group.bname}>        {group.bname}      </Select.Option>    ));    let options = this.state.states      ? this.state.customerArr.map((group) => (        <Select.Option key={group.id} value={group.name}>          {group.name}        </Select.Option>      ))      : this.state.customerArr.map((group, index) => (        <Select.Option key={index} value={group.bname}>          {group.bname}        </Select.Option>      ));    let children = vipYear.map(its => (      <Option key={its}>{its}</Option>    ));    const { RangePicker } = DatePicker;    const { type = "" } = this.props;    const { isVip, histYear, isEdit } = this.state    return (      <Modal        maskClosable={false}        visible={this.props.visible}        onOk={this.props.onCancel}        onCancel={this.props.onCancel}        width="900px"        title={"新增项目任务"}        footer=""        className="admin-desc-content"      >        <Form          layout="horizontal"        >          <Spin spinning={this.state.loading}>            <div>              <div className="clearfix">                {                  type == "vipAdd" ?                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="服务名称"                    >                      <Select                        style={{ width: '200px' }}                        placeholder="请选择服务名称"                        value={this.state.commodityName}                        onChange={this.selectAuto}                      >                        {newOptions}                      </Select>                    </FormItem> :                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="服务名称"                    >                      {this.state.jid ? this.state.commodityName :                        <AutoComplete                          disabled={(isVip == 6 && this.state.editName)}                          className="certain-category-search"                          dropdownClassName="certain-category-search-dropdown"                          dropdownMatchSelectWidth={false}                          style={{ width: "200px" }}                          dataSource={options}                          placeholder="输入服务名称"                          value={this.state.commodityName}                          onChange={this.httpChange}                          filterOption={true}                          onSelect={this.selectAuto}                        >                          <Input />                        </AutoComplete>}                      {<span className="mandatory">*</span>}                    </FormItem>                }                {                  isVip != 6 &&                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="服务数量"                  >                    {                      <Input                        placeholder="请输入服务数量"                        disabled={isVip == 6}                        value={this.state.commodityQuantity}                        style={{ width: "200px" }}                        onChange={(e) => {                          this.setState({ commodityQuantity: e.target.value });                        }}                        ref="commodityQuantity"                      />                    }                    {<span className="mandatory">*</span>}                  </FormItem>                }              </div>              <FormItem                className="half-item"                {...formItemLayout}                label="实签价格(万元)"              >                {                  <Input                    type='number'                    placeholder="请输入实签价格"                    disabled={isEdit}                    value={this.state.commodityPrice}                    style={{ width: "200px" }}                    onChange={(e) => {                      this.setState({ commodityPrice: e.target.value });                    }}                    ref="commodityPrice"                  />                }                {<span className="mandatory">*</span>}              </FormItem>              <FormItem                className="half-item"                {...formItemLayout}                label="主要业务"              >                {                  <Select                    placeholder="选择是否为主要业务"                    disabled={isEdit}                    style={{ width: "200px" }}                    value={this.state.main}                    onChange={(e) => {                      this.setState({ main: e });                    }}                  >                    {boutique.map(function (item) {                      return (                        <Select.Option key={item.value}>                          {item.key}                        </Select.Option>                      );                    })}                  </Select>                }                {<span className="mandatory">*</span>}              </FormItem>              {!this.state.patentTransfer &&                <FormItem                  className="half-item"                  {...formItemLayout}                  label="专利类型:"                  style={{                    display: this.state.displayFees,                  }}                >                  {                    <Select                      placeholder="请选择专利类型"                      style={{ width: "200px" }}                      value={this.state.patentType}                      onChange={(e) => {                        this.setState({ patentType: e });                        if (e !== 0 && e !== 2) {                          this.setState({                            costReduction: ''                          })                        }                      }}                    >                      {this.state.patentTypeList.map(function (v, k) {                        return (                          <Select.Option key={k} value={v.id}>{v.name}</Select.Option>                        );                      })}                    </Select>                  }                  <span style={{ color: "red", marginLeft: "8px" }}>                    *                  </span>                </FormItem>}              <div className="clearfix">                <FormItem                  className="half-item"                  {...formItemLayout}                  label="官费:"                  style={{                    display: this.state.displayFees,                  }}                >                  {                    <Radio.Group                      value={this.state.officialCost}                      onChange={(e) => {                        this.setState({ officialCost: e.target.value });                        if (e.target.value === 0) {                          this.setState({                            costReduction: ''                          })                        }                      }}                    >                      <Radio value={1}>含官费</Radio>                      <Radio value={0}>不含官费</Radio>                    </Radio.Group>                  }                  <span style={{ color: "red", marginLeft: "8px" }}>                    *                  </span>                </FormItem>              </div>              {                (this.state.patentType === 0 || this.state.patentType === 2) &&                <div className="clearfix">                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="费减:"                    style={{                      display: this.state.displayFees,                    }}                  >                    {/*专利类型不为复审或者申请时置灰*/}                    <Radio.Group                      disabled={this.state.patentType !== 0 && this.state.patentType !== 2}                      value={this.state.costReduction}                      onChange={(e) => {                        this.setState({ costReduction: e.target.value });                      }}                    >                      <Radio value={1}>有费减</Radio>                      <Radio value={0}>无费减</Radio>                    </Radio.Group>                    <span style={{ color: "red", marginLeft: "8px" }}>                      *                    </span>                  </FormItem>                </div>              }              {                //审计                this.state.addProjectType == "3" &&                <FormItem                  className="half-item"                  {...formItemLayout}                  label="服务年限"                >                  {                    <Select                      mode="multiple"                      style={{ width: '200px' }}                      placeholder="请选择服务年限"                      value={this.state.serviceLife}                      onChange={(e) => {                        this.setState({                          serviceLife: e,                        })                      }}                    >                      {children}                    </Select>                  }                  {<span className="mandatory">*</span>}                </FormItem>              }              {                isVip == 6 &&                <FormItem                  className="half-item"                  {...formItemLayout}                  label="会员服务年限"                >                  {                    <div>                      {                        this.state.serviceLife.map((tag) =>                          <Tag closable={!isEdit} key={tag}                            afterClose={() => this.handleClose(tag)}                          >{tag}</Tag>                        )                      }                      {                        !isEdit && (this.state.serviceLife.length < 10) &&                        <Button                          size="small"                          type="primary"                          onClick={() => {                            this.setState({                              addYears: true,                              addyear: undefined,                              isGive: undefined,                            })                          }}>                          + 添加服务年限                        </Button>                      }                    </div>                  }                </FormItem>              }              {                isVip == 6 &&                <FormItem                  className="half-item"                  {...formItemLayout}                  label="会员总服务年限"                >                  {                    !this.state.yearSum ? "" :                      [                        { value: "0", key: "" },                        { value: "1", key: "一年" },                        { value: "2", key: "二年" },                        { value: "3", key: "三年" },                        { value: "4", key: "四年" },                        { value: "5", key: "五年" },                        { value: "6", key: "六年" },                        { value: "7", key: "七年" },                        { value: "8", key: "八年" },                        { value: "9", key: "九年" },                        { value: "10", key: "十年" },                      ][this.state.yearSum]["key"]                  }                </FormItem>              }              {                // 会员合同期                isVip == 6 &&                <div className="clearfix">                  <FormItem                    className="half-item"                    {...formItemLayout}                  >                  </FormItem>                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="合同期"                  >                    {                      <RangePicker                        style={{ width: 200 }}                        disabled={isEdit}                        value={[                          this.state.contractTerm[0]                            ? moment(this.state.contractTerm[0])                            : null,                          this.state.contractTerm[1]                            ? moment(this.state.contractTerm[1])                            : null,                        ]}                        onChange={(data, dataString) => {                          this.setState({ contractTerm: dataString });                        }}                      />                    }                    {<span className="mandatory">*</span>}                  </FormItem>                </div>              }              {                // 审计                this.state.addProjectType == "3" &&                <div className="clearfix">                  <FormItem                    labelCol={{ span: 4 }}                    wrapperCol={{ span: 16 }}                    label=""                  >                    <span style={{ color: "red" }}>注:派单年度的上年度总资产和收入。如,当前为2022年,那么需要填写2021年的总资产和收入!</span>                  </FormItem>                  <FormItem                    className="half-item"                    label="企业上年度总资产(万元)"                    {...formItemLayout}                  >                    <Input                      type='number'                      placeholder=""                      value={this.state.lastYearCapital}                      style={{ width: "200px" }}                      onChange={(e) => {                        this.setState({ lastYearCapital: e.target.value });                      }}                    />                    {<span className="mandatory">*</span>}                  </FormItem>                  <FormItem                    className="half-item"                    label="企业上年度总收入(万元)"                    {...formItemLayout}                  >                    <Input                      type='number'                      placeholder=""                      value={this.state.lastYearIncome}                      style={{ width: "200px" }}                      onChange={(e) => {                        this.setState({ lastYearIncome: e.target.value });                      }}                    />                    {<span className="mandatory">*</span>}                  </FormItem>                </div>              }              {                // 普通项目说明                isVip != 6 &&                <div className="clearfix">                  <FormItem                    labelCol={{ span: 4 }}                    wrapperCol={{ span: 16 }}                    label="项目说明"                  >                    {                      <Input                        type="textarea"                        placeholder=""                        autosize={{ minRows: 3 }}                        value={this.state.taskComment}                        onChange={(e) => {                          this.setState({ taskComment: e.target.value });                        }}                      />                    }                  </FormItem>                </div>              }              {/*0通用 1专利 2软著 3审计 4双软 5高新 6商标*/}              {this.state.addProjectType === 5 &&                <div className="clearfix">                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="企业要求申报批次"                  >                    {                      <Select                        placeholder="请选择企业要求申报批次"                        style={{ width: "200px" }}                        value={this.state.declarationBatch}                        onChange={(e) => {                          this.setState({ declarationBatch: e });                        }}                      >                        <Select.Option value={1}>                          第一批                        </Select.Option>                        <Select.Option value={2}>                          第二批                        </Select.Option>                        <Select.Option value={3}>                          第三批                        </Select.Option>                        <Select.Option value={4}>                          第四批                        </Select.Option>                      </Select>                    }                    {<span className="mandatory">*</span>}                  </FormItem>                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="申报年份"                  >                    {                      <Select                        style={{ width: '200px' }}                        placeholder="请选择申报年份"                        value={this.state.serviceYear}                        onChange={e => {                          this.setState({                            serviceYear: e,                          })                        }}                      >                        {                          vipYear.map(its => (                            <Option key={its}>{its}</Option>                          ))                        }                      </Select>                    }                    {<span className="mandatory">*</span>}                  </FormItem>                </div>              }              {                this.props.isIso || this.state.isIso ?                  <div className="clearfix">                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="是否包含认证费用"                    >                      {                        <Select                          placeholder="请选择是否包含认证费用"                          style={{ width: "200px" }}                          value={this.state.ifCertificationFee}                          onChange={(e) => {                            this.setState({ ifCertificationFee: e });                          }}                        >                          <Select.Option value={"0"}>否</Select.Option>                          <Select.Option value={"1"}>是</Select.Option>                        </Select>                      }                      {<span className="mandatory">*</span>}                    </FormItem>                  </div> : null              }              {((isVip != 6) || (isVip == 6 && !isEdit)) &&                <div className="clearfix">                  <FormItem                    wrapperCol={{ span: 12, offset: 8 }}                    className="half-middle"                  >                    <Button                      className="submitSave"                      type="primary"                      onClick={() => {                        this.onSubmit();                      }}                    >                      保存                    </Button>                    <Button                      className="submitSave"                      type="ghost"                      onClick={this.props.onCancel}                    >                      取消                    </Button>                  </FormItem>                </div>              }              {                // 会员项目子集列表                isEdit &&                !!this.state.splitList && this.state.splitList.length > 0 &&                this.state.splitList.map((item) =>                  <div                    key={item.id}                    className="clearfix"                    style={{                      width: "100%",                      borderTop: "1px dashed #000000",                      padding: "10px 0"                    }}                  >                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="本次派单"                    >                      {item.serviceYear}                    </FormItem>                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="服务数量"                    >                      {item.commodityQuantity}                    </FormItem>                    {                      type == "vipAdd" &&                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="付款情况"                      >                        {item.memberType == "0"                          ? "已付会员节点全款" : item.memberType == "1"                            ? "已付部分期款,需特批" : item.memberType == "2"                              ? "未付款,需特批" : ""}                      </FormItem>                    }                    {                      type == "vipAdd" &&                      (item.memberType == "1" || item.memberType == "2") &&                      <div className="clearfix">                        <FormItem                          labelCol={{ span: 4 }}                          wrapperCol={{ span: 16 }}                          label="附件"                        >                          {item.pictureUrl ?                            <div>                              <ImgList fileList={splitUrl(item.pictureUrl, ",", globalConfig.avatarHost + "/upload")} ItemWidth={'96px'} />                            </div> : <div />}                        </FormItem>                      </div>                    }                    <div className="clearfix">                      <FormItem                        labelCol={{ span: 4 }}                        wrapperCol={{ span: 16 }}                        label="项目说明"                      >                        {item.taskComment}                      </FormItem>                    </div>                  </div>                )              }              {                this.state.splitList.length < this.state.yearSum &&                <div                  className="clearfix"                  style={{                    width: "100%",                    borderTop: "1px dashed #000000",                    padding: "30px 0 10px 0"                  }}                >                  {                    isEdit &&                    !this.state.addFrom &&                    this.state.splitList.length < this.state.yearSum &&                    <div className="clearfix">                      <FormItem                        wrapperCol={{ span: 19, offset: 8 }}                        className="half-middle"                      >                        <Button                          type="primary"                          onClick={() => {                            this.setState({                              addFrom: true                            })                          }}                        >                          + 添加本次派单                        </Button>                        <span style={{ color: "#61BBE2", marginLeft: 10 }}>请填写本次派单的年份,派单表示立即安排人员开始相关的工作!!!</span>                      </FormItem>                    </div>                  }                  {                    this.state.addFrom &&                    <div>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="本次派单"                      >                        <Select                          placeholder="请选择本次派单年份"                          style={{ width: "200px" }}                          value={this.state.serviceYear}                          onChange={(e) => {                            this.setState({ serviceYear: e });                          }}                        >                          {this.state.serviceLife.length > 0 && this.state.serviceLife.map(function (item) {                            return (                              <Select.Option key={item} disabled={histYear.includes(item)}>                                {item}                              </Select.Option>                            );                          })}                        </Select>                        {<span className="mandatory">*</span>}                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="服务数量"                      >                        <Input                          placeholder="请输入服务数量"                          disabled={isVip == 6}                          value={1}                          style={{ width: "200px" }}                          // onChange={(e) => {                          //   this.setState({ commodityQuantity: e.target.value });                          // }}                          ref="commodityQuantity"                        />                        {<span className="mandatory">*</span>}                      </FormItem>                      {                        this.props.type == "vipAdd" &&                        <FormItem                          className="half-item"                          {...formItemLayout}                          label="付款情况"                        >                          {                            <Select                              placeholder="选择付款情况"                              style={{ width: "200px" }}                              value={this.state.memberType}                              onChange={(e) => {                                this.setState({ memberType: e });                              }}                            >                              {[                                { value: "0", key: "已付会员节点全款" },                                { value: "1", key: "已付部分期款,需特批" },                                { value: "2", key: "未付款,需特批" }].map(function (item) {                                  return (                                    <Select.Option key={item.value}>                                      {item.key}                                    </Select.Option>                                  );                                })}                            </Select>                          }                          <span className="mandatory">*</span>                        </FormItem>                      }                      {                        (this.state.memberType == "1" || this.state.memberType == "2") && this.props.type == "vipAdd" &&                        <div className="clearfix">                          <FormItem                            labelCol={{ span: 4 }}                            wrapperCol={{ span: 16 }}                            label="上传附件"                          >                            <PicturesWall                              domId={'vip'}                              fileList={this.getOrgCodeUrl}                              pictureUrl={this.state.orgCodeUrl}                            />                            {<span className="mandatory">*</span>}                          </FormItem>                          <div style={{ color: "red", marginLeft: 144, marginBottom: 15 }}>                            特批需上传附件图,请上传客户同意我方继续服务并安排给我司付款的聊天记录截图,                            <p>若没有客户同意继续服务及会安排付款的截图,特派流程将无法走下去,以免造成派单耽搁</p>                          </div>                        </div>                      }                      <div className="clearfix">                        <FormItem                          labelCol={{ span: 4 }}                          wrapperCol={{ span: 16 }}                          label="项目说明"                        >                          <Input                            type="textarea"                            placeholder=""                            autosize={{ minRows: 2 }}                            value={this.state.taskComment}                            onChange={(e) => {                              this.setState({ taskComment: e.target.value });                            }}                          />                        </FormItem>                      </div>                      <div className="clearfix">                        <FormItem                          wrapperCol={{ span: 12, offset: 8 }}                          className="half-middle"                        >                          <Button                            className="submitSave"                            type="primary"                            onClick={() => { this.addMemberFirstSonProject() }}                          >                            保存                          </Button>                          <Button                            className="submitSave"                            type="ghost"                            onClick={() => {                              this.setState({                                addFrom: false                              })                            }}                          >                            取消                          </Button>                        </FormItem>                      </div>                    </div>                  }                </div>              }            </div>          </Spin>        </Form>        {          this.state.addYears &&          <Modal            title="添加服务年限"            visible={this.state.addYears}            okText="添加"            onOk={() => {              if (!this.state.addyear) {                message.warn("请选择年份!")                return              }              if (this.state.isGive == undefined) {                message.warn("请选择是否赠送!")                return              }              let slist = this.state.serviceLife              if (this.state.isGive == 0) {                slist.push(this.state.addyear)              } else if (this.state.isGive == 1) {                let newYear = this.state.addyear + "(赠)"                slist.push(newYear)              }              this.setState({                serviceLife: slist,                yearSum: slist.length.toString(),                addYears: false              })            }}            onCancel={() => {              this.setState({                addYears: false              })            }}          >            <Select              style={{ width: '200px', marginRight: 50 }}              placeholder="请选择年份"              onChange={e => {                this.setState({                  addyear: e,                })              }}            >              {                vipYear.map(its => (                  <Option                    key={its}                    disabled={this.state.serviceLife.toString().includes(its)}                  >{its}</Option>                ))              }            </Select>            <RadioGroup              onChange={e => {                this.setState({                  isGive: e.target.value                })              }}              value={this.state.isGive}            >              <Radio value={0}>非赠送</Radio>              <Radio value={1}>赠送</Radio>            </RadioGroup>          </Modal>        }      </Modal >    )  }}export default NewAddProject;
 |