newSupplier.js 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524
  1. import React,{Component} from 'react';
  2. import {AutoComplete, Button, Form, Input, message, Modal, InputNumber, Select, Spin} from "antd";
  3. import {
  4. getMaterialStatus,
  5. getUrgentStatus,
  6. } from '@/tools'
  7. import $ from "jquery";
  8. const { Option } = Select
  9. const { TextArea } = Input
  10. const formItemLayout = {
  11. labelCol: { span: 8 },
  12. wrapperCol: { span: 14 },
  13. }
  14. class NewSupplier extends Component{
  15. constructor(props) {
  16. super(props);
  17. this.state={
  18. thirdCompanyName: props.thirdCompanyName && props.thirdCompanyName.split('-')[0],
  19. thirdUnitPrice: props.thirdUnitPrice,
  20. thirdQuantity: props.thirdQuantity,
  21. thirdRemarks: props.thirdRemarks,
  22. thirdMaterial: props.thirdMaterial,
  23. thirdUrgent: props.thirdUrgent,
  24. patentType: props.patentType,
  25. audit: props.audit,
  26. assets: props.assets,
  27. income: props.income,
  28. customerArr: [],
  29. loading: false,
  30. officialCost: "", //是否有官费
  31. costReduction: "", //是否有费减
  32. }
  33. }
  34. componentDidMount() {
  35. if(this.props.ThirdId){
  36. this.supervisor(this.state.thirdCompanyName)
  37. }
  38. }
  39. //服务值改变时请求供应商名称
  40. httpChange(e) {
  41. if (e.length >= 1) {
  42. this.supervisor(e)
  43. }
  44. this.props.otherOperations && this.props.otherOperations({
  45. thirdMaterial: this.state.thirdMaterial,
  46. thirdUrgent: this.state.thirdUrgent,
  47. customerArr: this.state.customerArr,
  48. thirdCompanyName: e,
  49. });
  50. this.setState({
  51. thirdCompanyName: e,
  52. })
  53. }
  54. //加载(自动补全)
  55. supervisor(e) {
  56. $.ajax({
  57. method: 'get',
  58. dataType: 'json',
  59. crossDomain: false,
  60. url: globalConfig.context + '/api/admin/company/selectVague',
  61. data: {
  62. name: e,
  63. type: this.props.projectType === 2 ? 0 :
  64. (this.props.projectType === 1 && this.props.patentType === 0) ? 2 : 1 //this.props.projectType 0正常 1专利 2软著 3审计 this.props.patentType 0:专利申请/变更/转让 1:专利买卖
  65. },
  66. success: function (data) {
  67. let thedata = data.data
  68. if (!thedata) {
  69. if (data.error && data.error.length) {
  70. message.warning(data.error[0].message)
  71. }
  72. thedata = {}
  73. }
  74. this.setState({
  75. customerArr: thedata,
  76. })
  77. this.props.otherOperations && this.props.otherOperations({
  78. thirdMaterial: this.state.thirdMaterial,
  79. thirdUrgent: this.state.thirdUrgent,
  80. customerArr: thedata,
  81. thirdCompanyName: this.state.thirdCompanyName,
  82. });
  83. }.bind(this),
  84. }).always(
  85. function () {
  86. this.setState({
  87. loading: false,
  88. })
  89. }.bind(this)
  90. )
  91. }
  92. // 第三方信息自动计算总金额
  93. calculatedAmount() {
  94. let currentTotalPrice
  95. currentTotalPrice = this.state.thirdUnitPrice * this.state.thirdQuantity
  96. currentTotalPrice = currentTotalPrice.toFixed(4)
  97. this.setState({
  98. currentTotalPrice: currentTotalPrice,
  99. })
  100. }
  101. // 保存供应商信息
  102. handleCancelq() {
  103. let api
  104. if (this.props.ThirdId) {
  105. //修改
  106. api = '/api/admin/company/updateCompany'
  107. } else {
  108. //新增
  109. api = '/api/admin/company/addCompany'
  110. }
  111. if(!this.state.thirdCompanyName){
  112. message.warning('请输入供应商名称')
  113. return;
  114. }
  115. if(!this.state.thirdUnitPrice && this.props.projectType !== 2 && !(this.props.projectType === 1 && this.props.patentType ===0)){
  116. message.warning('请输入正确的单价')
  117. return;
  118. }
  119. if(!this.state.thirdQuantity){
  120. message.warning('请输入数量')
  121. return;
  122. }
  123. let customerId = 0;
  124. let isHave =this.state.customerArr.some((value)=>{
  125. if(value.companyName === this.state.thirdCompanyName){
  126. customerId = value.id
  127. return true;
  128. }
  129. });
  130. //软著 必须要使用查询出来第三方名称和对应id
  131. if(!isHave && this.props.projectType === 2){ //projectType 0正常 1专利 2软著 3审计
  132. message.warning('请输入正确的供应商名称')
  133. return;
  134. }
  135. //专利 必须要使用查询出来第三方名称和对应id
  136. if(!isHave && this.props.projectType === 1 && this.props.patentType === 0){ //projectType 0正常 1专利 2软著 3审计 patentType 0:专利申请/变更/转让 1:专利买卖
  137. message.warning('请输入正确的供应商名称')
  138. return;
  139. }
  140. let data = {
  141. id: this.props.ThirdId, //id
  142. tid: this.props.tid, //订单编号
  143. companyName: this.state.thirdCompanyName, //第三方名称
  144. quantity: this.state.thirdQuantity, //数量
  145. remarks: this.state.thirdRemarks, //备注
  146. unitPrice: this.state.thirdUnitPrice, //单价
  147. }
  148. if(isHave){
  149. data.cid = customerId //公司id 只有软著类要传cid,其他类型都是非必填的
  150. }
  151. if(this.props.projectType === 2){
  152. data.material = this.state.thirdMaterial; //材料
  153. data.urgent = this.state.thirdUrgent; //加急
  154. data.calculation = 1; //0 其他 1软著 2专利
  155. }else{ //非软著类需要传总金额
  156. data.totalAmount = this.state.thirdQuantity * this.state.thirdUnitPrice;
  157. data.calculation = 0; //0 其他 1软著 2专利
  158. }
  159. if(this.props.projectType === 1 && this.props.patentType === 0){
  160. data.calculation = 2; //0 其他 1软著 2专利
  161. }
  162. data.type = this.props.projectType === 1 ? (this.props.patentType === 0 ? 1 : 2) : 0 //0其他 1专利申请 2专利买卖
  163. if(this.props.projectType === 3){
  164. if(!this.state.assets){
  165. message.warning("请选择审计!");
  166. return false;
  167. }
  168. if(!this.state.assets){
  169. message.warning("请输入公司资产!");
  170. return false;
  171. }
  172. if(!this.state.assets){
  173. message.warning("请输入收入!");
  174. return false;
  175. }
  176. }
  177. if(this.props.projectType === 3){ //审计
  178. data.assets = this.state.assets; //资产
  179. data.audit = this.state.audit; //0无审计 1年审 2专审
  180. data.income = this.state.income; //收入
  181. }
  182. if(this.props.projectType === 1){ //专利
  183. data.patentType = this.props.patentNameType //专利名称
  184. }
  185. this.setState({
  186. loading: true,
  187. })
  188. $.ajax({
  189. url: globalConfig.context + api,
  190. method: 'post',
  191. dataType: 'json',
  192. crossDomain: false,
  193. data: data,
  194. }).done(
  195. function (data) {
  196. this.setState({
  197. loading: false,
  198. })
  199. if (!data.error.length) {
  200. message.success('保存成功!')
  201. this.setState({
  202. thirdCompanyName: '', //第三方名称
  203. thirdUnitPrice: '', //单价
  204. thirdQuantity: '', //数量
  205. currentTotalPrice: '', //总价
  206. thirdRemarks: '',
  207. thirdUrgent: 0,
  208. })
  209. this.props.onCancel();
  210. } else {
  211. message.warning(data.error[0].message)
  212. }
  213. }.bind(this)
  214. )
  215. }
  216. render() {
  217. return(
  218. <Modal
  219. visible={this.props.visible}
  220. onCancel={this.props.onCancel}
  221. width={800}
  222. title={this.props.ThirdId ? "修改供应商" : "新增供应商"}
  223. footer=""
  224. className="admin-desc-content"
  225. >
  226. <Form
  227. layout="horizontal"
  228. style={{ paddingBottom: '40px' }}
  229. >
  230. <Spin spinning={this.state.loading}>
  231. <div className="clearfix">
  232. <div className="clearfix">
  233. <Form.Item {...formItemLayout} label="供应商名称">
  234. <AutoComplete
  235. className="certain-category-search"
  236. dropdownClassName="certain-category-search-dropdown"
  237. dropdownMatchSelectWidth={false}
  238. dropdownStyle={{ width: 220 }}
  239. style={{ width: '220px' }}
  240. dataSource={(this.state.customerArr || []).map((group) => (
  241. <Select.Option key={group.id} value={group.companyName}>
  242. {group.companyName}
  243. </Select.Option>
  244. ))}
  245. placeholder="请输入供应商名称"
  246. value={this.state.thirdCompanyName}
  247. onChange={(e)=>{
  248. this.httpChange(e)
  249. }}
  250. filterOption={true}
  251. required="required"
  252. />
  253. <span className="mandatory">*</span>
  254. </Form.Item>
  255. </div>
  256. {/*projectType 0正常 1专利 2软著 3审计*/}
  257. {this.props.projectType !== 2 && !(this.props.projectType === 1 && this.props.patentType ===0) ?<div className="clearfix">
  258. <Form.Item {...formItemLayout} label="单价(万元)">
  259. <InputNumber
  260. value={this.state.thirdUnitPrice}
  261. placeholder="请输入单价(必填项)"
  262. required="required"
  263. precision={6}
  264. onBlur={this.calculatedAmount}
  265. onChange={(value) => {
  266. this.setState({
  267. thirdUnitPrice: value,
  268. })
  269. }}
  270. style={{ width: '220px' }}
  271. />
  272. <span className="mandatory">*</span>
  273. </Form.Item>
  274. </div> : <div/>}
  275. <div className="clearfix">
  276. <Form.Item {...formItemLayout} label="数量">
  277. <InputNumber
  278. value={this.state.thirdQuantity}
  279. placeholder="请输入数量(必填项)"
  280. onBlur={this.calculatedAmount}
  281. precision={0}
  282. onChange={(value) => {
  283. this.setState({
  284. thirdQuantity: value,
  285. })
  286. }}
  287. style={{ width: '220px' }}
  288. />
  289. <span className="mandatory">*</span>
  290. </Form.Item>
  291. </div>
  292. {/*专利 的专利申请 和 软著没有总价*/}
  293. {this.props.projectType !== 2 && this.props.patentType !==0 ?<div className="clearfix">
  294. <Form.Item {...formItemLayout} label="总价(万元)">
  295. <span>{this.state.thirdQuantity * this.state.thirdUnitPrice}</span>
  296. </Form.Item>
  297. </div> : <div/>}
  298. {this.props.projectType === 2 ? <div>
  299. <div className="clearfix">
  300. <Form.Item {...formItemLayout} label="材料">
  301. <Select
  302. value={getMaterialStatus(this.state.thirdMaterial)}
  303. onChange={(val) => {
  304. this.setState({
  305. thirdMaterial: val,
  306. })
  307. this.props.otherOperations && this.props.otherOperations({
  308. thirdMaterial: val,
  309. thirdUrgent: this.state.thirdUrgent,
  310. customerArr: this.state.customerArr,
  311. thirdCompanyName: this.state.thirdCompanyName,
  312. });
  313. }}
  314. style={{ width: '220px' }}
  315. defaultValue="0"
  316. >
  317. <Option value="0">无材料</Option>
  318. <Option value="1">有材料</Option>
  319. </Select>
  320. <span className="mandatory">*</span>
  321. </Form.Item>
  322. </div>
  323. <div className="clearfix">
  324. <Form.Item {...formItemLayout} label="加急">
  325. <Select
  326. value={getUrgentStatus(this.state.thirdUrgent)}
  327. onChange={(val) => {
  328. this.setState({
  329. thirdUrgent: val,
  330. })
  331. this.props.otherOperations && this.props.otherOperations({
  332. thirdMaterial: this.state.thirdMaterial,
  333. thirdUrgent: val,
  334. customerArr: this.state.customerArr,
  335. thirdCompanyName: this.state.thirdCompanyName
  336. });
  337. }}
  338. style={{ width: '220px' }}
  339. defaultValue="0"
  340. >
  341. <Option value="0">无加急</Option>
  342. <Option value="1">加急3天</Option>
  343. <Option value="2">加急4天</Option>
  344. <Option value="3">加急5-10天</Option>
  345. <Option value="4">加急11-15天</Option>
  346. <Option value="5">加急16-20天</Option>
  347. <Option value="6">加急21-25天</Option>
  348. <Option value="7">加急26-30天</Option>
  349. </Select>
  350. <span className="mandatory">*</span>
  351. </Form.Item>
  352. </div>
  353. </div>:<div/>}
  354. {/*{*/}
  355. {/* this.props.patentType === 0 ? <div>*/}
  356. {/* <div className="clearfix">*/}
  357. {/* <Form.Item*/}
  358. {/* {...formItemLayout}*/}
  359. {/* label="官费:"*/}
  360. {/* >*/}
  361. {/* <span style={{ color: "red", marginRight: "27px" }}>*/}
  362. {/* **/}
  363. {/* </span>*/}
  364. {/* <Radio.Group*/}
  365. {/* value={this.state.officialCost}*/}
  366. {/* onChange={(e) => {*/}
  367. {/* this.setState({ officialCost: e.target.value });*/}
  368. {/* }}*/}
  369. {/* >*/}
  370. {/* <Radio value={1}>含官费</Radio>*/}
  371. {/* <Radio value={0}>不含官费</Radio>*/}
  372. {/* </Radio.Group>*/}
  373. {/* </Form.Item>*/}
  374. {/* </div>*/}
  375. {/* <div className="clearfix">*/}
  376. {/* <Form.Item*/}
  377. {/* {...formItemLayout}*/}
  378. {/* label="费减:"*/}
  379. {/* >*/}
  380. {/* <span style={{ color: "red", marginRight: "27px" }}>*/}
  381. {/* **/}
  382. {/* </span>*/}
  383. {/* <Radio.Group*/}
  384. {/* value={this.state.costReduction}*/}
  385. {/* onChange={(e) => {*/}
  386. {/* this.setState({ costReduction: e.target.value });*/}
  387. {/* }}*/}
  388. {/* >*/}
  389. {/* <Radio value={1}>有费减</Radio>*/}
  390. {/* <Radio value={0}>无费减</Radio>*/}
  391. {/* </Radio.Group>*/}
  392. {/* </Form.Item>*/}
  393. {/* </div>*/}
  394. {/* </div> : <div/>*/}
  395. {/*}*/}
  396. {
  397. this.props.projectType === 3 ? <div>
  398. <div className="clearfix">
  399. <Form.Item {...formItemLayout} label="审计">
  400. <Select
  401. value={this.state.audit}
  402. onChange={(val) => {
  403. this.setState({
  404. audit: val,
  405. })
  406. }}
  407. style={{ width: '220px' }}
  408. defaultValue="0"
  409. >
  410. {/*0无审计 1年审 2专审*/}
  411. <Option value={0}>无审计</Option>
  412. <Option value={1}>年审</Option>
  413. <Option value={2}>专审</Option>
  414. </Select>
  415. <span className="mandatory">*</span>
  416. </Form.Item>
  417. </div>
  418. <div className="clearfix">
  419. <Form.Item {...formItemLayout} label="公司资产(万元)">
  420. <InputNumber
  421. value={this.state.assets}
  422. precision={6}
  423. placeholder="请输入公司资产"
  424. required="required"
  425. onChange={(value) => {
  426. this.setState({
  427. assets: value,
  428. })
  429. }}
  430. style={{ width: '220px' }}
  431. />
  432. <span className="mandatory">*</span>
  433. </Form.Item>
  434. </div>
  435. <div className="clearfix">
  436. <Form.Item {...formItemLayout} label="收入(万元)">
  437. <InputNumber
  438. value={this.state.income}
  439. precision={6}
  440. placeholder="请输入收入"
  441. required="required"
  442. onChange={(value) => {
  443. this.setState({
  444. income: value,
  445. })
  446. }}
  447. style={{ width: '220px' }}
  448. />
  449. <span className="mandatory">*</span>
  450. </Form.Item>
  451. </div>
  452. </div> : <div/>
  453. }
  454. <div className="clearfix">
  455. <Form.Item
  456. style={{ height: 'auto' }}
  457. labelCol={{ span: 4 }}
  458. wrapperCol={{ span: 18 }}
  459. label="备注"
  460. >
  461. <TextArea
  462. rows={4}
  463. placeholder="请输入备注"
  464. ref="signTotalAmount"
  465. style={{ width: '95%' }}
  466. value={this.state.thirdRemarks}
  467. onChange={(e) => {
  468. this.setState({
  469. thirdRemarks: e.target.value,
  470. })
  471. }}
  472. />
  473. </Form.Item>
  474. </div>
  475. <div className="clearfix">
  476. <div className="addSave" style={{ marginTop: '15px' }}>
  477. <Button
  478. className="cancel"
  479. type="primary"
  480. onClick={()=>{
  481. this.handleCancelq();
  482. }}
  483. style={{ marginLeft: '300px' }}
  484. htmlType="submit"
  485. >
  486. 保存
  487. </Button>
  488. <Button
  489. className="cancel"
  490. type="ghost"
  491. onClick={this.props.onCancel}
  492. style={{ marginLeft: '50px' }}
  493. >
  494. 取消
  495. </Button>
  496. </div>
  497. </div>
  498. </div>
  499. </Spin>
  500. </Form>
  501. </Modal>
  502. )
  503. }
  504. }
  505. export default NewSupplier;