newEditProject.jsx 53 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431
  1. import React, { Component } from "react";
  2. import { AutoComplete, Button, Icon, Form, Input, message, Modal, Radio, Select, Spin, Tag, DatePicker } from "antd";
  3. import { boutique } from "../../dataDic";
  4. import $ from "jquery";
  5. import { getboutique, splitUrl } from "../../tools";
  6. import moment from "moment";
  7. import { vipYear, YearList } from "../../dataDic";
  8. import ImgList from "../imgList";
  9. const FormItem = Form.Item;
  10. const Option = Select.Option;
  11. const RadioGroup = Radio.Group;
  12. const confirm = Modal.confirm;
  13. const formItemLayout = {
  14. labelCol: { span: 8 },
  15. wrapperCol: { span: 14 },
  16. };
  17. /**
  18. * 编辑项目 和 查看项目详情
  19. */
  20. class newEditProject extends Component {
  21. constructor(props) {
  22. super(props);
  23. this.state = {
  24. commodityName: '',//项目名称
  25. commodityQuantity: '',//项目数量
  26. patentType: 0,
  27. officialCost: '',
  28. costReduction: '',
  29. commodityPrice: '',//项目价格
  30. main: '',//主要项目 0否 1是
  31. lastYearCapital: '',//上年度总资本
  32. lastYearIncome: '',//上年度总资本
  33. taskComment: '',//项目说明
  34. declarationBatch: '',
  35. ifCertificationFee: '',
  36. displayFees: "none",
  37. customerArr: [],
  38. patentTypeList: [],
  39. loading: false,
  40. orgCodeUrl: [],
  41. patentTransfer: props.dataInfor ? props.dataInfor.patentTransfer : 0, //收否为专利转让 0 否 1 是
  42. serviceLife: [],
  43. isVip: undefined,
  44. histYear: [],
  45. contractTerm: [],//合同期
  46. addyear: undefined,//
  47. isGive: undefined,//是否赠送
  48. splitList: [],//子集
  49. addFrom: false,
  50. isMedit: 0,
  51. isYear: false,//审计是否需要修改上年度年份
  52. }
  53. this.getpatentTypeList = this.getpatentTypeList.bind(this);
  54. this.setValue = this.setValue.bind(this);
  55. }
  56. componentDidMount() {
  57. this.getpatentTypeList();
  58. this.setValue();
  59. }
  60. setValue() {
  61. const { dataInfor, children = "splitList", type = "", readOnly } = this.props;
  62. if (!(dataInfor && Object.keys(dataInfor).length > 0)) { return; }
  63. if (type == "change") {
  64. // 变更编辑 taskType 0通用 1专利 2软著 3审计 4双软 5高新 6商标
  65. if (dataInfor.taskType === 1) {
  66. this.setState({
  67. displayFees: "block",
  68. costReduction: dataInfor.costReduction,
  69. officialCost: dataInfor.officialCost,
  70. patentType: dataInfor.patentType ? dataInfor.patentType : 0,
  71. });
  72. } else {
  73. this.setState({
  74. displayFees: "none",
  75. });
  76. }
  77. } else {
  78. // 正常编辑 type 0通用 1专利 2软著 3审计 4双软 5高新 6商标
  79. if (dataInfor.type === 1) {
  80. this.setState({
  81. displayFees: "block",
  82. costReduction: dataInfor.costReduction,
  83. officialCost: dataInfor.officialCost,
  84. patentType: dataInfor.patentType ? dataInfor.patentType : 0,
  85. });
  86. } else {
  87. this.setState({
  88. displayFees: "none",
  89. });
  90. }
  91. }
  92. let llist = []
  93. if (dataInfor[children] && dataInfor[children].length > 0) {
  94. for (var i = 0; i < dataInfor[children].length; i++) {
  95. // if (dataInfor.splitList[i].commodityId == dataInfor.commodityId) {
  96. // llist.push(dataInfor.splitList[i].serviceYear != dataInfor.serviceYear && dataInfor.splitList[i].serviceYear)
  97. // }
  98. if (dataInfor[children][i].type != 3) {
  99. llist.push(dataInfor[children][i].serviceYear)
  100. }
  101. }
  102. }
  103. this.setState({
  104. jid: dataInfor.id, //项目ID
  105. kid: dataInfor.commodityId, //商品ID
  106. commodityName: dataInfor.commodityName, //项目名称
  107. commodityPrice: dataInfor.commodityPrice, //金额
  108. commodityQuantity: dataInfor.commodityQuantity, //数量
  109. patentTypeName: dataInfor.patentTypeName,//专利类型名称
  110. taskComment: dataInfor.cSort == 6 ? undefined : dataInfor.taskComment, //备注
  111. main: dataInfor.main.toString(), //是否为主要
  112. addState: 0,
  113. addnextVisible: true,
  114. addProjectType: type == "change" ? dataInfor.taskType : dataInfor.type,
  115. declarationBatch: dataInfor.declarationBatch || 1,//申报批次(只有高新有)
  116. ifCertificationFee: isNaN(parseInt(dataInfor.ifCertificationFee)) ? '' : dataInfor.ifCertificationFee,//是否包含认证费
  117. isIso: dataInfor.commodityName.indexOf("贯标") !== -1,
  118. orgCodeUrl: dataInfor.pictureUrl ? splitUrl(dataInfor.pictureUrl, ",", globalConfig.avatarHost + "/upload") : [],//
  119. isYear: !dataInfor.lastYear ? true : false,//
  120. lastYear: dataInfor.lastYear,//上年度年份
  121. lastYearCapital: dataInfor.lastYearCapital,//上年度总资本
  122. lastYearIncome: dataInfor.lastYearIncome,//上年度总收入
  123. isVip: dataInfor.cSort,
  124. yearSum: dataInfor.yearSum,//会员总服务年限
  125. serviceLife: !dataInfor.serviceLife ? [] : JSON.parse(dataInfor.serviceLife), // 会员服务年限
  126. contractTerm: (!dataInfor.contractTerm || (dataInfor.contractTerm.indexOf("-") == -1)) ? [] : JSON.parse(dataInfor.contractTerm), // 合同期
  127. serviceYear: dataInfor.cSort == 6 ? undefined : dataInfor.serviceYear,//本次派单
  128. histYear: llist, // 本次已派单
  129. splitList: dataInfor[children] || [],
  130. tid: dataInfor.id, // 父级项目id
  131. isMedit: readOnly ? 3 : dataInfor.cSort == 6 ? 0 : 1,// 会员项目默认0不可编辑 普通项目默认1可编辑
  132. });
  133. }
  134. onChange(text) {
  135. const { type = "", dataInfor } = this.props
  136. if (isNaN(parseFloat(this.state.commodityPrice))) {
  137. message.warning("请输入正确的金额!");
  138. return false;
  139. }
  140. let reg = /^([0]|[1-9][0-9]*)$/;
  141. if (
  142. !this.state.commodityQuantity ||
  143. !reg.test(this.state.commodityQuantity)
  144. ) {
  145. message.warning("请输入正确服务数量!");
  146. return false;
  147. }
  148. // 3审计
  149. if (this.state.addProjectType == "3") {
  150. if (this.state.serviceLife.length === 0) {
  151. message.warning("请选择服务年限!");
  152. return
  153. }
  154. if (this.state.serviceLife.length != this.state.commodityQuantity) {
  155. message.warning("服务数量与服务年限不符!");
  156. return
  157. }
  158. if (this.state.isYear && !this.state.lastYear) {
  159. message.warning("请选择上年度年份!");
  160. return
  161. }
  162. if (isNaN(parseFloat(this.state.lastYearCapital))) {
  163. message.warning("请输入正确的企业上年度总资本!");
  164. return
  165. }
  166. if (isNaN(parseFloat(this.state.lastYearIncome))) {
  167. message.warning("请输入正确的企业上年度总收入!");
  168. return
  169. }
  170. }
  171. if (!this.state.main) {
  172. message.warning("请选择是否为主要项目!");
  173. return false;
  174. }
  175. // 5高新
  176. if (this.state.addProjectType === 5) {
  177. if (!this.state.declarationBatch) {
  178. message.warning("请选择企业要求申报批次!");
  179. return
  180. }
  181. if (!this.state.serviceYear) {
  182. message.warning("请选择申报年份!");
  183. return
  184. }
  185. }
  186. if (this.state.isVip == 6) {
  187. // if (this.state.yearSum === undefined) {
  188. // message.warning("请选择会员总服务年限!");
  189. // return
  190. // }
  191. if (this.state.serviceLife.length === 0) {
  192. message.warning("请添加会员服务年限!");
  193. return
  194. }
  195. // if (this.state.serviceLife.length != this.state.yearSum) {
  196. // message.warning("会员服务年限与总年限不符合!");
  197. // return
  198. // }
  199. // if (this.state.serviceYear === undefined) {
  200. // message.warning("请选择本次派单年份!");
  201. // return
  202. // }
  203. if (this.state.contractTerm.length === 0 || this.state.contractTerm[1] == "") {
  204. message.warning("请填写合同期!");
  205. return
  206. }
  207. }
  208. this.setState({
  209. loading: true,
  210. });
  211. let infor = {
  212. id: this.state.jid, //项目ID
  213. commodityId: this.state.kid, //商品ID
  214. orderNo: this.props.orderNo, //订单编号
  215. main: this.state.main, //是否为主要
  216. commodityPrice: this.state.commodityPrice, //金额
  217. commodityQuantity: this.state.commodityQuantity, //数量
  218. taskComment: this.state.taskComment, //备注
  219. }
  220. if (this.state.displayFees === 'block') {
  221. infor.officialCost = this.state.officialCost //是否有官费
  222. infor.costReduction = (this.state.patentType === 0 || this.state.patentType === 2) ? (this.state.officialCost === 1 ? this.state.costReduction : 0) : 0//是否有费减
  223. infor.patentType = this.state.patentType //专利类型
  224. }
  225. if (this.state.isIso) {
  226. infor.ifCertificationFee = this.state.ifCertificationFee || undefined;//是否包含认证费用
  227. }
  228. if (this.state.addProjectType == "3") {//审计
  229. infor.serviceLife = JSON.stringify(this.state.serviceLife) //服务年限
  230. infor.lastYear = this.state.lastYear //上年度年份
  231. infor.lastYearCapital = this.state.lastYearCapital //上年度总资本
  232. infor.lastYearIncome = this.state.lastYearIncome //上年度总收入
  233. }
  234. if (this.state.addProjectType == "5") {//高新
  235. infor.declarationBatch = this.state.declarationBatch || undefined//申报批次
  236. infor.serviceYear = this.state.serviceYear //申报年份
  237. }
  238. if (this.state.isVip == 6) {//会员
  239. infor.yearSum = this.state.yearSum //会员总服务年限
  240. infor.serviceLife = JSON.stringify(this.state.serviceLife) //会员服务年限
  241. // infor.serviceYear = this.state.serviceYear //本次派单年份
  242. infor.contractTerm = JSON.stringify(this.state.contractTerm)//合同期
  243. }
  244. // 新开单与签单项目变更 -- 编辑项目
  245. if (type == "change") {
  246. infor.id = dataInfor.id
  247. infor.type = dataInfor.tid ? 2 : 1
  248. infor.tid = dataInfor.tid
  249. }
  250. $.ajax({
  251. method: "POST",
  252. dataType: "json",
  253. crossDomain: false,
  254. url: globalConfig.context + type == "change"
  255. ? "/api/admin/orderChange/updateChangeTask"
  256. : "/api/admin/newOrder/updateOrderTask",
  257. data: infor,
  258. }).done(
  259. function (data) {
  260. this.setState({
  261. loading: false,
  262. });
  263. if (!data.error.length) {
  264. message.success("保存成功!");
  265. if (this.state.isVip == 6) {
  266. text == "submit" &&
  267. this.setState({
  268. isMedit: 0
  269. })
  270. } else {
  271. this.props.onCancel();
  272. }
  273. } else {
  274. message.warning(data.error[0].message);
  275. }
  276. }.bind(this)
  277. );
  278. }
  279. getpatentTypeList() {
  280. $.ajax({
  281. method: "get",
  282. dataType: "json",
  283. crossDomain: false,
  284. url: globalConfig.context + '/api/admin/orderProject/getPatentType',
  285. success: function (data) {
  286. if (data.error.length === 0) {
  287. this.setState({
  288. patentTypeList: data.data
  289. })
  290. } else {
  291. message.warning(data.error[0].message);
  292. };
  293. }.bind(this)
  294. });
  295. }
  296. // 删除子项目
  297. deleteMemberSonProject(id) {
  298. const { splitList, histYear } = this.state
  299. $.ajax({
  300. method: "POST",
  301. dataType: "json",
  302. crossDomain: false,
  303. url: globalConfig.context +
  304. this.props.type == "change"
  305. ? '/api/admin/orderChange/deleteMemberSonProject'
  306. : '/api/admin/orderProject/deleteMemberSonProject',
  307. data: {
  308. id,
  309. },
  310. success: function (data) {
  311. if (data.error.length === 0) {
  312. this.onChange()
  313. let splList = splitList
  314. let hlist = []
  315. for (var i = 0; i < splitList.length; i++) {
  316. if (id == splitList[i].id) {
  317. //如果是 type==1 新增 就彻底删除 否则 改为type==3
  318. if (splList[i].type == 0 || splList[i].type == 2) {
  319. splList[i].type = 3
  320. } else {
  321. splList.splice(i, 1)
  322. }
  323. // hlist.splice(i, 1)
  324. }
  325. }
  326. for (var j = 0; j < splList.length; j++) {
  327. splList[j].type != 3 && hlist.push(splList[j].serviceYear)
  328. }
  329. this.setState({
  330. splitList: splList,
  331. histYear: hlist,
  332. })
  333. } else {
  334. message.warning(data.error[0].message);
  335. };
  336. }.bind(this)
  337. });
  338. }
  339. // 恢复子项目
  340. updateMemberSonProject(id, taskComment) {
  341. const { splitList, histYear, serviceYear } = this.state
  342. $.ajax({
  343. method: "POST",
  344. dataType: "json",
  345. crossDomain: false,
  346. url: globalConfig.context + '/api/admin/orderChange/updateMemberSonProject',
  347. data: {
  348. id,
  349. taskComment,
  350. },
  351. success: function (data) {
  352. if (data.error.length === 0) {
  353. // this.onChange()
  354. let splList = splitList
  355. let histList = histYear
  356. for (var i = 0; i < splList.length; i++) {
  357. if (splList[i].id == data.data.id) {
  358. splList[i].type = data.data.type
  359. splList[i].taskComment = data.data.taskComment
  360. }
  361. }
  362. histList.push(serviceYear)
  363. this.setState({
  364. addFrom: false,
  365. splitList: splList,
  366. histYear: histList,
  367. serviceYear: undefined,
  368. taskComment: undefined,
  369. isMedit: 0,
  370. })
  371. message.success("保存成功!")
  372. } else {
  373. message.warning(data.error[0].message);
  374. };
  375. }.bind(this)
  376. });
  377. }
  378. handleClose(removedTag) {
  379. let serviceLife = this.state.serviceLife.filter(tag => { return tag !== removedTag });
  380. this.setState({
  381. serviceLife,
  382. commodityQuantity: serviceLife.length == 0 ? undefined : serviceLife.length,
  383. yearSum: serviceLife.length == 0 ? undefined : serviceLife.length.toString(),
  384. serviceYear: undefined
  385. });
  386. }
  387. aGain() {
  388. const { serviceLife } = this.state
  389. this.setState({
  390. serviceLife: serviceLife,
  391. commodityQuantity: serviceLife.length == 0 ? undefined : serviceLife.length,
  392. yearSum: serviceLife.length == 0 ? undefined : serviceLife.length.toString(),
  393. })
  394. }
  395. tagClose(tag) {
  396. const _this = this
  397. let serviceLife = this.state.serviceLife.filter(t => { return t !== tag });
  398. let delid = ""
  399. const { splitList = [], } = this.state
  400. if (serviceLife.length < 1) {
  401. Modal.error({
  402. title: '提示',
  403. content: (
  404. <div>
  405. <p style={{ color: "red" }}>会员服务年限必须保留一个</p>
  406. </div>
  407. ),
  408. onOk() { },
  409. });
  410. return
  411. }
  412. for (var i = 0; i < splitList.length; i++) {
  413. if (tag == splitList[i].serviceYear && splitList[i].type != 3) {
  414. delid = splitList[i].id
  415. }
  416. }
  417. if (delid != "") {
  418. confirm({
  419. title: '确定要删除吗',
  420. content: '会员子项目也会一并删除',
  421. okText: '确定',
  422. okType: 'danger',
  423. cancelText: '取消',
  424. onOk() {
  425. _this.setState({
  426. serviceLife: serviceLife,
  427. commodityQuantity: serviceLife.length == 0 ? undefined : serviceLife.length,
  428. yearSum: serviceLife.length == 0 ? undefined : serviceLife.length.toString(),
  429. serviceYear: undefined
  430. });
  431. _this.deleteMemberSonProject(delid)
  432. },
  433. onCancel() {
  434. // _this.aGain()
  435. },
  436. });
  437. } else {
  438. this.setState({
  439. serviceLife,
  440. commodityQuantity: serviceLife.length == 0 ? undefined : serviceLife.length,
  441. yearSum: serviceLife.length == 0 ? undefined : serviceLife.length.toString(),
  442. serviceYear: undefined
  443. }, () => {
  444. this.onChange()
  445. });
  446. }
  447. }
  448. // 添加会员子项目
  449. addMemberFirstSonProject() {
  450. if (!this.state.serviceYear) {
  451. message.warning("请选择本次派单年份!");
  452. return
  453. }
  454. this.setState({
  455. loading: true,
  456. });
  457. let info = {
  458. tid: this.state.tid,
  459. serviceYear: this.state.serviceYear,
  460. taskComment: this.state.taskComment,
  461. }
  462. let changeInfo = {
  463. id: this.state.tid,
  464. serviceYear: this.state.serviceYear,
  465. taskComment: this.state.taskComment,
  466. }
  467. if (this.state.recoveryId != "") {
  468. this.updateMemberSonProject(this.state.recoveryId, this.state.taskComment)
  469. return
  470. }
  471. $.ajax({
  472. method: "POST",
  473. dataType: "json",
  474. crossDomain: false,
  475. url: globalConfig.context +
  476. this.props.type == "change"
  477. ? "/api/admin/orderChange/addMemberSonProject"
  478. : "/api/admin/orderProject/addMemberFirstSonProject",
  479. data: this.props.type == "change" ? changeInfo : info,
  480. success: function (data) {
  481. this.setState({
  482. loading: false
  483. });
  484. if (data.error.length === 0) {
  485. message.success("保存成功!");
  486. let list = this.state.splitList
  487. let histList = this.state.histYear
  488. list.push(data.data)
  489. histList.push(data.data.serviceYear)
  490. this.setState({
  491. addFrom: false,
  492. splitList: list,
  493. histYear: histList,
  494. serviceYear: undefined,
  495. taskComment: undefined,
  496. isMedit: 0,
  497. })
  498. } else {
  499. message.warning(data.error[0].message);
  500. };
  501. }.bind(this)
  502. });
  503. }
  504. render() {
  505. let children = vipYear.map(its => (
  506. <Option key={its}>{its}</Option>
  507. ));
  508. const { RangePicker } = DatePicker;
  509. const { readOnly } = this.props;
  510. const { isVip, histYear, isMedit } = this.state
  511. return (
  512. <Modal
  513. maskClosable={false}
  514. visible={this.props.visible}
  515. onOk={this.props.onCancel}
  516. onCancel={this.props.onCancel}
  517. width="900px"
  518. title={readOnly ? "项目任务详情" : "编辑项目任务"}
  519. footer=""
  520. className="admin-desc-content"
  521. >
  522. <Form
  523. layout="horizontal"
  524. >
  525. <Spin spinning={this.state.loading}>
  526. <div>
  527. <div className="clearfix">
  528. <FormItem
  529. className="half-item"
  530. {...formItemLayout}
  531. label="服务名称"
  532. >
  533. {this.state.commodityName}
  534. </FormItem>
  535. {
  536. isVip != 6 &&
  537. <FormItem
  538. className="half-item"
  539. {...formItemLayout}
  540. label="服务数量"
  541. >
  542. {readOnly ? this.state.commodityQuantity :
  543. <Input
  544. placeholder="请输入服务数量"
  545. disabled={isVip == 6}
  546. value={this.state.commodityQuantity}
  547. style={{ width: "200px" }}
  548. onChange={(e) => {
  549. this.setState({ commodityQuantity: e.target.value });
  550. }}
  551. ref="commodityQuantity"
  552. />}
  553. {!readOnly && <span className="mandatory">*</span>}
  554. </FormItem>
  555. }
  556. </div>
  557. <FormItem
  558. className="half-item"
  559. {...formItemLayout}
  560. label="实签价格(万元)"
  561. >
  562. {readOnly ? this.state.commodityPrice :
  563. <Input
  564. type='number'
  565. placeholder="请输入实签价格"
  566. disabled={isMedit != 1}
  567. value={this.state.commodityPrice}
  568. style={{ width: "200px" }}
  569. onChange={(e) => {
  570. this.setState({ commodityPrice: e.target.value });
  571. }}
  572. ref="commodityPrice"
  573. />}
  574. {!readOnly && <span className="mandatory">*</span>}
  575. </FormItem>
  576. <FormItem
  577. className="half-item"
  578. {...formItemLayout}
  579. label="主要业务"
  580. >
  581. {readOnly ? getboutique(this.state.main) :
  582. <Select
  583. placeholder="选择是否为主要业务"
  584. disabled={isMedit != 1}
  585. style={{ width: "200px" }}
  586. value={this.state.main}
  587. onChange={(e) => {
  588. this.setState({ main: e });
  589. }}
  590. >
  591. {boutique.map(function (item) {
  592. return (
  593. <Select.Option key={item.value}>
  594. {item.key}
  595. </Select.Option>
  596. );
  597. })}
  598. </Select>}
  599. {!readOnly && <span className="mandatory">*</span>}
  600. </FormItem>
  601. {
  602. !this.state.patentTransfer &&
  603. <FormItem
  604. className="half-item"
  605. labelCol={{ span: 4 }}
  606. wrapperCol={{ span: 14 }}
  607. label="专利类型:"
  608. style={{
  609. display: this.state.displayFees,
  610. marginLeft: "63px",
  611. }}
  612. >
  613. {readOnly ? this.state.patentTypeName :
  614. <Select
  615. placeholder="请选择专利类型"
  616. style={{ width: "200px" }}
  617. value={this.state.patentType}
  618. onChange={(e) => {
  619. this.setState({ patentType: e });
  620. if (e !== 0 && e !== 2) {
  621. this.setState({
  622. costReduction: ''
  623. })
  624. }
  625. }}
  626. >
  627. {this.state.patentTypeList.map(function (v, k) {
  628. return (
  629. <Select.Option key={k} value={v.id}>{v.name}</Select.Option>
  630. );
  631. })}
  632. </Select>}
  633. <span style={{ color: "red", marginLeft: "8px" }}>
  634. *
  635. </span>
  636. </FormItem>
  637. }
  638. <FormItem
  639. className="half-item"
  640. labelCol={{ span: 3 }}
  641. wrapperCol={{ span: 14 }}
  642. label="官费:"
  643. style={{
  644. display: this.state.displayFees,
  645. marginLeft: "63px",
  646. }}
  647. >
  648. {readOnly
  649. ? (this.state.officialCost === 1 ? '含官费' : this.state.officialCost === 0 ? '不含官费' : '')
  650. : <Radio.Group
  651. value={this.state.officialCost}
  652. onChange={(e) => {
  653. this.setState({ officialCost: e.target.value });
  654. if (e.target.value === 0) {
  655. this.setState({
  656. costReduction: ''
  657. })
  658. }
  659. }}
  660. >
  661. <Radio value={1}>含官费</Radio>
  662. <Radio value={0}>不含官费</Radio>
  663. </Radio.Group>}
  664. <span style={{ color: "red", marginLeft: "8px" }}>
  665. *
  666. </span>
  667. </FormItem>
  668. {
  669. readOnly ?
  670. <FormItem
  671. className="half-item"
  672. labelCol={{ span: 3 }}
  673. wrapperCol={{ span: 14 }}
  674. label="费减:"
  675. style={{
  676. display: this.state.displayFees,
  677. marginLeft: "63px",
  678. }}
  679. >
  680. {this.state.costReduction === 1 ? '有费减' : this.state.costReduction === 0 ? '无费减' : ''}
  681. <span style={{ color: "red", marginLeft: "8px" }}>
  682. *
  683. </span>
  684. </FormItem>
  685. :
  686. (this.state.patentType === 0 || this.state.patentType === 2) && this.state.officialCost === 1 &&
  687. <FormItem
  688. className="half-item"
  689. labelCol={{ span: 3 }}
  690. wrapperCol={{ span: 14 }}
  691. label="费减:"
  692. style={{
  693. display: this.state.displayFees,
  694. marginLeft: "63px",
  695. }}
  696. >
  697. {/*不含官费或者专利类型不为复审或者申请时置灰*/}
  698. <Radio.Group
  699. disabled={this.state.officialCost === 0 || (this.state.patentType !== 0 && this.state.patentType !== 2)}
  700. value={this.state.costReduction}
  701. onChange={(e) => {
  702. this.setState({ costReduction: e.target.value });
  703. }}
  704. >
  705. <Radio value={1}>有费减</Radio>
  706. <Radio value={0}>无费减</Radio>
  707. </Radio.Group>
  708. <span style={{ color: "red", marginLeft: "8px" }}>
  709. *
  710. </span>
  711. </FormItem>
  712. }
  713. {
  714. //审计
  715. this.state.addProjectType == "3" &&
  716. <FormItem
  717. className="half-item"
  718. {...formItemLayout}
  719. label="服务年限"
  720. >
  721. {
  722. readOnly ?
  723. !!this.state.serviceLife ? this.state.serviceLife.toString() : "" :
  724. <Select
  725. mode="multiple"
  726. style={{ width: '200px' }}
  727. placeholder="请选择服务年限"
  728. value={this.state.serviceLife}
  729. onChange={(e) => {
  730. this.setState({
  731. serviceLife: e,
  732. })
  733. }}
  734. >
  735. {children}
  736. </Select>
  737. }
  738. {!readOnly && <span className="mandatory">*</span>}
  739. </FormItem>
  740. }
  741. {
  742. isVip == 6 &&
  743. <FormItem
  744. className="half-item"
  745. {...formItemLayout}
  746. label="会员服务年限"
  747. >
  748. {
  749. readOnly ?
  750. !!this.state.serviceLife ? this.state.serviceLife.toString() : "" :
  751. <div>
  752. {
  753. this.state.serviceLife.map((tag) =>
  754. <Tag
  755. key={tag}
  756. // closable={!isEdit}
  757. // afterClose={() => this.handleClose(tag)}
  758. // onClose={() => this.tagClose(tag)}
  759. onClick={() => isMedit == 1 && this.tagClose(tag)}
  760. >{tag + " "}{isMedit == 1 && <Icon type="close" />}</Tag>
  761. )
  762. }
  763. {
  764. isMedit == 1 && (this.state.serviceLife.length < 5) &&
  765. <Button
  766. size="small"
  767. type="primary"
  768. onClick={() => {
  769. this.setState({
  770. addYears: true,
  771. addyear: undefined,
  772. isGive: undefined,
  773. })
  774. }}>
  775. + 添加服务年限
  776. </Button>
  777. }
  778. </div>
  779. }
  780. </FormItem>
  781. }
  782. {
  783. isVip == 6 &&
  784. <FormItem
  785. className="half-item"
  786. {...formItemLayout}
  787. label="会员总服务年限"
  788. >
  789. {
  790. !this.state.yearSum ? "" :
  791. [
  792. { value: "0", key: "" },
  793. { value: "1", key: "一年" },
  794. { value: "2", key: "二年" },
  795. { value: "3", key: "三年" },
  796. { value: "4", key: "四年" },
  797. { value: "5", key: "五年" },
  798. ][this.state.yearSum]["key"]
  799. }
  800. </FormItem>
  801. }
  802. {
  803. // 会员合同期
  804. isVip == 6 &&
  805. <div className="clearfix">
  806. <FormItem
  807. className="half-item"
  808. {...formItemLayout}
  809. >
  810. </FormItem>
  811. <FormItem
  812. className="half-item"
  813. {...formItemLayout}
  814. label="合同期"
  815. >
  816. {
  817. readOnly ?
  818. !!this.state.contractTerm ? this.state.contractTerm.toString().replace(",", "至") : "" :
  819. <RangePicker
  820. style={{ width: 200 }}
  821. disabled={isMedit != 1}
  822. value={[
  823. this.state.contractTerm[0]
  824. ? moment(this.state.contractTerm[0])
  825. : null,
  826. this.state.contractTerm[1]
  827. ? moment(this.state.contractTerm[1])
  828. : null,
  829. ]}
  830. onChange={(data, dataString) => {
  831. this.setState({ contractTerm: dataString });
  832. }}
  833. />
  834. // <Select
  835. // mode="multiple"
  836. // style={{ width: '200px' }}
  837. // placeholder="请选择合同期"
  838. // disabled={isMedit != 1}
  839. // value={this.state.contractTerm}
  840. // onChange={e => {
  841. // this.setState({
  842. // contractTerm: e,
  843. // })
  844. // }}
  845. // >
  846. // {children}
  847. // </Select>
  848. }
  849. {!readOnly && <span className="mandatory">*</span>}
  850. </FormItem>
  851. </div>
  852. }
  853. {
  854. // 审计
  855. this.state.addProjectType == "3" &&
  856. <div className="clearfix">
  857. <FormItem
  858. labelCol={{ span: 4 }}
  859. wrapperCol={{ span: 16 }}
  860. label=""
  861. >
  862. <span style={{ color: "red" }}>注:派单年度的上年度总资产和收入。如,当前为2022年,那么需要填写2021年的总资产和收入!</span>
  863. </FormItem>
  864. {
  865. this.state.isYear && !readOnly &&
  866. <div className="clearfix">
  867. <FormItem
  868. className="half-item"
  869. label="企业上年度年份"
  870. {...formItemLayout}
  871. >
  872. <Select
  873. style={{ width: '200px' }}
  874. placeholder="请选择年份"
  875. value={this.state.lastYear}
  876. onChange={e => {
  877. this.setState({
  878. lastYear: e,
  879. })
  880. }}
  881. >
  882. {
  883. YearList.map(its => (
  884. <Option key={its}>{its}</Option>
  885. ))
  886. }
  887. </Select>
  888. <span className="mandatory">*</span>
  889. </FormItem>
  890. </div>
  891. }
  892. <FormItem
  893. className="half-item"
  894. label="企业上年度总资产(万元)"
  895. {...formItemLayout}
  896. >
  897. {
  898. readOnly ? this.state.lastYearCapital :
  899. <Input
  900. type='number'
  901. placeholder=""
  902. value={this.state.lastYearCapital}
  903. style={{ width: "200px" }}
  904. onChange={(e) => {
  905. this.setState({ lastYearCapital: e.target.value });
  906. }}
  907. />
  908. }
  909. {!readOnly && <span className="mandatory">*</span>}
  910. </FormItem>
  911. <FormItem
  912. className="half-item"
  913. label="企业上年度总收入(万元)"
  914. {...formItemLayout}
  915. >
  916. {
  917. readOnly ? this.state.lastYearIncome :
  918. <Input
  919. type='number'
  920. placeholder=""
  921. value={this.state.lastYearIncome}
  922. style={{ width: "200px" }}
  923. onChange={(e) => {
  924. this.setState({ lastYearIncome: e.target.value });
  925. }}
  926. />
  927. }
  928. {!readOnly && <span className="mandatory">*</span>}
  929. </FormItem>
  930. </div>
  931. }
  932. {
  933. // 普通项目说明
  934. isVip != 6 &&
  935. <div className="clearfix">
  936. <FormItem
  937. labelCol={{ span: 4 }}
  938. wrapperCol={{ span: 16 }}
  939. label="项目说明"
  940. >
  941. {readOnly ? this.state.taskComment :
  942. <Input
  943. type="textarea"
  944. placeholder=""
  945. autosize={{ minRows: 4 }}
  946. value={this.state.taskComment}
  947. onChange={(e) => {
  948. this.setState({ taskComment: e.target.value });
  949. }}
  950. />}
  951. </FormItem>
  952. </div>
  953. }
  954. {/*0通用 1专利 2软著 3审计 4双软 5高新 6商标*/}
  955. {
  956. this.state.addProjectType === 5 &&
  957. <div className="clearfix">
  958. <FormItem
  959. className="half-item"
  960. {...formItemLayout}
  961. label="企业要求申报批次"
  962. >
  963. {readOnly ? (
  964. this.state.declarationBatch === 1 ? '第一批' :
  965. this.state.declarationBatch === 2 ? '第二批' :
  966. this.state.declarationBatch === 3 ? '第三批' :
  967. this.state.declarationBatch === 4 ? '第四批' : '未知'
  968. ) :
  969. <Select
  970. placeholder="请选择企业要求申报批次"
  971. style={{ width: "200px" }}
  972. value={this.state.declarationBatch}
  973. onChange={(e) => {
  974. this.setState({ declarationBatch: e });
  975. }}
  976. >
  977. <Select.Option value={1}>
  978. 第一批
  979. </Select.Option>
  980. <Select.Option value={2}>
  981. 第二批
  982. </Select.Option>
  983. <Select.Option value={3}>
  984. 第三批
  985. </Select.Option>
  986. <Select.Option value={4}>
  987. 第四批
  988. </Select.Option>
  989. </Select>}
  990. {!readOnly && <span className="mandatory">*</span>}
  991. </FormItem>
  992. <FormItem
  993. className="half-item"
  994. {...formItemLayout}
  995. label="申报年份"
  996. >
  997. {
  998. readOnly ? this.state.serviceYear :
  999. <Select
  1000. style={{ width: '200px' }}
  1001. placeholder="请选择申报年份"
  1002. value={this.state.serviceYear}
  1003. onChange={e => {
  1004. this.setState({
  1005. serviceYear: e,
  1006. })
  1007. }}
  1008. >
  1009. {
  1010. vipYear.map(its => (
  1011. <Option key={its}>{its}</Option>
  1012. ))
  1013. }
  1014. </Select>
  1015. }
  1016. {!readOnly && <span className="mandatory">*</span>}
  1017. </FormItem>
  1018. </div>
  1019. }
  1020. {
  1021. this.props.isIso || this.state.isIso ?
  1022. <div className="clearfix">
  1023. <FormItem
  1024. className="half-item"
  1025. {...formItemLayout}
  1026. label="是否包含认证费用"
  1027. >
  1028. {readOnly ? (
  1029. this.state.ifCertificationFee == "1" ? '包含' :
  1030. this.state.ifCertificationFee == "0" ? '不包含' : '未知'
  1031. ) : <Select
  1032. placeholder="请选择是否包含认证费用"
  1033. style={{ width: "200px" }}
  1034. value={this.state.ifCertificationFee}
  1035. onChange={(e) => {
  1036. this.setState({ ifCertificationFee: e });
  1037. }}
  1038. >
  1039. <Select.Option value={"0"}>否</Select.Option>
  1040. <Select.Option value={"1"}>是</Select.Option>
  1041. </Select>}
  1042. {!readOnly && <span className="mandatory">*</span>}
  1043. </FormItem>
  1044. </div> : null
  1045. }
  1046. {
  1047. isMedit == 0 && isVip == 6 &&
  1048. <div className="clearfix">
  1049. <FormItem
  1050. wrapperCol={{ span: 12, offset: 8 }}
  1051. className="half-middle"
  1052. >
  1053. <Button
  1054. className="submitSave"
  1055. onClick={() => {
  1056. this.setState({
  1057. isMedit: 1
  1058. })
  1059. }}
  1060. >
  1061. 重新编辑项目任务
  1062. </Button>
  1063. </FormItem>
  1064. </div>
  1065. }
  1066. {
  1067. ((!readOnly && isVip != 6) || (isVip == 6 && isMedit == 1)) &&
  1068. <div className="clearfix">
  1069. <FormItem
  1070. wrapperCol={{ span: 12, offset: 8 }}
  1071. className="half-middle"
  1072. >
  1073. <Button
  1074. className="submitSave"
  1075. type="primary"
  1076. onClick={() => {
  1077. this.onChange("submit");
  1078. }}
  1079. >
  1080. 保存
  1081. </Button>
  1082. <Button
  1083. className="submitSave"
  1084. type="ghost"
  1085. onClick={() => {
  1086. isVip == 6
  1087. ? this.setState({
  1088. isMedit: 0
  1089. })
  1090. : this.props.onCancel()
  1091. }}
  1092. >
  1093. 取消
  1094. </Button>
  1095. </FormItem>
  1096. </div>
  1097. }
  1098. {
  1099. // 会员项目子集列表
  1100. !!this.state.splitList && this.state.splitList.length > 0 &&
  1101. this.state.splitList.map((item) =>
  1102. // 标识为 3=删 不显示
  1103. item.type != 3 &&
  1104. <div
  1105. key={item.id}
  1106. className="clearfix"
  1107. style={{
  1108. width: "100%",
  1109. borderTop: "1px dashed #000000",
  1110. padding: "10px 0"
  1111. }}
  1112. >
  1113. <FormItem
  1114. className="half-item"
  1115. {...formItemLayout}
  1116. label="本次派单"
  1117. >
  1118. {item.serviceYear}
  1119. </FormItem>
  1120. <FormItem
  1121. className="half-item"
  1122. {...formItemLayout}
  1123. label="服务数量"
  1124. >
  1125. {item.commodityQuantity}
  1126. </FormItem>
  1127. {
  1128. (item.memberType == "0" || item.memberType == "1" || item.memberType == "2") &&
  1129. <FormItem
  1130. className="half-item"
  1131. {...formItemLayout}
  1132. label="付款情况"
  1133. >
  1134. {item.memberType == "0"
  1135. ? "已付会员节点全款" : item.memberType == "1"
  1136. ? "已付部分期款,需特批" : item.memberType == "2"
  1137. ? "未付款,需特批" : ""}
  1138. </FormItem>
  1139. }
  1140. {
  1141. (item.memberType == "1" || item.memberType == "2") &&
  1142. <div className="clearfix">
  1143. <FormItem
  1144. labelCol={{ span: 4 }}
  1145. wrapperCol={{ span: 16 }}
  1146. label="附件"
  1147. >
  1148. {item.pictureUrl ?
  1149. <div>
  1150. <ImgList fileList={splitUrl(item.pictureUrl, ",", globalConfig.avatarHost + "/upload")} ItemWidth={'96px'} />
  1151. </div> : <div />}
  1152. </FormItem>
  1153. </div>
  1154. }
  1155. <div className="clearfix">
  1156. <FormItem
  1157. labelCol={{ span: 4 }}
  1158. wrapperCol={{ span: 16 }}
  1159. label="项目说明"
  1160. >
  1161. {item.taskComment}
  1162. </FormItem>
  1163. </div>
  1164. {/* {
  1165. (isMedit == 0 || isMedit == 2) &&
  1166. <div className="clearfix">
  1167. <FormItem
  1168. wrapperCol={{ span: 12, offset: 10 }}
  1169. className="half-middle"
  1170. >
  1171. <Button type="danger"
  1172. onClick={() => {
  1173. const _this = this
  1174. confirm({
  1175. title: '确定要删除吗',
  1176. content: '确定删除本次派单吗',
  1177. okText: '确定',
  1178. okType: 'danger',
  1179. cancelText: '取消',
  1180. onOk() {
  1181. _this.deleteMemberSonProject(item.id)
  1182. },
  1183. onCancel() { },
  1184. });
  1185. }}
  1186. >删除</Button>
  1187. </FormItem>
  1188. </div>
  1189. } */}
  1190. </div>
  1191. )
  1192. }
  1193. {
  1194. (isMedit == 0 || isMedit == 2) &&
  1195. this.state.splitList.filter((item) => { return item.type != 3 }).length < this.state.yearSum &&
  1196. <div
  1197. className="clearfix"
  1198. style={{
  1199. width: "100%",
  1200. borderTop: "1px dashed #000000",
  1201. padding: "30px 0 10px 0"
  1202. }}
  1203. >
  1204. {
  1205. !this.state.addFrom &&
  1206. // this.state.splitList.length < this.state.yearSum &&
  1207. this.state.splitList.filter((item) => { return item.type != 3 }).length < this.state.yearSum &&
  1208. <div className="clearfix">
  1209. <FormItem
  1210. wrapperCol={{ span: 19, offset: 8 }}
  1211. className="half-middle"
  1212. >
  1213. <Button
  1214. type="primary"
  1215. onClick={() => {
  1216. this.setState({
  1217. addFrom: true,
  1218. })
  1219. }}
  1220. >
  1221. + 添加本次派单
  1222. </Button>
  1223. <span style={{ color: "#61BBE2", marginLeft: 10 }}>请填写本次派单的年份,派单表示立即安排人员开始相关的工作!!!</span>
  1224. </FormItem>
  1225. </div>
  1226. }
  1227. {
  1228. this.state.addFrom &&
  1229. <div>
  1230. <FormItem
  1231. className="half-item"
  1232. {...formItemLayout}
  1233. label="本次派单"
  1234. >
  1235. <Select
  1236. placeholder="请选择本次派单年份"
  1237. style={{ width: "200px" }}
  1238. value={this.state.serviceYear}
  1239. onChange={(e) => {
  1240. let addId = ""
  1241. let addtext = ""
  1242. if (!!this.state.splitList) {
  1243. for (var i = 0; i < this.state.splitList.length; i++) {
  1244. if (this.state.splitList[i].serviceYear == e && this.state.splitList[i].type == 3) {
  1245. addId = this.state.splitList[i].id
  1246. addtext = this.state.splitList[i].taskComment
  1247. }
  1248. }
  1249. }
  1250. this.setState({
  1251. serviceYear: e,
  1252. recoveryId: addId,
  1253. taskComment: addtext,
  1254. });
  1255. }}
  1256. >
  1257. {this.state.serviceLife.length > 0 && this.state.serviceLife.map(function (item) {
  1258. return (
  1259. <Select.Option key={item} disabled={histYear.includes(item)}>
  1260. {item}
  1261. </Select.Option>
  1262. );
  1263. })}
  1264. </Select>
  1265. {<span className="mandatory">*</span>}
  1266. </FormItem>
  1267. <FormItem
  1268. className="half-item"
  1269. {...formItemLayout}
  1270. label="服务数量"
  1271. >
  1272. <Input
  1273. placeholder="请输入服务数量"
  1274. disabled={isVip == 6}
  1275. value={1}
  1276. style={{ width: "200px" }}
  1277. ref="commodityQuantity"
  1278. />
  1279. {<span className="mandatory">*</span>}
  1280. </FormItem>
  1281. <div className="clearfix">
  1282. <FormItem
  1283. labelCol={{ span: 4 }}
  1284. wrapperCol={{ span: 16 }}
  1285. label="项目说明"
  1286. >
  1287. <Input
  1288. type="textarea"
  1289. placeholder=""
  1290. autosize={{ minRows: 2 }}
  1291. value={this.state.taskComment}
  1292. onChange={(e) => {
  1293. this.setState({ taskComment: e.target.value });
  1294. }}
  1295. />
  1296. </FormItem>
  1297. </div>
  1298. <div className="clearfix">
  1299. <FormItem
  1300. wrapperCol={{ span: 12, offset: 8 }}
  1301. className="half-middle"
  1302. >
  1303. <Button
  1304. className="submitSave"
  1305. type="primary"
  1306. onClick={() => {
  1307. this.addMemberFirstSonProject()
  1308. }}
  1309. >
  1310. 保存
  1311. </Button>
  1312. <Button
  1313. className="submitSave"
  1314. type="ghost"
  1315. onClick={() => {
  1316. this.setState({
  1317. addFrom: false
  1318. })
  1319. }}
  1320. >
  1321. 取消
  1322. </Button>
  1323. </FormItem>
  1324. </div>
  1325. </div>
  1326. }
  1327. </div>
  1328. }
  1329. </div>
  1330. </Spin>
  1331. </Form>
  1332. {
  1333. this.state.addYears &&
  1334. <Modal
  1335. title="添加服务年限"
  1336. visible={this.state.addYears}
  1337. okText="添加"
  1338. onOk={() => {
  1339. if (!this.state.addyear) {
  1340. message.warn("请选择年份!")
  1341. return
  1342. }
  1343. if (this.state.isGive == undefined) {
  1344. message.warn("请选择是否赠送!")
  1345. return
  1346. }
  1347. let slist = this.state.serviceLife
  1348. let newYear = this.state.addyear
  1349. if (this.state.isGive == 0) {
  1350. newYear = newYear
  1351. } else if (this.state.isGive == 1) {
  1352. newYear = newYear + "(赠)"
  1353. }
  1354. slist.push(newYear)
  1355. this.setState({
  1356. serviceLife: slist,
  1357. commodityQuantity: slist.length,
  1358. yearSum: slist.length.toString(),
  1359. addYears: false
  1360. }, () => {
  1361. // let addId = ""
  1362. // if (!!this.state.splitList) {
  1363. // for (var i = 0; i < this.state.splitList.length; i++) {
  1364. // if (this.state.splitList[i].serviceYear == newYear && this.state.splitList[i].type == 3) {
  1365. // addId = this.state.splitList[i].id
  1366. // }
  1367. // }
  1368. // }
  1369. // addId == ""
  1370. // ? this.onChange()
  1371. // : this.updateMemberSonProject(addId)
  1372. })
  1373. }}
  1374. onCancel={() => {
  1375. this.setState({
  1376. addYears: false
  1377. })
  1378. }}
  1379. >
  1380. <Select
  1381. style={{ width: '200px', marginRight: 50 }}
  1382. placeholder="请选择年份"
  1383. onChange={e => {
  1384. this.setState({
  1385. addyear: e,
  1386. })
  1387. }}
  1388. >
  1389. {
  1390. vipYear.map(its => (
  1391. <Option
  1392. key={its}
  1393. disabled={this.state.serviceLife.toString().includes(its)}
  1394. >{its}</Option>
  1395. ))
  1396. }
  1397. </Select>
  1398. <RadioGroup
  1399. onChange={e => {
  1400. this.setState({
  1401. isGive: e.target.value
  1402. })
  1403. }}
  1404. value={this.state.isGive}
  1405. >
  1406. <Radio value={0}>非赠送</Radio>
  1407. <Radio value={1}>赠送</Radio>
  1408. </RadioGroup>
  1409. </Modal>
  1410. }
  1411. </Modal >
  1412. )
  1413. }
  1414. }
  1415. export default newEditProject;