addDialog.vue 58 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865
  1. <template>
  2. <ele-modal
  3. custom-class="ele-dialog-form long-dialog-form"
  4. :centered="true"
  5. v-if="visible"
  6. :visible.sync="visible"
  7. :close-on-click-modal="false"
  8. :append-to-body="true"
  9. width="70%"
  10. @close="cancel"
  11. :maxable="true"
  12. :resizable="true"
  13. :title="title"
  14. >
  15. <el-form
  16. ref="form"
  17. :model="form"
  18. :rules="rules"
  19. label-width="120px"
  20. class="el-form-box"
  21. >
  22. <headerTitle title="订单信息"> </headerTitle>
  23. <el-row>
  24. <el-col :span="24">
  25. <el-form-item label="订单类型" prop="needProduce">
  26. <el-radio
  27. v-model="form.needProduce"
  28. :label="1"
  29. @change="needProduceChange"
  30. >有客户生产性订单</el-radio
  31. >
  32. <el-radio
  33. v-model="form.needProduce"
  34. :label="0"
  35. @change="needProduceChange"
  36. >库存式订单</el-radio
  37. >
  38. <el-radio
  39. v-model="form.needProduce"
  40. :label="2"
  41. @change="needProduceChange"
  42. >无客户生产性订单</el-radio
  43. >
  44. <el-radio
  45. v-model="form.needProduce"
  46. :label="5"
  47. @change="needProduceChange"
  48. >委外订单</el-radio
  49. >
  50. <el-radio
  51. v-model="form.needProduce"
  52. :label="4"
  53. @change="needProduceChange"
  54. v-if="clientEnvironmentId != 5"
  55. >不定向订单</el-radio
  56. >
  57. </el-form-item>
  58. </el-col>
  59. </el-row>
  60. <el-row>
  61. <el-col :span="12">
  62. <el-form-item label="销售类型" prop="saleType">
  63. <DictSelection
  64. dictName="销售类型"
  65. clearable
  66. v-model="form.saleType"
  67. :listFormatte="listFormatte"
  68. @change="saleTypeChange"
  69. >
  70. </DictSelection>
  71. </el-form-item>
  72. <el-form-item
  73. label="报价单"
  74. prop="relationCode"
  75. v-if="form.relationType == 2"
  76. >
  77. <el-input
  78. clearable
  79. readonly
  80. @clear="clearContrcat"
  81. v-model="form.relationCode"
  82. @click.native="handQuotation"
  83. placeholder="请输入"
  84. />
  85. </el-form-item>
  86. <el-form-item
  87. label="商机名称"
  88. prop="relationName"
  89. v-if="form.relationType == 1"
  90. >
  91. <el-input
  92. clearable
  93. v-model="form.relationName"
  94. @click.native="handOpportunity"
  95. readonly
  96. @clear="clearContrcat"
  97. placeholder="请输入"
  98. />
  99. </el-form-item>
  100. <el-form-item
  101. label="选择合同"
  102. prop="relationName"
  103. v-if="form.relationType == 3"
  104. >
  105. <el-input
  106. clearable
  107. v-model="form.relationName"
  108. @click.native="handleContractBtn"
  109. @clear="clearContrcat"
  110. placeholder="请选择"
  111. :disabled="!!projectData.contractId"
  112. />
  113. </el-form-item>
  114. <el-form-item
  115. label="项目名称"
  116. prop="projectName"
  117. v-if="form.relationType == 4"
  118. >
  119. <el-input
  120. clearable
  121. v-model="form.projectName"
  122. @change="form.relationName = form.projectName"
  123. @clear="clearContrcat('project')"
  124. placeholder="请输入"
  125. style="width: calc(100% - 80px)"
  126. />
  127. <el-button
  128. style="margin-left: 5px"
  129. size="small"
  130. type="primary"
  131. @click.native="handleProjectBtn"
  132. >选择
  133. </el-button>
  134. </el-form-item>
  135. <el-form-item
  136. label="退货单"
  137. prop="relationCode"
  138. v-if="form.relationType == 5"
  139. >
  140. <el-input
  141. clearable
  142. readonly
  143. @clear="clearContrcat"
  144. v-model="form.relationCode"
  145. @click.native="handleReturnBtn"
  146. placeholder="请输入"
  147. />
  148. </el-form-item>
  149. <el-form-item label="销售部门" prop="salesDeptId">
  150. <ele-tree-select
  151. clearable
  152. :data="groupTreeData"
  153. v-model="form.salesDeptId"
  154. valueKey="id"
  155. labelKey="name"
  156. placeholder="请选择"
  157. @change="change_principalDep"
  158. default-expand-all
  159. />
  160. </el-form-item>
  161. <!-- <el-form-item label="预销售订单编码" prop="preOrderNo">
  162. <el-input
  163. clearable
  164. v-model="form.preOrderNo"
  165. placeholder="请输入"
  166. />
  167. </el-form-item> -->
  168. <el-form-item prop="orderFiles" label="订单附件">
  169. <fileMain v-model="form.orderFiles"></fileMain>
  170. </el-form-item>
  171. <el-form-item label="是否挂单" prop="isSuspend">
  172. <el-radio-group v-model="form.isSuspend">
  173. <el-radio :label="1">是</el-radio>
  174. <el-radio :label="0">否</el-radio>
  175. </el-radio-group>
  176. <span v-if="form.isSuspend == 1" style="margin-left: 10px; font-size: 12px; color: #1890ff;">
  177. 挂单只能选择一个产品
  178. </span>
  179. </el-form-item>
  180. <!-- <el-form-item prop="productionRequirements" label="生产要求">
  181. <el-input
  182. clearable
  183. v-model="form.productionRequirements"
  184. placeholder="请输入"
  185. type="textarea"
  186. />
  187. </el-form-item> -->
  188. </el-col>
  189. <el-col :span="12">
  190. <el-form-item label="来源类型" prop="relationType">
  191. <el-select
  192. v-model="form.relationType"
  193. filterable
  194. clearable
  195. style="width: 100%"
  196. @change="clearContrcat"
  197. >
  198. <el-option :value="1" label="商机"></el-option>
  199. <el-option :value="2" label="报价"></el-option>
  200. <el-option :value="3" label="销售合同"></el-option>
  201. <el-option :value="4" label="项目"></el-option>
  202. <el-option
  203. v-if="form.saleType == 4 || form.saleType == 6"
  204. :value="5"
  205. label="退货单"
  206. ></el-option>
  207. </el-select>
  208. </el-form-item>
  209. <el-form-item
  210. label="合同编号"
  211. prop="relationCode"
  212. v-if="form.relationType == 3"
  213. >
  214. <el-input
  215. :disabled="!!form.contractId"
  216. v-model="form.relationCode"
  217. />
  218. </el-form-item>
  219. <el-form-item
  220. label="业务员"
  221. prop="salesmanId"
  222. >
  223. <personSelect
  224. ref="salseManDirectorRef"
  225. v-model="form.salesmanId"
  226. @selfChange="salesmanChange"
  227. :init="false"
  228. />
  229. </el-form-item>
  230. <el-form-item label="结算方式" prop="settlementMode">
  231. <DictSelection
  232. dictName="结算方式"
  233. clearable
  234. @itemChange="settlementModeChange"
  235. v-model="form.settlementMode"
  236. >
  237. </DictSelection>
  238. </el-form-item>
  239. <el-form-item
  240. label="总数"
  241. prop="totalPlanNum"
  242. v-if="form.needProduce == 4"
  243. >
  244. <el-input v-model="form.totalPlanNum" class="totalPlanNum">
  245. <template slot="append">
  246. <DictSelection
  247. dictName="计量单位"
  248. clearable
  249. v-model="form.planNumUnit"
  250. >
  251. </DictSelection>
  252. </template>
  253. </el-input>
  254. </el-form-item>
  255. <el-form-item label="发起人所属部门" prop="createDeptName">
  256. <el-input v-model="form.createDeptName" :disabled="true"></el-input>
  257. </el-form-item>
  258. </el-col>
  259. </el-row>
  260. <headerTitle title="基本信息" v-if="form.needProduce != 2"></headerTitle>
  261. <el-row v-if="form.needProduce != 2">
  262. <el-col :span="12">
  263. <el-form-item label="客户名称" prop="partaName">
  264. <el-input
  265. clearable
  266. v-model="form.partaName"
  267. @click.native="handParent"
  268. placeholder="请选择"
  269. readonly
  270. :disabled="!!contactData?.id"
  271. />
  272. </el-form-item>
  273. <el-form-item
  274. label="客户统一社会信用代码"
  275. prop="partaUnifiedSocialCreditCode"
  276. class="form_item_label"
  277. >
  278. <el-input
  279. clearable
  280. v-model="form.partaUnifiedSocialCreditCode"
  281. placeholder="请输入"
  282. />
  283. </el-form-item>
  284. <el-form-item label="客户联系人" prop="partaLinkName">
  285. <el-select
  286. v-model="form.partaLinkName"
  287. placeholder="请选择"
  288. @change="onchangeLink"
  289. style="width: 100%"
  290. >
  291. <el-option
  292. v-for="item in linkNameOptions"
  293. :key="item.id"
  294. :label="item.linkName"
  295. :value="item.id"
  296. >
  297. </el-option>
  298. </el-select>
  299. </el-form-item>
  300. <el-form-item label="客户电话" prop="partaTel">
  301. <el-input
  302. clearable
  303. :maxlength="20"
  304. v-model="form.partaTel"
  305. placeholder="请输入"
  306. />
  307. </el-form-item>
  308. <el-form-item label="客户传真" prop="partaFax">
  309. <el-input clearable v-model="form.partaFax" placeholder="请输入" />
  310. </el-form-item>
  311. <el-form-item label=" 客户Email" prop="partaEmail">
  312. <el-input
  313. clearable
  314. v-model="form.partaEmail"
  315. placeholder="请输入"
  316. />
  317. </el-form-item>
  318. <el-form-item label="客户地址" prop="partaAddress">
  319. <el-input
  320. clearable
  321. v-model="form.partaAddress"
  322. placeholder="请输入"
  323. />
  324. </el-form-item>
  325. </el-col>
  326. <el-col :span="12">
  327. <el-form-item label="售出方名称" prop="partbName">
  328. <el-input
  329. v-if="enterprisePage.length <= 1"
  330. clearable
  331. v-model="form.partbName"
  332. placeholder="请输入"
  333. />
  334. <el-select
  335. v-if="enterprisePage.length > 1"
  336. style="width: 100%"
  337. v-model="form.partbName"
  338. placeholder="请选择"
  339. @change="getEnterprise()"
  340. >
  341. <el-option
  342. v-for="item in enterprisePage"
  343. :key="item.id"
  344. :label="item.name"
  345. :value="item.name"
  346. >
  347. </el-option>
  348. </el-select>
  349. </el-form-item>
  350. <el-form-item
  351. label="售出方统一社会信用代码"
  352. prop="partbUnifiedSocialCreditCode"
  353. class="form_item_label"
  354. >
  355. <el-input
  356. clearable
  357. v-model="form.partbUnifiedSocialCreditCode"
  358. placeholder="请输入"
  359. />
  360. </el-form-item>
  361. <el-form-item label="售出方联系人" prop="partbLinkName">
  362. <el-input
  363. clearable
  364. v-model="form.partbLinkName"
  365. @click.native="handHead"
  366. placeholder="请输入"
  367. />
  368. </el-form-item>
  369. <el-form-item prop="partbTel" label="售出方联系电话">
  370. <el-input clearable v-model="form.partbTel" placeholder="请输入" />
  371. </el-form-item>
  372. <el-form-item prop="partbFax" label="售出方传真">
  373. <el-input clearable v-model="form.partbFax" placeholder="请输入" />
  374. </el-form-item>
  375. <el-form-item label="售出方Email" prop="partbEmail">
  376. <el-input
  377. clearable
  378. v-model="form.partbEmail"
  379. placeholder="请输入"
  380. />
  381. </el-form-item>
  382. <el-form-item label="售出方地址" prop="partbAddress">
  383. <el-input
  384. clearable
  385. v-model="form.partbAddress"
  386. placeholder="请输入"
  387. />
  388. </el-form-item>
  389. </el-col>
  390. </el-row>
  391. <headerTitle
  392. title="物品清单"
  393. style="margin-top: 30px"
  394. v-if="form.needProduce != 4"
  395. >
  396. <el-button
  397. type="primary"
  398. size="mini"
  399. style="margin-bottom: 5px"
  400. @click="orderListShow"
  401. v-if="!form.id"
  402. >历史记录</el-button
  403. ></headerTitle
  404. >
  405. <inventoryTable
  406. v-if="form.needProduce != 4"
  407. :isSuspend="form.isSuspend"
  408. :customerMark="customerMark"
  409. :isCustomerMark="clientEnvironmentId != 4 && form.needProduce != 2"
  410. :isProduceDeliveryDeadline="form.needProduce != 0"
  411. ref="inventoryTable"
  412. @setCountAmount="setCountAmount"
  413. :isContractId="!!form.contractId"
  414. :isChangeCount="false"
  415. :needProduce="form.needProduce"
  416. :isSupplier="true"
  417. :isArrivalWay="true"
  418. :cacheKeyUrl="cacheKeyUrl"
  419. :isGoods="true"
  420. :isTaxRate="isTaxRate"
  421. :isSinglePrice="form.needProduce != 2 && isSinglePrice != 0"
  422. :isBatchNo="isBatchNo == 1 && form.saleTypeName.includes('受托')"
  423. :isProductionRequirements="true"
  424. :isIncreaseTotalWeight="true"
  425. ></inventoryTable>
  426. <headerTitle
  427. title="类型清单"
  428. style="margin-top: 30px"
  429. v-if="form.needProduce == 4"
  430. ></headerTitle>
  431. <typeList
  432. v-if="form.needProduce == 4"
  433. @setCountAmount="setCountAmount"
  434. @setTotalPlanNum="setTotalPlanNum"
  435. ref="typeListRef"
  436. ></typeList>
  437. <!-- <el-row v-if="form.needProduce == 1">
  438. <el-col :span="8">
  439. <el-form-item
  440. label="自动生成采购计划:"
  441. label-width="160px"
  442. prop="generatePurchase"
  443. >
  444. <el-radio-group v-model="form.generatePurchase">
  445. <el-radio :label="1">是</el-radio>
  446. <el-radio :label="0">否</el-radio>
  447. </el-radio-group>
  448. </el-form-item>
  449. </el-col>
  450. <el-col :span="8">
  451. <el-form-item
  452. label="自动生成生产计划:"
  453. label-width="160px"
  454. prop="generateProduce"
  455. >
  456. <el-radio-group v-model="form.generateProduce">
  457. <el-radio :label="1">是</el-radio>
  458. <el-radio :label="0">否</el-radio>
  459. </el-radio-group>
  460. </el-form-item>
  461. </el-col>
  462. <el-col :span="8">
  463. <el-form-item
  464. label="自动生成项目立项:"
  465. label-width="160px"
  466. prop="generateProject"
  467. >
  468. <el-radio-group v-model="form.generateProject">
  469. <el-radio :label="1">是</el-radio>
  470. <el-radio :label="0">否</el-radio>
  471. </el-radio-group>
  472. </el-form-item>
  473. </el-col>
  474. </el-row> -->
  475. <el-row style="margin-top: 20px">
  476. <el-col :span="12">
  477. <el-form-item label="总金额" prop="totalAmount">
  478. {{ form.totalAmount || 0 }}元
  479. </el-form-item>
  480. <el-form-item label="收货地址" prop="receiveAddress">
  481. <el-input
  482. clearable
  483. type="textarea"
  484. v-model="form.receiveAddress"
  485. placeholder="请输入"
  486. />
  487. </el-form-item>
  488. </el-col>
  489. <el-col :span="12">
  490. <el-form-item label="优惠后总金额">
  491. <el-input
  492. type="number"
  493. :min="0"
  494. :max="form.totalAmount"
  495. clearable
  496. :disabled="!!form.contractId || !form.totalAmount"
  497. v-model="form.payAmount"
  498. @input="discountInput"
  499. placeholder="请输入"
  500. >
  501. <template slot="append">元</template>
  502. </el-input>
  503. </el-form-item>
  504. <el-form-item label="备注" prop="remark">
  505. <el-input
  506. clearable
  507. type="textarea"
  508. v-model="form.remark"
  509. placeholder="请输入"
  510. />
  511. </el-form-item>
  512. </el-col>
  513. </el-row>
  514. <el-row style="margin-top: 20px">
  515. <el-col :span="12">
  516. <el-form-item label="收货人信息" prop="receivePerson">
  517. <el-input clearable v-model="form.receivePerson" />
  518. </el-form-item>
  519. </el-col>
  520. </el-row>
  521. </el-form>
  522. <div slot="footer" class="footer">
  523. <el-button type="primary" @click="save" v-click-once>保存</el-button>
  524. <el-button
  525. type="primary"
  526. v-if="isNeed_process_is_close"
  527. @click="save('sub')"
  528. v-click-once
  529. >提交</el-button
  530. >
  531. <el-button @click="cancel">返回</el-button>
  532. </div>
  533. <quotationList
  534. ref="quotationListRef"
  535. @changeParent="changeQuotationList"
  536. :isContractBook="false"
  537. ></quotationList>
  538. <!-- 商机 -->
  539. <opportunity-dialog
  540. :opportunityDialogFlag.sync="opportunityDialogFlag"
  541. v-if="opportunityDialogFlag"
  542. ref="opportunityDialogRef"
  543. @changeParent="getOpportunityDetail"
  544. ></opportunity-dialog>
  545. <parentList ref="parentRef" @changeParent="changeParent"></parentList>
  546. <head-list ref="headRef" @changeParent="changePersonel"></head-list>
  547. <contractListDialog
  548. ref="selectContractRef"
  549. @changeParent="changeContract"
  550. :contactData="contactData"
  551. :isCreatedByOrder="2"
  552. ></contractListDialog>
  553. <projectListDialog
  554. :contactData="contactData"
  555. ref="selectProjectRef"
  556. @changeParent="changeProject"
  557. ></projectListDialog>
  558. <process-submit-dialog
  559. :isNotNeedProcess="true"
  560. :processSubmitDialogFlag.sync="processSubmitDialogFlag"
  561. v-if="processSubmitDialogFlag"
  562. ref="processSubmitDialogRef"
  563. @reload="reload"
  564. :callBack="callBack"
  565. ></process-submit-dialog>
  566. <bomDialog
  567. ref="bomDialogRef"
  568. @handleSubmit="bomDialogSuccess"
  569. @reload="reload"
  570. ></bomDialog>
  571. <saleOrderListDialog
  572. ref="saleOrderListDialogRef"
  573. :isMy="true"
  574. @changeParent="saleOrderListDialogChange"
  575. ></saleOrderListDialog>
  576. <!-- 退货 -->
  577. <return-order-dialog
  578. :returnOrderDialogFlag.sync="returnOrderDialogFlag"
  579. v-if="returnOrderDialogFlag"
  580. @changeParent="changeReturn"
  581. >
  582. </return-order-dialog>
  583. </ele-modal>
  584. </template>
  585. <script>
  586. import { emailReg, numberReg, telReg } from 'ele-admin';
  587. import inventoryTable from '@/BIZComponents/inventoryTable.vue';
  588. import fileUpload from '@/components/upload/fileUpload';
  589. import dictMixins from '@/mixins/dictMixins';
  590. import parentList from '@/views/saleManage/contact/components/parentList.vue';
  591. import {
  592. getDetail,
  593. updateContractStatus
  594. } from '@/api/contractManage/contractBook';
  595. import {
  596. contactDetail,
  597. updateRelationStatus
  598. } from '@/api/saleManage/contact';
  599. import {
  600. getSaleOrderDetail,
  601. UpdateInformation,
  602. addInformation,
  603. submit,
  604. getByRepeatBomAttribute,
  605. saveOrderBomList
  606. } from '@/api/saleManage/saleorder';
  607. import { getDetail as getOpportunityInfo } from '@/api/saleManage/businessOpportunity';
  608. import { getcontactlink } from '@/api/saleManage/businessFollow';
  609. import headList from '@/BIZComponents/user-select/user-select.vue';
  610. import contractListDialog from './contractListDialog.vue';
  611. import projectListDialog from './projectListDialog.vue';
  612. import paymentList from './paymentList.vue';
  613. import { listOrganizations, listOrganizationsNew } from '@/api/system/organization';
  614. import { copyObj } from '@/utils/util';
  615. import { enterprisePage } from '@/api/contractManage/contractBook';
  616. // import fileMain from '@/components/addDoc/index.vue';
  617. import processSubmitDialog from '@/BIZComponents/processSubmitDialog/processSubmitDialog.vue';
  618. import { getUserDetail } from '@/api/system/organization/index.js';
  619. import typeList from './typeList.vue';
  620. import bomDialog from './bomDialog';
  621. import saleOrderListDialog from '@/views/saleManage/saleOrder/invoice/components/orderListDialog.vue';
  622. import { parameterGetByCode } from '@/api/main/index.js';
  623. import quotationList from '@/views/contractManage/contractBook/components/quotationList.vue';
  624. import returnOrderDialog from '@/views/saleManage/saleOrder/customerReturnOrder/returnOrderDialog.vue';
  625. import opportunityDialog from '@/views/financialManage/components/opportunityDialog.vue';
  626. import { mapGetters } from 'vuex';
  627. import personSelect from '@/components/CommomSelect/person-select.vue';
  628. import { resetPassword } from '@/api/system/user';
  629. export default {
  630. mixins: [dictMixins],
  631. components: {
  632. processSubmitDialog,
  633. returnOrderDialog,
  634. // fileMain,
  635. fileUpload,
  636. headList,
  637. contractListDialog,
  638. projectListDialog,
  639. paymentList,
  640. inventoryTable,
  641. parentList,
  642. typeList,
  643. bomDialog,
  644. quotationList,
  645. saleOrderListDialog,
  646. opportunityDialog,
  647. personSelect,
  648. },
  649. props: {
  650. contactData: {
  651. type: Object,
  652. default: () => {
  653. return {};
  654. }
  655. },
  656. isRequired: {
  657. type: Boolean,
  658. default: true
  659. }
  660. },
  661. data() {
  662. let formDef = {
  663. id: '',
  664. isSuspend: 0,
  665. contractId: '',
  666. orderFiles: [],
  667. contractName: '',
  668. projectName: '',
  669. projectId: '',
  670. pricingWay: 1,
  671. payAmount: '',
  672. generatePurchase: 0,
  673. generateProduce: 0,
  674. generateProject: 0,
  675. projectName: '',
  676. projectId: '',
  677. receiveAddress: '',
  678. remark: '',
  679. saleType: '',
  680. saleTypeName: '',
  681. totalAmount: 0,
  682. settlementMode: '4',
  683. settlementModeName: '分期付款',
  684. partaUnifiedSocialCreditCode: '',
  685. partbUnifiedSocialCreditCode: '',
  686. productionRequirements: '',
  687. partaAddress: '',
  688. partaEmail: '',
  689. partaFax: '',
  690. partaId: '',
  691. partaLinkId: '',
  692. partaLinkName: '',
  693. partaName: '',
  694. partaTel: '',
  695. partbAddress: '',
  696. partbEmail: '',
  697. partbFax: '',
  698. partbId: '',
  699. partbLinkId: '',
  700. partbLinkName: '',
  701. partbName: '',
  702. partbTel: '',
  703. needProduce: 1,
  704. planNumUnit: '立方',
  705. receivePerson: '',
  706. relationType: '',
  707. relationName: '',
  708. relationCode: '',
  709. relationId: '',
  710. createDeptName: '',
  711. salesmanId: '',
  712. salesDeptId: '',
  713. salesDeptName: '',
  714. };
  715. return {
  716. returnOrderDialogFlag: false,
  717. customerMark: '',
  718. opportunityDialogFlag: false,
  719. projectData: {}, //项目数据
  720. clearing: false, //是否清除合同
  721. processSubmitDialogFlag: false,
  722. fullscreen: false, //全屏
  723. linkNameOptions: [],
  724. cacheKeyUrl: 'eos-saleManage-saleOrder-inventoryTable',
  725. visible: false,
  726. title: '',
  727. formDef,
  728. form: copyObj(formDef),
  729. tableLinkData: [],
  730. // 组织机构树形结构数据
  731. groupTreeData: [],
  732. groupData: [],
  733. tableList: [],
  734. // rules: {
  735. // settlementMode: [
  736. // { required: true, message: '请选择结算方式', trigger: 'change' }
  737. // ],
  738. // saleType: [
  739. // { required: true, message: '请选择销售类型', trigger: 'change' }
  740. // ],
  741. // partaName: [
  742. // { required: true, message: '请选择客户名称', trigger: 'change' }
  743. // ],
  744. // partaLinkName: [
  745. // { required: true, message: '请选择客户联系人', trigger: 'change' }
  746. // ],
  747. // acceptUnpack: [
  748. // { required: true, message: '请选择是否接受', trigger: 'change' }
  749. // ],
  750. // partaTel: [
  751. // {
  752. // required: true,
  753. // pattern: telReg,
  754. // message: '请输入客户联系电话',
  755. // trigger: 'blur'
  756. // }
  757. // ],
  758. // partbName: [
  759. // { required: true, message: '请输入售出方名称', trigger: 'change' }
  760. // ],
  761. // partbLinkName: [
  762. // { required: true, message: '请输入售出方联系人', trigger: 'change' }
  763. // ],
  764. // partbTel: [
  765. // {
  766. // required: true,
  767. // pattern: telReg,
  768. // message: '请输入售出方联系电话',
  769. // trigger: 'blur'
  770. // }
  771. // ],
  772. // partaEmail: [
  773. // { pattern: emailReg, message: '邮箱格式不正确', trigger: 'blur' }
  774. // ],
  775. // payAmount: [{ required: true, message: '请输入', trigger: 'blur' }]
  776. // },
  777. // 提交状态
  778. loading: false,
  779. // 是否是修改
  780. isUpdate: false,
  781. enterprisePage: [],
  782. businessId: '',
  783. isBatchNo: 0,
  784. isTaxRate: 0,
  785. isSinglePrice: 0,
  786. isDeptAndPerson: 0
  787. };
  788. },
  789. computed: {
  790. ...mapGetters(['user']),
  791. rules() {
  792. let isRequired = this.isRequired;
  793. return {
  794. settlementMode: [
  795. {
  796. required: this.getSaleTypeName(this.form.saleType) ? false : true,
  797. message: '请选择结算方式',
  798. trigger: 'change'
  799. }
  800. ],
  801. saleType: [
  802. { required: true, message: '请选择销售类型', trigger: 'change' }
  803. ],
  804. projectName: [
  805. {
  806. required: this.clientEnvironmentId == 4 ? true : false,
  807. message: '请选择项目',
  808. trigger: 'change'
  809. }
  810. ],
  811. partaName: [
  812. { required: true, message: '请选择客户名称', trigger: 'change' }
  813. ],
  814. partaLinkName: [
  815. {
  816. required: isRequired,
  817. message: '请选择客户联系人',
  818. trigger: 'change'
  819. }
  820. ],
  821. acceptUnpack: [
  822. { required: true, message: '请选择是否接受', trigger: 'change' }
  823. ],
  824. partaTel: [
  825. {
  826. required: isRequired,
  827. pattern: telReg,
  828. message: '请输入客户联系电话',
  829. trigger: 'blur'
  830. }
  831. ],
  832. partbName: [
  833. { required: true, message: '请输入售出方名称', trigger: 'change' }
  834. ],
  835. partbLinkName: [
  836. {
  837. required: isRequired,
  838. message: '请输入售出方联系人',
  839. trigger: 'change'
  840. }
  841. ],
  842. partbTel: [
  843. {
  844. required: isRequired,
  845. pattern: telReg,
  846. message: '请输入售出方联系电话',
  847. trigger: 'blur'
  848. }
  849. ],
  850. partaEmail: [
  851. { pattern: emailReg, message: '邮箱格式不正确', trigger: 'blur' }
  852. ],
  853. payAmount: [{ required: true, message: '请输入', trigger: 'blur' }],
  854. salesmanId: [{ required: this.isDeptAndPerson == 1 ? true : false, message: '请选择业务员', trigger: 'change' }],
  855. salesDeptId: [{ required: this.isDeptAndPerson == 1 ? true : false, message: '请选择销售部门', trigger: 'change' }],
  856. };
  857. }
  858. },
  859. created() {
  860. console.log('user', this.user.info);
  861. this.changePersonel();
  862. this.getGroupAll();
  863. this.getEnterprisePage();
  864. //批次号是否必填//0否 1是
  865. parameterGetByCode({
  866. code: 'eom_saleOrder_entrusted_batchNo'
  867. }).then((res) => {
  868. this.isBatchNo = res.value;
  869. });
  870. // 销售部门是否必填//0否 1是
  871. parameterGetByCode({
  872. code: 'eom_saleOrder_Dept_and_person'
  873. }).then((res) => {
  874. this.isDeptAndPerson = res.value;
  875. console.log('isDeptAndPerson', this.isDeptAndPerson);
  876. });
  877. // 税率是否必填//0否 1是
  878. parameterGetByCode({
  879. code: 'eom_saleOrder_order-taxRate'
  880. }).then((res) => {
  881. this.isTaxRate = res.value;
  882. });
  883. // 单价是否必填//0否 1是
  884. parameterGetByCode({
  885. code: 'eom_saleOrder_single_price'
  886. }).then((res) => {
  887. this.isSinglePrice = res.value;
  888. console.log('isSinglePrice', this.isSinglePrice);
  889. });
  890. },
  891. methods: {
  892. setCountAmount(allPrice) {
  893. this.form.totalAmount = allPrice;
  894. this.form.payAmount = allPrice;
  895. },
  896. setTotalPlanNum(totalPlanNum) {
  897. this.$set(this.form, 'totalPlanNum', totalPlanNum);
  898. },
  899. discountInput() {
  900. this.$refs.inventoryTable.discountInputByOrder(this.form.payAmount);
  901. },
  902. // 选择负责人部门
  903. change_principalDep(id) {
  904. const info = this.groupData.find((e) => e.id == id);
  905. this.form.salesDeptName = info?.name;
  906. this.form.salesmanId = '';
  907. this.form.salesmanName = '';
  908. // 根据部门获取人员
  909. this.$nextTick(() => {});
  910. this.getSalesmanUser(id);
  911. },
  912. getSalesmanUser(groupId) {
  913. if (groupId) {
  914. this.$refs.salseManDirectorRef.getList({ groupId });
  915. }
  916. },
  917. salesmanChange(val, info) {
  918. this.$set(this.form, 'salesmanId', val);
  919. this.$set(this.form, 'salesmanName', info.name);
  920. },
  921. // 获取公司数据
  922. getGroupAll() {
  923. const apiRequest = this.clientEnvironmentId == 6 ? listOrganizationsNew({deptIds: ['1998632792148717569', '1998632872721297409']}) : listOrganizations();
  924. apiRequest.then((list) => {
  925. console.log('listOrganizations', list);
  926. this.groupData = list;
  927. this.groupTreeData = this.$util.toTreeData({
  928. data: list,
  929. idField: 'id',
  930. parentIdField: 'parentId'
  931. });
  932. });
  933. },
  934. //选择商机
  935. handOpportunity(e) {
  936. this.opportunityDialogFlag = true;
  937. this.$nextTick(() => {
  938. let item = {
  939. id: this.form.sourceId
  940. };
  941. this.$refs.opportunityDialogRef.init(item);
  942. });
  943. },
  944. //获取商机信息
  945. async getOpportunityDetail(row) {
  946. this.$set(this.form, 'relationName', row.name);
  947. this.$set(this.form, 'relationId', row.id);
  948. this.$set(this.form, 'relationCode', row.code);
  949. let cusInfo = await contactDetail(row.contactId);
  950. let info = await getOpportunityInfo(row?.id ?? '');
  951. await this.getLinkInfo(cusInfo.base.id);
  952. let totalPrice = info.productList.reduce((num, cur) => {
  953. return num + Number(cur.totalPrice);
  954. }, 0);
  955. info.productList.forEach((item) => {
  956. item.discountSinglePrice =
  957. item.discountSinglePrice || item.singlePrice;
  958. item.discountTotalPrice = item.discountTotalPrice || item.totalPrice;
  959. });
  960. let discountTotalPrice = info.productList.reduce((num, cur) => {
  961. return num + Number(cur.discountTotalPrice);
  962. }, 0);
  963. this.form = Object.assign({}, this.form, {
  964. partaName: cusInfo.base.name,
  965. partaId: cusInfo.base.id,
  966. partaUnifiedSocialCreditCode: cusInfo.base.unifiedSocialCreditCode,
  967. partaAddress: cusInfo.base.addressName + cusInfo.base.address,
  968. partaLinkName: cusInfo.linkList[0]?.linkName,
  969. partaLinkId: cusInfo.linkList[0]?.id,
  970. partaTel: cusInfo.linkList[0]?.mobilePhone,
  971. totalPrice: totalPrice,
  972. discountTotalPrice: discountTotalPrice
  973. });
  974. if (this.enterprisePage.length === 1) {
  975. this.form.partbName = this.enterprisePage[0].name;
  976. this.form.partbId = this.enterprisePage[0].id;
  977. this.getEnterprise();
  978. }
  979. this.$nextTick(() => {
  980. this.$refs.inventoryTable &&
  981. this.$refs.inventoryTable.putTableValue(info);
  982. });
  983. // let form = {
  984. // contractVO: {
  985. // },
  986. // productList: info.productList || []
  987. // };
  988. },
  989. //选择报价单
  990. handQuotation(e) {
  991. this.$refs.quotationListRef.open();
  992. },
  993. //报价单
  994. async changeQuotationList({ data, sourceCode, sourceId }) {
  995. this.form = Object.assign({}, this.form, {
  996. relationCode: sourceCode,
  997. relationId: sourceId
  998. });
  999. this.getDetailData('', data);
  1000. },
  1001. //选择退货单
  1002. handleReturnBtn(e) {
  1003. // this.$refs.returnListRef.open();
  1004. if (e.target.nodeName == 'I') {
  1005. this.$set(this.form, 'relationCode', '');
  1006. this.$set(this.form, 'relationId', '');
  1007. return;
  1008. }
  1009. this.returnOrderDialogFlag = true;
  1010. },
  1011. //退货单
  1012. async changeReturn(row) {
  1013. console.log('data~~~', row);
  1014. this.form = Object.assign({}, this.form, {
  1015. relationCode: row.returnNo,
  1016. relationId: row.id
  1017. });
  1018. this.getReturnOrderDetail(row);
  1019. },
  1020. async getReturnOrderDetail(row) {
  1021. console.log('row', row.orderNo);
  1022. // let data = null;
  1023. // if (row) {
  1024. // data = row;
  1025. // } else {
  1026. // data = await getSaleOrderDetail(id);
  1027. // }
  1028. const id = row.orderIds.split(',')[0];
  1029. const res = await getSaleOrderDetail(id);
  1030. console.log('res~~~~', res);
  1031. // this.form = Object.assign({}, this.form, res);
  1032. if (row.partaId) {
  1033. await this.changeParent({ id: row.partaId }, true);
  1034. }
  1035. if (res) {
  1036. let {
  1037. partaAddress,
  1038. partaEmail,
  1039. partaFax,
  1040. partaId,
  1041. partaLinkId,
  1042. partaLinkName,
  1043. partaName,
  1044. partaTel,
  1045. partbAddress,
  1046. partbEmail,
  1047. partbFax,
  1048. partbId,
  1049. partbLinkId,
  1050. partbLinkName,
  1051. partbName,
  1052. partbTel,
  1053. totalPrice,
  1054. discountTotalPrice,
  1055. partaUnifiedSocialCreditCode,
  1056. partbUnifiedSocialCreditCode,
  1057. settlementMode,
  1058. settlementModeName,
  1059. pricingWay,
  1060. productList,
  1061. typedetailList,
  1062. totalAmount,
  1063. payAmount
  1064. } = res;
  1065. this.form = Object.assign({}, this.form, {
  1066. partaAddress,
  1067. partaEmail,
  1068. partaFax,
  1069. partaId,
  1070. partaLinkId,
  1071. partaLinkName,
  1072. partaName,
  1073. partaTel,
  1074. partbAddress,
  1075. partbEmail,
  1076. partbFax,
  1077. partbId,
  1078. partbLinkId,
  1079. partbLinkName,
  1080. partbName,
  1081. partbTel,
  1082. totalPrice,
  1083. discountTotalPrice,
  1084. partaUnifiedSocialCreditCode,
  1085. partbUnifiedSocialCreditCode,
  1086. settlementMode,
  1087. settlementModeName,
  1088. pricingWay,
  1089. productList,
  1090. typedetailList,
  1091. totalAmount,
  1092. payAmount
  1093. });
  1094. this.$nextTick(() => {
  1095. this.$refs.inventoryTable &&
  1096. this.$refs.inventoryTable.putTableValue(res);
  1097. this.$refs.typeListRef &&
  1098. this.$refs.typeListRef.putTableValue(res.typedetailList);
  1099. this.getLinkInfo(row.partaId);
  1100. // this.$store.commit('order/setContractId', row.partaId);
  1101. });
  1102. }
  1103. },
  1104. //选择合同获取合同的详情
  1105. async getDetailData(id, row) {
  1106. this.loading = true;
  1107. let data = null;
  1108. if (row) {
  1109. data = row;
  1110. } else {
  1111. data = await getDetail(id);
  1112. }
  1113. this.loading = false;
  1114. if (data) {
  1115. await this.changeParent({ id: data.contractVO?.partaId }, true);
  1116. let { contractVO } = data;
  1117. this.$nextTick(() => {
  1118. let {
  1119. partaAddress,
  1120. partaEmail,
  1121. partaFax,
  1122. partaId,
  1123. partaLinkId,
  1124. partaLinkName,
  1125. partaName,
  1126. partaTel,
  1127. partbAddress,
  1128. partbEmail,
  1129. partbFax,
  1130. partbId,
  1131. partbLinkId,
  1132. partbLinkName,
  1133. partbName,
  1134. partbTel,
  1135. totalPrice,
  1136. discountTotalPrice,
  1137. partaUnifiedSocialCreditCode,
  1138. partbUnifiedSocialCreditCode,
  1139. settlementMode,
  1140. settlementModeName,
  1141. pricingWay,
  1142. contractNo,
  1143. contractNumber,
  1144. contractName,
  1145. businessDeptId,
  1146. businessDeptName,
  1147. businessUserId,
  1148. businessUserName,
  1149. } = contractVO;
  1150. if(businessDeptId){
  1151. this.getSalesmanUser(businessDeptId);
  1152. }
  1153. this.form = Object.assign(
  1154. {},
  1155. this.form,
  1156. {
  1157. partaAddress,
  1158. partaEmail,
  1159. partaFax,
  1160. partaId,
  1161. partaLinkId,
  1162. partaLinkName,
  1163. partaName,
  1164. partaTel,
  1165. partbAddress,
  1166. partbEmail,
  1167. partbFax,
  1168. partbId,
  1169. partbLinkId,
  1170. partbLinkName,
  1171. partbName,
  1172. partbTel,
  1173. pricingWay,
  1174. totalPrice,
  1175. discountTotalPrice,
  1176. partaUnifiedSocialCreditCode,
  1177. partbUnifiedSocialCreditCode,
  1178. totalAmount: totalPrice,
  1179. payAmount: discountTotalPrice || totalPrice,
  1180. receiveAddress: this.clientEnvironmentId == 5 ? '' : partaAddress,
  1181. settlementMode,
  1182. settlementModeName,
  1183. contractNo,
  1184. contractNumber,
  1185. salesDeptId: businessDeptId,
  1186. salesDeptName: businessDeptName,
  1187. salesmanId: businessUserId,
  1188. salesmanName: businessUserName,
  1189. },
  1190. !row
  1191. ? {
  1192. relationName: contractName,
  1193. relationCode: contractNumber,
  1194. relationId: id
  1195. }
  1196. : {}
  1197. );
  1198. data.productList = data.productList.map((item) => {
  1199. item['saleCount'] = item.contractCount || item.saleCount;
  1200. item['saleUnit'] = item.contractUnit || item.saleUnit;
  1201. item['saleUnitId'] = item.contractUnitId || item.saleUnitId;
  1202. return item;
  1203. });
  1204. this.getLinkInfo(partaId);
  1205. this.$refs.inventoryTable &&
  1206. this.$refs.inventoryTable.putTableValue(data);
  1207. });
  1208. }
  1209. },
  1210. //获取订单详情
  1211. async getSaleOrderDetail(id) {
  1212. this.businessId = id;
  1213. this.loading = true;
  1214. const data = await getSaleOrderDetail(id);
  1215. this.loading = false;
  1216. this.form = data;
  1217. if (data.partaId) {
  1218. await this.changeParent({ id: data.partaId }, true);
  1219. }
  1220. if (data) {
  1221. data.saleType = +data.saleType;
  1222. this.$nextTick(() => {
  1223. if(data.salesDeptId) {
  1224. this.getSalesmanUser(data.salesDeptId);
  1225. }
  1226. this.$refs.inventoryTable &&
  1227. this.$refs.inventoryTable.putTableValue(data);
  1228. this.$refs.typeListRef &&
  1229. this.$refs.typeListRef.putTableValue(data.typedetailList);
  1230. this.getLinkInfo(data.partaId);
  1231. this.$store.commit('order/setContractId', data.partaId);
  1232. });
  1233. }
  1234. },
  1235. //更新联系人数据
  1236. async getLinkInfo(contactId) {
  1237. const data = await getcontactlink({ contactId });
  1238. if (data && data?.length) {
  1239. this.linkNameOptions = data;
  1240. }
  1241. },
  1242. //选择下拉框
  1243. onchangeLink(selectedOptions) {
  1244. const option = this.linkNameOptions.find(
  1245. (opt) => opt.id === selectedOptions
  1246. );
  1247. this.form = Object.assign({}, this.form, {
  1248. partaEmail: option?.email,
  1249. partaLinkName: option?.linkName || '',
  1250. partaTel: option?.mobilePhone || option?.phone || '',
  1251. partaLinkId: option?.id
  1252. });
  1253. },
  1254. handHead() {
  1255. let item = {
  1256. id: this.form.partbLinkId
  1257. };
  1258. this.$refs.headRef.open(item);
  1259. },
  1260. orderListShow() {
  1261. this.$refs.saleOrderListDialogRef.open();
  1262. },
  1263. async saleOrderListDialogChange(row) {
  1264. let data = await getSaleOrderDetail(row.id);
  1265. [
  1266. 'id',
  1267. 'orderId',
  1268. 'createTime',
  1269. 'createUserId',
  1270. 'createUserName',
  1271. 'createDept',
  1272. 'orderNo',
  1273. 'orderStatus',
  1274. 'outboundStatus',
  1275. 'payStatus',
  1276. 'preOrderNo',
  1277. 'progress',
  1278. 'processInstanceId',
  1279. 'orderBomList'
  1280. ].forEach((key) => {
  1281. delete data[key];
  1282. data.productList.forEach((item) => {
  1283. if (['id', 'createTime', 'createUserId', 'orderId'].includes(key)) {
  1284. delete item[key];
  1285. }
  1286. });
  1287. data.typedetailList.forEach((item) => {
  1288. if (['id', 'createTime', 'createUserId', 'orderId'].includes(key)) {
  1289. delete item[key];
  1290. }
  1291. });
  1292. });
  1293. this.form = data;
  1294. if (data) {
  1295. data.saleType = +data.saleType;
  1296. this.$nextTick(() => {
  1297. this.$refs.inventoryTable &&
  1298. this.$refs.inventoryTable.putTableValue(data);
  1299. this.$refs.typeListRef &&
  1300. this.$refs.typeListRef.putTableValue(data.typedetailList);
  1301. this.getLinkInfo(data.partaId);
  1302. this.$store.commit('order/setContractId', data.partaId);
  1303. });
  1304. }
  1305. },
  1306. //选择售出方人回调
  1307. changePersonel(obj) {
  1308. if (!obj) {
  1309. obj = this.$store.getters.user.info;
  1310. obj.id = obj.userId;
  1311. }
  1312. this.$set(this.form, 'partbLinkId', obj.id);
  1313. this.$set(this.form, 'partbLinkName', obj.name);
  1314. this.$set(this.form, 'partbTel', obj.phone);
  1315. this.$set(this.form, 'partbEmail', obj.email);
  1316. },
  1317. //选择客户回调
  1318. async changeParent(obj, isCustomerMark) {
  1319. const { base, other, linkList } = await contactDetail(obj.id);
  1320. const userInfo = base?.salesmanId
  1321. ? await getUserDetail(base?.salesmanId)
  1322. : {};
  1323. this.customerMark = base?.serialNo;
  1324. // 新增时带出默认收货人
  1325. const defaultReceived = linkList.find((item) => item.isDefault === 1);
  1326. this.form.receivePerson = defaultReceived?.linkName;
  1327. if (isCustomerMark) {
  1328. return;
  1329. }
  1330. this.form = Object.assign({}, this.form, {
  1331. partaId: base?.id,
  1332. partaName: base?.name,
  1333. partaAddress: other?.addressName + other?.address,
  1334. partaLinkId: '',
  1335. partaLinkName: '',
  1336. partaEmail: '',
  1337. partaTel: '',
  1338. partaUnifiedSocialCreditCode: base?.unifiedSocialCreditCode,
  1339. customerMark: base?.serialNo,
  1340. receiveAddress: this.clientEnvironmentId == 5 ? '' : other?.addressName + other?.address,
  1341. receivePerson: defaultReceived?.linkName
  1342. });
  1343. this.changePersonel(userInfo?.id ? userInfo : '');
  1344. await this.getLinkInfo(obj.id);
  1345. this.$nextTick(() => {
  1346. let firstLink =
  1347. this.linkNameOptions.find((item) => item.ifChief == 1) || {};
  1348. this.form = Object.assign({}, this.form, {
  1349. partaLinkId: firstLink.id || this.linkNameOptions[0]?.id,
  1350. partaLinkName:
  1351. firstLink.linkName || this.linkNameOptions[0]?.linkName,
  1352. partaTel:
  1353. firstLink.mobilePhone || this.linkNameOptions[0]?.mobilePhone
  1354. });
  1355. this.setProductInfo();
  1356. });
  1357. },
  1358. setProductInfo() {
  1359. if (this.$refs.inventoryTable && this.$refs.inventoryTable.form) {
  1360. this.$refs.inventoryTable?.form?.datasource.forEach((item, index) => {
  1361. this.$set(
  1362. this.$refs.inventoryTable?.form?.datasource[index],
  1363. 'customerMark',
  1364. this.customerMark
  1365. );
  1366. });
  1367. }
  1368. },
  1369. saleTypeChange() {
  1370. if (this.getSaleTypeName()) {
  1371. this.$set(this.form, 'settlementMode', '');
  1372. }
  1373. },
  1374. getSaleTypeName() {
  1375. let saleTypeName =
  1376. this.getDictValue('销售类型', this.form.saleType) || '';
  1377. this.form.saleTypeName = saleTypeName;
  1378. if (
  1379. saleTypeName.indexOf('技改') != '-1' ||
  1380. saleTypeName.indexOf('三包') != '-1' ||
  1381. saleTypeName.indexOf('补发') != '-1'
  1382. ) {
  1383. return true;
  1384. } else {
  1385. return false;
  1386. }
  1387. },
  1388. //选择合同回调
  1389. changeContract(obj) {
  1390. this.form = Object.assign({}, this.form, {
  1391. contractId: obj.id,
  1392. contractName: obj.contractName,
  1393. relationType: 3,
  1394. productionRequirements: obj.productionRequirements
  1395. });
  1396. this.getDetailData(obj.id);
  1397. this.$store.commit('order/setContractId', obj.id);
  1398. },
  1399. //选择合同弹框
  1400. handleContractBtn() {
  1401. if (this.clearing) return;
  1402. let item = {
  1403. id: this.form.contractId
  1404. };
  1405. this.$refs.selectContractRef.open(item);
  1406. },
  1407. //选择项目回调
  1408. async changeProject(obj) {
  1409. this.projectData = obj;
  1410. this.form = Object.assign({}, this.form, {
  1411. projectName: obj.name,
  1412. projectId: obj.id,
  1413. projectCode: obj.code,
  1414. relationName: obj.name,
  1415. relationId: obj.id,
  1416. relationCode: obj.code
  1417. });
  1418. if (obj.contractId) {
  1419. this.changeContract({
  1420. id: obj.contractId,
  1421. contractName: obj.contractName
  1422. });
  1423. } else if (obj.contactId) {
  1424. this.changeParent({ id: obj.contactId });
  1425. }
  1426. },
  1427. //选择项目弹框
  1428. handleProjectBtn() {
  1429. if (this.clearing) return;
  1430. let item = {
  1431. id: this.form.projectId
  1432. };
  1433. this.$refs.selectProjectRef.open(item);
  1434. },
  1435. //清除合同
  1436. clearContrcat(type) {
  1437. if (type == 'project' && !this.form.projectId) {
  1438. return;
  1439. }
  1440. this.clearing = true;
  1441. let { id, saleType, saleTypeName, orderFiles, remark, relationType } =
  1442. this.form;
  1443. this.form = Object.assign({}, copyObj(this.formDef), {
  1444. id,
  1445. saleType,
  1446. saleTypeName,
  1447. relationType,
  1448. orderFiles,
  1449. remark,
  1450. createDeptName: this.user.info.groupName
  1451. });
  1452. this.projectData = {};
  1453. this.$store.commit('order/setContractId', '');
  1454. this.$refs.inventoryTable &&
  1455. this.$refs.inventoryTable.putTableValue([]);
  1456. setTimeout(() => {
  1457. this.clearing = false;
  1458. }, 500);
  1459. },
  1460. handParent() {
  1461. if (this.form.contractId) {
  1462. return this.$message.error('选择了合同不能更改客户名称');
  1463. }
  1464. let item = {
  1465. id: this.form.contactId
  1466. };
  1467. this.$refs.parentRef.open(item);
  1468. },
  1469. listFormatte(data) {
  1470. return data.filter((item) => item.dictCode !== 0);
  1471. },
  1472. //打开新增编辑弹框
  1473. async open(type, row, contactCategoryId) {
  1474. this.businessId = '';
  1475. this.title = type === 'add' ? '新增' : '修改';
  1476. this.clientEnvironmentId =
  1477. this.$store.state.user.info.clientEnvironmentId;
  1478. this.row = row;
  1479. if (this.enterprisePage.length == 0) {
  1480. await this.getEnterprisePage();
  1481. }
  1482. this.visible = true;
  1483. if (type == 'add') {
  1484. this.isUpdate = false;
  1485. if (this.enterprisePage.length > 0) {
  1486. this.form.partbName = this.enterprisePage[0].name;
  1487. this.form.partbId = this.enterprisePage[0].id;
  1488. this.form.partbUnifiedSocialCreditCode =
  1489. this.enterprisePage[0].unifiedSocialCreditCode;
  1490. this.form.partbFax = this.enterprisePage[0].fax;
  1491. this.form.partbAddress = this.enterprisePage[0].address;
  1492. }
  1493. if (this.contactData.id) {
  1494. this.changeParent({ id: this.contactData.id });
  1495. }
  1496. this.form.createDeptName = this.user.info.groupName;
  1497. this.form.saleType = 1;
  1498. // this.form.progress = 700;
  1499. //嘉实默认值
  1500. if (this.clientEnvironmentId == 5) {
  1501. this.form.saleType = 2;
  1502. this.form.needProduce = 0;
  1503. this.form.progress = 700;
  1504. this.form.settlementMode = '6';
  1505. }
  1506. //宝悦默认值
  1507. if (this.clientEnvironmentId == 4) {
  1508. this.form.needProduce = 4;
  1509. this.form.relationType = 4;
  1510. }
  1511. console.log('clientEnvironmentId~~~', this.clientEnvironmentId)
  1512. //润天默认值
  1513. if (this.clientEnvironmentId == 6) {
  1514. this.form.salesDeptId = '1998632792148717569';
  1515. this.form.salesDeptName = '营销部';
  1516. this.$nextTick(() => {
  1517. this.getSalesmanUser(this.form.salesDeptId)
  1518. })
  1519. }
  1520. } else {
  1521. this.isUpdate = true;
  1522. this.getSaleOrderDetail(row.id);
  1523. }
  1524. },
  1525. needProduceChange() {
  1526. this.$nextTick(() => {
  1527. this.form.totalAmount = 0;
  1528. this.form.payAmount = 0;
  1529. this.form.progress = this.form.needProduce == 0 ? 700 : 0;
  1530. this.$refs.inventoryTable &&
  1531. this.$refs.inventoryTable.putTableValue({});
  1532. this.$refs.typeListRef && this.$refs.typeListRef.putTableValue([]);
  1533. });
  1534. },
  1535. //从合同页面新增订单
  1536. async contractOpen(row) {
  1537. this.title = '新增';
  1538. this.visible = true;
  1539. this.isUpdate = false;
  1540. if (this.enterprisePage.length == 0) {
  1541. await this.getEnterprisePage();
  1542. }
  1543. if (this.enterprisePage.length > 0) {
  1544. this.form.partbName = this.enterprisePage[0].name;
  1545. this.form.partbId = this.enterprisePage[0].id;
  1546. this.form.partbUnifiedSocialCreditCode =
  1547. this.enterprisePage[0].unifiedSocialCreditCode;
  1548. this.form.partbFax = this.enterprisePage[0].fax;
  1549. this.form.partbAddress = this.enterprisePage[0].address;
  1550. }
  1551. await this.changeContract(row);
  1552. },
  1553. getEnterprisePage() {
  1554. enterprisePage({
  1555. pageNum: 1,
  1556. size: 100
  1557. }).then((res) => {
  1558. this.enterprisePage = [];
  1559. this.enterprisePage.push(...res.list);
  1560. });
  1561. },
  1562. getEnterprise() {
  1563. let data = this.enterprisePage.find(
  1564. (item) => item.name == this.form.partbName
  1565. );
  1566. this.form.partbName = data.name;
  1567. this.form.partbId = data.id;
  1568. this.form.partbUnifiedSocialCreditCode = data.unifiedSocialCreditCode;
  1569. this.form.partbFax = data.fax;
  1570. this.form.partbAddress = data.address;
  1571. },
  1572. settlementModeChange(info) {
  1573. this.form.settlementModeName = info.dictValue;
  1574. },
  1575. ifChiefChange(value, idx) {
  1576. if (value === 1) {
  1577. this.tableLinkData.forEach((e) => (e.ifChief = 0));
  1578. this.tableLinkData[idx].ifChief = 1;
  1579. }
  1580. },
  1581. getValidate() {
  1582. console.log(this.form);
  1583. let arr = [
  1584. new Promise((resolve, reject) => {
  1585. this.$refs.form.validate((valid) => {
  1586. if (!valid) {
  1587. reject(false);
  1588. } else {
  1589. resolve(true);
  1590. }
  1591. });
  1592. })
  1593. ];
  1594. if (this.form.needProduce != 4) {
  1595. arr.push(
  1596. new Promise((resolve, reject) => {
  1597. this.$refs.inventoryTable.validateForm((valid) => {
  1598. if (!valid) {
  1599. reject(false);
  1600. } else {
  1601. resolve(true);
  1602. }
  1603. });
  1604. })
  1605. );
  1606. }
  1607. if (this.form.needProduce == 4) {
  1608. arr.push(
  1609. new Promise((resolve, reject) => {
  1610. this.$refs.typeListRef.validateForm((valid) => {
  1611. if (!valid) {
  1612. reject(false);
  1613. } else {
  1614. resolve(true);
  1615. }
  1616. });
  1617. })
  1618. );
  1619. }
  1620. return Promise.all(arr);
  1621. },
  1622. async save(type) {
  1623. try {
  1624. await this.getValidate();
  1625. // 表单验证通过,执行保存操作
  1626. this.loading = true;
  1627. let isTemporary = [];
  1628. if (!this.isUpdate) {
  1629. delete this.form.id;
  1630. }
  1631. let commitData = Object.assign({}, this.form, {
  1632. productList: this.$refs?.inventoryTable?.getTableValue() || [],
  1633. typedetailList: this.$refs?.typeListRef?.getTableValue() || [],
  1634. saleTypeName: this.getDictValue('销售类型', this.form.saleType)
  1635. // progress: this.form.needProduce == 0 ? 700 : 0
  1636. });
  1637. if(commitData.isSuspend == 1 && commitData.productList?.length > 1){
  1638. this.$message.error('挂起订单只能选择一个产品');
  1639. return;
  1640. }
  1641. if (isTemporary.length > 0) {
  1642. this.$message.error(
  1643. isTemporary.toString() +
  1644. '是临时产品,无法创建订单,请先去主数据维护!'
  1645. );
  1646. return;
  1647. }
  1648. this.interfaceCall(commitData, type);
  1649. } catch (error) {
  1650. console.log(error);
  1651. // 表单验证未通过,不执行保存操作
  1652. }
  1653. },
  1654. interfaceCall(commitData, type) {
  1655. let API = this.isUpdate ? UpdateInformation : addInformation;
  1656. API(commitData)
  1657. .then((res) => {
  1658. this.loading = false;
  1659. if(this.form.partaId) {
  1660. updateRelationStatus([this.form.partaId]);
  1661. }
  1662. if (this.form.contractId) {
  1663. updateContractStatus([this.form.contractId]);
  1664. }
  1665. if (type === 'sub') {
  1666. this.saleOrderSubmitOrGenerate(res, commitData);
  1667. return;
  1668. } else {
  1669. this.$message.success('操作成功');
  1670. }
  1671. this.cancel();
  1672. this.$emit('done');
  1673. })
  1674. .catch((e) => {
  1675. //this.loading = false;
  1676. });
  1677. },
  1678. async callBack() {
  1679. if (!this.current.generatePurchase && !this.current.generateProduce) {
  1680. return 0;
  1681. }
  1682. const code = saveOrderBomList({
  1683. categoryDTOList: this.tableList || [],
  1684. orderId: this.current.id
  1685. });
  1686. return code;
  1687. },
  1688. async saleOrderSubmitOrGenerate(id) {
  1689. this.tableList = [];
  1690. this.current = await getSaleOrderDetail(this.businessId || id);
  1691. if (!this.current.generatePurchase && !this.current.generateProduce) {
  1692. this.saleOrderSubmit(this.current.id);
  1693. } else {
  1694. const data = await getByRepeatBomAttribute(this.current.id);
  1695. if (data && data.length) {
  1696. this.$refs.bomDialogRef.open(data);
  1697. return;
  1698. }
  1699. this.saleOrderSubmit(this.current.id);
  1700. }
  1701. },
  1702. bomDialogSuccess(tableList) {
  1703. this.tableList = tableList;
  1704. this.saleOrderSubmit(this.current.id);
  1705. },
  1706. async saleOrderSubmit(res) {
  1707. const data = await getSaleOrderDetail(this.businessId || res);
  1708. this.processSubmitDialogFlag = true;
  1709. let businessType =
  1710. data.needProduce == 1
  1711. ? '有客户生产性订单'
  1712. : data.needProduce == 2
  1713. ? '无客户生产性订单'
  1714. : data.needProduce == 4
  1715. ? '不定向订单'
  1716. : '库存式订单';
  1717. this.$nextTick(() => {
  1718. let params = {
  1719. businessId: data.id,
  1720. businessKey: 'sales_order_approve',
  1721. formCreateUserId: data.createUserId,
  1722. variables: {
  1723. businessCode: data.orderNo,
  1724. businessName: data.partaName,
  1725. businessType: businessType
  1726. }
  1727. };
  1728. this.$refs.processSubmitDialogRef.init(params);
  1729. });
  1730. },
  1731. reload() {
  1732. this.cancel();
  1733. this.$emit('done');
  1734. },
  1735. cancel() {
  1736. this.$nextTick(() => {
  1737. // 关闭后,销毁所有的表单数据
  1738. this.$refs['otherForm'] && this.$refs['otherForm'].resetFields();
  1739. this.$refs['formRef'] && this.$refs['formRef'].resetFields();
  1740. this.$store.commit('order/clearUserData');
  1741. this.form = copyObj(this.formDef);
  1742. this.visible = false;
  1743. this.projectData = {};
  1744. });
  1745. },
  1746. //查找合同分类对应name
  1747. findNameById(tree, targetId) {
  1748. for (let i = 0; i < tree.length; i++) {
  1749. const node = tree[i];
  1750. if (node.id === targetId) {
  1751. return node.name;
  1752. }
  1753. if (node.children && node.children.length > 0) {
  1754. const name = this.findNameById(node.children, targetId);
  1755. if (name) {
  1756. return name;
  1757. }
  1758. }
  1759. }
  1760. return null;
  1761. }
  1762. }
  1763. };
  1764. </script>
  1765. <style scoped lang="scss">
  1766. .TotalAmount {
  1767. font-size: 16px;
  1768. padding-right: 30px;
  1769. }
  1770. .totalPlanNum {
  1771. :deep(.el-input-group__append) {
  1772. width: 160px;
  1773. }
  1774. }
  1775. </style>