add.vue 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748
  1. <template>
  2. <div id="addDemandList">
  3. <span>基本信息</span>
  4. <el-form :model="basicForm" :rules="basicRules" ref="basic" label-width="auto">
  5. <el-row :gutter="10">
  6. <el-col :span="1.5">
  7. <el-form-item label="编码">
  8. <el-input
  9. v-model="basicForm.code"
  10. size="small"
  11. placeholder=""
  12. clearable
  13. style="width: 200px"
  14. />
  15. </el-form-item>
  16. </el-col>
  17. <el-col :span="1.5">
  18. <el-form-item label="组织">
  19. <el-input
  20. v-model="basicForm.org"
  21. size="small"
  22. placeholder=""
  23. clearable
  24. style="width: 200px"
  25. />
  26. </el-form-item>
  27. </el-col>
  28. <el-col :span="1.5">
  29. <el-form-item label="需求处理方式">
  30. <el-select v-model="basicForm.demandBusinessType" size="small" style="width: 200px" clearable placeholder="请选择">
  31. <el-option
  32. v-for="item in options"
  33. :key="item.value"
  34. :label="item.label"
  35. :value="item.value">
  36. </el-option>
  37. </el-select>
  38. </el-form-item>
  39. </el-col>
  40. <el-col :span="1.5">
  41. <el-form-item label="单据状态">
  42. <el-select v-model="basicForm.status" size="small" style="width: 200px" clearable placeholder="请选择">
  43. <el-option
  44. v-for="item in options"
  45. :key="item.value"
  46. :label="item.label"
  47. :value="item.value">
  48. </el-option>
  49. </el-select>
  50. </el-form-item>
  51. </el-col>
  52. <el-col :span="1.5">
  53. <el-form-item label="需求客户">
  54. <el-select v-model="basicForm.customer" size="small" style="width: 200px" clearable placeholder="请选择">
  55. <el-option
  56. v-for="item in options"
  57. :key="item.value"
  58. :label="item.label"
  59. :value="item.value">
  60. </el-option>
  61. </el-select>
  62. </el-form-item>
  63. </el-col>
  64. <el-col :span="1.5">
  65. <el-form-item label="需求客户名称">
  66. <el-select v-model="basicForm.customerName" size="small" style="width: 200px" clearable placeholder="请选择">
  67. <el-option
  68. v-for="item in options"
  69. :key="item.value"
  70. :label="item.label"
  71. :value="item.value">
  72. </el-option>
  73. </el-select>
  74. </el-form-item>
  75. </el-col>
  76. <el-col :span="1.5">
  77. <el-form-item label="客户负责人">
  78. <el-select v-model="basicForm.customerPrincipal" size="small" style="width: 200px" clearable placeholder="请选择">
  79. <el-option
  80. v-for="item in options"
  81. :key="item.value"
  82. :label="item.label"
  83. :value="item.value">
  84. </el-option>
  85. </el-select>
  86. </el-form-item>
  87. </el-col>
  88. <el-col :span="1.5">
  89. <el-form-item label="需求人员">
  90. <el-select v-model="basicForm.demandPersonal" size="small" style="width: 200px" clearable placeholder="请选择">
  91. <el-option
  92. v-for="item in options"
  93. :key="item.value"
  94. :label="item.label"
  95. :value="item.value">
  96. </el-option>
  97. </el-select>
  98. </el-form-item>
  99. </el-col>
  100. <el-col :span="1.5">
  101. <el-form-item label="需求部门">
  102. <el-select v-model="basicForm.demandDept" size="small" style="width: 200px" clearable placeholder="请选择">
  103. <el-option
  104. v-for="item in options"
  105. :key="item.value"
  106. :label="item.label"
  107. :value="item.value">
  108. </el-option>
  109. </el-select>
  110. </el-form-item>
  111. </el-col>
  112. <el-col :span="1.5">
  113. <el-form-item label="需求日期">
  114. <el-input
  115. v-model="basicForm.demandDate"
  116. size="small"
  117. placeholder=""
  118. clearable
  119. style="width: 200px"
  120. />
  121. </el-form-item>
  122. </el-col>
  123. <el-col :span="1.5">
  124. <el-form-item label="单据来源">
  125. <el-input
  126. v-model="basicForm.source"
  127. size="small"
  128. placeholder=""
  129. clearable
  130. style="width: 200px"
  131. />
  132. </el-form-item>
  133. </el-col>
  134. <el-col :span="1.5">
  135. <el-form-item label="供应仓库">
  136. <el-input
  137. v-model="basicForm.warehouse"
  138. size="small"
  139. placeholder=""
  140. clearable
  141. style="width: 200px"
  142. />
  143. </el-form-item>
  144. </el-col>
  145. <el-col :span="1.5">
  146. <el-form-item label="供应货位">
  147. <el-select v-model="basicForm.goodsAllocation" size="small" style="width: 200px" clearable placeholder="请选择">
  148. <el-option
  149. v-for="item in options"
  150. :key="item.value"
  151. :label="item.label"
  152. :value="item.value">
  153. </el-option>
  154. </el-select>
  155. </el-form-item>
  156. </el-col>
  157. <el-col :span="1.5">
  158. <el-form-item label="业务类型">
  159. <el-select v-model="basicForm.billType" size="small" style="width: 200px" clearable placeholder="请选择">
  160. <el-option
  161. v-for="item in options"
  162. :key="item.value"
  163. :label="item.label"
  164. :value="item.value">
  165. </el-option>
  166. </el-select>
  167. </el-form-item>
  168. </el-col>
  169. <el-col :span="1.5">
  170. <el-form-item label="是否特殊需求">
  171. <el-input
  172. v-model="basicForm.isSpeical"
  173. size="small"
  174. placeholder=""
  175. clearable
  176. style="width: 200px"
  177. />
  178. </el-form-item>
  179. </el-col>
  180. <el-col :span="1.5">
  181. <el-form-item label="是否处理需求">
  182. <el-input
  183. v-model="basicForm.isProcess"
  184. size="small"
  185. placeholder=""
  186. clearable
  187. style="width: 200px"
  188. />
  189. </el-form-item>
  190. </el-col>
  191. <el-col :span="1.5">
  192. <el-form-item label="是否月销量计算">
  193. <el-input
  194. v-model="basicForm.isMonthleyCalculate"
  195. size="small"
  196. placeholder=""
  197. clearable
  198. style="width: 200px"
  199. />
  200. </el-form-item>
  201. </el-col>
  202. <el-col :span="1.5">
  203. <el-form-item label="备注">
  204. <el-input
  205. v-model="basicForm.remark"
  206. size="small"
  207. placeholder=""
  208. clearable
  209. style="width: 200px"
  210. />
  211. </el-form-item>
  212. </el-col>
  213. </el-row>
  214. <span>明细信息</span>
  215. <el-card>
  216. <div class="btn_grooup">
  217. <el-button type="primary" size="small" @click="addLine">增行</el-button>
  218. <el-button type="primary" size="small" >批量调整</el-button>
  219. <el-button type="primary" size="small" v-if="pageStu == 'check' || pageStu == 'edit'" @click="showReserved">货权预留单</el-button>
  220. </div>
  221. <el-table
  222. :data="basicForm.puDemandItemList"
  223. fit
  224. max-height="300"
  225. @selection-change="handleSelectionChange"
  226. >
  227. <el-table-column type="selection"/>
  228. <el-table-column label="序号" type="index" align="center"/>
  229. <el-table-column label="行状态" align="center" prop="status" />
  230. <el-table-column label="行号" align="center" >
  231. <template slot-scope="scope">
  232. <el-form-item class="hang">
  233. <el-input v-model="scope.row.index"/>
  234. </el-form-item>
  235. </template>
  236. </el-table-column>
  237. <el-table-column label="一级品类" align="center" width="150">
  238. <template slot-scope="scope">
  239. <el-form-item class="hang">
  240. <el-input v-model="scope.row.materialClassifyOneName"/>
  241. </el-form-item>
  242. </template>
  243. </el-table-column>
  244. <el-table-column label="二级品类" align="center" width="150" prop="materialClassifyTwoName">
  245. <template slot-scope="scope">
  246. <el-form-item class="hang">
  247. <el-input v-model="scope.row.materialClassifyTwoName"/>
  248. </el-form-item>
  249. </template>
  250. </el-table-column>
  251. <el-table-column label="三级品类" align="center" width="150" prop="materialClassifyThreeName">
  252. <template slot-scope="scope">
  253. <el-form-item class="hang">
  254. <el-input v-model="scope.row.materialClassifyThreeName"/>
  255. </el-form-item>
  256. </template>
  257. </el-table-column>
  258. <el-table-column label="四级品类" align="center" width="150" prop="materialClassifyFourName">
  259. <template slot-scope="scope">
  260. <el-form-item class="hang">
  261. <el-input v-model="scope.row.materialClassifyFourName"/>
  262. </el-form-item>
  263. </template>
  264. </el-table-column>
  265. <el-table-column label="预留比例" align="center" width="150" prop="reservedProportion">
  266. <template slot-scope="scope">
  267. <el-form-item class="hang">
  268. <el-input v-model="scope.row.reservedProportion"/>
  269. </el-form-item>
  270. </template>
  271. </el-table-column>
  272. <el-table-column label="预留周期" align="center" width="150" prop="reservedPeriod">
  273. <template slot-scope="scope">
  274. <el-form-item class="hang">
  275. <el-input v-model="scope.row.reservedPeriod"/>
  276. </el-form-item>
  277. </template>
  278. </el-table-column>
  279. <el-table-column label="预留数量" align="center" width="150" prop="reservedQty">
  280. <template slot-scope="scope">
  281. <el-form-item class="hang">
  282. <el-input v-model="scope.row.reservedQty"/>
  283. </el-form-item>
  284. </template>
  285. </el-table-column>
  286. <el-table-column label="采购员名称" align="center" prop="buyerName" />
  287. <el-table-column label="采购员" align="center" width="150" prop="buyer" />
  288. <el-table-column label="物料编码" align="center" width="120" prop="material">
  289. <template slot-scope="scope">
  290. <el-form-item class="hang">
  291. <el-input v-model="scope.row.material"/>
  292. </el-form-item>
  293. </template>
  294. </el-table-column>
  295. <el-table-column label="物料名称" align="center" width="150" prop="materialName" />
  296. <el-table-column label="规格" align="center" width="150" prop="specification" />
  297. <el-table-column label="型号" align="center" width="150" prop="model" />
  298. <el-table-column label="单位" align="center" width="150" prop="unit " />
  299. <el-table-column label="生产厂家/代理人" align="center" width="150" prop="registrant" />
  300. <el-table-column label="注册人" align="center" width="150" prop="registrant" />
  301. <el-table-column label="采购周期" align="center" width="150" prop="puPeriod">
  302. <template slot-scope="scope">
  303. <el-form-item class="hang">
  304. <el-input v-model="scope.row.puPeriod"/>
  305. </el-form-item>
  306. </template>
  307. </el-table-column>
  308. <el-table-column label="有效期单位" align="center" width="150" prop="expiryUnit" />
  309. <el-table-column label="有效期" align="center" width="150" prop="updateTime" />
  310. <el-table-column label="最小包装" align="center" width="150" prop="minPackage" />
  311. <el-table-column label="最小订货量" align="center" width="150" prop="minOrderQty" />
  312. <el-table-column label="最小批量" align="center" width="150" prop="minBatch " />
  313. <el-table-column label="安全库存" align="center" width="150" prop="safeStock ">
  314. <template slot-scope="scope">
  315. <el-form-item class="hang">
  316. <el-input v-model="scope.row.safeStock"/>
  317. </el-form-item>
  318. </template>
  319. </el-table-column>
  320. <el-table-column label="月均销量" align="center" width="150" prop="averageQtyMonth" />
  321. <el-table-column label="实际(业务)需求量" align="center" width="150" prop="qty">
  322. <template slot-scope="scope">
  323. <el-form-item class="hang">
  324. <el-input v-model="scope.row.qty"/>
  325. </el-form-item>
  326. </template>
  327. </el-table-column>
  328. <el-table-column label="需求可用周期" align="center" width="150" prop="demandPeriod" />
  329. <el-table-column label="集团预测分类" align="center" width="150" prop="forecastClassify" />
  330. <el-table-column label="交货日期" align="center" width="150" prop="deliveryDate">
  331. <template slot-scope="scope">
  332. <el-form-item class="hang">
  333. <el-input v-model="scope.row.deliveryDate"/>
  334. </el-form-item>
  335. </template>
  336. </el-table-column>
  337. <el-table-column label="补单标识" align="center" width="150" prop="isReplenishment">
  338. <template slot-scope="scope">
  339. <el-form-item class="hang">
  340. <el-input v-model="scope.row.isReplenishment"/>
  341. </el-form-item>
  342. </template>
  343. </el-table-column>
  344. <el-table-column label="批号锁定标识" align="center" width="150" prop="isBatchLock">
  345. <template slot-scope="scope">
  346. <el-form-item class="hang">
  347. <el-input v-model="scope.row.isBatchLock"/>
  348. </el-form-item>
  349. </template>
  350. </el-table-column>
  351. <el-table-column label="业务备注" align="center" width="150" prop="remark">
  352. <template slot-scope="scope">
  353. <el-form-item class="hang">
  354. <el-input v-model="scope.row.remark"/>
  355. </el-form-item>
  356. </template>
  357. </el-table-column>
  358. <el-table-column label="采购备注" align="center" width="150" prop="puRemark" />
  359. <el-table-column label="末级供应仓库存量" align="center" width="150" prop="lastWarehouseQty" />
  360. <!-- <el-table-column label="调拨占有量" align="center" width="150" prop="superiorAllotQty"></el-table-column> -->
  361. <el-table-column label="最终净需求量" align="center" width="150" prop="resDemandQty">
  362. <template slot-scope="scope">
  363. <el-form-item class="hang">
  364. <el-input v-model="scope.row.resDemandQty"/>
  365. </el-form-item>
  366. </template>
  367. </el-table-column>
  368. <el-table-column label="末级供应仓库" align="center" width="150" prop="lastWarehouseName">
  369. <template slot-scope="scope">
  370. <el-form-item class="hang">
  371. <el-input v-model="scope.row.lastWarehouseName"/>
  372. </el-form-item>
  373. </template>
  374. </el-table-column>
  375. <el-table-column label="收货仓库" align="center" width="150" prop="deliveryWarehouseName">
  376. <template slot-scope="scope">
  377. <el-form-item class="hang">
  378. <el-input v-model="scope.row.deliveryWarehouseName"/>
  379. </el-form-item>
  380. </template>
  381. </el-table-column>
  382. <el-table-column label="末级供应货位" align="center" width="150" prop="lastAllocationName">
  383. <template slot-scope="scope">
  384. <el-form-item class="hang">
  385. <el-input v-model="scope.row.lastAllocationName"/>
  386. </el-form-item>
  387. </template>
  388. </el-table-column>
  389. <el-table-column label="收货货位编码" align="center" width="150" prop="deliveryAllocation" />
  390. <el-table-column label="收货货位" align="center" width="150" prop="deliveryAllocationName">
  391. <template slot-scope="scope">
  392. <el-form-item class="hang">
  393. <el-input v-model="scope.row.deliveryAllocationName"/>
  394. </el-form-item>
  395. </template>
  396. </el-table-column>
  397. <el-table-column label="紧急标识" align="center" width="150" prop="isUrgency">
  398. <template slot-scope="scope">
  399. <el-form-item class="hang">
  400. <el-input v-model="scope.row.isUrgency"/>
  401. </el-form-item>
  402. </template>
  403. </el-table-column>
  404. <el-table-column label="默认采购组织" align="center" width="150" prop="purOrgName" />
  405. <el-table-column label="默认采购组织编码" align="center" width="150" prop="puOrg" />
  406. <el-table-column label="末级供应调拨待入量" align="center" width="150" prop="lastStockQty">
  407. <template slot-scope="scope">
  408. <el-form-item class="hang">
  409. <el-input v-model="scope.row.lastStockQty"/>
  410. </el-form-item>
  411. </template>
  412. </el-table-column>
  413. <el-table-column label="上级供应中心现存量" align="center" width="150" prop="superiorCenterQty" />
  414. <el-table-column label="上级库存被调拨占用量" align="center" width="150" prop="superiorAllotQty" />
  415. <el-table-column label="可用量" align="center" width="150" prop="availableQty" />
  416. <el-table-column label="调拨状态" align="center" width="150" prop="statusAllot">
  417. <template slot-scope="scope">
  418. <el-form-item class="hang">
  419. <el-input v-model="scope.row.statusAllot"/>
  420. </el-form-item>
  421. </template>
  422. </el-table-column>
  423. <el-table-column label="补单供应商编码" align="center" width="150" prop="additionalSupplier">
  424. <template slot-scope="scope">
  425. <el-form-item class="hang">
  426. <el-input v-model="scope.row.additionalSupplier"/>
  427. </el-form-item>
  428. </template>
  429. </el-table-column>
  430. <el-table-column label="补单供应商名称" align="center" width="150" prop="additionalSupplierCode">
  431. <template slot-scope="scope">
  432. <el-form-item class="hang">
  433. <el-input v-model="scope.row.additionalSupplierCode"/>
  434. </el-form-item>
  435. </template>
  436. </el-table-column>
  437. <el-table-column label="周期单位" align="center" width="150" prop="periodUnit">
  438. <template slot-scope="scope">
  439. <el-form-item class="hang">
  440. <el-input v-model="scope.row.periodUnit"/>
  441. </el-form-item>
  442. </template>
  443. </el-table-column>
  444. <el-table-column label="需求客户" align="center" width="150" prop="customer">
  445. <template slot-scope="scope">
  446. <el-form-item class="hang">
  447. <el-input v-model="scope.row.customer"/>
  448. </el-form-item>
  449. </template>
  450. </el-table-column>
  451. <!-- <el-table-column label="末级供应库存组织" align="center" width="150" prop="updateTime"></el-table-column> -->
  452. <!-- <el-table-column label="上级供应中心库存组织" align="center" width="150" prop="updateTime"></el-table-column> -->
  453. <!-- <el-table-column label="调拨单号" align="center" width="150" prop="updateTime"></el-table-column> -->
  454. <!-- <el-table-column label="收货地址" align="center" width="150" prop="updateTime"></el-table-column> -->
  455. <!-- <el-table-column label="收货地址编码" align="center" width="150" prop="updateTime" /> -->
  456. <el-table-column label="联系人" align="center" width="150" prop="contacts" />
  457. <!-- <el-table-column label="联系人电话" align="center" width="150" prop="updateTime" /> -->
  458. <!-- <el-table-column label="详细地址" align="center" width="150" prop="updateTime" /> -->
  459. <!-- <el-table-column label="价格类型" align="center" width="150" prop="updateTime"></el-table-column> -->
  460. <el-table-column
  461. fixed="right"
  462. label="操作"
  463. align="center"
  464. width="150"
  465. >
  466. <template slot-scope="scope">
  467. <el-button type="text" size="small" @click="delLine(scope.row)">删除</el-button>
  468. </template>
  469. </el-table-column>
  470. </el-table>
  471. </el-card>
  472. </el-form>
  473. <div class="btn_group">
  474. <el-col :span="1.5" style="margin: 0 10px;">
  475. <el-button type="primary" size="small" plain @click="save" v-if="pageStu == 'add' || pageStu == 'edit'">保存</el-button>
  476. </el-col>
  477. <!-- <el-col :span="1.5" style="margin: 0 10px;">
  478. <el-button type="primary" size="small" plain @click="submit" v-if="pageStu == 'edit'">提交</el-button>
  479. </el-col> -->
  480. <el-col :span="1.5">
  481. <el-button size="small" plain @click="back">返回</el-button>
  482. </el-col>
  483. <Reserved v-if="dialog.config" :isVisible="dialog.config" :info="row" @updateReserved="updateReserved"/>
  484. </div>
  485. </div>
  486. </template>
  487. <script>
  488. import Reserved from './reserved.vue'
  489. import {addDemand,getDemandDetail, getDemandSonDetail, editDemand} from '@/api/purchase/purchaseDemand.js'
  490. export default {
  491. name: 'addDemandList',
  492. props: ['pageStu','row', 'disable'],
  493. components: {
  494. Reserved
  495. },
  496. model: {
  497. prop: 'isList',
  498. event: 'jugislist'
  499. },
  500. data() {
  501. return {
  502. dialog: {
  503. config: false
  504. },
  505. basicForm: {
  506. code: '',
  507. org: '',
  508. demandBusinessType: '',
  509. status: '',
  510. customer: '',
  511. customerName: '',
  512. customerPrincipal: '',
  513. demandPersonal: '',
  514. demandDept: '',
  515. demandDate: '',
  516. source: '',
  517. warehouse: '',
  518. goodsAllocation: '',
  519. billType: '',
  520. isSpeical: '',
  521. isProcess: '',
  522. isMonthleyCalculate: '',
  523. remark: '',
  524. puDemandItemList: []
  525. },
  526. options: [{
  527. value: '1', label: '是',
  528. }, {
  529. value: '0', label: '否'
  530. }],
  531. basicRules: {},
  532. tableList: []
  533. }
  534. },
  535. created() {
  536. if(this.pageStu == 'check') {
  537. console.log('数据', this.row)
  538. this.getDetails(this.row)
  539. } else if(this.pageStu == 'edit') {
  540. this.getDetails(this.row)
  541. }
  542. },
  543. methods: {
  544. save() {
  545. if(this.pageStu == 'add') {
  546. addDemand(this.basicForm).then(res => {
  547. if (res.code === 200) {
  548. this.$modal.msgSuccess("保存成功");
  549. this.back()
  550. }
  551. })
  552. } else if (this.pageStu == 'edit') {
  553. editDemand(this.basicForm).then(res => {
  554. if (res.code === 200) {
  555. this.$modal.msgSuccess("编辑成功");
  556. this.back()
  557. }
  558. })
  559. }
  560. },
  561. submit() {},
  562. // 增行
  563. addLine() {
  564. const newLine = {
  565. contacts: null,
  566. id: null,
  567. demandId: null,
  568. status: null,
  569. businessDept: null,
  570. businessDeptName: null,
  571. materialCategory: null,
  572. buyer: null,
  573. buyerName: null,
  574. mateiralClassifyOne: null,
  575. materialClassifyOneName: null,
  576. materialClassifyTwo: null,
  577. materialClassifyTwoName: null,
  578. materialClassifyThree: null,
  579. materialClassifyThreeName: null,
  580. materialClassifyFour: null,
  581. materialClassifyFourName: null,
  582. material: null,
  583. materialName: null,
  584. specification: null,
  585. unit: null,
  586. registrant: null,
  587. puPeriod: null,
  588. expiryUnit: null,
  589. minPackage: null,
  590. minOrderQty: null,
  591. minBatch: null,
  592. safeStock: null,
  593. averageQtyMonth: null,
  594. qty: null,
  595. adjustmentPersonal: null,
  596. adjustmentTime: null,
  597. manualRegulation: null,
  598. updateCause: null,
  599. reservedProportion: null,
  600. reservedPeriod: null,
  601. reservedQty: null,
  602. demandPeriod: null,
  603. forecastClassify: null,
  604. deliveryDate: null,
  605. isUrgency: null,
  606. isReplenishment: null,
  607. isBatchLock: null,
  608. remark: null,
  609. puRemark: null,
  610. lastWarehouseQty: null,
  611. resDemandQty: null,
  612. lastWarehouse: null,
  613. lastWarehouseName: null,
  614. deliveryWarehouse: null,
  615. deliveryWarehouseName: null,
  616. lastAllocation: null,
  617. lastAllocationName: null,
  618. deliveryAllocation: null,
  619. deliveryAllocationName: null,
  620. passageOn: null,
  621. puOrg: null,
  622. purOrgName: null,
  623. lastStockQty: null,
  624. superiorCenterQty: null,
  625. superiorAllotQty: null,
  626. availableQty: null,
  627. statusAllot: null,
  628. additionalSupplier: null,
  629. additionalSupplierCode: null,
  630. periodUnit: null,
  631. demandCustomer: null,
  632. demandCustomerName: null,
  633. lastStockOrg: null,
  634. lastStockOrgName: null,
  635. superiorStockOrg: null,
  636. superiorStockOrgName: null,
  637. allotCode: null,
  638. deliveryAddress: null,
  639. deliveryAddressName: null,
  640. contacts: null,
  641. contactsPhone: null,
  642. address: null,
  643. source: null,
  644. priceType: null,
  645. puManagerApprover: null,
  646. puManagerApproverName: null,
  647. processTime: null,
  648. affirmer: null,
  649. tenantId: null,
  650. revision: null,
  651. createBy: null,
  652. createByName: null,
  653. createTime: null,
  654. updateBy: null,
  655. updateByName: null,
  656. updateTime: null,
  657. delFlag: null,
  658. // 新增字段
  659. model: null,
  660. }
  661. this.basicForm.puDemandItemList.push(newLine)
  662. },
  663. delLine(row) {
  664. console.log('删除行:', row)
  665. this.basicForm.puDemandItemList = this.basicForm.puDemandItemList.filter(item => {
  666. return item.id !== row.id
  667. })
  668. },
  669. back() {
  670. this.$emit('jugislist', true)
  671. let queryParams = {
  672. pageNum: 1,
  673. pageSize: 10
  674. }
  675. this.$emit('refresh', queryParams)
  676. },
  677. // 如果需要回显则调用详情接口
  678. getDetails(row) {
  679. getDemandDetail(row.id).then(res => {
  680. if (res.code === 200) {
  681. // this.basicForm = res.data
  682. let reciveForm = res.data
  683. let params = {...{id: row.id}, ...{pageNum:1, pageSize: 10}}
  684. getDemandSonDetail(params).then(res => {
  685. if (res.code === 200) {
  686. reciveForm.puDemandItemList = res.rows
  687. console.log('reciveForm',reciveForm)
  688. this.basicForm = reciveForm
  689. }
  690. })
  691. }
  692. })
  693. },
  694. handleSelectionChange() {},
  695. // 点击预留单展示
  696. showReserved() {
  697. this.dialog.config = true
  698. },
  699. // 修改是否让页面显示与隐藏的事件
  700. updateReserved (val) {
  701. this.dialog.config = val
  702. },
  703. }
  704. }
  705. </script>
  706. <style lang="scss" scoped>
  707. .btn_group {
  708. width: 100%;
  709. margin: 20px 0;
  710. display: flex;
  711. justify-content: center;
  712. }
  713. .btn_grooup {
  714. margin-bottom: 10px;
  715. display: flex;
  716. justify-content: flex-end;
  717. }
  718. .hang {
  719. margin: auto;
  720. }
  721. .hang ::v-deep .el-form-item__content{
  722. margin-left: 0px !important;
  723. }
  724. </style>