order-form-mixin.js 55 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537
  1. /**
  2. * @fileoverview 订单表单混入组件
  3. * @description 提供订单表单的数据管理、验证规则和业务逻辑的混入组件,支持新增和编辑模式
  4. */
  5. // API接口导入
  6. import { add, update as updateOrderHeader, getDetail } from '@/api/order/order'
  7. import { getList as getOrderItemList } from '@/api/order/order-item'
  8. import { createSalesOrder, updateOrder, addOrderItem } from '@/api/order/sales-order'
  9. import { getCustomerInfo } from '@/api/common/index'
  10. import { getList as getAddressList } from '@/api/order/address'
  11. import { submitOrderToU9 } from '@/api/order/sales-order'
  12. // 常量和枚举导入
  13. import {
  14. ORDER_TYPES,
  15. ORDER_STATUS,
  16. ORDER_TYPE_OPTIONS,
  17. ORDER_STATUS_OPTIONS,
  18. ORDER_ITEM_STATUS
  19. } from '@/constants/order'
  20. // 本地常量定义导入
  21. import {
  22. MaterialDetailDataSource
  23. } from '@/constants/order'
  24. import { ORDER_FORM_EVENTS, CUSTOMER_SELECT_EVENTS, ADDRESS_SELECT_EVENTS, MATERIAL_DETAIL_EVENTS } from './events'
  25. import { getFormOption } from './form-option'
  26. // 数字格式化工具导入
  27. import {
  28. formatAmount,
  29. formatFloatNumber,
  30. formatIntegerNumber,
  31. formatUnitPrice,
  32. formatTaxRate,
  33. preciseMultiply,
  34. preciseDivide,
  35. preciseRound,
  36. validateNumber,
  37. NUMBER_TYPES
  38. } from './number-format-utils'
  39. /**
  40. * 类型定义导入
  41. * @description 导入所有必要的TypeScript类型定义,确保类型安全
  42. */
  43. /**
  44. * @typedef {import('./types').MaterialDetailRecord} MaterialDetailRecord
  45. * @description 物料明细记录类型
  46. */
  47. /**
  48. * @typedef {import('./types').OrderFormModel} OrderFormModel
  49. * @description 订单表单数据模型类型
  50. */
  51. /**
  52. * @typedef {import('./types').MaterialUpdateEventData} MaterialUpdateEventData
  53. * @description 物料更新事件数据类型
  54. */
  55. /**
  56. * @typedef {import('./types').OrderFormRules} OrderFormRules
  57. * @description 订单表单验证规则类型
  58. */
  59. /**
  60. * @typedef {import('./types').OrderFormMethods} OrderFormMethods
  61. * @description 订单表单方法类型
  62. */
  63. /**
  64. * @typedef {import('smallwei__avue/form').AvueFormOption} AvueFormOption
  65. * @typedef {import('smallwei__avue/form').AvueFormColumn} AvueFormColumn
  66. * @typedef {import('smallwei__avue/form').AvueFormGroup} AvueFormGroup
  67. * @typedef {import('smallwei__avue/crud').PageOption} PageOption
  68. */
  69. /**
  70. * @typedef {import('./types').MaterialDeleteEventData} MaterialDeleteEventData
  71. * @description 物料删除事件数据类型
  72. */
  73. /**
  74. * @typedef {import('./types').ApiResponse} ApiResponse
  75. * @description API响应数据类型
  76. */
  77. /**
  78. * @typedef {import('./types').ValidationRule} ValidationRule
  79. * @description 表单验证规则类型
  80. */
  81. /**
  82. * @typedef {import('@/api/types/order').SalesOrderCreateForm} SalesOrderCreateForm
  83. * @description 销售订单创建表单类型
  84. */
  85. /**
  86. * @typedef {import('@/api/types/order').SalesOrderItemCreateForm} SalesOrderItemCreateForm
  87. * @description 销售订单明细创建表单类型
  88. */
  89. /**
  90. * @typedef {import('@/constants/order').ORDER_TYPES} OrderTypeValue
  91. * @description 订单类型枚举值类型
  92. */
  93. /**
  94. * @typedef {import('@/constants/order').ORDER_STATUS} OrderStatusValue
  95. * @description 订单状态枚举值类型
  96. */
  97. /**
  98. * 订单表单混入组件
  99. * @description 提供订单表单的数据管理、验证规则和业务逻辑的混入组件
  100. * @mixin
  101. */
  102. export default {
  103. /**
  104. * 组件响应式数据
  105. * @description 定义组件的响应式数据状态
  106. * @returns {import('./types').OrderFormMixinData} 组件数据对象
  107. * @this {import('./types').OrderFormMixinComponent}
  108. */
  109. data() {
  110. return {
  111. /**
  112. * 订单表单数据模型
  113. * @description 存储订单表单的所有字段数据
  114. * @type {OrderFormModel}
  115. */
  116. formData: this.createInitialFormData(),
  117. /**
  118. * 保存操作加载状态
  119. * @description 控制保存按钮的加载状态,防止重复提交
  120. * @type {boolean}
  121. */
  122. saveLoading: false,
  123. /**
  124. * 表单加载状态
  125. * @description 控制表单整体的加载状态,用于数据获取时的UI反馈
  126. * @type {boolean}
  127. */
  128. formLoading: false,
  129. /**
  130. * 物料明细列表
  131. * @description 存储当前订单的物料明细数据,包含数据来源和删除权限标识
  132. * @type {MaterialDetailRecord[]}
  133. */
  134. materialDetails: [],
  135. /**
  136. * 订单类型选项列表
  137. * @description 订单类型下拉选择器的选项数据
  138. * @type {typeof ORDER_TYPE_OPTIONS}
  139. */
  140. orderTypeOptions: ORDER_TYPE_OPTIONS,
  141. /**
  142. * 订单状态选项列表
  143. * @description 订单状态下拉选择器的选项数据
  144. * @type {typeof ORDER_STATUS_OPTIONS}
  145. */
  146. orderStatusOptions: ORDER_STATUS_OPTIONS,
  147. // 事件常量,用于模板中的动态事件绑定
  148. CUSTOMER_SELECT_EVENTS,
  149. ADDRESS_SELECT_EVENTS,
  150. MATERIAL_DETAIL_EVENTS
  151. }
  152. },
  153. /**
  154. * 计算属性
  155. * @description 组件的响应式计算属性
  156. */
  157. computed: {
  158. /**
  159. * 订单表单验证规则
  160. * @description 定义订单表单各字段的验证规则,支持必填、长度、格式等验证
  161. * @returns {OrderFormRules} 完整的表单验证规则对象
  162. * @this {import('./types').OrderFormMixinComponent}
  163. */
  164. formRules() {
  165. return {
  166. orderCode: [
  167. {
  168. required: true,
  169. message: '请输入订单编码',
  170. trigger: 'blur'
  171. },
  172. {
  173. min: 3,
  174. max: 50,
  175. message: '订单编码长度在 3 到 50 个字符',
  176. trigger: 'blur'
  177. }
  178. ],
  179. orgCode: [
  180. {
  181. required: true,
  182. message: '请输入组织编码',
  183. trigger: 'blur'
  184. },
  185. {
  186. min: 2,
  187. max: 20,
  188. message: '组织编码长度在 2 到 20 个字符',
  189. trigger: 'blur'
  190. }
  191. ],
  192. orgName: [
  193. {
  194. required: true,
  195. message: '请输入组织名称',
  196. trigger: 'blur'
  197. },
  198. {
  199. min: 2,
  200. max: 100,
  201. message: '组织名称长度在 2 到 100 个字符',
  202. trigger: 'blur'
  203. }
  204. ],
  205. customerCode: [
  206. {
  207. required: true,
  208. message: '请输入客户编码',
  209. trigger: 'blur'
  210. },
  211. {
  212. min: 3,
  213. max: 50,
  214. message: '客户编码长度在 3 到 50 个字符',
  215. trigger: 'blur'
  216. }
  217. ],
  218. customerName: [
  219. {
  220. required: true,
  221. message: '请输入客户名称',
  222. trigger: 'blur'
  223. },
  224. {
  225. min: 2,
  226. max: 100,
  227. message: '客户名称长度在 2 到 100 个字符',
  228. trigger: 'blur'
  229. }
  230. ],
  231. orderType: [
  232. {
  233. required: true,
  234. message: '请选择订单类型',
  235. trigger: 'change'
  236. }
  237. ],
  238. totalAmount: [
  239. {
  240. required: true,
  241. message: '请输入订单总金额',
  242. trigger: 'blur'
  243. },
  244. {
  245. type: 'number',
  246. min: 0.01,
  247. message: '订单总金额必须大于0',
  248. trigger: 'blur'
  249. }
  250. ],
  251. totalQuantity: [
  252. {
  253. required: true,
  254. message: '请输入订单总数量',
  255. trigger: 'blur'
  256. },
  257. {
  258. type: 'number',
  259. min: 0.0001,
  260. message: '订单总数量必须大于0',
  261. trigger: 'blur'
  262. }
  263. ],
  264. receiverName: [
  265. {
  266. required: true,
  267. message: '请输入收货人姓名',
  268. trigger: 'blur'
  269. },
  270. {
  271. min: 2,
  272. max: 50,
  273. message: '收货人姓名长度在 2 到 50 个字符',
  274. trigger: 'blur'
  275. }
  276. ],
  277. receiverPhone: [
  278. {
  279. required: true,
  280. message: '请输入收货人电话',
  281. trigger: 'blur'
  282. },
  283. {
  284. /**
  285. * 手机号码格式验证器
  286. * @description 验证手机号码格式是否正确,支持1开头的11位数字
  287. * @param {Object} rule - 验证规则对象
  288. * @param {string} value - 待验证的值
  289. * @param {Function} callback - 验证回调函数
  290. * @returns {void}
  291. */
  292. validator: (rule, value, callback) => {
  293. if (!value || typeof value !== 'string') {
  294. callback()
  295. return
  296. }
  297. // 手机号码正则表达式:1开头,第二位为3-9,总共11位数字
  298. const phoneRegex = /^1[3-9]\d{9}$/
  299. if (!phoneRegex.test(value.trim())) {
  300. callback(new Error('请输入正确的手机号码格式(1开头的11位数字)'))
  301. } else {
  302. callback()
  303. }
  304. },
  305. trigger: 'blur'
  306. }
  307. ],
  308. receiverRegion: [
  309. {
  310. required: true,
  311. message: '请输入收货地区',
  312. trigger: 'blur'
  313. },
  314. {
  315. min: 2,
  316. max: 100,
  317. message: '收货地区长度在 2 到 100 个字符',
  318. trigger: 'blur'
  319. }
  320. ],
  321. receiverAddress: [
  322. {
  323. required: true,
  324. message: '请输入收货地址',
  325. trigger: 'blur'
  326. },
  327. {
  328. min: 5,
  329. max: 500,
  330. message: '收货地址长度在 5 到 500 个字符',
  331. trigger: 'blur'
  332. }
  333. ],
  334. remark: [
  335. {
  336. max: 1000,
  337. message: '备注信息不能超过 1000 个字符',
  338. trigger: 'blur'
  339. }
  340. ]
  341. }
  342. },
  343. /**
  344. * 表单标题
  345. * @description 根据编辑模式动态显示表单标题
  346. * @returns {string} 表单标题文本
  347. * @this {import('./types').OrderFormMixin}
  348. */
  349. formTitle() {
  350. return this.isEdit ? '编辑订单' : '新增订单'
  351. },
  352. /**
  353. * 表单配置选项
  354. * @description 根据编辑模式动态获取表单配置
  355. * @returns {AvueFormOption} 表单配置对象
  356. * @this {import('./types').OrderFormMixin}
  357. */
  358. formOption() {
  359. return getFormOption(this.isEdit)
  360. },
  361. /**
  362. * 物料明细表格配置
  363. * @description 获取物料明细表格的配置选项
  364. * @returns {Object} 表格配置对象
  365. * @this {import('./types').OrderFormMixin}
  366. */
  367. materialDetailTableOption() {
  368. return {
  369. border: true,
  370. stripe: true,
  371. menuAlign: 'center',
  372. align: 'center',
  373. addBtn: false,
  374. editBtn: false,
  375. delBtn: true,
  376. viewBtn: false,
  377. column: [
  378. {
  379. label: '物料编码',
  380. prop: 'itemCode',
  381. width: 120
  382. },
  383. {
  384. label: '物料名称',
  385. prop: 'itemName',
  386. width: 150
  387. },
  388. {
  389. label: '规格型号',
  390. prop: 'specs',
  391. width: 120
  392. },
  393. {
  394. label: '订单数量',
  395. prop: 'orderQuantity',
  396. width: 100
  397. },
  398. {
  399. label: '单价',
  400. prop: 'unitPrice',
  401. width: 100
  402. },
  403. {
  404. label: '总金额',
  405. prop: 'totalAmount',
  406. width: 120
  407. }
  408. ]
  409. }
  410. }
  411. },
  412. /**
  413. * 组件方法
  414. * @description 组件的业务逻辑方法集合
  415. */
  416. methods: {
  417. /**
  418. * 创建初始表单数据
  419. * @description 创建订单表单的初始数据结构
  420. * @returns {OrderFormModel} 初始化的表单数据对象
  421. * @private
  422. * @this {import('./types').OrderFormMixinComponent}
  423. */
  424. createInitialFormData() {
  425. return {
  426. id: undefined,
  427. orderCode: '',
  428. orgId: undefined,
  429. orgCode: '',
  430. orgName: '',
  431. customerId: null,
  432. customerCode: '',
  433. customerName: '',
  434. orderType: ORDER_TYPES.NORMAL,
  435. orderQuantity: 0,
  436. totalAmount: null,
  437. totalQuantity: null,
  438. addressId: null,
  439. receiverName: '',
  440. receiverPhone: '',
  441. receiverRegion: '',
  442. receiverAddress: '',
  443. status: ORDER_STATUS.DRAFT,
  444. remark: ''
  445. }
  446. },
  447. /**
  448. * 初始化表单数据
  449. * @description 根据编辑模式初始化表单,编辑模式加载订单详情数据,新增模式重置表单为初始状态
  450. * @returns {Promise<void>}
  451. * @throws {Error} 当初始化过程中发生错误时抛出异常
  452. * @public
  453. * @this {import('./types').OrderFormMixinComponent}
  454. */
  455. async initForm() {
  456. try {
  457. if (this.isEdit && this.orderId) {
  458. // 编辑模式:加载现有订单数据
  459. await this.loadOrderDetail(this.orderId)
  460. } else {
  461. // 新增模式:重置表单为初始状态
  462. await this.resetForm()
  463. }
  464. } catch (error) {
  465. console.error('初始化表单失败:', error)
  466. const errorMessage = error.message || '初始化表单失败,请刷新页面重试'
  467. this.$message.error(errorMessage)
  468. throw error
  469. }
  470. },
  471. /**
  472. * 重置表单数据
  473. * @description 将表单数据重置为初始状态,清除所有验证错误信息,并重置物料明细列表
  474. * @returns {Promise<void>}
  475. * @throws {Error} 当重置过程中发生严重错误时抛出异常
  476. * @public
  477. * @this {import('./types').OrderFormMixinComponent}
  478. */
  479. async resetForm() {
  480. try {
  481. // 重置表单数据为初始状态
  482. this.formData = this.createInitialFormData()
  483. // 重置物料明细列表(如果存在)
  484. if (Array.isArray(this.materialDetails)) {
  485. this.materialDetails = []
  486. }
  487. // 重置保存状态
  488. this.saveLoading = false
  489. // 在新增模式下,调用getCustomerInfo接口获取客户信息
  490. if (!this.isEdit) {
  491. await this.loadCustomerInfo()
  492. }
  493. // 等待DOM更新后清除表单验证
  494. await this.$nextTick()
  495. // 清除表单验证状态
  496. if (this.$refs.orderForm && typeof this.$refs.orderForm.clearValidate === 'function') {
  497. this.$refs.orderForm.clearValidate()
  498. }
  499. } catch (error) {
  500. console.error('重置表单失败:', error)
  501. // 重置表单时发生严重错误,抛出异常
  502. throw new Error('重置表单失败,请刷新页面重试')
  503. }
  504. },
  505. /**
  506. * 加载客户信息
  507. * @description 在新增模式下调用getCustomerInfo接口获取客户信息并填充表单
  508. * @returns {Promise<void>}
  509. * @throws {Error} 当API调用失败时抛出异常
  510. * @private
  511. * @this {import('./types').OrderFormMixinComponent}
  512. */
  513. async loadCustomerInfo() {
  514. try {
  515. this.formLoading = true
  516. const response = await getCustomerInfo()
  517. if (response?.data?.success && response.data.data) {
  518. const customerData = response.data.data
  519. // 填充客户相关字段到表单(根据实际API返回的字段名称)
  520. this.$set(this.formData, 'orgId', customerData.ORG_ID)
  521. this.$set(this.formData, 'orgCode', customerData.ORG_CODE || '')
  522. this.$set(this.formData, 'orgName', customerData.ORG_NAME || '')
  523. this.$set(this.formData, 'customerId', customerData.Customer_ID)
  524. this.$set(this.formData, 'customerCode', customerData.Customer_CODE || '')
  525. this.$set(this.formData, 'customerName', customerData.Customer_NAME || '')
  526. // 根据Customer_CODE加载地址信息
  527. if (customerData.Customer_CODE) {
  528. await this.loadCustomerAddresses(customerData.Customer_CODE)
  529. }
  530. } else {
  531. const errorMsg = response?.data?.msg || '获取客户信息失败'
  532. console.warn('获取客户信息失败:', errorMsg)
  533. this.$message.warning('获取客户信息失败,请手动填写相关信息')
  534. }
  535. } catch (error) {
  536. console.error('加载客户信息API调用失败:', error)
  537. this.$message.error('网络错误,获取客户信息失败')
  538. throw error
  539. } finally {
  540. this.formLoading = false
  541. }
  542. },
  543. /**
  544. * 加载客户地址信息
  545. * @description 根据客户ID获取地址列表,如果只有一个地址则直接选中,如果多个则选中默认地址
  546. * @param {string} customerCode - 客户ID
  547. * @returns {Promise<void>}
  548. * @throws {Error} 当API调用失败时抛出异常
  549. * @private
  550. * @this {import('./types').OrderFormMixinComponent}
  551. */
  552. async loadCustomerAddresses(customerCode) {
  553. try {
  554. // 使用getList方法,传递分页参数和查询条件
  555. const response = await getAddressList(1, 100, { customerCode })
  556. if (response?.data?.success && response.data.data?.records) {
  557. const addresses = response.data.data.records
  558. if (addresses.length === 1) {
  559. // 只有一个地址,直接选中
  560. this.selectAddress(addresses[0])
  561. } else if (addresses.length > 1) {
  562. // 多个地址,选中默认地址
  563. const defaultAddress = addresses.find(addr => addr.isDefault === 1)
  564. if (defaultAddress) {
  565. this.selectAddress(defaultAddress)
  566. }
  567. }
  568. } else {
  569. console.warn('获取客户地址失败:', response?.data?.msg || '未知错误')
  570. }
  571. } catch (error) {
  572. console.error('加载客户地址API调用失败:', error)
  573. // 地址加载失败不影响主流程,只记录错误
  574. }
  575. },
  576. /**
  577. * 选择地址
  578. * @description 将选中的地址信息填充到表单中
  579. * @param {import('@/api/types/address').CustomerAddressRecord} address - 地址对象
  580. * @returns {void}
  581. * @private
  582. * @this {import('./types').OrderFormMixinComponent}
  583. */
  584. selectAddress(address) {
  585. if (address && this.formData) {
  586. this.$set(this.formData, 'addressId', address.id.toString())
  587. this.$set(this.formData, 'receiverName', address.receiverName || '')
  588. this.$set(this.formData, 'receiverPhone', address.receiverPhone || '')
  589. this.$set(this.formData, 'receiverRegion', address.regionName || '')
  590. this.$set(this.formData, 'receiverAddress', address.detailAddress || '')
  591. }
  592. },
  593. /**
  594. * 加载订单详情数据
  595. * @description 根据订单ID从服务器获取订单详情并填充到表单中,同时并行加载物料明细数据以提高性能
  596. * @param {string|number} orderId - 订单唯一标识符
  597. * @returns {Promise<void>}
  598. * @throws {Error} 当订单ID无效、API调用失败或数据格式错误时抛出异常
  599. * @public
  600. * @this {import('./types').OrderFormMixinComponent}
  601. */
  602. async loadOrderDetail(orderId) {
  603. // 参数验证
  604. if (!orderId || (typeof orderId !== 'string' && typeof orderId !== 'number')) {
  605. throw new Error('订单ID不能为空且必须是有效的字符串或数字')
  606. }
  607. try {
  608. // 并行加载订单详情和物料明细数据以提高性能
  609. const [orderResponse, materialResponse] = await Promise.all([
  610. getDetail(String(orderId)),
  611. this.loadMaterialDetails(String(orderId))
  612. ])
  613. // 验证订单详情响应数据
  614. if (!orderResponse?.data?.success) {
  615. const errorMsg = (orderResponse?.data && (orderResponse.data.message || orderResponse.data.msg)) || '获取订单详情失败'
  616. throw new Error(errorMsg)
  617. }
  618. if (!orderResponse.data.data) {
  619. throw new Error('订单数据不存在或已被删除')
  620. }
  621. const orderData = orderResponse.data.data
  622. // 安全地映射订单数据到表单,确保数据类型正确
  623. this.formData = this.mapOrderDataToForm(orderData)
  624. // 设置物料明细数据(确保是数组类型)
  625. this.materialDetails = Array.isArray(materialResponse) ? materialResponse : []
  626. console.log(`成功加载订单详情,订单编码: ${orderData.orderCode || orderId}`)
  627. } catch (error) {
  628. console.error('加载订单详情失败:', error)
  629. const errorMessage = error.message || '加载订单详情失败,请检查网络连接后重试'
  630. this.$message.error(errorMessage)
  631. throw error
  632. }
  633. },
  634. /**
  635. * 加载物料明细数据
  636. * @description 根据订单ID获取物料明细列表,并对数值字段进行格式化和验证,确保数据精确性和类型安全
  637. * @param {string|number} orderId - 订单唯一标识符
  638. * @returns {Promise<MaterialDetailRecord[]>} 格式化后的物料明细数组,数值字段已进行精度处理
  639. * @throws {Error} 当订单ID无效或API调用失败时抛出异常
  640. * @private
  641. * @this {import('./types').OrderFormMixinComponent}
  642. */
  643. async loadMaterialDetails(orderId) {
  644. // 参数验证
  645. if (!orderId || (typeof orderId !== 'string' && typeof orderId !== 'number')) {
  646. console.error('loadMaterialDetails: 订单ID无效', orderId)
  647. return []
  648. }
  649. try {
  650. const response = await getOrderItemList(1, 1000, { orderId })
  651. // 验证响应数据结构
  652. if (!response?.data?.success) {
  653. const errorMsg = (response?.data && (response.data.message || response.data.msg)) || '获取物料明细失败'
  654. throw new Error(errorMsg)
  655. }
  656. if (!response.data.data) {
  657. console.warn('物料明细数据为空')
  658. return []
  659. }
  660. const materialDetails = response.data.data.records
  661. // 确保返回的是数组类型
  662. if (!Array.isArray(materialDetails)) {
  663. console.warn('物料明细数据格式异常,返回空数组')
  664. return []
  665. }
  666. // 为远程加载的物料数据添加数据来源标识并格式化数字字段
  667. return materialDetails.map((material, index) => {
  668. try {
  669. // 验证和格式化数字字段,确保类型安全
  670. const orderQuantityValidation = validateNumber(material.orderQuantity)
  671. const unitPriceValidation = validateNumber(material.unitPrice)
  672. const taxRateValidation = validateNumber(material.taxRate)
  673. const taxAmountValidation = validateNumber(material.taxAmount)
  674. const totalAmountValidation = validateNumber(material.totalAmount)
  675. const availableQuantityValidation = validateNumber(material.availableQuantity)
  676. const confirmQuantityValidation = validateNumber(material.confirmQuantity)
  677. const detailData = {
  678. ...material,
  679. id: String(material.id || ''),
  680. itemId: String(material.itemId || ''),
  681. warehouseId: String(material.warehouseId || ''),
  682. mainCategoryId: String(material.mainItemCategoryId) || '',
  683. mainItemCategoryId: material.mainItemCategoryId ? String(material.mainItemCategoryId) : undefined,
  684. mainItemCategoryName: material.mainItemCategoryName || '',
  685. mainCategoryName: material.mainItemCategoryName || '',
  686. createTime: material.createTime || new Date().toISOString(),
  687. updateTime: material.updateTime || new Date().toISOString(),
  688. dataSource: MaterialDetailDataSource.REMOTE,
  689. isDeletable: false, // 远程加载的数据不可删除
  690. // 格式化数字字段,确保精度和类型正确
  691. orderQuantity: orderQuantityValidation.isValid ? Math.round(orderQuantityValidation.value) : 0,
  692. unitPrice: unitPriceValidation.isValid ? preciseRound(unitPriceValidation.value, 2) : 0,
  693. taxRate: taxRateValidation.isValid ? preciseRound(taxRateValidation.value, 4) : 0,
  694. taxAmount: taxAmountValidation.isValid ? preciseRound(taxAmountValidation.value, 2) : 0,
  695. totalAmount: totalAmountValidation.isValid ? preciseRound(totalAmountValidation.value, 2) : 0,
  696. availableQuantity: availableQuantityValidation.isValid ? preciseRound(availableQuantityValidation.value, 0) : 0,
  697. confirmQuantity: confirmQuantityValidation.isValid ? preciseRound(confirmQuantityValidation.value, 0) : 0,
  698. // 确保必要的字段存在
  699. itemCode: material.itemCode || '',
  700. itemName: material.itemName || '',
  701. specs: material.specs || ''
  702. }
  703. return detailData;
  704. } catch (itemError) {
  705. console.error(`格式化物料明细第${index + 1}项失败:`, itemError)
  706. // 返回默认的物料明细项,确保数据完整性
  707. return {
  708. ...material,
  709. id: String(material.id || ''),
  710. mainItemCategoryId: String(material.mainItemCategoryId || ''),
  711. mainItemCategoryName: material.mainItemCategoryName || '',
  712. mainCategoryName: material.mainItemCategoryName || '',
  713. itemId: String(material.itemId || ''),
  714. warehouseId: String(material.warehouseId || ''),
  715. createTime: material.createTime || new Date().toISOString(),
  716. updateTime: material.updateTime || new Date().toISOString(),
  717. dataSource: MaterialDetailDataSource.REMOTE,
  718. isDeletable: false,
  719. availableQuantity: 0,
  720. confirmQuantity: 0,
  721. orderQuantity: 0,
  722. unitPrice: 0,
  723. taxRate: 0,
  724. taxAmount: 0,
  725. totalAmount: 0,
  726. itemCode: material.itemCode || '',
  727. itemName: material.itemName || '',
  728. specs: material.specs || ''
  729. }
  730. }
  731. })
  732. } catch (error) {
  733. console.error('加载物料明细失败:', error)
  734. this.$message.warning('加载物料明细失败,请稍后重试')
  735. return []
  736. }
  737. },
  738. /**
  739. * 映射订单数据到表单格式
  740. * @description 将API返回的订单数据安全地映射为表单数据格式,并格式化数字字段
  741. * @param {import('@/api/types/order').OrderRecord} orderData - 从API获取的原始订单数据
  742. * @returns {OrderFormModel} 格式化后的表单数据
  743. * @private
  744. * @this {import('./types').OrderFormMixinComponent}
  745. */
  746. mapOrderDataToForm(orderData) {
  747. // 验证和格式化数字字段
  748. const totalAmountValidation = validateNumber(orderData.totalAmount)
  749. const totalQuantityValidation = validateNumber(orderData.totalQuantity)
  750. const orderQuantityValidation = validateNumber(orderData.orderQuantity)
  751. return {
  752. id: orderData.id ? String(orderData.id) : undefined,
  753. orderCode: String(orderData.orderCode || ''),
  754. orgId: orderData.orgId ? String(orderData.orgId) : undefined,
  755. orgCode: String(orderData.orgCode || ''),
  756. orgName: String(orderData.orgName || ''),
  757. customerId: orderData.customerId ? String(orderData.customerId) : null,
  758. customerCode: String(orderData.customerCode || ''),
  759. customerName: String(orderData.customerName || ''),
  760. orderType: Number(orderData.orderType) || ORDER_TYPES.NORMAL,
  761. orderQuantity: orderQuantityValidation.isValid ? parseInt(orderQuantityValidation.value.toString()) : 0,
  762. totalAmount: totalAmountValidation.isValid ? preciseRound(totalAmountValidation.value, 2) : null,
  763. totalQuantity: totalQuantityValidation.isValid ? preciseRound(totalQuantityValidation.value, 4) : null,
  764. addressId: orderData.addressId ? String(orderData.addressId) : '',
  765. receiverName: String(orderData.receiverName || ''),
  766. receiverPhone: String(orderData.receiverPhone || ''),
  767. receiverRegion: String(orderData.receiverRegion || ''),
  768. receiverAddress: String(orderData.receiverAddress || ''),
  769. status: Number(orderData.status) || ORDER_STATUS.DRAFT,
  770. remark: String(orderData.remark || '')
  771. }
  772. },
  773. /**
  774. * 处理返回列表操作
  775. * @description 触发返回列表事件,通知父组件关闭表单
  776. * @returns {void}
  777. * @public
  778. * @emits back 返回列表事件
  779. * @this {import('./types').OrderFormMixinComponent}
  780. */
  781. handleBack() {
  782. /**
  783. * 返回列表事件
  784. * @event back
  785. * @description 用户点击返回按钮时触发
  786. */
  787. this.$emit(ORDER_FORM_EVENTS.BACK)
  788. },
  789. /**
  790. * 处理表单保存操作
  791. * @description 验证表单数据并提交到服务器,支持新增和编辑模式
  792. * 编辑模式下使用updateOrder方法一次性保存订单和物料明细数据
  793. * @returns {Promise<void>}
  794. * @throws {Error} 当表单验证失败或API调用失败时抛出异常
  795. * @public
  796. * @emits save-success 保存成功事件
  797. * @this {import('./types').OrderFormMixinComponent}
  798. */
  799. async handleSave() {
  800. if (this.saveLoading) {
  801. return // 防止重复提交
  802. }
  803. try {
  804. // 表单验证
  805. const isValid = await this.validateForm()
  806. if (!isValid) {
  807. return
  808. }
  809. // 库存校验:订单数量不得超过可用数量(可用数量=storeInventory 映射而来)
  810. const exceededItems = (this.materialDetails || []).filter(it => Number(it.orderQuantity || 0) > Number(it.availableQuantity || 0))
  811. if (exceededItems.length > 0) {
  812. const detailText = exceededItems
  813. .slice(0, 5)
  814. .map(it => `${it.itemName || it.itemCode || '物料'}:订单数量 ${Number(it.orderQuantity || 0)} > 可用数量 ${Number(it.availableQuantity || 0)}`)
  815. .join('\n')
  816. await this.$alert(
  817. `库存不足,以下物料订单数量超过可用数量:\n${detailText}${exceededItems.length > 5 ? '\n...' : ''}`,
  818. '库存不足',
  819. { customClass: 'order-stock-alert' }
  820. )
  821. return
  822. }
  823. this.saveLoading = true
  824. // 准备提交数据
  825. const submitData = this.prepareSubmitData()
  826. // 调用相应的API
  827. const response = await this.submitOrderData(submitData)
  828. // 显示成功提示
  829. const successMessage = this.isEdit ? '订单更新成功' : '订单创建成功'
  830. this.$message.success(successMessage)
  831. /**
  832. * 保存成功事件
  833. * @event typeof ORDER_FORM_EVENTS.SAVE_SUCCESS
  834. * @param {Object} data - 保存后的订单数据
  835. * @description 订单保存成功后触发,携带最新的订单数据
  836. */
  837. this.$emit(ORDER_FORM_EVENTS.SAVE_SUCCESS, response.data.data)
  838. // 返回列表
  839. this.handleBack()
  840. } catch (error) {
  841. const errorMessage = this.isEdit ? '订单更新失败,请重试' : '订单创建失败,请重试'
  842. this.$message.error(errorMessage)
  843. throw error
  844. } finally {
  845. this.saveLoading = false
  846. }
  847. },
  848. /**
  849. * 判断订单是否可以提交到U9
  850. * @description 仅草稿(0)和未提交(1)状态允许提交
  851. * @param {import('./types').OrderFormModel | any} row - 订单数据对象
  852. * @returns {boolean}
  853. */
  854. canSubmitToU9(row) {
  855. if (!row) return false
  856. const status = Number(row.status)
  857. return status === ORDER_STATUS.DRAFT || status === ORDER_STATUS.SUBMITTED
  858. },
  859. /**
  860. * 提交订单到U9系统(表单页)
  861. * @description 弹出确认框,提交当前表单的订单ID到U9,成功后刷新订单详情以同步状态
  862. * @returns {Promise<void>}
  863. * @this {import('./types').OrderFormMixinComponent}
  864. */
  865. async handleSubmitToU9() {
  866. // 仅在编辑模式且存在ID时允许提交
  867. const orderId = this.formData && (this.formData.id || this.orderId)
  868. if (!this.isEdit || !orderId) return
  869. /** @type {any} */
  870. let loadingInstance = null
  871. try {
  872. await this.$confirm('确认要提交该订单到U9系统吗?', '提示', {
  873. confirmButtonText: '确定',
  874. cancelButtonText: '取消',
  875. type: 'warning'
  876. })
  877. loadingInstance = this.$loading({
  878. lock: true,
  879. text: '正在提交到U9系统...',
  880. spinner: 'el-icon-loading',
  881. background: 'rgba(0, 0, 0, 0.7)'
  882. })
  883. const response = await submitOrderToU9({ id: String(orderId) })
  884. if (response && response.data && response.data.success) {
  885. this.$message.success('订单提交成功')
  886. // 提交成功后,重新加载详情以更新状态
  887. if (orderId) {
  888. await this.loadOrderDetail(orderId)
  889. }
  890. } else {
  891. this.$message.error((response && response.data && response.data.msg) || '提交失败')
  892. }
  893. } catch (error) {
  894. if (error !== 'cancel') {
  895. // eslint-disable-next-line no-console
  896. console.error('提交订单到U9失败:', error)
  897. this.$message.error('提交失败,请稍后重试')
  898. }
  899. } finally {
  900. if (loadingInstance) loadingInstance.close()
  901. }
  902. },
  903. /**
  904. * 提交订单数据到服务器
  905. * @description 根据编辑模式调用相应的API接口,编辑模式下使用updateOrder包含物料明细,新建状态下使用createSalesOrder包含物料明细
  906. * @param {OrderFormModel} submitData - 要提交的订单数据
  907. * @returns {Promise<import("@/api/types/order").SalesOrderCreateResponse>} API响应结果
  908. * @private
  909. * @this {import('./types').OrderFormMixinComponent}
  910. */
  911. async submitOrderData(submitData) {
  912. if (this.isEdit) {
  913. // 编辑状态下:先仅更新订单基础信息(不包含物料明细),再单独添加“导入”的物料
  914. // 第一步:更新订单头
  915. const headerData = this.prepareSubmitData()
  916. const headerResponse = await updateOrderHeader(headerData)
  917. const headerSuccess = headerResponse && headerResponse.data && headerResponse.data.success
  918. if (!headerSuccess) {
  919. throw new Error((headerResponse && headerResponse.data && headerResponse.data.msg) || '订单基础信息更新失败')
  920. }
  921. // 第二步:仅添加通过导入方式新增的物料(不含从订单获取的物料)
  922. const importedMaterials = (this.materialDetails || []).filter(m => m.dataSource === MaterialDetailDataSource.IMPORTED)
  923. if (importedMaterials.length > 0) {
  924. const orderId = (this.formData && this.formData.id) || this.orderId
  925. const orderCode = (this.formData && this.formData.orderCode) || ''
  926. const payloads = importedMaterials.map(material => ({
  927. orderId: String(orderId), // 以字符串传输,避免大整数精度问题
  928. orderCode,
  929. itemId: String(material.itemId || ''),
  930. itemCode: material.itemCode || '',
  931. itemName: material.itemName || '',
  932. specs: material.specs || '',
  933. mainItemCategoryId: String(material.mainItemCategoryId || ''),
  934. mainItemCategoryName: material.mainItemCategoryName || '',
  935. warehouseId: String(material.warehouseId || ''),
  936. warehouseName: material.warehouseName || '',
  937. availableQuantity: Number(material.availableQuantity) || 0,
  938. orderQuantity: Number(material.orderQuantity) || 0,
  939. confirmQuantity: Number(material.confirmQuantity) || Number(material.orderQuantity) || 0,
  940. unitPrice: Number(material.unitPrice) || 0,
  941. taxRate: Number(material.taxRate) || 0,
  942. taxAmount: Number(material.taxAmount) || 0,
  943. totalAmount: Number(material.totalAmount) || 0,
  944. itemStatus: material.itemStatus || ORDER_ITEM_STATUS.UNCONFIRMED
  945. }))
  946. const results = await Promise.all(payloads.map(p => addOrderItem(p)))
  947. const allOk = results.every(r => r && r.data && r.data.success)
  948. if (!allOk) {
  949. throw new Error('部分物料添加失败')
  950. }
  951. }
  952. // 两步均成功,返回头部更新的响应
  953. return headerResponse
  954. } else {
  955. // 新建状态下使用createSalesOrder接口,包含物料明细数据
  956. const salesOrderData = this.prepareSalesOrderData(submitData)
  957. return await createSalesOrder(salesOrderData)
  958. }
  959. },
  960. /**
  961. * 准备销售订单创建数据
  962. * @description 将表单数据和物料明细数据组合为createSalesOrder接口所需的格式
  963. * @param {OrderFormModel} formData - 表单数据
  964. * @returns {SalesOrderCreateForm} 销售订单创建数据
  965. * @private
  966. * @this {import('./types').OrderFormMixinComponent}
  967. */
  968. prepareSalesOrderData(formData) {
  969. // 转换物料明细数据为API所需格式
  970. const pcBladeOrderItemList = this.materialDetails.map(material => ({
  971. itemId: String(material.itemId || ''),
  972. itemCode: material.itemCode || '',
  973. itemName: material.itemName || '',
  974. specs: material.specs || '',
  975. mainItemCategoryId: String(material.mainItemCategoryId || ''),
  976. mainItemCategoryName: material.mainItemCategoryName || '',
  977. warehouseId: String(material.warehouseId || ''),
  978. warehouseName: material.warehouseName || '',
  979. availableQuantity: Number(material.availableQuantity) || 0,
  980. orderQuantity: Number(material.orderQuantity) || 0,
  981. confirmQuantity: Number(material.confirmQuantity) || Number(material.orderQuantity) || 0,
  982. unitPrice: Number(material.unitPrice) || 0,
  983. taxRate: Number(material.taxRate) || 0,
  984. taxAmount: Number(material.taxAmount) || 0,
  985. totalAmount: Number(material.totalAmount) || 0,
  986. itemStatus: material.itemStatus || ORDER_ITEM_STATUS.UNCONFIRMED,
  987. }))
  988. // 创建销售订单数据对象
  989. const salesOrderData = {
  990. ...formData,
  991. id: formData.id ? String(formData.id) : undefined,
  992. orgId: (formData.orgId !== null && formData.orgId !== undefined && formData.orgId !== '') ? String(formData.orgId) : '',
  993. customerId: (formData.customerId !== null && formData.customerId !== undefined && formData.customerId !== '') ? String(formData.customerId) : '',
  994. orderType: Number(formData.orderType) || 0,
  995. totalAmount: Number(formData.totalAmount) || 0,
  996. totalQuantity: Number(formData.totalQuantity) || 0,
  997. addressId: formData.addressId ? String(formData.addressId) : '',
  998. status: formData.status,
  999. pcBladeOrderItemList
  1000. }
  1001. // 新增模式下,移除orderCode和id字段
  1002. if (!this.isEdit) {
  1003. const { orderCode, id, ...dataWithoutOrderCodeAndId } = salesOrderData
  1004. return dataWithoutOrderCodeAndId
  1005. }
  1006. return salesOrderData
  1007. },
  1008. /**
  1009. * 准备销售订单更新数据
  1010. * @description 将表单数据和物料明细数据组合为updateOrder接口所需的格式
  1011. * @param {OrderFormModel} formData - 表单数据
  1012. * @returns {import('@/api/types/order').SalesOrderUpdateForm} 销售订单更新数据
  1013. * @private
  1014. * @this {import('./types').OrderFormMixinComponent}
  1015. */
  1016. prepareSalesOrderUpdateData(formData) {
  1017. // 转换所有物料明细数据为API所需格式
  1018. const pcBladeOrderItemList = this.materialDetails.map(material => ({
  1019. id: material.id ? material.id : undefined, // 保持为字符串类型
  1020. orderId: formData.id || '', // 保持为字符串类型,避免大整数精度丢失
  1021. itemId: String(material.itemId || ''),
  1022. itemCode: material.itemCode || '',
  1023. itemName: material.itemName || '',
  1024. specs: material.specs || '',
  1025. mainItemCategoryId: String(material.mainItemCategoryId || ''),
  1026. mainItemCategoryName: material.mainItemCategoryName || '',
  1027. warehouseId: String(material.warehouseId || ''),
  1028. warehouseName: material.warehouseName || '',
  1029. availableQuantity: Number(material.availableQuantity) || 0,
  1030. orderQuantity: Number(material.orderQuantity) || 0,
  1031. confirmQuantity: Number(material.confirmQuantity) || Number(material.orderQuantity) || 0,
  1032. unitPrice: Number(material.unitPrice) || 0,
  1033. taxRate: Number(material.taxRate) || 0,
  1034. taxAmount: Number(material.taxAmount) || 0,
  1035. totalAmount: Number(material.totalAmount) || 0,
  1036. itemStatus: material.itemStatus || ORDER_ITEM_STATUS.UNCONFIRMED,
  1037. }))
  1038. // 创建销售订单更新数据对象
  1039. const salesOrderUpdateData = {
  1040. id: formData.id || '', // 保持为字符串类型,避免大整数精度丢失
  1041. orderCode: formData.orderCode || '',
  1042. orgId: (formData.orgId !== null && formData.orgId !== undefined && formData.orgId !== '') ? String(formData.orgId) : '',
  1043. orgCode: formData.orgCode || '',
  1044. orgName: formData.orgName || '',
  1045. customerId: (formData.customerId !== null && formData.customerId !== undefined && formData.customerId !== '') ? String(formData.customerId) : '',
  1046. customerCode: formData.customerCode || '',
  1047. customerName: formData.customerName || '',
  1048. orderType: Number(formData.orderType) || 0,
  1049. orderQuantity: Number(formData.orderQuantity) || 0,
  1050. totalAmount: Number(formData.totalAmount) || 0,
  1051. totalQuantity: Number(formData.totalQuantity) || 0,
  1052. addressId: formData.addressId ? String(formData.addressId) : '',
  1053. receiverName: formData.receiverName || '',
  1054. receiverPhone: formData.receiverPhone || '',
  1055. receiverRegion: formData.receiverRegion || '',
  1056. receiverAddress: formData.receiverAddress || '',
  1057. status: formData.status,
  1058. remark: formData.remark || '',
  1059. pcBladeOrderItemList
  1060. }
  1061. return salesOrderUpdateData
  1062. },
  1063. /**
  1064. * 验证表单数据
  1065. * @description 使用AvueJS表单的验证功能验证所有字段
  1066. * @returns {Promise<boolean>} 验证结果,true表示验证通过,false表示验证失败
  1067. * @public
  1068. * @this {import('./types').OrderFormMixinComponent}
  1069. */
  1070. async validateForm() {
  1071. if (!this.$refs.orderForm) {
  1072. return false
  1073. }
  1074. try {
  1075. // 使用更简洁的Promise包装器函数
  1076. const isValid = await this.validateFormFields()
  1077. if (!isValid) {
  1078. this.$message.warning('请检查表单填写是否正确')
  1079. }
  1080. return isValid
  1081. } catch (error) {
  1082. this.$message.warning('请检查表单填写是否正确')
  1083. return false
  1084. }
  1085. },
  1086. /**
  1087. * 验证表单字段
  1088. * @description 验证AvueJS表单的所有字段,确保数据有效性
  1089. * @returns {Promise<boolean>} 验证结果
  1090. * @private
  1091. * @this {import('./types').OrderFormMixinComponent}
  1092. */
  1093. async validateFormFields() {
  1094. return new Promise((resolve) => {
  1095. this.$refs?.orderForm?.validate(/** @param {boolean} valid */ (valid) => {
  1096. resolve(Boolean(valid))
  1097. })
  1098. })
  1099. },
  1100. /**
  1101. * 准备提交数据
  1102. * @description 复制表单数据并进行清理和格式化处理
  1103. * @returns {OrderFormModel} 准备好的提交数据
  1104. * @private
  1105. * @this {import('./types').OrderFormMixinComponent}
  1106. */
  1107. prepareSubmitData() {
  1108. const submitData = { ...this.formData }
  1109. // 清理和格式化数据
  1110. return this.cleanAndFormatSubmitData(submitData)
  1111. },
  1112. /**
  1113. * 清理和格式化提交数据
  1114. * @description 移除空值字段并确保数据类型正确,使用精确的数字验证和格式化
  1115. * @param {OrderFormModel} data - 原始表单数据
  1116. * @returns {OrderFormModel} 清理后的数据对象
  1117. * @private
  1118. * @this {import('./types').OrderFormMixinComponent}
  1119. */
  1120. cleanAndFormatSubmitData(data) {
  1121. /** @type {Record<string, any>} */
  1122. const cleanedData = {}
  1123. Object.keys(data).forEach(key => {
  1124. const value = /** @type {Record<string, any>} */(data)[key]
  1125. // 新增模式下,移除orderCode和id字段
  1126. if (!this.isEdit && (key === 'orderCode' || key === 'id')) {
  1127. return
  1128. }
  1129. // 跳过null、undefined和空字符串,但保留备注字段
  1130. if (value === null || value === undefined || (value === '' && key !== 'remark')) {
  1131. return
  1132. }
  1133. // 使用精确的数字验证和格式化
  1134. if (key === 'totalAmount') {
  1135. const validation = validateNumber(value)
  1136. cleanedData[key] = validation.isValid ? preciseRound(validation.value, 2) : 0
  1137. } else if (key === 'totalQuantity') {
  1138. const validation = validateNumber(value)
  1139. cleanedData[key] = validation.isValid ? Math.round(validation.value) : 0
  1140. } else if (['orderType', 'status'].includes(key)) {
  1141. cleanedData[key] = Number(value) || 0
  1142. } else if (key === 'id' && this.isEdit) {
  1143. // 编辑模式下保持id字段为字符串类型,避免大整数精度丢失
  1144. cleanedData[key] = String(value)
  1145. } else if (['orgId', 'customerId', 'addressId'].includes(key)) {
  1146. // 统一将所有ID类型字段以字符串传输,避免精度丢失
  1147. cleanedData[key] = String(value)
  1148. } else {
  1149. cleanedData[key] = value
  1150. }
  1151. })
  1152. return /** @type {any} */ (cleanedData)
  1153. },
  1154. /**
  1155. * 处理物料删除事件
  1156. * @description 从物料明细列表中删除指定的物料记录,仅允许删除可删除的物料
  1157. * @param {import('./types').MaterialDetailRecord} row - 要删除的物料记录
  1158. * @returns {void}
  1159. * @public
  1160. * @this {import('./types').OrderFormMixinComponent}
  1161. */
  1162. handleMaterialDelete(/** @type {{ row: import('./types').MaterialDetailRecord, index: number }} */ { row, index }) {
  1163. if (!row) {
  1164. this.$message.warning('删除数据无效')
  1165. return
  1166. }
  1167. // 检查物料是否可删除
  1168. if (!row.isDeletable) {
  1169. this.$message.warning('该物料不允许删除')
  1170. return
  1171. }
  1172. try {
  1173. // 从物料明细列表中移除该记录
  1174. const materialIndex = this.materialDetails.findIndex(item =>
  1175. item.itemCode === row.itemCode &&
  1176. item.dataSource === row.dataSource
  1177. )
  1178. if (materialIndex !== -1) {
  1179. this.materialDetails.splice(materialIndex, 1)
  1180. this.$message.success(`物料 "${row.itemName}" 删除成功`)
  1181. } else {
  1182. this.$message.warning('未找到要删除的物料记录')
  1183. }
  1184. } catch (error) {
  1185. this.$message.error('删除物料失败,请重试')
  1186. console.error('删除物料失败:', error)
  1187. }
  1188. },
  1189. /**
  1190. * 处理物料导入事件
  1191. * @description 将导入的物料数据添加到物料明细列表中,格式化数字字段并标记为可删除
  1192. * @param {MaterialDetailRecord[]} importedMaterials - 导入的物料数据数组
  1193. * @returns {void}
  1194. * @public
  1195. * @this {import('./types').OrderFormMixinComponent}
  1196. */
  1197. handleMaterialImport(importedMaterials) {
  1198. if (!Array.isArray(importedMaterials) || importedMaterials.length === 0) {
  1199. this.$message.warning('没有有效的物料数据可导入')
  1200. return
  1201. }
  1202. try {
  1203. // 为导入的物料添加数据来源标识并格式化数字字段
  1204. const formattedMaterials = importedMaterials.map(material => {
  1205. const formatted = {
  1206. ...material,
  1207. dataSource: MaterialDetailDataSource.IMPORTED,
  1208. isDeletable: true
  1209. }
  1210. // 格式化数字字段
  1211. const quantityValidation = validateNumber(formatted.orderQuantity)
  1212. const priceValidation = validateNumber(formatted.unitPrice)
  1213. const rateValidation = validateNumber(formatted.taxRate)
  1214. const amountValidation = validateNumber(formatted.totalAmount)
  1215. const taxAmountValidation = validateNumber(formatted.taxAmount)
  1216. formatted.orderQuantity = quantityValidation.isValid ? Math.round(quantityValidation.value) : 1
  1217. formatted.unitPrice = priceValidation.isValid ? preciseRound(priceValidation.value, 2) : 0
  1218. formatted.taxRate = rateValidation.isValid && rateValidation.value > 0 ? preciseRound(rateValidation.value, 4) : 13
  1219. // Calculate total amount
  1220. const totalAmount = preciseMultiply(formatted.orderQuantity, formatted.unitPrice)
  1221. formatted.totalAmount = preciseRound(totalAmount, 2)
  1222. // Calculate tax amount
  1223. const taxAmount = preciseDivide(preciseMultiply(totalAmount, formatted.taxRate), 100)
  1224. formatted.taxAmount = preciseRound(taxAmount, 2)
  1225. return formatted
  1226. })
  1227. // 添加到物料明细列表
  1228. this.materialDetails.push(...formattedMaterials)
  1229. this.$message.success(`成功导入 ${importedMaterials.length} 条物料明细`)
  1230. } catch (error) {
  1231. this.$message.error('导入物料失败,请重试')
  1232. console.error('导入物料失败:', error)
  1233. }
  1234. },
  1235. /**
  1236. * 处理表单提交事件
  1237. * @description AvueJS表单提交时的回调处理
  1238. * @param {OrderFormModel} formData - 表单数据
  1239. * @param {Function} done - 完成回调函数
  1240. * @this {import('./types').OrderFormMixinComponent}
  1241. */
  1242. handleFormSubmit(/** @type {import('./types').OrderFormModel} */ formData, /** @type {Function} */ done) {
  1243. this.handleSave().finally(() => {
  1244. if (typeof done === 'function') {
  1245. done()
  1246. }
  1247. })
  1248. },
  1249. /**
  1250. * 处理表单重置事件
  1251. * @description AvueJS表单重置时的回调处理
  1252. * @this {import('./types').OrderFormMixinComponent}
  1253. */
  1254. handleFormReset() {
  1255. this.resetForm()
  1256. },
  1257. /**
  1258. * 处理物料明细数据变化
  1259. * @description 当物料明细表格数据发生变化时的回调处理,自动重新计算订单总金额和总数量
  1260. * @param {MaterialDetailRecord[]} materialDetails - 更新后的物料明细列表
  1261. * @returns {void}
  1262. * @this {import('./types').OrderFormMixinComponent}
  1263. */
  1264. handleMaterialChange(materialDetails) {
  1265. if (Array.isArray(materialDetails)) {
  1266. this.materialDetails = materialDetails
  1267. }
  1268. this.calculateOrderTotal()
  1269. },
  1270. /**
  1271. * 处理物料明细更新事件
  1272. * @description 当物料明细表格中的数据被编辑时的回调处理,自动重新计算订单总金额和总数量
  1273. * @param {import('./types').MaterialUpdateEventData} eventData - 更新事件数据对象
  1274. * @returns {void}
  1275. * @this {import('./types').OrderFormMixinComponent}
  1276. */
  1277. handleMaterialUpdate(eventData) {
  1278. if (!eventData || typeof eventData !== 'object') {
  1279. console.warn('Invalid material update event data:', eventData)
  1280. return
  1281. }
  1282. const { index, row } = eventData
  1283. if (typeof index !== 'number' || index < 0) {
  1284. console.warn('Invalid material update index:', index)
  1285. return
  1286. }
  1287. if (!row || typeof row !== 'object') {
  1288. console.warn('Invalid material update data:', row)
  1289. return
  1290. }
  1291. // 验证索引是否在有效范围内
  1292. if (index >= this.materialDetails.length) {
  1293. console.warn('Material update index out of range:', index, 'length:', this.materialDetails.length)
  1294. return
  1295. }
  1296. // 更新物料明细数据
  1297. this.$set(this.materialDetails, index, {
  1298. ...this.materialDetails[index],
  1299. ...row,
  1300. updateTime: new Date().toISOString()
  1301. })
  1302. // 重新计算订单总计
  1303. this.calculateOrderTotal()
  1304. },
  1305. /**
  1306. * 计算订单总金额和总数量
  1307. * @description 根据物料明细计算订单总金额、总数量、总税额并更新表单数据
  1308. * @returns {void}
  1309. * @this {import('./types').OrderFormMixinComponent}
  1310. */
  1311. calculateOrderTotal() {
  1312. // 计算订单总金额
  1313. const totalAmount = this.materialDetails.reduce((sum, item) => {
  1314. return sum + (Number(item.totalAmount) || 0)
  1315. }, 0)
  1316. // 计算订单总数量
  1317. const totalQuantity = this.materialDetails.reduce((sum, item) => {
  1318. return sum + (Number(item.orderQuantity) || 0)
  1319. }, 0)
  1320. // 计算总税额
  1321. const totalTaxAmount = this.materialDetails.reduce((sum, item) => {
  1322. return sum + (Number(item.taxAmount) || 0)
  1323. }, 0)
  1324. // 更新表单中的总金额、总数量和税额字段
  1325. if (this.formData) {
  1326. this.$set(this.formData, 'totalAmount', Math.round(totalAmount * 100) / 100)
  1327. this.$set(this.formData, 'totalQuantity', Math.round(totalQuantity))
  1328. this.$set(this.formData, 'totalTaxAmount', Math.round(totalTaxAmount * 100) / 100)
  1329. }
  1330. },
  1331. /**
  1332. * 处理客户选择事件
  1333. * @description 当客户选择组件选择客户时的回调处理,自动填充客户编码和客户名称,并清空地址相关字段
  1334. * @param {import('./types').CustomerSelectData} customerData - 客户数据对象
  1335. * @returns {void}
  1336. * @this {import('./types').OrderFormMixinComponent}
  1337. */
  1338. handleCustomerSelected(/** @type {import('./types').CustomerSelectData} */ customerData) {
  1339. if (this.formData) {
  1340. // 更新客户相关字段
  1341. this.$set(this.formData, 'customerId', customerData.customerId != null ? String(customerData.customerId) : null)
  1342. this.$set(this.formData, 'customerCode', customerData.customerCode)
  1343. this.$set(this.formData, 'customerName', customerData.customerName)
  1344. // 清空地址相关字段
  1345. this.$set(this.formData, 'addressId', '')
  1346. this.$set(this.formData, 'receiverName', '')
  1347. this.$set(this.formData, 'receiverPhone', '')
  1348. this.$set(this.formData, 'receiverRegion', '')
  1349. this.$set(this.formData, 'receiverAddress', '')
  1350. }
  1351. },
  1352. /**
  1353. * 处理地址选择事件
  1354. * @description 当地址选择组件选择地址时的回调处理,自动填充收货人相关信息
  1355. * @param {import('./types').AddressSelectData} addressData - 地址数据对象
  1356. * @returns {void}
  1357. * @this {import('./types').OrderFormMixinComponent}
  1358. */
  1359. handleAddressSelected(/** @type {import('./types').AddressSelectData} */ addressData) {
  1360. if (this.formData) {
  1361. // 更新地址相关字段
  1362. this.$set(this.formData, 'addressId', addressData.addressId != null ? String(addressData.addressId) : '')
  1363. this.$set(this.formData, 'receiverName', addressData.receiverName || '')
  1364. this.$set(this.formData, 'receiverPhone', addressData.receiverPhone || '')
  1365. this.$set(this.formData, 'receiverRegion', addressData.regionName || '')
  1366. this.$set(this.formData, 'receiverAddress', addressData.detailAddress || '')
  1367. }
  1368. },
  1369. /**
  1370. * 处理地址回显
  1371. * @description 在编辑模式下,根据表单中的地址信息在地址选择组件中进行回显
  1372. * @returns {void}
  1373. * @this {import('./types').OrderFormMixinComponent}
  1374. */
  1375. handleAddressEcho() {
  1376. // 查找地址选择组件的引用
  1377. const addressSelectRefs = this.$refs.orderForm?.$refs?.addressId
  1378. const addressSelectComponent = Array.isArray(addressSelectRefs) ? addressSelectRefs[0] : addressSelectRefs
  1379. if (addressSelectComponent && typeof addressSelectComponent.setEchoValue === 'function') {
  1380. // 构建地址信息对象用于匹配
  1381. const addressInfo = {
  1382. receiverName: this.formData.receiverName,
  1383. receiverPhone: this.formData.receiverPhone,
  1384. regionName: this.formData.receiverRegion,
  1385. detailAddress: this.formData.receiverAddress
  1386. }
  1387. // 调用地址选择组件的回显方法
  1388. addressSelectComponent.setEchoValue(addressInfo)
  1389. }
  1390. }
  1391. }
  1392. }