addDialogNew.vue 80 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491
  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="8">
  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 label="销售部门" prop="salesDeptId">
  73. <ele-tree-select
  74. clearable
  75. :data="groupTreeData"
  76. v-model="form.salesDeptId"
  77. valueKey="id"
  78. labelKey="name"
  79. placeholder="请选择"
  80. @change="change_principalDep"
  81. default-expand-all
  82. />
  83. </el-form-item>
  84. <el-form-item label="是否挂单" prop="isSuspend">
  85. <el-radio-group v-model="form.isSuspend">
  86. <el-radio :label="1">是</el-radio>
  87. <el-radio :label="0">否</el-radio>
  88. </el-radio-group>
  89. <span
  90. v-if="form.isSuspend == 1"
  91. style="margin-left: 10px; font-size: 12px; color: #1890ff"
  92. >
  93. 挂单只能选择一个产品
  94. </span>
  95. </el-form-item>
  96. <el-form-item label="发起人所属部门" prop="createDeptName">
  97. <el-input v-model="form.createDeptName" :disabled="true"></el-input>
  98. </el-form-item>
  99. <el-form-item prop="orderFiles" label="订单附件">
  100. <fileMain v-model="form.orderFiles"></fileMain>
  101. </el-form-item>
  102. <!-- <el-form-item prop="productionRequirements" label="备注">
  103. <el-input
  104. clearable
  105. v-model="form.productionRequirements"
  106. placeholder="请输入"
  107. type="textarea"
  108. />
  109. </el-form-item> -->
  110. <!-- <el-form-item label="预销售订单编码" prop="preOrderNo">
  111. <el-input
  112. clearable
  113. v-model="form.preOrderNo"
  114. placeholder="请输入"
  115. />
  116. </el-form-item> -->
  117. <!-- <el-form-item prop="productionRequirements" label="生产要求">
  118. <el-input
  119. clearable
  120. v-model="form.productionRequirements"
  121. placeholder="请输入"
  122. type="textarea"
  123. />
  124. </el-form-item> -->
  125. </el-col>
  126. <el-col :span="8">
  127. <el-form-item label="来源类型" prop="relationType">
  128. <el-select
  129. v-model="form.relationType"
  130. filterable
  131. clearable
  132. style="width: 100%"
  133. @change="clearContrcat"
  134. >
  135. <el-option :value="1" label="商机"></el-option>
  136. <el-option :value="2" label="报价"></el-option>
  137. <el-option :value="3" label="销售合同"></el-option>
  138. <el-option :value="4" label="项目"></el-option>
  139. <el-option
  140. v-if="form.saleType == 4 || form.saleType == 6"
  141. :value="5"
  142. label="退货单"
  143. ></el-option>
  144. </el-select>
  145. </el-form-item>
  146. <el-form-item
  147. label="报价单"
  148. prop="relationCode"
  149. v-if="form.relationType == 2"
  150. >
  151. <el-input
  152. clearable
  153. readonly
  154. @clear="clearContrcat"
  155. v-model="form.relationCode"
  156. @click.native="handQuotation"
  157. placeholder="请输入"
  158. />
  159. </el-form-item>
  160. <el-form-item
  161. label="商机名称"
  162. prop="relationName"
  163. v-if="form.relationType == 1"
  164. >
  165. <el-input
  166. clearable
  167. v-model="form.relationName"
  168. @click.native="handOpportunity"
  169. readonly
  170. @clear="clearContrcat"
  171. placeholder="请输入"
  172. />
  173. </el-form-item>
  174. <el-form-item
  175. label="选择合同"
  176. prop="relationName"
  177. v-if="form.relationType == 3"
  178. >
  179. <el-input
  180. clearable
  181. v-model="form.relationName"
  182. @click.native="handleContractBtn"
  183. @clear="clearContrcat"
  184. placeholder="请选择"
  185. :disabled="!!projectData.contractId"
  186. />
  187. </el-form-item>
  188. <el-form-item
  189. label="项目名称"
  190. prop="projectName"
  191. v-if="form.relationType == 4"
  192. >
  193. <el-input
  194. clearable
  195. v-model="form.projectName"
  196. @change="form.relationName = form.projectName"
  197. @clear="clearContrcat('project')"
  198. placeholder="请输入"
  199. style="width: calc(100% - 80px)"
  200. />
  201. <el-button
  202. style="margin-left: 5px"
  203. size="small"
  204. type="primary"
  205. @click.native="handleProjectBtn"
  206. >选择
  207. </el-button>
  208. </el-form-item>
  209. <el-form-item
  210. label="退货单"
  211. prop="relationCode"
  212. v-if="form.relationType == 5"
  213. >
  214. <el-input
  215. clearable
  216. readonly
  217. @clear="clearContrcat"
  218. v-model="form.relationCode"
  219. @click.native="handleReturnBtn"
  220. placeholder="请输入"
  221. />
  222. </el-form-item>
  223. <el-form-item
  224. label="合同编号"
  225. prop="relationCode"
  226. v-if="form.relationType == 3"
  227. >
  228. <el-input
  229. :disabled="!!form.contractId"
  230. v-model="form.relationCode"
  231. />
  232. </el-form-item>
  233. <el-form-item label="签订日期" prop="contractStartDate">
  234. <el-date-picker
  235. v-model="form.contractStartDate"
  236. type="date"
  237. value-format="yyyy-MM-dd"
  238. format="yyyy-MM-dd"
  239. :clearable="false"
  240. placeholder="选择日期"
  241. style="width: 100%"
  242. >
  243. </el-date-picker>
  244. </el-form-item>
  245. <el-form-item label="业务员" prop="salesmanId">
  246. <personSelect
  247. ref="salseManDirectorRef"
  248. v-model="form.salesmanId"
  249. @selfChange="salesmanChange"
  250. :init="false"
  251. />
  252. </el-form-item>
  253. <el-form-item label="收款条件" prop="collectionConditionName">
  254. <el-input
  255. clearable
  256. readonly
  257. v-model="form.collectionConditionName"
  258. @click.native="handlePaymentConditionBtn"
  259. placeholder="请输入"
  260. />
  261. </el-form-item>
  262. <el-form-item
  263. label="总数"
  264. prop="totalPlanNum"
  265. v-if="form.needProduce == 4"
  266. >
  267. <el-input v-model="form.totalPlanNum" class="totalPlanNum">
  268. <template slot="append">
  269. <DictSelection
  270. dictName="计量单位"
  271. clearable
  272. v-model="form.planNumUnit"
  273. >
  274. </DictSelection>
  275. </template>
  276. </el-input>
  277. </el-form-item>
  278. </el-col>
  279. <el-col :span="8">
  280. <el-form-item label="生成收款计划表" prop="isGenerateReceiptPlan">
  281. <el-radio-group v-model="form.isGenerateReceiptPlan" @change="generatePlanChange">
  282. <el-radio :label="1">是</el-radio>
  283. <el-radio :label="0">否</el-radio>
  284. </el-radio-group>
  285. </el-form-item>
  286. <el-form-item label="交易方式" prop="transactionMode">
  287. <el-select
  288. v-model="form.transactionMode"
  289. placeholder="请选择"
  290. @change="transactionModeChange"
  291. style="width: 100%"
  292. >
  293. <el-option
  294. v-for="item in transactionMethodsOp"
  295. :key="item.value"
  296. :label="item.label"
  297. :value="item.value"
  298. >
  299. </el-option>
  300. </el-select>
  301. </el-form-item>
  302. <el-form-item label="发货模式" prop="deliveryMode">
  303. <el-select
  304. v-model="form.deliveryMode"
  305. placeholder="请选择"
  306. @change="deliveryModeChange"
  307. style="width: 100%"
  308. >
  309. <el-option
  310. v-for="item in shippingModeOp"
  311. :key="item.value"
  312. :label="item.label"
  313. :value="item.value"
  314. >
  315. </el-option>
  316. </el-select>
  317. </el-form-item>
  318. <el-form-item label="结算方式" prop="settlementMode">
  319. <DictSelection
  320. dictName="结算方式"
  321. clearable
  322. @itemChange="settlementModeChange"
  323. v-model="form.settlementMode"
  324. >
  325. </DictSelection>
  326. </el-form-item>
  327. <el-form-item
  328. v-if="form.settlementMode == 1"
  329. label="结算日期范围"
  330. prop="settlementDate"
  331. >
  332. <el-date-picker
  333. style="width: 100%"
  334. v-model="form.settlementDate"
  335. type="daterange"
  336. :clearable="false"
  337. value-format="yyyy-MM-dd"
  338. range-separator="至"
  339. start-placeholder="开始日期"
  340. end-placeholder="结束日期"
  341. @change="settlementDateChange"
  342. >
  343. </el-date-picker>
  344. </el-form-item>
  345. <!-- 结算方式=按月结算(2) 时必填;=分期付款 时展示但非必填,仅用于给下方收款计划回填计划收款日期 -->
  346. <el-form-item
  347. v-if="form.settlementMode == 2 || isInstallment"
  348. label="结算月份范围"
  349. prop="settlementDate"
  350. >
  351. <!-- <el-date-picker
  352. v-model="form.contractEndDate"
  353. type="date"
  354. placeholder="选择日期"
  355. style="width: 100%"
  356. >
  357. </el-date-picker> -->
  358. <el-date-picker
  359. v-model="form.settlementDate"
  360. :clearable="isInstallment"
  361. type="monthrange"
  362. range-separator="至"
  363. start-placeholder="开始月份"
  364. end-placeholder="结束月份"
  365. value-format="yyyy-MM"
  366. style="width: 100%"
  367. @change="settlementDateChange"
  368. >
  369. </el-date-picker>
  370. </el-form-item>
  371. <el-form-item
  372. v-if="form.settlementMode == 2 || isInstallment"
  373. label="收款日期"
  374. prop="receiptDate"
  375. >
  376. <el-input
  377. type="number"
  378. :min="1"
  379. :max="31"
  380. placeholder="请输入"
  381. v-model="form.receiptDate"
  382. @input="receiptDateChange"
  383. >
  384. <template slot="prepend">每月</template>
  385. <template slot="append">日</template>
  386. </el-input>
  387. </el-form-item>
  388. <el-form-item v-if="form.isGenerateReceiptPlan != 0" label="期数" prop="issueNumber">
  389. <el-input
  390. type="number"
  391. :min="1"
  392. v-model="form.issueNumber"
  393. @input="issueNumberChange"
  394. >
  395. <template slot="append">
  396. <span>期</span>
  397. </template>
  398. </el-input>
  399. </el-form-item>
  400. </el-col>
  401. </el-row>
  402. <headerTitle title="基本信息" v-if="form.needProduce != 2"></headerTitle>
  403. <el-row v-if="form.needProduce != 2">
  404. <el-col :span="12">
  405. <el-form-item label="客户名称" prop="partaName">
  406. <el-input
  407. clearable
  408. v-model="form.partaName"
  409. @click.native="handParent"
  410. placeholder="请选择"
  411. readonly
  412. :disabled="!!contactData?.id"
  413. />
  414. </el-form-item>
  415. <el-form-item
  416. label="客户统一社会信用代码"
  417. prop="partaUnifiedSocialCreditCode"
  418. class="form_item_label"
  419. >
  420. <el-input
  421. clearable
  422. v-model="form.partaUnifiedSocialCreditCode"
  423. placeholder="请输入"
  424. />
  425. </el-form-item>
  426. <el-form-item label="客户联系人" prop="partaLinkName">
  427. <el-select
  428. v-model="form.partaLinkName"
  429. placeholder="请选择"
  430. @change="onchangeLink"
  431. style="width: 100%"
  432. >
  433. <el-option
  434. v-for="item in linkNameOptions"
  435. :key="item.id"
  436. :label="item.linkName"
  437. :value="item.id"
  438. >
  439. </el-option>
  440. </el-select>
  441. </el-form-item>
  442. <el-form-item label="客户电话" prop="partaTel">
  443. <el-input
  444. clearable
  445. :maxlength="20"
  446. v-model="form.partaTel"
  447. placeholder="请输入"
  448. />
  449. </el-form-item>
  450. <el-form-item label="客户传真" prop="partaFax">
  451. <el-input clearable v-model="form.partaFax" placeholder="请输入" />
  452. </el-form-item>
  453. <el-form-item label=" 客户Email" prop="partaEmail">
  454. <el-input
  455. clearable
  456. v-model="form.partaEmail"
  457. placeholder="请输入"
  458. />
  459. </el-form-item>
  460. <el-form-item label="客户地址" prop="partaAddress">
  461. <el-input
  462. clearable
  463. v-model="form.partaAddress"
  464. placeholder="请输入"
  465. />
  466. </el-form-item>
  467. </el-col>
  468. <el-col :span="12">
  469. <el-form-item label="售出方名称" prop="partbName">
  470. <el-input
  471. v-if="enterprisePage.length <= 1"
  472. clearable
  473. v-model="form.partbName"
  474. placeholder="请输入"
  475. />
  476. <el-select
  477. v-if="enterprisePage.length > 1"
  478. style="width: 100%"
  479. v-model="form.partbName"
  480. placeholder="请选择"
  481. @change="getEnterprise()"
  482. >
  483. <el-option
  484. v-for="item in enterprisePage"
  485. :key="item.id"
  486. :label="item.name"
  487. :value="item.name"
  488. >
  489. </el-option>
  490. </el-select>
  491. </el-form-item>
  492. <el-form-item
  493. label="售出方统一社会信用代码"
  494. prop="partbUnifiedSocialCreditCode"
  495. class="form_item_label"
  496. >
  497. <el-input
  498. clearable
  499. v-model="form.partbUnifiedSocialCreditCode"
  500. placeholder="请输入"
  501. />
  502. </el-form-item>
  503. <el-form-item label="售出方联系人" prop="partbLinkName">
  504. <el-input
  505. clearable
  506. v-model="form.partbLinkName"
  507. @click.native="handHead"
  508. placeholder="请输入"
  509. />
  510. </el-form-item>
  511. <el-form-item prop="partbTel" label="售出方联系电话">
  512. <el-input clearable v-model="form.partbTel" placeholder="请输入" />
  513. </el-form-item>
  514. <el-form-item prop="partbFax" label="售出方传真">
  515. <el-input clearable v-model="form.partbFax" placeholder="请输入" />
  516. </el-form-item>
  517. <el-form-item label="售出方Email" prop="partbEmail">
  518. <el-input
  519. clearable
  520. v-model="form.partbEmail"
  521. placeholder="请输入"
  522. />
  523. </el-form-item>
  524. <el-form-item label="售出方地址" prop="partbAddress">
  525. <el-input
  526. clearable
  527. v-model="form.partbAddress"
  528. placeholder="请输入"
  529. />
  530. </el-form-item>
  531. </el-col>
  532. </el-row>
  533. <headerTitle
  534. title="物品清单"
  535. style="margin-top: 30px"
  536. v-if="form.needProduce != 4"
  537. >
  538. <el-button
  539. type="primary"
  540. size="mini"
  541. style="margin-bottom: 5px"
  542. @click="stockShow"
  543. >库存台账</el-button>
  544. <el-button
  545. type="primary"
  546. size="mini"
  547. style="margin-bottom: 5px"
  548. @click="orderListShow"
  549. v-if="!form.id"
  550. >历史记录</el-button>
  551. </headerTitle>
  552. <inventoryTable
  553. v-if="form.needProduce != 4"
  554. :isSuspend="form.isSuspend"
  555. :customerMark="customerMark"
  556. :isCustomerMark="false"
  557. :isProduceDeliveryDeadline="form.needProduce != 0"
  558. ref="inventoryTable"
  559. @setCountAmount="setCountAmount"
  560. :isContractId="!!form.contractId"
  561. :isChangeCount="false"
  562. :needProduce="form.needProduce"
  563. :isSupplier="true"
  564. :isArrivalWay="true"
  565. :cacheKeyUrl="cacheKeyUrl"
  566. :isGoods="true"
  567. :isTaxRate="isTaxRate"
  568. :isSinglePrice="form.needProduce != 2 && isSinglePrice != 0"
  569. :isBatchNo="isBatchNo == 1 && form.saleTypeName.includes('受托')"
  570. :isProductionRequirements="true"
  571. :isIncreaseTotalWeight="true"
  572. :showSummary="true"
  573. :defTaxRate="13"
  574. :showSortLine="true"
  575. :showStockCount="true"
  576. :showSaleCount="form.needProduce == 0"
  577. ></inventoryTable>
  578. <headerTitle
  579. title="类型清单"
  580. style="margin-top: 30px"
  581. v-if="form.needProduce == 4"
  582. ></headerTitle>
  583. <typeList
  584. v-if="form.needProduce == 4"
  585. @setCountAmount="setCountAmount"
  586. @setTotalPlanNum="setTotalPlanNum"
  587. ref="typeListRef"
  588. ></typeList>
  589. <!-- <el-row v-if="form.needProduce == 1">
  590. <el-col :span="8">
  591. <el-form-item
  592. label="自动生成采购计划:"
  593. label-width="160px"
  594. prop="generatePurchase"
  595. >
  596. <el-radio-group v-model="form.generatePurchase">
  597. <el-radio :label="1">是</el-radio>
  598. <el-radio :label="0">否</el-radio>
  599. </el-radio-group>
  600. </el-form-item>
  601. </el-col>
  602. <el-col :span="8">
  603. <el-form-item
  604. label="自动生成生产计划:"
  605. label-width="160px"
  606. prop="generateProduce"
  607. >
  608. <el-radio-group v-model="form.generateProduce">
  609. <el-radio :label="1">是</el-radio>
  610. <el-radio :label="0">否</el-radio>
  611. </el-radio-group>
  612. </el-form-item>
  613. </el-col>
  614. <el-col :span="8">
  615. <el-form-item
  616. label="自动生成项目立项:"
  617. label-width="160px"
  618. prop="generateProject"
  619. >
  620. <el-radio-group v-model="form.generateProject">
  621. <el-radio :label="1">是</el-radio>
  622. <el-radio :label="0">否</el-radio>
  623. </el-radio-group>
  624. </el-form-item>
  625. </el-col>
  626. </el-row> -->
  627. <el-row style="margin-top: 20px">
  628. <el-col :span="12">
  629. <el-form-item label="总金额" prop="totalAmount">
  630. {{ form.totalAmount || 0 }}元
  631. </el-form-item>
  632. <el-form-item label="收货地址" prop="receiveAddress">
  633. <el-input
  634. clearable
  635. type="textarea"
  636. v-model="form.receiveAddress"
  637. placeholder="请输入"
  638. />
  639. </el-form-item>
  640. </el-col>
  641. <el-col :span="12">
  642. <el-form-item label="优惠后总金额">
  643. <el-input
  644. type="number"
  645. :min="0"
  646. :max="form.totalAmount"
  647. clearable
  648. :disabled="!!form.contractId || !form.totalAmount"
  649. v-model="form.payAmount"
  650. @input="discountInput"
  651. placeholder="请输入"
  652. >
  653. <template slot="append">元</template>
  654. </el-input>
  655. </el-form-item>
  656. <el-form-item label="备注" prop="remark">
  657. <el-input
  658. clearable
  659. type="textarea"
  660. v-model="form.remark"
  661. placeholder="请输入"
  662. />
  663. </el-form-item>
  664. </el-col>
  665. </el-row>
  666. <el-row style="margin-top: 20px">
  667. <el-col :span="12">
  668. <el-form-item label="收货人信息" prop="receivePerson">
  669. <el-input clearable v-model="form.receivePerson" />
  670. </el-form-item>
  671. </el-col>
  672. </el-row>
  673. <div v-if="form.needProduce != 2 && form.needProduce != 4 && form.isGenerateReceiptPlan != 0">
  674. <headerTitle title="收款计划" style="margin-top: 30px"></headerTitle>
  675. <PaymentCollectionPlan
  676. ref="paymentCollectionPlanRef"
  677. menu="sale"
  678. :info="form"
  679. @getIssueNumber="setIssueNumber"
  680. ></PaymentCollectionPlan>
  681. </div>
  682. </el-form>
  683. <div slot="footer" class="footer">
  684. <el-button type="primary" @click="save" v-click-once>保存</el-button>
  685. <el-button
  686. type="primary"
  687. v-if="isNeed_process_is_close"
  688. @click="save('sub')"
  689. v-click-once
  690. >提交</el-button
  691. >
  692. <el-button @click="cancel">返回</el-button>
  693. </div>
  694. <selectStockLedgerDialog ref="selectStockLedgerDialogRef" :isSupplier="true" :isView="true" :show-stock-count="true" :cacheKeyUrl="cacheKeyUrl+'saleOrderss'"></selectStockLedgerDialog>
  695. <quotationList
  696. ref="quotationListRef"
  697. @changeParent="changeQuotationList"
  698. :isContractBook="false"
  699. ></quotationList>
  700. <!-- 商机 -->
  701. <opportunity-dialog
  702. :opportunityDialogFlag.sync="opportunityDialogFlag"
  703. v-if="opportunityDialogFlag"
  704. ref="opportunityDialogRef"
  705. @changeParent="getOpportunityDetail"
  706. ></opportunity-dialog>
  707. <parentList ref="parentRef" @changeParent="changeParent"></parentList>
  708. <head-list ref="headRef" @changeParent="changePersonel"></head-list>
  709. <contractListDialog
  710. ref="selectContractRef"
  711. @changeParent="changeContract"
  712. :contactData="contactData"
  713. :isCreatedByOrder="2"
  714. ></contractListDialog>
  715. <projectListDialog
  716. :contactData="contactData"
  717. ref="selectProjectRef"
  718. @changeParent="changeProject"
  719. ></projectListDialog>
  720. <process-submit-dialog
  721. :isNotNeedProcess="true"
  722. :processSubmitDialogFlag.sync="processSubmitDialogFlag"
  723. v-if="processSubmitDialogFlag"
  724. ref="processSubmitDialogRef"
  725. @reload="reload"
  726. :callBack="callBack"
  727. ></process-submit-dialog>
  728. <bomDialog
  729. ref="bomDialogRef"
  730. @handleSubmit="bomDialogSuccess"
  731. @reload="reload"
  732. ></bomDialog>
  733. <saleOrderListDialog
  734. ref="saleOrderListDialogRef"
  735. :isMy="true"
  736. :contactData="{
  737. id: form.partaId
  738. }"
  739. @changeParent="saleOrderListDialogChange"
  740. ></saleOrderListDialog>
  741. <!-- 退货 -->
  742. <return-order-dialog
  743. :returnOrderDialogFlag.sync="returnOrderDialogFlag"
  744. v-if="returnOrderDialogFlag"
  745. @changeParent="changeReturn"
  746. >
  747. </return-order-dialog>
  748. <!-- 收款条件 -->
  749. <receiveTermsDialog ref="receiveTermsDialogRef" conditionType="rules" @changeParent="changeReceiveTerms"></receiveTermsDialog>
  750. </ele-modal>
  751. </template>
  752. <script>
  753. import { emailReg, numberReg, telReg } from 'ele-admin';
  754. import { formatDate } from '@/utils/dateUtils';
  755. import inventoryTable from '@/BIZComponents/inventoryTable.vue';
  756. import fileUpload from '@/components/upload/fileUpload';
  757. import dictMixins from '@/mixins/dictMixins';
  758. import parentList from '@/views/saleManage/contact/components/parentList.vue';
  759. import {
  760. getDetail,
  761. updateContractStatus
  762. } from '@/api/contractManage/contractBook';
  763. import {
  764. contactDetail,
  765. updateRelationStatus
  766. } from '@/api/saleManage/contact';
  767. import {
  768. getSaleOrderDetail,
  769. UpdateInformation,
  770. addInformation,
  771. submit,
  772. getByRepeatBomAttribute,
  773. saveOrderBomList
  774. } from '@/api/saleManage/saleorder';
  775. import { getDetail as getOpportunityInfo } from '@/api/saleManage/businessOpportunity';
  776. import { getcontactlink } from '@/api/saleManage/businessFollow';
  777. import headList from '@/BIZComponents/user-select/user-select.vue';
  778. import contractListDialog from './contractListDialog.vue';
  779. import projectListDialog from './projectListDialog.vue';
  780. import paymentList from './paymentList.vue';
  781. import {
  782. listOrganizations,
  783. listOrganizationsNew
  784. } from '@/api/system/organization';
  785. import { copyObj } from '@/utils/util';
  786. import { enterprisePage } from '@/api/contractManage/contractBook';
  787. // import fileMain from '@/components/addDoc/index.vue';
  788. import processSubmitDialog from '@/BIZComponents/processSubmitDialog/processSubmitDialog.vue';
  789. import { getUserDetail } from '@/api/system/organization/index.js';
  790. import typeList from './typeList.vue';
  791. import bomDialog from './bomDialog';
  792. import saleOrderListDialog from '@/views/saleManage/saleOrder/invoice/components/orderListDialog.vue';
  793. import { parameterGetByCode } from '@/api/main/index.js';
  794. import quotationList from '@/views/contractManage/contractBook/components/quotationList.vue';
  795. import returnOrderDialog from '@/views/saleManage/saleOrder/customerReturnOrder/returnOrderDialog.vue';
  796. import opportunityDialog from '@/views/financialManage/components/opportunityDialog.vue';
  797. import { mapGetters } from 'vuex';
  798. import personSelect from '@/components/CommomSelect/person-select.vue';
  799. import PaymentCollectionPlan from '@/BIZComponents/paymentCollectionPlan/Index.vue';
  800. import { shippingModeOp, transactionMethodsOp } from '@/enum/dict.js';
  801. import { formatPrice } from '@/BIZComponents/setProduct.js';
  802. import receiveTermsDialog from '@/views/financialManage/advanceReceipt/components/receiveTermsDialog.vue'
  803. import selectStockLedgerDialog from '@/BIZComponents/selectStockLedger/selectStockLedgerDialog.vue'; //库存台账
  804. export default {
  805. mixins: [dictMixins],
  806. components: {
  807. processSubmitDialog,
  808. returnOrderDialog,
  809. // fileMain,
  810. fileUpload,
  811. headList,
  812. contractListDialog,
  813. projectListDialog,
  814. paymentList,
  815. inventoryTable,
  816. parentList,
  817. typeList,
  818. bomDialog,
  819. quotationList,
  820. saleOrderListDialog,
  821. opportunityDialog,
  822. personSelect,
  823. PaymentCollectionPlan,
  824. receiveTermsDialog,
  825. selectStockLedgerDialog
  826. },
  827. props: {
  828. contactData: {
  829. type: Object,
  830. default: () => {
  831. return {};
  832. }
  833. },
  834. isRequired: {
  835. type: Boolean,
  836. default: true
  837. }
  838. },
  839. data() {
  840. let formDef = {
  841. id: '',
  842. isSuspend: 0,
  843. contractId: '',
  844. orderFiles: [],
  845. contractName: '',
  846. projectName: '',
  847. projectId: '',
  848. pricingWay: 1,
  849. receiptDate: 1,
  850. payAmount: '',
  851. generatePurchase: 0,
  852. generateProduce: 0,
  853. generateProject: 0,
  854. projectName: '',
  855. projectId: '',
  856. receiveAddress: '',
  857. remark: '',
  858. saleType: '',
  859. saleTypeName: '',
  860. totalAmount: 0,
  861. settlementMode: '4',
  862. settlementModeName: '分期付款',
  863. partaUnifiedSocialCreditCode: '',
  864. partbUnifiedSocialCreditCode: '',
  865. productionRequirements: '',
  866. partaAddress: '',
  867. partaEmail: '',
  868. partaFax: '',
  869. partaId: '',
  870. partaLinkId: '',
  871. partaLinkName: '',
  872. partaName: '',
  873. partaTel: '',
  874. partbAddress: '',
  875. partbEmail: '',
  876. partbFax: '',
  877. partbId: '',
  878. partbLinkId: '',
  879. partbLinkName: '',
  880. partbName: '',
  881. partbTel: '',
  882. needProduce: 1,
  883. planNumUnit: '立方',
  884. receivePerson: '',
  885. relationType: '',
  886. relationName: '',
  887. relationCode: '',
  888. relationId: '',
  889. createDeptName: '',
  890. salesmanId: '',
  891. salesDeptId: '',
  892. salesDeptName: '',
  893. issueNumber: 1,
  894. transactionMode: 1,
  895. deliveryMode: 1,
  896. settlementDate: [],
  897. endSettlementDate: '',
  898. startSettlementDate: '',
  899. contractStartDate: '',
  900. isGenerateReceiptPlan: 0,
  901. collectionConditionId: '',
  902. collectionConditionName: '',
  903. };
  904. return {
  905. shippingModeOp,
  906. transactionMethodsOp,
  907. // settlementDate: [],
  908. returnOrderDialogFlag: false,
  909. customerMark: '',
  910. opportunityDialogFlag: false,
  911. projectData: {}, //项目数据
  912. clearing: false, //是否清除合同
  913. processSubmitDialogFlag: false,
  914. fullscreen: false, //全屏
  915. linkNameOptions: [],
  916. cacheKeyUrl: 'eos-saleManage-saleOrder-inventoryTable',
  917. visible: false,
  918. title: '',
  919. formDef,
  920. form: copyObj(formDef),
  921. tableLinkData: [],
  922. // 组织机构树形结构数据
  923. groupTreeData: [],
  924. groupData: [],
  925. tableList: [],
  926. // rules: {
  927. // settlementMode: [
  928. // { required: true, message: '请选择结算方式', trigger: 'change' }
  929. // ],
  930. // saleType: [
  931. // { required: true, message: '请选择销售类型', trigger: 'change' }
  932. // ],
  933. // partaName: [
  934. // { required: true, message: '请选择客户名称', trigger: 'change' }
  935. // ],
  936. // partaLinkName: [
  937. // { required: true, message: '请选择客户联系人', trigger: 'change' }
  938. // ],
  939. // acceptUnpack: [
  940. // { required: true, message: '请选择是否接受', trigger: 'change' }
  941. // ],
  942. // partaTel: [
  943. // {
  944. // required: true,
  945. // pattern: telReg,
  946. // message: '请输入客户联系电话',
  947. // trigger: 'blur'
  948. // }
  949. // ],
  950. // partbName: [
  951. // { required: true, message: '请输入售出方名称', trigger: 'change' }
  952. // ],
  953. // partbLinkName: [
  954. // { required: true, message: '请输入售出方联系人', trigger: 'change' }
  955. // ],
  956. // partbTel: [
  957. // {
  958. // required: true,
  959. // pattern: telReg,
  960. // message: '请输入售出方联系电话',
  961. // trigger: 'blur'
  962. // }
  963. // ],
  964. // partaEmail: [
  965. // { pattern: emailReg, message: '邮箱格式不正确', trigger: 'blur' }
  966. // ],
  967. // payAmount: [{ required: true, message: '请输入', trigger: 'blur' }]
  968. // },
  969. // 提交状态
  970. loading: false,
  971. // 是否是修改
  972. isUpdate: false,
  973. enterprisePage: [],
  974. businessId: '',
  975. isBatchNo: 0,
  976. isTaxRate: 0,
  977. isSinglePrice: 0,
  978. isDeptAndPerson: 0,
  979. defaultTransactionMode: 1,
  980. isGenReceiptPlan: 1,
  981. };
  982. },
  983. computed: {
  984. ...mapGetters(['user']),
  985. clientEnvironmentId() {
  986. return this.$store.state.user.info.clientEnvironmentId;
  987. },
  988. // 结算方式是否为「分期付款」
  989. isInstallment() {
  990. const mode = this.form.settlementMode;
  991. if (mode === '' || mode === null || mode === undefined) return false;
  992. return mode == 4 || this.form.settlementModeName === '分期付款';
  993. },
  994. rules() {
  995. let isRequired = this.isRequired;
  996. return {
  997. settlementMode: [
  998. {
  999. required: this.getSaleTypeName(this.form.saleType) ? false : true,
  1000. message: '请选择结算方式',
  1001. trigger: 'change'
  1002. }
  1003. ],
  1004. isGenerateReceiptPlan: [
  1005. { required: true, message: '请选择是否生成收款计划', trigger: 'change' }
  1006. ],
  1007. saleType: [
  1008. { required: true, message: '请选择销售类型', trigger: 'change' }
  1009. ],
  1010. projectName: [
  1011. {
  1012. required: this.clientEnvironmentId == 4 ? true : false,
  1013. message: '请选择项目',
  1014. trigger: 'change'
  1015. }
  1016. ],
  1017. partaName: [
  1018. { required: true, message: '请选择客户名称', trigger: 'change' }
  1019. ],
  1020. partaLinkName: [
  1021. {
  1022. required: isRequired,
  1023. message: '请选择客户联系人',
  1024. trigger: 'change'
  1025. }
  1026. ],
  1027. acceptUnpack: [
  1028. { required: true, message: '请选择是否接受', trigger: 'change' }
  1029. ],
  1030. partaTel: [
  1031. {
  1032. required: isRequired,
  1033. pattern: telReg,
  1034. message: '请输入客户联系电话',
  1035. trigger: 'blur'
  1036. }
  1037. ],
  1038. partbName: [
  1039. { required: true, message: '请输入售出方名称', trigger: 'change' }
  1040. ],
  1041. partbLinkName: [
  1042. {
  1043. required: isRequired,
  1044. message: '请输入售出方联系人',
  1045. trigger: 'change'
  1046. }
  1047. ],
  1048. partbTel: [
  1049. {
  1050. required: isRequired,
  1051. pattern: telReg,
  1052. message: '请输入售出方联系电话',
  1053. trigger: 'blur'
  1054. }
  1055. ],
  1056. partaEmail: [
  1057. { pattern: emailReg, message: '邮箱格式不正确', trigger: 'blur' }
  1058. ],
  1059. payAmount: [{ required: true, message: '请输入', trigger: 'blur' }],
  1060. salesmanId: [
  1061. {
  1062. required: this.isDeptAndPerson == 1 ? true : false,
  1063. message: '请选择业务员',
  1064. trigger: 'change'
  1065. }
  1066. ],
  1067. salesDeptId: [
  1068. {
  1069. required: this.isDeptAndPerson == 1 ? true : false,
  1070. message: '请选择销售部门',
  1071. trigger: 'change'
  1072. }
  1073. ],
  1074. settlementDate: [
  1075. {
  1076. required: !this.isInstallment,
  1077. message: '请选择结算日期',
  1078. trigger: 'change'
  1079. }
  1080. ],
  1081. receiptDate: [
  1082. {
  1083. required: !this.isInstallment,
  1084. message: '请选择收款日期',
  1085. trigger: 'change'
  1086. }
  1087. ]
  1088. };
  1089. }
  1090. },
  1091. created() {
  1092. console.log('user', this.user.info);
  1093. this.changePersonel();
  1094. this.getGroupAll();
  1095. this.getEnterprisePage();
  1096. //交易方式//1 先票后款 2 先款后票
  1097. parameterGetByCode({
  1098. code: 'eom_contract_add_transactionMode'
  1099. }).then((res) => {
  1100. this.defaultTransactionMode = +res.value;
  1101. });
  1102. //批次号是否必填//0否 1是
  1103. parameterGetByCode({
  1104. code: 'eom_saleOrder_entrusted_batchNo'
  1105. }).then((res) => {
  1106. this.isBatchNo = res.value;
  1107. });
  1108. // 销售部门是否必填//0否 1是
  1109. parameterGetByCode({
  1110. code: 'eom_saleOrder_Dept_and_person'
  1111. }).then((res) => {
  1112. this.isDeptAndPerson = res.value;
  1113. // console.log('isDeptAndPerson', this.isDeptAndPerson);
  1114. });
  1115. // 税率是否必填//0否 1是
  1116. parameterGetByCode({
  1117. code: 'eom_saleOrder_order-taxRate'
  1118. }).then((res) => {
  1119. this.isTaxRate = res.value;
  1120. });
  1121. // 单价是否必填//0否 1是
  1122. parameterGetByCode({
  1123. code: 'eom_saleOrder_single_price'
  1124. }).then((res) => {
  1125. this.isSinglePrice = res.value;
  1126. // console.log('isSinglePrice', this.isSinglePrice);
  1127. });
  1128. // 是否生成收款计划单默认配置//0否 1是
  1129. parameterGetByCode({
  1130. code: 'sale_order_gen_receipt_plan'
  1131. }).then((res) => {
  1132. this.isGenReceiptPlan = res.value;
  1133. console.log('isGenReceiptPlan', this.isGenReceiptPlan);
  1134. });
  1135. },
  1136. methods: {
  1137. changeReceiveTerms(row, index) {
  1138. console.log('changeReceiveTerms~~~', row)
  1139. this.form.collectionConditionId = row.id;
  1140. this.form.collectionConditionName = row.name;
  1141. console.log('changeReceiveTerms!!!', this.form)
  1142. this.$forceUpdate()
  1143. },
  1144. generatePlanChange(val) {
  1145. console.log(val)
  1146. if(val == 0) {
  1147. } else {
  1148. this.issueNumberChange(this.form.issueNumber);
  1149. // this.$refs.paymentCollectionPlanRef?.setDiscountAmount(
  1150. // this.form.payAmount
  1151. // );
  1152. }
  1153. },
  1154. handlePaymentConditionBtn() {
  1155. this.$refs.receiveTermsDialogRef.open();
  1156. },
  1157. stockShow() {
  1158. this.$refs.selectStockLedgerDialogRef.open('', -1);
  1159. },
  1160. setIssueNumber(len) {
  1161. this.form.issueNumber = len;
  1162. // 分期付款下手工增删行后,同步回填新行的计划收款日期
  1163. if (this.isInstallment) {
  1164. this.$nextTick(() => {
  1165. this.setInstallmentDeadLine();
  1166. });
  1167. }
  1168. },
  1169. setCountAmount(allPrice, discountTotalPrice) {
  1170. this.form.totalAmount = allPrice;
  1171. this.form.payAmount = discountTotalPrice
  1172. ? discountTotalPrice
  1173. : allPrice;
  1174. this.$refs.paymentCollectionPlanRef?.setDiscountAmount(
  1175. this.form.payAmount
  1176. );
  1177. },
  1178. setTotalPlanNum(totalPlanNum) {
  1179. this.$set(this.form, 'totalPlanNum', totalPlanNum);
  1180. },
  1181. discountInput() {
  1182. this.$refs.inventoryTable.discountInputByOrder(this.form.payAmount);
  1183. this.$refs.paymentCollectionPlanRef?.setDiscountAmount(
  1184. this.form.payAmount
  1185. );
  1186. },
  1187. // 选择负责人部门
  1188. change_principalDep(id) {
  1189. const info = this.groupData.find((e) => e.id == id);
  1190. this.form.salesDeptName = info?.name;
  1191. this.form.salesmanId = '';
  1192. this.form.salesmanName = '';
  1193. // 根据部门获取人员
  1194. this.$nextTick(() => {});
  1195. this.getSalesmanUser(id);
  1196. },
  1197. getSalesmanUser(groupId) {
  1198. if (groupId) {
  1199. this.$refs.salseManDirectorRef.getList({ groupId });
  1200. }
  1201. },
  1202. salesmanChange(val, info) {
  1203. this.$set(this.form, 'salesmanId', val);
  1204. this.$set(this.form, 'salesmanName', info.name);
  1205. },
  1206. // 获取公司数据
  1207. getGroupAll() {
  1208. const apiRequest =
  1209. this.clientEnvironmentId == 6
  1210. ? listOrganizationsNew({
  1211. deptIds: ['1998632792148717569', '1998632872721297409']
  1212. })
  1213. : listOrganizations();
  1214. apiRequest.then((list) => {
  1215. // console.log('listOrganizations', list);
  1216. this.groupData = list;
  1217. this.groupTreeData = this.$util.toTreeData({
  1218. data: list,
  1219. idField: 'id',
  1220. parentIdField: 'parentId'
  1221. });
  1222. });
  1223. },
  1224. //选择商机
  1225. handOpportunity(e) {
  1226. this.opportunityDialogFlag = true;
  1227. this.$nextTick(() => {
  1228. let item = {
  1229. id: this.form.sourceId
  1230. };
  1231. this.$refs.opportunityDialogRef.init(item);
  1232. });
  1233. },
  1234. //获取商机信息
  1235. async getOpportunityDetail(row) {
  1236. this.$set(this.form, 'relationName', row.name);
  1237. this.$set(this.form, 'relationId', row.id);
  1238. this.$set(this.form, 'relationCode', row.code);
  1239. let cusInfo = await contactDetail(row.contactId);
  1240. let info = await getOpportunityInfo(row?.id ?? '');
  1241. await this.getLinkInfo(cusInfo.base.id);
  1242. let totalPrice = info.productList.reduce((num, cur) => {
  1243. return num + Number(cur.totalPrice);
  1244. }, 0);
  1245. info.productList.forEach((item) => {
  1246. item.discountSinglePrice =
  1247. item.discountSinglePrice || item.singlePrice;
  1248. item.discountTotalPrice = item.discountTotalPrice || item.totalPrice;
  1249. });
  1250. let discountTotalPrice = info.productList.reduce((num, cur) => {
  1251. return num + Number(cur.discountTotalPrice);
  1252. }, 0);
  1253. this.form = Object.assign({}, this.form, {
  1254. partaName: cusInfo.base.name,
  1255. partaId: cusInfo.base.id,
  1256. partaUnifiedSocialCreditCode: cusInfo.base.unifiedSocialCreditCode,
  1257. partaAddress: cusInfo.base.addressName + cusInfo.base.address,
  1258. partaLinkName: cusInfo.linkList[0]?.linkName,
  1259. partaLinkId: cusInfo.linkList[0]?.id,
  1260. partaTel: cusInfo.linkList[0]?.mobilePhone,
  1261. totalPrice: totalPrice,
  1262. discountTotalPrice: discountTotalPrice
  1263. });
  1264. if (this.enterprisePage.length === 1) {
  1265. this.form.partbName = this.enterprisePage[0].name;
  1266. this.form.partbId = this.enterprisePage[0].id;
  1267. this.getEnterprise();
  1268. }
  1269. this.$nextTick(() => {
  1270. this.$refs.inventoryTable &&
  1271. this.$refs.inventoryTable.putTableValue(info);
  1272. });
  1273. // let form = {
  1274. // contractVO: {
  1275. // },
  1276. // productList: info.productList || []
  1277. // };
  1278. },
  1279. //选择报价单
  1280. handQuotation(e) {
  1281. this.$refs.quotationListRef.open();
  1282. },
  1283. //报价单
  1284. async changeQuotationList({ data, sourceCode, sourceId }) {
  1285. this.form = Object.assign({}, this.form, {
  1286. relationCode: sourceCode,
  1287. relationId: sourceId
  1288. });
  1289. this.getDetailData('', data);
  1290. },
  1291. //选择退货单
  1292. handleReturnBtn(e) {
  1293. // this.$refs.returnListRef.open();
  1294. if (e.target.nodeName == 'I') {
  1295. this.$set(this.form, 'relationCode', '');
  1296. this.$set(this.form, 'relationId', '');
  1297. return;
  1298. }
  1299. this.returnOrderDialogFlag = true;
  1300. },
  1301. //退货单
  1302. async changeReturn(row) {
  1303. console.log('data~~~', row);
  1304. this.form = Object.assign({}, this.form, {
  1305. relationCode: row.returnNo,
  1306. relationId: row.id
  1307. });
  1308. this.getReturnOrderDetail(row);
  1309. },
  1310. async getReturnOrderDetail(row) {
  1311. console.log('row', row.orderNo);
  1312. // let data = null;
  1313. // if (row) {
  1314. // data = row;
  1315. // } else {
  1316. // data = await getSaleOrderDetail(id);
  1317. // }
  1318. const id = row.orderIds.split(',')[0];
  1319. const res = await getSaleOrderDetail(id);
  1320. console.log('res~~~~', res);
  1321. // this.form = Object.assign({}, this.form, res);
  1322. if (row.partaId) {
  1323. await this.changeParent({ id: row.partaId }, true);
  1324. }
  1325. if (res) {
  1326. let {
  1327. partaAddress,
  1328. partaEmail,
  1329. partaFax,
  1330. partaId,
  1331. partaLinkId,
  1332. partaLinkName,
  1333. partaName,
  1334. partaTel,
  1335. partbAddress,
  1336. partbEmail,
  1337. partbFax,
  1338. partbId,
  1339. partbLinkId,
  1340. partbLinkName,
  1341. partbName,
  1342. partbTel,
  1343. totalPrice,
  1344. discountTotalPrice,
  1345. partaUnifiedSocialCreditCode,
  1346. partbUnifiedSocialCreditCode,
  1347. settlementMode,
  1348. settlementModeName,
  1349. pricingWay,
  1350. productList,
  1351. typedetailList,
  1352. totalAmount,
  1353. payAmount
  1354. } = res;
  1355. this.form = Object.assign({}, this.form, {
  1356. partaAddress,
  1357. partaEmail,
  1358. partaFax,
  1359. partaId,
  1360. partaLinkId,
  1361. partaLinkName,
  1362. partaName,
  1363. partaTel,
  1364. partbAddress,
  1365. partbEmail,
  1366. partbFax,
  1367. partbId,
  1368. partbLinkId,
  1369. partbLinkName,
  1370. partbName,
  1371. partbTel,
  1372. totalPrice,
  1373. discountTotalPrice,
  1374. partaUnifiedSocialCreditCode,
  1375. partbUnifiedSocialCreditCode,
  1376. settlementMode,
  1377. settlementModeName,
  1378. pricingWay,
  1379. productList,
  1380. typedetailList,
  1381. totalAmount,
  1382. payAmount
  1383. });
  1384. this.$nextTick(() => {
  1385. this.$refs.inventoryTable &&
  1386. this.$refs.inventoryTable.putTableValue(res);
  1387. this.$refs.typeListRef &&
  1388. this.$refs.typeListRef.putTableValue(res.typedetailList);
  1389. this.getLinkInfo(row.partaId);
  1390. // this.$store.commit('order/setContractId', row.partaId);
  1391. });
  1392. }
  1393. },
  1394. //选择合同获取合同的详情
  1395. async getDetailData(id, row) {
  1396. this.loading = true;
  1397. let data = null;
  1398. if (row) {
  1399. data = row;
  1400. } else {
  1401. data = await getDetail(id);
  1402. }
  1403. this.loading = false;
  1404. if (data) {
  1405. await this.changeParent({ id: data.contractVO?.partaId }, true);
  1406. let { contractVO } = data;
  1407. this.$nextTick(() => {
  1408. let {
  1409. partaAddress,
  1410. partaEmail,
  1411. partaFax,
  1412. partaId,
  1413. partaLinkId,
  1414. partaLinkName,
  1415. partaName,
  1416. partaTel,
  1417. partbAddress,
  1418. partbEmail,
  1419. partbFax,
  1420. partbId,
  1421. partbLinkId,
  1422. partbLinkName,
  1423. partbName,
  1424. partbTel,
  1425. totalPrice,
  1426. discountTotalPrice,
  1427. partaUnifiedSocialCreditCode,
  1428. partbUnifiedSocialCreditCode,
  1429. settlementMode,
  1430. settlementModeName,
  1431. pricingWay,
  1432. contractNo,
  1433. contractNumber,
  1434. contractName,
  1435. businessDeptId,
  1436. businessDeptName,
  1437. businessUserId,
  1438. businessUserName,
  1439. transactionMode,
  1440. startSettlementDate,
  1441. receiptDate,
  1442. issueNumber,
  1443. endSettlementDate,
  1444. deliveryMode,
  1445. contractStartDate
  1446. } = contractVO;
  1447. if (businessDeptId) {
  1448. this.getSalesmanUser(businessDeptId);
  1449. }
  1450. this.form = Object.assign(
  1451. {},
  1452. this.form,
  1453. {
  1454. partaAddress,
  1455. partaEmail,
  1456. partaFax,
  1457. partaId,
  1458. partaLinkId,
  1459. partaLinkName,
  1460. partaName,
  1461. partaTel,
  1462. partbAddress,
  1463. partbEmail,
  1464. partbFax,
  1465. partbId,
  1466. partbLinkId,
  1467. partbLinkName,
  1468. partbName,
  1469. partbTel,
  1470. pricingWay,
  1471. totalPrice,
  1472. discountTotalPrice,
  1473. partaUnifiedSocialCreditCode,
  1474. partbUnifiedSocialCreditCode,
  1475. totalAmount: totalPrice,
  1476. payAmount: discountTotalPrice || totalPrice,
  1477. receiveAddress:
  1478. this.clientEnvironmentId == 5 ? '' : partaAddress,
  1479. settlementMode,
  1480. settlementModeName,
  1481. contractNo,
  1482. contractNumber,
  1483. salesDeptId: businessDeptId,
  1484. salesDeptName: businessDeptName,
  1485. salesmanId: businessUserId,
  1486. salesmanName: businessUserName,
  1487. transactionMode,
  1488. startSettlementDate,
  1489. receiptDate,
  1490. issueNumber,
  1491. endSettlementDate,
  1492. deliveryMode,
  1493. contractStartDate,
  1494. settlementDate: startSettlementDate
  1495. ? [startSettlementDate, endSettlementDate]
  1496. : []
  1497. },
  1498. !row
  1499. ? {
  1500. relationName: contractName,
  1501. relationCode: contractNumber,
  1502. relationId: id
  1503. }
  1504. : {}
  1505. );
  1506. data.productList = data.productList.map((item) => {
  1507. item['saleCount'] = item.contractCount || item.saleCount;
  1508. item['saleUnit'] = item.contractUnit || item.saleUnit;
  1509. item['saleUnitId'] = item.contractUnitId || item.saleUnitId;
  1510. return item;
  1511. });
  1512. const receiptData = {
  1513. receiptPaymentList: data.receiptPaymentList,
  1514. payAmount: discountTotalPrice
  1515. };
  1516. this.$refs.paymentCollectionPlanRef &&
  1517. this.$refs.paymentCollectionPlanRef.putTableValue(receiptData);
  1518. this.getLinkInfo(partaId);
  1519. this.$refs.inventoryTable &&
  1520. this.$refs.inventoryTable.putTableValue(data);
  1521. });
  1522. }
  1523. },
  1524. //获取订单详情
  1525. async getSaleOrderDetail(id) {
  1526. this.businessId = id;
  1527. this.loading = true;
  1528. const data = await getSaleOrderDetail(id);
  1529. this.loading = false;
  1530. data.settlementDate = data.startSettlementDate
  1531. ? [data.startSettlementDate, data.endSettlementDate]
  1532. : [];
  1533. this.form = data;
  1534. if (data.partaId) {
  1535. await this.changeParent({ id: data.partaId }, true);
  1536. }
  1537. if (data) {
  1538. data.saleType = +data.saleType;
  1539. this.$nextTick(() => {
  1540. if (data.salesDeptId) {
  1541. this.getSalesmanUser(data.salesDeptId);
  1542. }
  1543. this.$refs.inventoryTable &&
  1544. this.$refs.inventoryTable.putTableValue(data);
  1545. this.$refs.typeListRef &&
  1546. this.$refs.typeListRef.putTableValue(data.typedetailList);
  1547. this.getLinkInfo(data.partaId);
  1548. console.log('paymentCollectionPlanRef~~~~', data);
  1549. this.$refs.paymentCollectionPlanRef &&
  1550. this.$refs.paymentCollectionPlanRef.putTableValue(data);
  1551. // this.$refs.paymentCollectionPlanRef.setDiscountAmount(data.payAmount);
  1552. this.$store.commit('order/setContractId', data.partaId);
  1553. });
  1554. }
  1555. },
  1556. //更新联系人数据
  1557. async getLinkInfo(contactId) {
  1558. const data = await getcontactlink({ contactId });
  1559. if (data && data?.length) {
  1560. this.linkNameOptions = data;
  1561. }
  1562. },
  1563. //选择下拉框
  1564. onchangeLink(selectedOptions) {
  1565. const option = this.linkNameOptions.find(
  1566. (opt) => opt.id === selectedOptions
  1567. );
  1568. this.form = Object.assign({}, this.form, {
  1569. partaEmail: option?.email,
  1570. partaLinkName: option?.linkName || '',
  1571. partaTel: option?.mobilePhone || option?.phone || '',
  1572. partaLinkId: option?.id
  1573. });
  1574. },
  1575. handHead() {
  1576. let item = {
  1577. id: this.form.partbLinkId
  1578. };
  1579. this.$refs.headRef.open(item);
  1580. },
  1581. orderListShow() {
  1582. if (!this.form.partaId) {
  1583. this.$message.warning('请先选择客户');
  1584. return;
  1585. }
  1586. this.$refs.saleOrderListDialogRef.open();
  1587. },
  1588. async saleOrderListDialogChange(row) {
  1589. let data = await getSaleOrderDetail(row.id);
  1590. [
  1591. 'id',
  1592. 'orderId',
  1593. 'createTime',
  1594. 'createUserId',
  1595. 'createUserName',
  1596. 'createDept',
  1597. 'orderNo',
  1598. 'orderStatus',
  1599. 'outboundStatus',
  1600. 'payStatus',
  1601. 'preOrderNo',
  1602. 'progress',
  1603. 'processInstanceId',
  1604. 'orderBomList'
  1605. ].forEach((key) => {
  1606. delete data[key];
  1607. data.productList.forEach((item) => {
  1608. if (['id', 'createTime', 'createUserId', 'orderId'].includes(key)) {
  1609. delete item[key];
  1610. }
  1611. });
  1612. data.typedetailList.forEach((item) => {
  1613. if (['id', 'createTime', 'createUserId', 'orderId'].includes(key)) {
  1614. delete item[key];
  1615. }
  1616. });
  1617. data.receiptPaymentList.forEach((item) => {
  1618. if (['id', 'createTime', 'createUserId', 'orderId'].includes(key)) {
  1619. delete item[key];
  1620. }
  1621. });
  1622. });
  1623. this.form = data;
  1624. if (data) {
  1625. data.saleType = +data.saleType;
  1626. this.$nextTick(() => {
  1627. this.$refs.inventoryTable &&
  1628. this.$refs.inventoryTable.putTableValue(data);
  1629. this.$refs.typeListRef &&
  1630. this.$refs.typeListRef.putTableValue(data.typedetailList);
  1631. this.$refs.paymentCollectionPlanRef &&
  1632. this.$refs.paymentCollectionPlanRef.putTableValue(data);
  1633. this.getLinkInfo(data.partaId);
  1634. this.$store.commit('order/setContractId', data.partaId);
  1635. });
  1636. }
  1637. },
  1638. //选择售出方人回调
  1639. changePersonel(obj) {
  1640. if (!obj) {
  1641. obj = this.$store.getters.user.info;
  1642. obj.id = obj.userId;
  1643. }
  1644. this.$set(this.form, 'partbLinkId', obj.id);
  1645. this.$set(this.form, 'partbLinkName', obj.name);
  1646. this.$set(this.form, 'partbTel', obj.phone);
  1647. this.$set(this.form, 'partbEmail', obj.email);
  1648. },
  1649. //选择客户回调
  1650. async changeParent(obj, isCustomerMark) {
  1651. const { base, other, linkList } = await contactDetail(obj.id);
  1652. const userInfo = base?.salesmanId
  1653. ? await getUserDetail(base?.salesmanId)
  1654. : {};
  1655. this.customerMark = base?.serialNo;
  1656. // 新增时带出默认收货人
  1657. const defaultReceived = linkList.find((item) => item.isDefault === 1);
  1658. this.form.receivePerson = defaultReceived?.linkName;
  1659. if (isCustomerMark) {
  1660. return;
  1661. }
  1662. this.form = Object.assign({}, this.form, {
  1663. partaId: base?.id,
  1664. partaName: base?.name,
  1665. partaAddress: other?.addressName + other?.address,
  1666. partaLinkId: '',
  1667. partaLinkName: '',
  1668. partaEmail: '',
  1669. partaTel: '',
  1670. partaUnifiedSocialCreditCode: base?.unifiedSocialCreditCode,
  1671. customerMark: base?.serialNo,
  1672. receiveAddress:
  1673. this.clientEnvironmentId == 5
  1674. ? ''
  1675. : other?.addressName + other?.address,
  1676. receivePerson: defaultReceived?.linkName
  1677. });
  1678. this.changePersonel(userInfo?.id ? userInfo : '');
  1679. await this.getLinkInfo(obj.id);
  1680. this.$nextTick(() => {
  1681. let firstLink =
  1682. this.linkNameOptions.find((item) => item.ifChief == 1) || {};
  1683. this.form = Object.assign({}, this.form, {
  1684. partaLinkId: firstLink.id || this.linkNameOptions[0]?.id,
  1685. partaLinkName:
  1686. firstLink.linkName || this.linkNameOptions[0]?.linkName,
  1687. partaTel:
  1688. firstLink.mobilePhone || this.linkNameOptions[0]?.mobilePhone
  1689. });
  1690. this.setProductInfo();
  1691. });
  1692. },
  1693. setProductInfo() {
  1694. if (this.$refs.inventoryTable && this.$refs.inventoryTable.form) {
  1695. this.$refs.inventoryTable?.form?.datasource.forEach((item, index) => {
  1696. this.$set(
  1697. this.$refs.inventoryTable?.form?.datasource[index],
  1698. 'customerMark',
  1699. this.customerMark
  1700. );
  1701. });
  1702. }
  1703. },
  1704. saleTypeChange() {
  1705. if (this.getSaleTypeName()) {
  1706. this.$set(this.form, 'settlementMode', '');
  1707. }
  1708. },
  1709. getSaleTypeName() {
  1710. let saleTypeName =
  1711. this.getDictValue('销售类型', this.form.saleType) || '';
  1712. this.form.saleTypeName = saleTypeName;
  1713. if (
  1714. saleTypeName.indexOf('技改') != '-1' ||
  1715. saleTypeName.indexOf('三包') != '-1' ||
  1716. saleTypeName.indexOf('补发') != '-1'
  1717. ) {
  1718. return true;
  1719. } else {
  1720. return false;
  1721. }
  1722. },
  1723. //选择合同回调
  1724. changeContract(obj) {
  1725. console.log('obj~~~', obj);
  1726. this.form = Object.assign({}, this.form, {
  1727. contractId: obj.id,
  1728. contractName: obj.contractName,
  1729. relationType: 3,
  1730. productionRequirements: obj.productionRequirements,
  1731. contractStartDate: obj.contractStartDate
  1732. });
  1733. this.getDetailData(obj.id);
  1734. this.$store.commit('order/setContractId', obj.id);
  1735. },
  1736. //选择合同弹框
  1737. handleContractBtn() {
  1738. if (this.clearing) return;
  1739. let item = {
  1740. id: this.form.contractId
  1741. };
  1742. this.$refs.selectContractRef.open(item);
  1743. },
  1744. //选择项目回调
  1745. async changeProject(obj) {
  1746. this.projectData = obj;
  1747. this.form = Object.assign({}, this.form, {
  1748. projectName: obj.name,
  1749. projectId: obj.id,
  1750. projectCode: obj.code,
  1751. relationName: obj.name,
  1752. relationId: obj.id,
  1753. relationCode: obj.code
  1754. });
  1755. if (obj.contractId) {
  1756. this.changeContract({
  1757. id: obj.contractId,
  1758. contractName: obj.contractName
  1759. });
  1760. } else if (obj.contactId) {
  1761. this.changeParent({ id: obj.contactId });
  1762. }
  1763. },
  1764. //选择项目弹框
  1765. handleProjectBtn() {
  1766. if (this.clearing) return;
  1767. let item = {
  1768. id: this.form.projectId
  1769. };
  1770. this.$refs.selectProjectRef.open(item);
  1771. },
  1772. //清除合同
  1773. clearContrcat(type) {
  1774. if (type == 'project' && !this.form.projectId) {
  1775. return;
  1776. }
  1777. this.clearing = true;
  1778. let { id, saleType, saleTypeName, orderFiles, remark, relationType } =
  1779. this.form;
  1780. this.form = Object.assign({}, copyObj(this.formDef), {
  1781. id,
  1782. saleType,
  1783. saleTypeName,
  1784. relationType,
  1785. orderFiles,
  1786. remark,
  1787. createDeptName: this.user.info.groupName,
  1788. contractStartDate: formatDate(new Date(), 'yyyy-MM-dd')
  1789. });
  1790. this.projectData = {};
  1791. this.$store.commit('order/setContractId', '');
  1792. this.$refs.inventoryTable &&
  1793. this.$refs.inventoryTable.putTableValue([]);
  1794. setTimeout(() => {
  1795. this.clearing = false;
  1796. }, 500);
  1797. },
  1798. handParent() {
  1799. if (this.form.contractId) {
  1800. return this.$message.error('选择了合同不能更改客户名称');
  1801. }
  1802. let item = {
  1803. id: this.form.contactId
  1804. };
  1805. this.$refs.parentRef.open(item);
  1806. },
  1807. listFormatte(data) {
  1808. return data.filter((item) => item.dictCode !== 0);
  1809. },
  1810. //打开新增编辑弹框
  1811. async open(type, row, contactCategoryId) {
  1812. this.businessId = '';
  1813. this.title = type === 'add' ? '新增' : '修改';
  1814. // this.clientEnvironmentId =
  1815. // this.$store.state.user.info.clientEnvironmentId;
  1816. this.row = row;
  1817. if (this.enterprisePage.length == 0) {
  1818. await this.getEnterprisePage();
  1819. }
  1820. this.visible = true;
  1821. if (type == 'add') {
  1822. this.form.transactionMode = this.defaultTransactionMode;
  1823. this.isUpdate = false;
  1824. if (this.enterprisePage.length > 0) {
  1825. this.form.partbName = this.enterprisePage[0].name;
  1826. this.form.partbId = this.enterprisePage[0].id;
  1827. this.form.partbUnifiedSocialCreditCode =
  1828. this.enterprisePage[0].unifiedSocialCreditCode;
  1829. this.form.partbFax = this.enterprisePage[0].fax;
  1830. this.form.partbAddress = this.enterprisePage[0].address;
  1831. }
  1832. if (this.contactData.id) {
  1833. this.changeParent({ id: this.contactData.id });
  1834. }
  1835. this.form.createDeptName = this.user.info.groupName;
  1836. this.form.contractStartDate = formatDate(new Date(), 'yyyy-MM-dd');
  1837. this.form.saleType = 1;
  1838. this.form.isGenerateReceiptPlan = +this.isGenReceiptPlan;
  1839. this.$nextTick(() => {
  1840. this.issueNumberChange(this.form.issueNumber);
  1841. });
  1842. // this.form.progress = 700;
  1843. //嘉实默认值
  1844. if (this.clientEnvironmentId == 5) {
  1845. this.form.saleType = 2;
  1846. this.form.needProduce = 0;
  1847. this.form.progress = 700;
  1848. this.form.settlementMode = '6';
  1849. this.form.settlementModeName = '款到发货';
  1850. this.form.transactionMode = 2;
  1851. }
  1852. //宝悦默认值
  1853. if (this.clientEnvironmentId == 4) {
  1854. this.form.needProduce = 4;
  1855. this.form.relationType = 4;
  1856. }
  1857. //润天默认值
  1858. if (this.clientEnvironmentId == 6) {
  1859. this.form.salesDeptId = '1998632792148717569';
  1860. this.form.salesDeptName = '营销部';
  1861. this.$nextTick(() => {
  1862. this.getSalesmanUser(this.form.salesDeptId);
  1863. });
  1864. }
  1865. } else {
  1866. this.isUpdate = true;
  1867. this.getSaleOrderDetail(row.id);
  1868. }
  1869. },
  1870. needProduceChange() {
  1871. this.$nextTick(() => {
  1872. this.form.totalAmount = 0;
  1873. this.form.payAmount = 0;
  1874. this.form.progress = this.form.needProduce == 0 ? 700 : 0;
  1875. this.$refs.inventoryTable &&
  1876. this.$refs.inventoryTable.putTableValue({});
  1877. this.$refs.typeListRef && this.$refs.typeListRef.putTableValue([]);
  1878. });
  1879. },
  1880. //从合同页面新增订单
  1881. async contractOpen(row) {
  1882. this.title = '新增';
  1883. this.visible = true;
  1884. this.isUpdate = false;
  1885. if (this.enterprisePage.length == 0) {
  1886. await this.getEnterprisePage();
  1887. }
  1888. if (this.enterprisePage.length > 0) {
  1889. this.form.partbName = this.enterprisePage[0].name;
  1890. this.form.partbId = this.enterprisePage[0].id;
  1891. this.form.partbUnifiedSocialCreditCode =
  1892. this.enterprisePage[0].unifiedSocialCreditCode;
  1893. this.form.partbFax = this.enterprisePage[0].fax;
  1894. this.form.partbAddress = this.enterprisePage[0].address;
  1895. }
  1896. this.form.createDeptName = this.user.info.groupName;
  1897. this.form.isGenerateReceiptPlan = +this.isGenReceiptPlan;
  1898. await this.changeContract(row);
  1899. },
  1900. getEnterprisePage() {
  1901. enterprisePage({
  1902. pageNum: 1,
  1903. size: 100
  1904. }).then((res) => {
  1905. this.enterprisePage = [];
  1906. this.enterprisePage.push(...res.list);
  1907. });
  1908. },
  1909. getEnterprise() {
  1910. let data = this.enterprisePage.find(
  1911. (item) => item.name == this.form.partbName
  1912. );
  1913. this.form.partbName = data.name;
  1914. this.form.partbId = data.id;
  1915. this.form.partbUnifiedSocialCreditCode = data.unifiedSocialCreditCode;
  1916. this.form.partbFax = data.fax;
  1917. this.form.partbAddress = data.address;
  1918. },
  1919. // 交易方式改变
  1920. transactionModeChange(v) {},
  1921. // 配送方式改变
  1922. deliveryModeChange(v) {},
  1923. // 结算方式改变
  1924. settlementModeChange(v) {
  1925. console.log('v~~~', v.dictCode);
  1926. this.form.settlementModeName = v.dictValue;
  1927. // this.$set(this.form, 'issueNumber', 1);
  1928. this.$set(this.form, 'settlementDate', []);
  1929. this.$set(this.form, 'receiptDate', 1);
  1930. if (v.dictCode == 3) {
  1931. this.$set(this.form, 'issueNumber', 2);
  1932. } else {
  1933. this.$set(this.form, 'issueNumber', 1);
  1934. }
  1935. this.$refs.paymentCollectionPlanRef?.defaultList(
  1936. v.dictCode,
  1937. this.form.issueNumber
  1938. );
  1939. },
  1940. ifChiefChange(value, idx) {
  1941. if (value === 1) {
  1942. this.tableLinkData.forEach((e) => (e.ifChief = 0));
  1943. this.tableLinkData[idx].ifChief = 1;
  1944. }
  1945. },
  1946. getValidate() {
  1947. console.log(this.form);
  1948. let arr = [
  1949. new Promise((resolve, reject) => {
  1950. this.$refs.form.validate((valid) => {
  1951. if (!valid) {
  1952. reject(false);
  1953. } else {
  1954. resolve(true);
  1955. }
  1956. });
  1957. })
  1958. ];
  1959. if (this.form.needProduce != 4) {
  1960. arr.push(
  1961. new Promise((resolve, reject) => {
  1962. this.$refs.inventoryTable.validateForm((valid) => {
  1963. if (!valid) {
  1964. reject(false);
  1965. } else {
  1966. resolve(true);
  1967. }
  1968. });
  1969. })
  1970. );
  1971. }
  1972. if (this.form.needProduce == 4) {
  1973. arr.push(
  1974. new Promise((resolve, reject) => {
  1975. this.$refs.typeListRef.validateForm((valid) => {
  1976. if (!valid) {
  1977. reject(false);
  1978. } else {
  1979. resolve(true);
  1980. }
  1981. });
  1982. })
  1983. );
  1984. }
  1985. if (this.form.needProduce != 2 && this.form.needProduce != 4 && this.form.isGenerateReceiptPlan != 0) {
  1986. arr.push(
  1987. new Promise((resolve, reject) => {
  1988. this.$refs.paymentCollectionPlanRef.validateForm((valid) => {
  1989. if (!valid) {
  1990. reject(false);
  1991. } else {
  1992. resolve(true);
  1993. }
  1994. });
  1995. })
  1996. );
  1997. }
  1998. return Promise.all(arr);
  1999. },
  2000. async save(type) {
  2001. try {
  2002. await this.getValidate();
  2003. // 表单验证通过,执行保存操作
  2004. this.loading = true;
  2005. let isTemporary = [];
  2006. if (!this.isUpdate) {
  2007. delete this.form.id;
  2008. }
  2009. let commitData = Object.assign({}, this.form, {
  2010. productList: this.$refs?.inventoryTable?.getTableValue() || [],
  2011. typedetailList: this.$refs?.typeListRef?.getTableValue() || [],
  2012. saleTypeName: this.getDictValue('销售类型', this.form.saleType),
  2013. receiptPaymentList: this.form.isGenerateReceiptPlan == 0 ? [] :
  2014. this.$refs?.paymentCollectionPlanRef?.getTableValue() || [],
  2015. endSettlementDate: this.form.settlementDate?.length
  2016. ? this.form.settlementDate[1]
  2017. : '',
  2018. startSettlementDate: this.form.settlementDate?.length
  2019. ? this.form.settlementDate[0]
  2020. : ''
  2021. // progress: this.form.needProduce == 0 ? 700 : 0
  2022. });
  2023. if (commitData.isSuspend == 1 && commitData.productList?.length > 1) {
  2024. this.$message.error('挂起订单只能选择一个产品');
  2025. return;
  2026. }
  2027. if (commitData.needProduce != 2 && commitData.needProduce != 4) {
  2028. if(commitData.isGenerateReceiptPlan != 0) {
  2029. const ratioSum = commitData.receiptPaymentList.reduce(
  2030. (acc, cur) => acc + +cur.ratio,
  2031. 0
  2032. );
  2033. if (+ratioSum > 100) {
  2034. this.$message.error('比例合计不能超过100%');
  2035. return;
  2036. }
  2037. }
  2038. let is = false;
  2039. commitData.productList.forEach((v, i) => {
  2040. commitData.productList.forEach((v2, j) => {
  2041. if (
  2042. v.productCode == v2.productCode &&
  2043. v.taskId == v2.taskId &&
  2044. v.batchNo == v2.batchNo &&
  2045. v.colorKey == v2.colorKey &&
  2046. v.provenance?.join() == v2.provenance?.join() &&
  2047. v.modelKey == v2.modelKey &&
  2048. v.goodsLevel == v2.goodsLevel &&
  2049. i != j
  2050. ) {
  2051. is = true;
  2052. }
  2053. });
  2054. });
  2055. if (isTemporary.length > 0) {
  2056. this.$message.error(
  2057. isTemporary.toString() +
  2058. '是临时产品,无法创建订单,请先去主数据维护!'
  2059. );
  2060. return;
  2061. }
  2062. // if (is) {
  2063. // this.$message.error('同产品,工序、批次号、颜色、机型、产地、等级不能完全一致!');
  2064. // return;
  2065. // }
  2066. // if(+ratioSum != 100){
  2067. // this.$message.error('比例合计必须为100%');
  2068. // return;
  2069. // }
  2070. // 使用万分之一进行计算,避免浮点数精度问题(对应4位小数)
  2071. // let receiptPaymentListSum = commitData.receiptPaymentList.reduce((acc, cur) => acc + Math.round(+cur.price * 10000), 0) / 10000;
  2072. // const payAmount = +commitData.payAmount;
  2073. // if(+ratioSum == 100) {
  2074. // // 使用万分之一进行计算,避免浮点数精度问题
  2075. // const difference = Math.round((payAmount - receiptPaymentListSum) * 10000) / 10000;
  2076. // console.log('difference~~~', difference);
  2077. // if (Math.abs(difference) >= 0.0001 && commitData.receiptPaymentList.length > 0) {
  2078. // const lastIndex = commitData.receiptPaymentList.length - 1;
  2079. // // 使用万分之一进行计算,避免浮点数精度问题
  2080. // const newPrice = Math.round((+commitData.receiptPaymentList[lastIndex].price + difference) * 10000) / 10000;
  2081. // commitData.receiptPaymentList[lastIndex].price = formatPrice(newPrice);
  2082. // receiptPaymentListSum = commitData.receiptPaymentList.reduce((acc, cur) => acc + Math.round(+cur.price * 10000), 0) / 10000;
  2083. // }
  2084. // }
  2085. // console.log('receiptPaymentListSum~~~', +receiptPaymentListSum, payAmount);
  2086. // if(Math.abs(+receiptPaymentListSum - payAmount) > 0.0001){
  2087. // this.$message.error('计划收款金额合计与优惠后金额不一致');
  2088. // return;
  2089. // }
  2090. }
  2091. if (isTemporary.length > 0) {
  2092. this.$message.error(
  2093. isTemporary.toString() +
  2094. '是临时产品,无法创建订单,请先去主数据维护!'
  2095. );
  2096. return;
  2097. }
  2098. this.interfaceCall(commitData, type);
  2099. } catch (error) {
  2100. console.log(error);
  2101. // 表单验证未通过,不执行保存操作
  2102. }
  2103. },
  2104. interfaceCall(commitData, type) {
  2105. let API = this.isUpdate ? UpdateInformation : addInformation;
  2106. API(commitData)
  2107. .then((res) => {
  2108. this.loading = false;
  2109. if (this.form.partaId) {
  2110. updateRelationStatus([this.form.partaId]);
  2111. }
  2112. if (this.form.contractId) {
  2113. updateContractStatus([this.form.contractId]);
  2114. }
  2115. if (type === 'sub') {
  2116. this.saleOrderSubmitOrGenerate(res, commitData);
  2117. return;
  2118. } else {
  2119. this.$message.success('操作成功');
  2120. }
  2121. this.cancel();
  2122. this.$emit('done');
  2123. })
  2124. .catch((e) => {
  2125. //this.loading = false;
  2126. });
  2127. },
  2128. async callBack() {
  2129. if (!this.current.generatePurchase && !this.current.generateProduce) {
  2130. return 0;
  2131. }
  2132. const code = saveOrderBomList({
  2133. categoryDTOList: this.tableList || [],
  2134. orderId: this.current.id
  2135. });
  2136. return code;
  2137. },
  2138. async saleOrderSubmitOrGenerate(id) {
  2139. this.tableList = [];
  2140. this.current = await getSaleOrderDetail(this.businessId || id);
  2141. if (!this.current.generatePurchase && !this.current.generateProduce) {
  2142. this.saleOrderSubmit(this.current.id);
  2143. } else {
  2144. const data = await getByRepeatBomAttribute(this.current.id);
  2145. if (data && data.length) {
  2146. this.$refs.bomDialogRef.open(data);
  2147. return;
  2148. }
  2149. this.saleOrderSubmit(this.current.id);
  2150. }
  2151. },
  2152. bomDialogSuccess(tableList) {
  2153. this.tableList = tableList;
  2154. this.saleOrderSubmit(this.current.id);
  2155. },
  2156. async saleOrderSubmit(res) {
  2157. const data = await getSaleOrderDetail(this.businessId || res);
  2158. this.processSubmitDialogFlag = true;
  2159. let businessType =
  2160. data.needProduce == 1
  2161. ? '有客户生产性订单'
  2162. : data.needProduce == 2
  2163. ? '无客户生产性订单'
  2164. : data.needProduce == 4
  2165. ? '不定向订单'
  2166. : '库存式订单';
  2167. this.$nextTick(() => {
  2168. let params = {
  2169. businessId: data.id,
  2170. businessKey: 'sales_order_approve',
  2171. formCreateUserId: data.createUserId,
  2172. variables: {
  2173. businessCode: data.orderNo,
  2174. businessName: data.partaName,
  2175. businessType: businessType
  2176. }
  2177. };
  2178. this.$refs.processSubmitDialogRef.init(params);
  2179. });
  2180. },
  2181. reload() {
  2182. this.cancel();
  2183. this.$emit('done');
  2184. },
  2185. cancel() {
  2186. this.$nextTick(() => {
  2187. // 关闭后,销毁所有的表单数据
  2188. this.$refs['otherForm'] && this.$refs['otherForm'].resetFields();
  2189. this.$refs['formRef'] && this.$refs['formRef'].resetFields();
  2190. this.$store.commit('order/clearUserData');
  2191. this.form = copyObj(this.formDef);
  2192. this.visible = false;
  2193. this.projectData = {};
  2194. });
  2195. },
  2196. //查找合同分类对应name
  2197. findNameById(tree, targetId) {
  2198. for (let i = 0; i < tree.length; i++) {
  2199. const node = tree[i];
  2200. if (node.id === targetId) {
  2201. return node.name;
  2202. }
  2203. if (node.children && node.children.length > 0) {
  2204. const name = this.findNameById(node.children, targetId);
  2205. if (name) {
  2206. return name;
  2207. }
  2208. }
  2209. }
  2210. return null;
  2211. },
  2212. // 日期范围变化
  2213. settlementDateChange(val) {
  2214. // console.log(val);
  2215. // 分期付款:期数由用户自行填写,这里只把计划收款日期回填到已有的收款计划行
  2216. if (this.isInstallment) {
  2217. this.setInstallmentDeadLine();
  2218. return;
  2219. }
  2220. let dateRange = [];
  2221. if (this.form.settlementMode == 1) {
  2222. // // this.transformDays(val)
  2223. dateRange = this.transformDaysFun(val);
  2224. }
  2225. if (this.form.settlementMode == 2) {
  2226. // // this.transformMonth(val)
  2227. dateRange = this.transformMonthFun(val, this.form.receiptDate);
  2228. }
  2229. console.log('dateRange~~~', dateRange);
  2230. this.$set(this.form, 'issueNumber', dateRange.length);
  2231. // this.setDefaultList(dateRange)
  2232. this.$refs.paymentCollectionPlanRef.defaultList(
  2233. this.form.settlementMode,
  2234. this.form.issueNumber,
  2235. dateRange
  2236. );
  2237. },
  2238. // 收款日变化
  2239. receiptDateChange(v) {
  2240. // this.transformMonth(this.form.settlementDate)
  2241. if (this.isInstallment) {
  2242. this.setInstallmentDeadLine();
  2243. return;
  2244. }
  2245. if (this.form.settlementDate.length > 0 && this.form.issueNumber) {
  2246. const dateRange = this.transformMonthFun(this.form.settlementDate, v);
  2247. this.$refs.paymentCollectionPlanRef.defaultList(
  2248. this.form.settlementMode,
  2249. this.form.issueNumber,
  2250. dateRange
  2251. );
  2252. }
  2253. },
  2254. // 分期付款:按「结算月份范围 + 收款日期」给收款计划回填计划收款日期
  2255. // 结算月份范围/收款日期均非必填,未填时不做任何赋值;只覆盖 deadLine,不影响用户已填的比例/款项名称/金额/说明
  2256. setInstallmentDeadLine() {
  2257. const { settlementDate, receiptDate } = this.form;
  2258. if (!settlementDate || settlementDate.length < 2) return;
  2259. const day = parseInt(receiptDate, 10);
  2260. if (!day || day < 1 || day > 31) return;
  2261. const dateRange = this.transformMonthFun(settlementDate, day);
  2262. this.$refs.paymentCollectionPlanRef?.setDeadLineList(dateRange);
  2263. },
  2264. // 期数变化
  2265. issueNumberChange(v) {
  2266. let dateRange = [];
  2267. if (this.form.settlementMode == 1) {
  2268. dateRange = this.transformDaysFun(this.form.settlementDate, v);
  2269. this.$refs.paymentCollectionPlanRef.defaultList(
  2270. this.form.settlementMode,
  2271. v,
  2272. dateRange
  2273. );
  2274. } else if (this.form.settlementMode == 2) {
  2275. dateRange = this.transformMonthFun(this.form.settlementDate, v);
  2276. this.$refs.paymentCollectionPlanRef.defaultList(
  2277. this.form.settlementMode,
  2278. v,
  2279. dateRange
  2280. );
  2281. } else if (this.isInstallment) {
  2282. // 先按期数重建行,再回填计划收款日期
  2283. this.$refs.paymentCollectionPlanRef.defaultList(
  2284. this.form.settlementMode,
  2285. v
  2286. );
  2287. this.$nextTick(() => {
  2288. this.setInstallmentDeadLine();
  2289. });
  2290. } else {
  2291. this.$refs.paymentCollectionPlanRef.defaultList(
  2292. this.form.settlementMode,
  2293. v
  2294. );
  2295. }
  2296. },
  2297. transformDaysFun(date) {
  2298. const startDate = new Date(date[0]);
  2299. const endDate = new Date(date[1]);
  2300. // 计算毫秒差并转换为天数,使用Math.ceil确保结果为整数
  2301. const days =
  2302. Math.ceil((endDate - startDate) / (1000 * 60 * 60 * 24)) + 1;
  2303. console.log('包含两头的天数:', days);
  2304. // 生成包括头尾在内的所有日期
  2305. const allDates = [];
  2306. const current = new Date(startDate);
  2307. // 遍历从开始日期到结束日期的所有天数
  2308. while (current <= endDate) {
  2309. // 格式化日期为YYYY-MM-dd
  2310. const year = current.getFullYear();
  2311. const month = current.getMonth() + 1; // 月份从0开始,需要+1
  2312. const day = current.getDate();
  2313. const formattedMonth = String(month).padStart(2, '0');
  2314. const formattedDay = String(day).padStart(2, '0');
  2315. const formattedDateStr = `${year}-${formattedMonth}-${formattedDay}`;
  2316. allDates.push(formattedDateStr);
  2317. // 移动到下一天
  2318. current.setDate(current.getDate() + 1);
  2319. }
  2320. return allDates;
  2321. },
  2322. transformMonthFun(date, day) {
  2323. // 处理月份数据(转换为Date对象)
  2324. const parseMonthDate = (dateStr) => {
  2325. return dateStr instanceof Date ? dateStr : new Date(dateStr + '-01');
  2326. };
  2327. const start = parseMonthDate(date[0]);
  2328. const end = parseMonthDate(date[1]);
  2329. // 先生成所有月份的日期数组
  2330. const allMonthDates = [];
  2331. const currentDate = new Date(start);
  2332. // 遍历从开始月份到结束月份的所有月份
  2333. while (currentDate <= end) {
  2334. const year = currentDate.getFullYear();
  2335. const month = currentDate.getMonth() + 1; // 月份从0开始,需要+1
  2336. const receiptDate = day;
  2337. // 格式化日期为YYYY-MM-dd
  2338. const formattedMonth = String(month).padStart(2, '0');
  2339. const formattedDate = String(receiptDate).padStart(2, '0');
  2340. const deadLine = receiptDate
  2341. ? `${year}-${formattedMonth}-${formattedDate}`
  2342. : '';
  2343. allMonthDates.push(deadLine);
  2344. // 使用Date对象的setMonth方法正确移动到下一个月(自动处理年份变化)
  2345. currentDate.setMonth(currentDate.getMonth() + 1);
  2346. }
  2347. return allMonthDates;
  2348. }
  2349. }
  2350. };
  2351. </script>
  2352. <style scoped lang="scss">
  2353. .TotalAmount {
  2354. font-size: 16px;
  2355. padding-right: 30px;
  2356. }
  2357. .totalPlanNum {
  2358. :deep(.el-input-group__append) {
  2359. width: 160px;
  2360. }
  2361. }
  2362. </style>