add.vue 68 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733
  1. <template>
  2. <div class="requisition_add">
  3. <el-row type="flex" justify="end" style="margin-bottom: 16px;">
  4. <el-col :span="1.5">
  5. <el-button type="primary" :size="size" plain @click="save"
  6. v-if="pageStu == 'add' || pageStu == 'edit' || pageStu ==='copy' ">保存
  7. </el-button>
  8. </el-col>
  9. <el-col :span="1.5" style="margin: 0 10px;">
  10. <el-button type="primary" :size="size" plain @click="submit"
  11. v-if="pageStu == 'check' && (row.status == '0' || row.status == '3')">提交
  12. </el-button>
  13. </el-col>
  14. <el-col :span="1.5">
  15. <el-button type="primary" :size="size" plain @click="back">返回</el-button>
  16. </el-col>
  17. </el-row>
  18. <el-tabs type="border-card" v-model="tabValue" @tab-click="handleClick">
  19. <el-tab-pane label="基本信息" name="first">
  20. <div style="width: 100%;height: 580px;overflow-y: auto; overflow-x: hidden;">
  21. <el-form :model="basicForm" :rules="basicRules" ref="basic" label-width="170px">
  22. <el-row :gutter="10">
  23. <el-col :span="6">
  24. <el-form-item label="单据编码" prop="billCode">
  25. <el-input disabled v-model="basicForm.billCode"></el-input>
  26. </el-form-item>
  27. </el-col>
  28. <el-col :span="6">
  29. <el-form-item label="所属组织" prop="orgName">
  30. <el-input disabled v-model="basicForm.orgName"></el-input>
  31. </el-form-item>
  32. </el-col>
  33. <el-col :span="6">
  34. <el-form-item label="四级分类" prop="classifyId">
  35. <el-select ref="fourTag" v-model="basicForm.classifyId" placeholder="请选择" :disabled="disable"
  36. clearable
  37. @focus="chooseFourClass">
  38. <el-option v-for="item in testOptions" :key="item.id" :label="item.materialType" :value="item.id"/>
  39. </el-select>
  40. </el-form-item>
  41. </el-col>
  42. <el-col :span="6">
  43. <el-form-item label="医药物料" prop="isMedicine">
  44. <el-select v-model="basicForm.isMedicine" placeholder="医药物料" :disabled="disable"
  45. @change="controlMedic">
  46. <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/>
  47. </el-select>
  48. </el-form-item>
  49. </el-col>
  50. </el-row>
  51. <el-row :gutter="10">
  52. <el-col :span="6">
  53. <el-form-item label="DI" prop="diCode">
  54. <el-input :disabled="disable" v-model.trim="basicForm.diCode"></el-input>
  55. </el-form-item>
  56. </el-col>
  57. <el-col :span="6">
  58. <el-form-item label="物料名称" prop="name">
  59. <el-input :disabled="disable" v-model="basicForm.name"></el-input>
  60. </el-form-item>
  61. </el-col>
  62. <el-col :span="6">
  63. <el-form-item label="物料编码" prop="code">
  64. <el-input :disabled="disable" v-model="basicForm.code" disabled></el-input>
  65. </el-form-item>
  66. </el-col>
  67. <el-col :span="6">
  68. <el-form-item label="英文名称" prop="enName">
  69. <el-input :disabled="disable" v-model="basicForm.enName"></el-input>
  70. </el-form-item>
  71. </el-col>
  72. </el-row>
  73. <el-row :gutter="10">
  74. <el-col :span="6">
  75. <el-form-item label="简称" prop="commonName">
  76. <el-input :disabled="disable" v-model="basicForm.commonName"></el-input>
  77. </el-form-item>
  78. </el-col>
  79. <el-col :span="6">
  80. <el-form-item label="规格" prop="specification">
  81. <el-input :disabled="disable" v-model="basicForm.specification"></el-input>
  82. </el-form-item>
  83. </el-col>
  84. <el-col :span="6">
  85. <el-form-item label="型号" prop="model">
  86. <el-input :disabled="disable" v-model="basicForm.model"></el-input>
  87. </el-form-item>
  88. </el-col>
  89. <el-col :span="6">
  90. <el-form-item label="计量单位" prop="unitId">
  91. <el-select ref="units" v-model="basicForm.unitId" placeholder="请选择" clearable :disabled="disable"
  92. @focus="chooseUnit">
  93. <el-option v-for="item in unitOptions" :key="item.id" :label="item.name" :value="item.id"/>
  94. </el-select>
  95. </el-form-item>
  96. </el-col>
  97. </el-row>
  98. <el-row :gutter="10">
  99. <el-col :span="6">
  100. <el-form-item label="生产厂家/代理人" prop="manufacturerId">
  101. <el-select ref="factoryOrman" v-model="basicForm.manufacturerId" placeholder="请选择" clearable
  102. :disabled="disable" @focus="chooseFactory">
  103. <el-option v-for="item in factoryOptions" :key="item.id" :label="item.name" :value="item.id"/>
  104. </el-select>
  105. </el-form-item>
  106. </el-col>
  107. <el-col :span="6">
  108. <el-form-item label="注册人/上市许可持有人" prop="registrant">
  109. <el-input :disabled="disable" v-model="basicForm.registrant"></el-input>
  110. </el-form-item>
  111. </el-col>
  112. <el-col :span="6">
  113. <el-form-item label="产地" prop="originPlace">
  114. <el-select ref="places" v-model="basicForm.originPlace" placeholder="请选择" clearable
  115. :disabled="disable"
  116. @focus="choosePlace">
  117. <el-option v-for="item in placeOptions" :key="item.id" :label="item.name" :value="item.id"/>
  118. </el-select>
  119. </el-form-item>
  120. </el-col>
  121. <el-col :span="6">
  122. <el-form-item label="厂家物料名称" prop="manufacturersMaterialName">
  123. <el-input :disabled="disable" v-model="basicForm.manufacturersMaterialName"></el-input>
  124. </el-form-item>
  125. </el-col>
  126. </el-row>
  127. <el-row :gutter="10">
  128. <el-col :span="6">
  129. <el-form-item label="厂家物料编码" prop="manufacturersMaterialCode">
  130. <!-- type="number" -->
  131. <el-input :disabled="disable"
  132. v-model="basicForm.manufacturersMaterialCode"></el-input>
  133. </el-form-item>
  134. </el-col>
  135. <el-col :span="6">
  136. <el-form-item label="ABC分类" prop="classifyAbc">
  137. <el-select v-model="basicForm.classifyAbc" placeholder="请选择" clearable :disabled="disable">
  138. <el-option v-for="item in dict.type.abc_type" :key="item.value" :label="item.label"
  139. :value="item.value"/>
  140. </el-select>
  141. <!-- <el-input :disabled="disable" v-model="basicForm.classifyAbc"></el-input> -->
  142. </el-form-item>
  143. </el-col>
  144. <el-col :span="6">
  145. <el-form-item label="安全库存" prop="safeStock">
  146. <el-input type="number" min="0" :disabled="disable" v-model="basicForm.safeStock"></el-input>
  147. </el-form-item>
  148. </el-col>
  149. <el-col :span="6">
  150. <el-form-item label="B2C物料" prop="isB2c">
  151. <el-select v-model="basicForm.isB2c" placeholder="B2C物料" :disabled="disable">
  152. <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/>
  153. </el-select>
  154. </el-form-item>
  155. </el-col>
  156. </el-row>
  157. <el-row :gutter="10">
  158. <el-col :span="6">
  159. <el-form-item label="成套件" prop="assembly">
  160. <el-select v-model="basicForm.assembly" placeholder="成套件" :disabled="disable">
  161. <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/>
  162. </el-select>
  163. </el-form-item>
  164. </el-col>
  165. <el-col :span="6">
  166. <el-form-item label="批号及库存状态管理" prop="isInventoryStatus">
  167. <el-select v-model="basicForm.isInventoryStatus" placeholder="批号及库存状态管理" @change="stockControl"
  168. :disabled="disable">
  169. <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/>
  170. </el-select>
  171. </el-form-item>
  172. </el-col>
  173. <el-col :span="6">
  174. <el-form-item label="序列号管理" prop="serialNoManager">
  175. <el-select v-model="basicForm.serialNoManager" placeholder="序列号管理" :disabled="disable || isStock">
  176. <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/>
  177. </el-select>
  178. </el-form-item>
  179. </el-col>
  180. <el-col :span="6">
  181. <el-form-item label="运输条件" prop="transportationCondition">
  182. <el-select v-model="basicForm.transportationCondition" placeholder="请选择" clearable
  183. :disabled="disable">
  184. <el-option v-for="item in dict.type.sys_conditions_carriage" :key="item.value" :label="item.label"
  185. :value="item.value"/>
  186. </el-select>
  187. </el-form-item>
  188. </el-col>
  189. </el-row>
  190. <el-row :gutter="10">
  191. <el-col :span="6">
  192. <el-form-item label="中包装单位" prop="mediumPackageUnitId">
  193. <el-select ref="midpacks" v-model="basicForm.mediumPackageUnitId" placeholder="请选择" clearable
  194. :disabled="disable" @focus="chooseMidpack">
  195. <el-option v-for="item in midPackOptions" :key="item.id" :label="item.name" :value="item.id"/>
  196. </el-select>
  197. <!-- <el-input :disabled="disable" v-model="basicForm.mediumPackageUnitId"></el-input> -->
  198. </el-form-item>
  199. </el-col>
  200. <el-col :span="6">
  201. <el-form-item label="效期管理" prop="expiryDateManagerment">
  202. <el-select v-model="basicForm.expiryDateManagerment" placeholder="效期管理" @change="expCt"
  203. :disabled="disable || isStock">
  204. <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/>
  205. </el-select>
  206. </el-form-item>
  207. </el-col>
  208. <el-col :span="6">
  209. <el-form-item label="近效期管理" prop="nearOnsetManagerment">
  210. <el-select v-model="basicForm.nearOnsetManagerment" placeholder="近效期管理" :disabled="disable">
  211. <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/>
  212. </el-select>
  213. </el-form-item>
  214. </el-col>
  215. <el-col :span="6">
  216. <el-form-item label="有效期" prop="usefulLife"
  217. :rules="{ required: !isExp, message: '请填写有效期', trigger: 'blur' }">
  218. <el-input type="number" min="0" :disabled="disable || isExp"
  219. v-model="basicForm.usefulLife"></el-input>
  220. </el-form-item>
  221. </el-col>
  222. </el-row>
  223. <el-row :gutter="10">
  224. <el-col :span="6">
  225. <el-form-item label="效期单位" prop="expiryUnitId"
  226. :rules="{ required: !isExp, message: '请选择效期单位', trigger: 'change' }">
  227. <el-select v-model="basicForm.expiryUnitId" placeholder="请选择" clearable :disabled="disable || isExp">
  228. <el-option v-for="item in dict.type.period_unit" :key="item.value" :label="item.label"
  229. :value="item.value"/>
  230. </el-select>
  231. </el-form-item>
  232. </el-col>
  233. <el-col :span="6">
  234. <el-form-item label="有效期至单位" prop="usefulLifeUnitId"
  235. :rules="{ required: !isExp, message: '请选择有效期至单位', trigger: 'change' }">
  236. <el-select v-model="basicForm.usefulLifeUnitId" placeholder="请选择" clearable
  237. :disabled="disable || isExp">
  238. <el-option v-for="item in dict.type.expiry_date" :key="item.value" :label="item.label"
  239. :value="item.value"/>
  240. </el-select>
  241. </el-form-item>
  242. </el-col>
  243. <el-col :span="6">
  244. <el-form-item label="近效期预警天数" prop="recentWarningPeriod"
  245. :rules="{ required: !isExp, message: '请填写近效期预警天数', trigger: 'blur' }">
  246. <el-input type="number" min="0" :disabled="disable || isExp"
  247. v-model="basicForm.recentWarningPeriod"></el-input>
  248. </el-form-item>
  249. </el-col>
  250. <el-col :span="6">
  251. <el-form-item label="存储条件" prop="storageCondition">
  252. <el-select v-model="basicForm.storageCondition" placeholder="请选择" clearable :disabled="disable">
  253. <el-option v-for="item in dict.type.sys_storage_condition" :key="item.value" :label="item.label"
  254. :value="item.value"/>
  255. </el-select>
  256. </el-form-item>
  257. </el-col>
  258. </el-row>
  259. <el-row :gutter="10">
  260. <el-col :span="6">
  261. <el-form-item label="物料税类" prop="materialRate">
  262. <el-select ref="taxs" v-model="basicForm.materialRate" placeholder="请选择" clearable :disabled="disable"
  263. @focus="chooseTax">
  264. <el-option v-for="item in taxOptions" :key="item.id" :label="item.name" :value="item.id"/>
  265. </el-select>
  266. </el-form-item>
  267. </el-col>
  268. <el-col :span="6">
  269. <el-form-item label="税类编码" prop="rateCode">
  270. <el-input disabled v-model="basicForm.rateCode"></el-input>
  271. </el-form-item>
  272. </el-col>
  273. <el-col :span="6">
  274. <el-form-item label="交货周期" prop="deliveryPeriod">
  275. <el-input type="number" min="0" :disabled="disable" v-model="basicForm.deliveryPeriod"></el-input>
  276. </el-form-item>
  277. </el-col>
  278. <el-col :span="6">
  279. <el-form-item label="最小起订量" prop="minOrderQty">
  280. <el-input type="number" min="0" :disabled="disable" v-model="basicForm.minOrderQty"></el-input>
  281. </el-form-item>
  282. </el-col>
  283. </el-row>
  284. <el-row :gutter="10">
  285. <el-col :span="6">
  286. <el-form-item label="最小包装量" prop="minPackQty">
  287. <el-input type="number" min="0" :disabled="disable" v-model="basicForm.minPackQty"></el-input>
  288. </el-form-item>
  289. </el-col>
  290. <el-col :span="6">
  291. <el-form-item label="采购员" prop="puPersonnelId">
  292. <el-select ref="staffs" v-model="basicForm.puPersonnelId" placeholder="请选择" clearable
  293. :disabled="disable" @focus="chooseStaff">
  294. <el-option v-for="item in staffOptions" :key="item.id" :label="item.name" :value="item.code"/>
  295. </el-select>
  296. </el-form-item>
  297. </el-col>
  298. <el-col :span="6">
  299. <el-form-item label="最小批量" prop="minBatchQty">
  300. <el-input type="number" min="0" :disabled="disable" v-model="basicForm.minBatchQty"></el-input>
  301. </el-form-item>
  302. </el-col>
  303. <el-col :span="6">
  304. <el-form-item label="长度(MM)" prop="length">
  305. <el-input type="number" min="0" :disabled="disable" v-model="basicForm.length"></el-input>
  306. </el-form-item>
  307. </el-col>
  308. </el-row>
  309. <el-row :gutter="10">
  310. <el-col :span="6">
  311. <el-form-item label="高度(MM)" prop="height">
  312. <el-input type="number" min="0" :disabled="disable" v-model="basicForm.height"></el-input>
  313. </el-form-item>
  314. </el-col>
  315. <el-col :span="6">
  316. <el-form-item label="宽度(MM)" prop="width">
  317. <el-input type="number" min="0" :disabled="disable" v-model="basicForm.width"></el-input>
  318. </el-form-item>
  319. </el-col>
  320. <el-col :span="6">
  321. <el-form-item label="箱包装数" prop="boxPackaingQty">
  322. <el-input type="number" min="0" :disabled="disable" v-model="basicForm.boxPackaingQty"></el-input>
  323. </el-form-item>
  324. </el-col>
  325. <el-col :span="6">
  326. <el-form-item label="中包装数" prop="mediumPackageQty">
  327. <el-input type="number" min="0" :disabled="disable" v-model="basicForm.mediumPackageQty"></el-input>
  328. </el-form-item>
  329. </el-col>
  330. </el-row>
  331. <el-row :gutter="10">
  332. <el-col :span="6">
  333. <el-form-item label="包装说明" prop="packExplain">
  334. <el-input :disabled="disable" v-model="basicForm.packExplain"></el-input>
  335. </el-form-item>
  336. </el-col>
  337. <el-col :span="6">
  338. <el-form-item label="启用状态" prop="isEnable">
  339. <el-input v-show="false" disabled v-model="basicForm.isEnable"></el-input>
  340. <el-input disabled value="启用"></el-input>
  341. </el-form-item>
  342. </el-col>
  343. <!-- <el-col :span="6">
  344. <el-form-item label="业务线" prop="businessLine">
  345. <el-select ref="lines" v-model="basicForm.businessLine" placeholder="请选择" clearable
  346. :disabled="disable"
  347. @focus="chooseLine">
  348. <el-option v-for="item in lineOptions" :key="item.id" :label="item.name" :value="item.id"/>
  349. </el-select>
  350. </el-form-item>
  351. </el-col> -->
  352. <el-col :span="6">
  353. <el-form-item label="物料申请人" prop="proposerId">
  354. <el-input disabled v-model="basicForm.createName || this.$store.state.user.nickName"></el-input>
  355. <el-input v-show="false" v-model="basicForm.proposerId"></el-input>
  356. </el-form-item>
  357. </el-col>
  358. <el-col :span="6">
  359. <el-form-item label="条形码" prop="barCode">
  360. <el-input :disabled="disable" v-model="basicForm.barCode"></el-input>
  361. </el-form-item>
  362. </el-col>
  363. </el-row>
  364. <el-row :gutter="10">
  365. <el-col :span="6">
  366. <el-form-item label="使用期限/次数" prop="serviceLife">
  367. <el-input :disabled="disable" v-model="basicForm.serviceLife"></el-input>
  368. </el-form-item>
  369. </el-col>
  370. <el-col :span="6">
  371. <el-form-item label="医保代码" prop="healthCode">
  372. <el-input :disabled="disable" v-model="basicForm.healthCode"></el-input>
  373. </el-form-item>
  374. </el-col>
  375. <el-col :span="6">
  376. <el-form-item label="原系统物料编码" prop="oriMaterialCode">
  377. <el-input :disabled="disable" v-model="basicForm.oriMaterialCode"></el-input>
  378. </el-form-item>
  379. </el-col>
  380. <el-col :span="6">
  381. <el-form-item label="生产许可证" prop="productionPermit"
  382. :rules="{ required: !isControl, message: '请填写生产许可证', trigger: 'change' }">
  383. <el-input :disabled="disable" v-model="basicForm.productionPermit"></el-input>
  384. </el-form-item>
  385. </el-col>
  386. </el-row>
  387. <el-row :gutter="10">
  388. <el-col :span="6">
  389. <el-form-item label="一级分类" prop="oneClass">
  390. <el-input disabled v-model="basicForm.oneClass"></el-input>
  391. </el-form-item>
  392. </el-col>
  393. <el-col :span="6">
  394. <el-form-item label="二级分类" prop="twoClass">
  395. <el-input disabled v-model="basicForm.twoClass"></el-input>
  396. </el-form-item>
  397. </el-col>
  398. <el-col :span="6">
  399. <el-form-item label="三级分类" prop="threeClass">
  400. <el-input disabled v-model="basicForm.threeClass"></el-input>
  401. </el-form-item>
  402. </el-col>
  403. <el-col :span="6">
  404. <el-form-item label="默认采购组织" prop="purchasingOrganization">
  405. <el-select ref="organizations" v-model="basicForm.purchasingOrganization" placeholder="请选择" clearable
  406. :disabled="disable" @clear="controlOrg" @focus="chooseOrganizations">
  407. <el-option v-for="item in organizationsOptions" :key="item.id" :label="item.label"
  408. :value="item.id"/>
  409. </el-select>
  410. </el-form-item>
  411. </el-col>
  412. </el-row>
  413. <el-row :gutter="10">
  414. <el-col :span="6">
  415. <el-form-item label="内包装单位" prop="innerPackingUnit">
  416. <!-- <el-input :disabled="disable" v-model="basicForm.innerPackingUnit"></el-input> -->
  417. <el-select ref="innerPackingUnits" v-model="basicForm.innerPackingUnit" placeholder="请选择" clearable
  418. :disabled="disable" @focus="chooseInnerPackingUnit">
  419. <el-option v-for="item in innerPackingUnitOptions" :key="item.id" :label="item.name"
  420. :value="item.id"/>
  421. </el-select>
  422. </el-form-item>
  423. </el-col>
  424. <el-col :span="6">
  425. <el-form-item label="内包装数" prop="innerPackingQty">
  426. <el-input type="number" min="0" :disabled="disable" v-model="basicForm.innerPackingQty"></el-input>
  427. </el-form-item>
  428. </el-col>
  429. <el-col :span="6">
  430. <el-form-item label="进口产品生产厂家" prop="importsManufacturer">
  431. <el-input :disabled="disable" v-model="basicForm.importsManufacturer"></el-input>
  432. </el-form-item>
  433. </el-col>
  434. <el-col :span="6">
  435. <el-form-item label="服务类" prop="serviceClass">
  436. <el-select v-model="basicForm.serviceClass" placeholder="" disabled>
  437. <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/>
  438. </el-select>
  439. </el-form-item>
  440. </el-col>
  441. <!-- <el-col :span="6">
  442. <el-form-item label="业务部门" prop="businessDepartment">
  443. <el-select ref="departs" v-model="basicForm.businessDepartment" placeholder="请选择" clearable
  444. :disabled="disable || orgControl" @focus="chooseDepart">
  445. <el-option v-for="item in departOptions" :key="item.id" :label="item.label" :value="item.id"/>
  446. </el-select>
  447. </el-form-item>
  448. </el-col> -->
  449. </el-row>
  450. <el-row :gutter="10">
  451. <el-col :span="6">
  452. <el-form-item label="备注" prop="remark">
  453. <el-input :disabled="disable" v-model="basicForm.remark"></el-input>
  454. </el-form-item>
  455. </el-col>
  456. </el-row>
  457. </el-form>
  458. </div>
  459. </el-tab-pane>
  460. <el-tab-pane label="医药属性" name="second">
  461. <el-form :model="basicForm2" ref="basic2" label-width="160px">
  462. <el-row :gutter="10">
  463. <el-col :span="6">
  464. <el-form-item label="药品" prop="isDrug"
  465. :rules="{ required: !isControl, message: '请选择是否药品', trigger: 'change' }">
  466. <el-select v-model="basicForm2.isDrug" placeholder="请选择" clearable :disabled="disable || isControl">
  467. <el-option v-for="dict in dict.type.sys_medicine" :key="dict.value" :label="dict.label"
  468. :value="dict.value"/>
  469. </el-select>
  470. </el-form-item>
  471. </el-col>
  472. <el-col :span="6">
  473. <el-form-item label="注册证号/备案凭证编号" prop="registrationNo">
  474. <el-input :disabled="disable || isControl" v-model="basicForm2.registrationNo"></el-input>
  475. </el-form-item>
  476. </el-col>
  477. <el-col :span="6">
  478. <el-form-item label="管理类别" prop="medicalInstruments">
  479. <el-select v-model="basicForm2.medicalInstruments" placeholder="请选择" clearable
  480. :disabled="disable || isControl">
  481. <el-option v-for="dict in dict.type.medical_instruments" :key="dict.value" :label="dict.label"
  482. :value="dict.value"/>
  483. </el-select>
  484. </el-form-item>
  485. </el-col>
  486. <el-col :span="6">
  487. <el-form-item label="通用名称" prop="commonName">
  488. <el-input :disabled="disable || isControl" v-model="basicForm2.commonName"></el-input>
  489. </el-form-item>
  490. </el-col>
  491. </el-row>
  492. <el-row :gutter="10">
  493. <el-col :span="6">
  494. <el-form-item label="批准文号" prop="ratifyBatchNo">
  495. <el-input :disabled="disable || isControl" v-model="basicForm2.ratifyBatchNo"></el-input>
  496. </el-form-item>
  497. </el-col>
  498. <el-col :span="6">
  499. <el-form-item label="剂型" prop="dosageFrom"
  500. :rules="{ required: !isControl, message: '请选择剂型', trigger: 'blur' }">
  501. <el-select ref="doses" v-model="basicForm2.dosageFrom" placeholder="请选择" clearable
  502. :disabled="disable || isControl" @focus="chooseDose">
  503. <el-option v-for="item in doseOptions" :key="item.id" :label="item.name" :value="item.id"/>
  504. </el-select>
  505. </el-form-item>
  506. </el-col>
  507. <el-col :span="6">
  508. <el-form-item label="旧注册证号" prop="oriRegistrationNo">
  509. <el-input :disabled="disable || isControl" v-model="basicForm2.oriRegistrationNo"></el-input>
  510. </el-form-item>
  511. </el-col>
  512. <el-col :span="6">
  513. <el-form-item label="养护类型" prop="curingType">
  514. <el-select v-model="basicForm2.curingType" placeholder="请选择" clearable :disabled="disable || isControl">
  515. <el-option v-for="dict in dict.type.curing_type" :key="dict.value" :label="dict.label"
  516. :value="dict.value"/>
  517. </el-select>
  518. </el-form-item>
  519. </el-col>
  520. </el-row>
  521. </el-form>
  522. </el-tab-pane>
  523. <el-tab-pane label="维护物料类别" name="third">
  524. <!-- <el-row style="margin-bottom: 12px;">
  525. <span>物料类别</span>
  526. </el-row> -->
  527. <el-row style="margin-bottom: 12px;">
  528. <el-button :disabled="disable" type="primary" :size="size" plain @click="addLine">新增</el-button>
  529. <el-button :disabled="disable" type="primary" :size="size" plain @click="handleDelete">删除</el-button>
  530. <!-- <el-button :disabled="disable || isControl" type="primary" size="small" plain @click="testsave">暂存</el-button> -->
  531. </el-row>
  532. <el-row>
  533. <el-col :span="12">
  534. <el-table :data="sysMaterialMedcineItemApply" class="request-table"
  535. @selection-change="handleSelectionChange">
  536. <el-table-column type="selection" width="55"/>
  537. <el-table-column label="ID" align="center" prop="sort">
  538. <template slot-scope="scope">
  539. <el-input readonly v-model="scope.row.drugId">
  540. <!-- <el-button :disabled="disable" slot="append" icon="el-icon-more" @click="chooseDrug"></el-button> -->
  541. </el-input>
  542. </template>
  543. </el-table-column>
  544. <el-table-column label="药品类别编码" align="center" prop="medicineCode">
  545. <template slot-scope="scope">
  546. <el-input readonly v-model="scope.row.drugCode"></el-input>
  547. </template>
  548. </el-table-column>
  549. <el-table-column label="药品类别名称" align="center" prop="medicineName">
  550. <template slot-scope="scope">
  551. <el-input readonly v-model="scope.row.drugName"></el-input>
  552. </template>
  553. </el-table-column>
  554. </el-table>
  555. </el-col>
  556. </el-row>
  557. </el-tab-pane>
  558. <el-tab-pane label="单据信息" name="fourth">
  559. <el-form :model="basicForm" ref="info" label-width="160px">
  560. <el-row :gutter="10">
  561. <el-col :span="6">
  562. <el-form-item label="申请人" prop="createName">
  563. <el-input disabled v-model="basicForm.createName"></el-input>
  564. </el-form-item>
  565. </el-col>
  566. <el-col :span="6">
  567. <el-form-item label="申请时间" prop="createTime">
  568. <el-input disabled v-model="basicForm.createTime"></el-input>
  569. </el-form-item>
  570. </el-col>
  571. <el-col :span="6">
  572. <el-form-item label="创建人" prop="createName">
  573. <el-input disabled v-model="basicForm.createName"></el-input>
  574. </el-form-item>
  575. </el-col>
  576. <el-col :span="6">
  577. <el-form-item label="创建时间" prop="createTime">
  578. <el-input disabled v-model="basicForm.createTime"></el-input>
  579. </el-form-item>
  580. </el-col>
  581. </el-row>
  582. <el-row :gutter="10">
  583. <el-col :span="6">
  584. <el-form-item label="最后修改人" prop="updateName">
  585. <el-input disabled v-model="basicForm.updateName"></el-input>
  586. </el-form-item>
  587. </el-col>
  588. <el-col :span="6">
  589. <el-form-item label="最后修改时间" prop="updateTime">
  590. <el-input disabled v-model="basicForm.updateTime"></el-input>
  591. </el-form-item>
  592. </el-col>
  593. <el-col :span="6">
  594. <el-form-item label="单据状态" prop="status">
  595. <el-select v-model="basicForm.status" size="small" disabled>
  596. <el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value">
  597. </el-option>
  598. </el-select>
  599. <!-- <el-input disabled v-model="basicForm.status"></el-input> -->
  600. </el-form-item>
  601. </el-col>
  602. </el-row>
  603. <el-row :gutter="10">
  604. <!-- <el-col :span="6">
  605. <el-form-item label="最后审核人" prop="reviewedByName">
  606. <el-input disabled v-model="basicForm.reviewedByName"></el-input>
  607. </el-form-item>
  608. </el-col>
  609. <el-col :span="6">
  610. <el-form-item label="最后审核时间" prop="approvalTime">
  611. <el-input disabled v-model="basicForm.approvalTime"></el-input>
  612. </el-form-item>
  613. </el-col> -->
  614. </el-row>
  615. </el-form>
  616. </el-tab-pane>
  617. </el-tabs>
  618. <factory ref="factory" @doSubmit="acceptFactory" :selectData="selectData2" :single="true"/>
  619. <fourClass ref="fourClass" @doSubmit="acceptFourClass" :selectData="selectData3" :single="true"/>
  620. <unit ref="unit" @doSubmit="acceptUnit" :selectData="selectData4" :single="true"/>
  621. <place ref="place" @doSubmit="acceptPlace" :selectData="selectData5" :single="true"/>
  622. <tax ref="tax" @doSubmit="acceptTax" :selectData="selectData6" :single="true"/>
  623. <staff ref="staff" @doSubmit="acceptStaff" :selectData="selectData7" :single="true"/>
  624. <serviceline ref="line" @doSubmit="acceptLine" :selectData="selectData8" :single="true"/>
  625. <dose ref="dose" @doSubmit="acceptDose" :selectData="selectData9" :single="true"/>
  626. <orgs ref="orgs" @doSubmit="acceptOrgs" :selectData="selectData10" :single="true"/>
  627. <depart ref="depart" @doSubmit="acceptDepart" :selectData="selectData11" :single="true"/>
  628. <drug ref="drug" @doSubmit="acceptDrug" :selectData="selectData12" :single="true"/>
  629. <midpack ref="midpack" @doSubmit="acceptMidpack" :selectData="selectData13" :single="true"/>
  630. <inner-packing-unit ref="innerPackingUnit" @doSubmit="acceptInnerPackingUnit" :selectData="selectData14"
  631. :single="true"/>
  632. </div>
  633. </template>
  634. <script>
  635. import factory from '@/components/PopDialog/productFactory.vue'
  636. import fourClass from '@/components/PopDialog/fourClass.vue'
  637. import unit from '@/components/PopDialog/unit.vue'
  638. import innerPackingUnit from '@/components/PopDialog/innerPackingUnit.vue'
  639. // import innerPackingUnit from '@/components/PopDialog/InnerPackingUnit.vue'
  640. import place from '@/components/PopDialog/place.vue'
  641. import tax from '@/components/PopDialog/tax.vue'
  642. import staff from '@/components/PopDialog/staff.vue'
  643. import serviceline from '@/components/PopDialog/serviceline.vue'
  644. import dose from '@/components/PopDialog/dose.vue'
  645. // 公用一个树形(组织部门传值不同)
  646. import orgs from '@/components/PopDialog/organization.vue'
  647. import depart from '@/components/PopDialog/organization.vue'
  648. // 药品类别子别
  649. import drug from '@/components/PopDialog/drug.vue'
  650. import midpack from '@/components/PopDialog/midPack.vue'
  651. import {addReq, getReqDetail, editReq} from '@/api/requisition/basic'
  652. // 调用物料分类详情接口用于数据回显
  653. import {getDetail} from '@/api/classify/basic';
  654. // 生产厂商/代理人调用用于回显
  655. import {getProductFactory} from '@/api/changeApply/basic'
  656. // 计量单位,产地调用用于回显
  657. import {getUnit, getPlace, getTax, getStaff, getLine, getDose, getOrgs, getMidPack} from '@/api/requisition/basic'
  658. export default {
  659. name: 'requisition_add',
  660. dicts: ['sys_storage_condition', 'sys_conditions_carriage', 'sys_medicine', 'medical_instruments', 'curing_type', 'period_unit', 'expiry_date', 'abc_type'],
  661. components: {
  662. factory,
  663. fourClass,
  664. unit,
  665. place,
  666. tax,
  667. staff,
  668. serviceline,
  669. dose,
  670. orgs,
  671. depart,
  672. drug,
  673. midpack,
  674. innerPackingUnit
  675. },
  676. props: ['pageStu', 'row', 'disable'],
  677. model: {
  678. prop: 'isList',
  679. event: 'jugislist'
  680. },
  681. data() {
  682. return {
  683. size:'mini',
  684. testOptions: [],
  685. factoryOptions: [],
  686. unitOptions: [],
  687. innerPackingUnitOptions: [],
  688. placeOptions: [],
  689. taxOptions: [],
  690. staffOptions: [],
  691. lineOptions: [],
  692. doseOptions: [],
  693. organizationsOptions: [],
  694. departOptions: [],
  695. midPackOptions: [],
  696. tabValue: 'first',
  697. isControl: true,
  698. orgControl: true,
  699. isStock: false,
  700. isExp: false,
  701. isOneClass: false,
  702. basicForm: {
  703. billCode: '',
  704. orgName: '德荣集团',
  705. orgId: '',
  706. // 四级分类/物料分类
  707. classifyId: '',
  708. // 是否医药物料
  709. isMedicine: '0',
  710. // DI
  711. diCode: '',
  712. // 物料名称
  713. name: '',
  714. // 英文名称
  715. enName: '',
  716. commonName: '',
  717. specification: '',
  718. model: '',
  719. unitId: '',
  720. manufacturerId: '',
  721. registrant: '',
  722. originPlace: '',
  723. manufacturersMaterialName: '',
  724. manufacturersMaterialCode: '',
  725. classifyAbc: '',
  726. rateCode: '',
  727. isB2c: '2',
  728. assembly: '2',
  729. isInventoryStatus: '0',
  730. serialNoManager: '2',
  731. expiryDateManagerment: '0',
  732. nearOnsetManagerment: '0',
  733. usefulLife: '',
  734. expiryUnitId: '',
  735. usefulLifeUnitId: '',
  736. recentWarningPeriod: '',
  737. storageCondition: '',
  738. transportationCondition: '',
  739. materialRate: '',
  740. deliveryPeriod: '',
  741. minOrderQty: '',
  742. minPackQty: '',
  743. puPersonnelId: '',
  744. minBatchQty: '',
  745. length: '',
  746. height: '',
  747. width: '',
  748. boxPackaingQty: '',
  749. mediumPackageQty: '',
  750. packExplain: '',
  751. businessLine: '',
  752. proposerId: '',
  753. barCode: '',
  754. serviceLife: '',
  755. healthCode: '',
  756. oriMaterialCode: '',
  757. productionPermit: '',
  758. oneClass: '',
  759. twoClass: '',
  760. threeClass: '',
  761. // 新增默认采购组织
  762. purchasingOrganization: '',
  763. // 新增业务部门
  764. businessDepartment: '',
  765. isEnable: '0',
  766. importsManufacturer: '',
  767. serviceClass: '',
  768. innerPackingUnit: '',
  769. innerPackingQty: '',
  770. safeStock: '',
  771. mediumPackageUnitId: '',
  772. remark: '',
  773. // 物料申请单-单据信息
  774. applyBillInfo: {
  775. createByName: '',
  776. createTime: '',
  777. updateByName: '',
  778. updateTime: '',
  779. reviewedByName: '',
  780. auditTime: ''
  781. },
  782. // 单据信息字段
  783. status: ''
  784. },
  785. options: [{
  786. value: '0',
  787. label: '是'
  788. }, {
  789. value: '2',
  790. label: '否'
  791. }],
  792. statusOptions: [{
  793. value: '0', label: '未提交'
  794. }, {
  795. value: '1', label: '审批中'
  796. }, {
  797. value: '2', label: '已完成'
  798. }, {
  799. value: '3', label: '已驳回'
  800. },],
  801. basicRules: {
  802. classifyId: [{required: true, message: '请选择四级分类', trigger: 'change'}],
  803. name: [{required: true, message: '请输入物料名称', trigger: 'blur'}],
  804. specification: [{required: true, message: '请输入规格', trigger: 'blur'}],
  805. unitId: [{required: true, message: '请选择计量单位', trigger: 'change'}],
  806. manufacturerId: [{required: true, message: '请选择生产厂家/代理人', trigger: 'change'}],
  807. registrant: [{required: true, message: '请输入注册人/上市许可持有人', trigger: 'blur'}],
  808. originPlace: [{required: true, message: '请选择产地', trigger: 'change'}],
  809. storageCondition: [{required: true, message: '请选择存储条件', trigger: 'change'}],
  810. materialRate: [{required: true, message: '请选择物料税类', trigger: 'change'}],
  811. deliveryPeriod: [{required: true, message: '请输入交货周期', trigger: 'blur'}],
  812. minOrderQty: [{required: true, message: '请输入最小起订量', trigger: 'blur'}],
  813. minPackQty: [{required: true, message: '请输入最小包装量', trigger: 'blur'}],
  814. puPersonnelId: [{required: true, message: '请选择采购员', trigger: 'change'}],
  815. minBatchQty: [{required: true, message: '请输入最小批量', trigger: 'blur'}],
  816. packExplain: [{required: true, message: '请输入包装说明', trigger: 'blur'}],
  817. purchasingOrganization: [{required: true, message: '请选择默认采购组织', trigger: 'change'}],
  818. // businessDepartment: [{required: true, message: '请选择业务部门', trigger: 'change'}],
  819. },
  820. basicForm2: {
  821. // 是否药品
  822. isDrug: '',
  823. registrationNo: '',
  824. medicalInstruments: '',
  825. commonName: '',
  826. ratifyBatchNo: '',
  827. dosageFrom: '',
  828. oriRegistrationNo: '',
  829. curingType: '',
  830. // 医药属性子表
  831. // medicineTypeChanges:[
  832. // ],
  833. },
  834. // 医药属性子表
  835. sysMaterialMedcineItemApply: [],
  836. // tableList: [],
  837. // 子表选中
  838. ids: [],
  839. // 弹窗
  840. name: '',
  841. selectData: [],
  842. selectData2: [],
  843. selectData3: [],
  844. selectData4: [],
  845. selectData5: [],
  846. selectData6: [],
  847. selectData7: [],
  848. selectData8: [],
  849. selectData9: [],
  850. selectData10: [],
  851. selectData11: [],
  852. selectData12: [],
  853. selectData13: [],
  854. selectData14: []
  855. }
  856. },
  857. // watch: {
  858. // value: {
  859. // handler (newVal) {
  860. // this.selectData = []
  861. // if (newVal) {
  862. // newVal.split(',').forEach((id) => { // 回显拿数据
  863. // this.contractService.queryById(id).then(({data}) => {
  864. // if (data && data.id !== '') {
  865. // this.selectData.push(data)
  866. // }
  867. // })
  868. // })
  869. // }
  870. // },
  871. // immediate: true,
  872. // deep: false
  873. // },
  874. // selectData: {
  875. // handler (newVal) {
  876. // this.name = newVal.map(contract => contract.contractName).join(',')
  877. // },
  878. // immediate: false,
  879. // deep: false
  880. // }
  881. // },
  882. mounted() {
  883. console.log('页面状态', this.pageStu)
  884. if (this.pageStu == 'check') {
  885. // alert('详情页面:')
  886. console.log('页面状态', this.pageStu)
  887. console.log('数据', this.row)
  888. console.log('取VUEX里面的数据:', this.$store.state.user.name)
  889. this.getDetails(this.row)
  890. // 控制效期单位后面的是否可填写
  891. if (this.row.expiryDateManagerment == '0') {
  892. this.isExp = false
  893. } else {
  894. this.isExp = true
  895. }
  896. // 生产厂家代理人用于回显
  897. if (this.row.manufacturerId) {
  898. this.getFactoryDetails(this.row.manufacturerId)
  899. }
  900. // 计量单位回显
  901. if (this.row.unitId) {
  902. this.getUnitDetails(this.row.unitId)
  903. }
  904. // 产地回显
  905. if (this.row.originPlace) {
  906. this.getPlaceDetails(this.row.originPlace)
  907. }
  908. // 物料税类回显
  909. if (this.row.materialRate) {
  910. this.getTaxDetails(this.row.materialRate)
  911. }
  912. // 物料税类回显
  913. if (this.row.puPersonnelId) {
  914. this.getStaffDetails(this.row.puPersonnelId)
  915. }
  916. // 业务线回显
  917. if (this.row.businessLine) {
  918. this.getLineDetails(this.row.businessLine)
  919. }
  920. // 中包装单位回显
  921. if (this.row.mediumPackageUnitId) {
  922. this.getMidPackDetails(this.row.mediumPackageUnitId)
  923. }
  924. // 内包装单位回显
  925. if (this.row.innerPackingUnit) {
  926. this.getInnerPackingUnitDetails(this.row.innerPackingUnit)
  927. }
  928. } else if (this.pageStu == 'edit') {
  929. // alert('修改页面')
  930. // console.log('页面状态', this.pageStu)
  931. // console.log('数据', this.row)
  932. this.getDetails(this.row)
  933. // console.log('修改页面-批号库存管理状态', this.row.isInventoryStatus)
  934. this.stockControl(this.row.isInventoryStatus)
  935. // 控制效期单位后面的是否可填写
  936. if (this.row.expiryDateManagerment == '0') {
  937. this.isExp = false
  938. } else {
  939. this.isExp = true
  940. }
  941. // 控制业务部门是否能够填写
  942. if (this.row.purchasingOrganization) {
  943. this.orgControl = false
  944. } else {
  945. this.orgControl = true
  946. }
  947. // 控制医药属性是否能够填写
  948. if (this.row.isMedicine == '0') {
  949. this.isControl = false
  950. } else {
  951. this.isControl = true
  952. }
  953. // 生产厂家代理人用于回显
  954. if (this.row.manufacturerId) {
  955. this.getFactoryDetails(this.row.manufacturerId)
  956. }
  957. // 计量单位回显
  958. if (this.row.unitId) {
  959. this.getUnitDetails(this.row.unitId)
  960. }
  961. // 产地回显
  962. if (this.row.originPlace) {
  963. this.getPlaceDetails(this.row.originPlace)
  964. }
  965. // 物料税类回显
  966. if (this.row.materialRate) {
  967. this.getTaxDetails(this.row.materialRate)
  968. }
  969. // 物料税类回显
  970. if (this.row.puPersonnelId) {
  971. this.getStaffDetails(this.row.puPersonnelId)
  972. }
  973. // 业务线回显
  974. if (this.row.businessLine) {
  975. this.getLineDetails(this.row.businessLine)
  976. }
  977. // 中包装单位回显
  978. if (this.row.mediumPackageUnitId) {
  979. this.getMidPackDetails(this.row.mediumPackageUnitId)
  980. }
  981. // 内包装单位回显
  982. if (this.row.innerPackingUnit) {
  983. this.getInnerPackingUnitDetails(this.row.innerPackingUnit)
  984. }
  985. } else if (this.pageStu == 'add') {
  986. this.controlMedic('0');
  987. console.log('页面状态', this.pageStu)
  988. } else if (this.pageStu === 'copy') {
  989. this.getDetails(this.row)
  990. // 控制效期单位后面的是否可填写
  991. if (this.row.expiryDateManagerment == '0') {
  992. this.isExp = false
  993. } else {
  994. this.isExp = true
  995. }
  996. // 控制业务部门是否能够填写
  997. if (this.row.purchasingOrganization) {
  998. this.orgControl = false
  999. } else {
  1000. this.orgControl = true
  1001. }
  1002. // 控制医药属性是否能够填写
  1003. if (this.row.isMedicine == '0') {
  1004. this.isControl = false
  1005. } else {
  1006. this.isControl = true
  1007. }
  1008. // 生产厂家代理人用于回显
  1009. if (this.row.manufacturerId) {
  1010. this.getFactoryDetails(this.row.manufacturerId)
  1011. }
  1012. // 计量单位回显
  1013. if (this.row.unitId) {
  1014. this.getUnitDetails(this.row.unitId)
  1015. }
  1016. // 产地回显
  1017. if (this.row.originPlace) {
  1018. this.getPlaceDetails(this.row.originPlace)
  1019. }
  1020. // 物料税类回显
  1021. if (this.row.materialRate) {
  1022. this.getTaxDetails(this.row.materialRate)
  1023. }
  1024. // 物料税类回显
  1025. if (this.row.puPersonnelId) {
  1026. this.getStaffDetails(this.row.puPersonnelId)
  1027. }
  1028. // 业务线回显
  1029. if (this.row.businessLine) {
  1030. this.getLineDetails(this.row.businessLine)
  1031. }
  1032. // 中包装单位回显
  1033. if (this.row.mediumPackageUnitId) {
  1034. this.getMidPackDetails(this.row.mediumPackageUnitId)
  1035. }
  1036. // 内包装单位回显
  1037. if (this.row.innerPackingUnit) {
  1038. this.getInnerPackingUnitDetails(this.row.innerPackingUnit)
  1039. }
  1040. }
  1041. },
  1042. methods: {
  1043. handleClick(tab, event) {
  1044. console.log(tab, event);
  1045. console.log('页面状态', this.pageStu)
  1046. },
  1047. // 批号及库存状态管理控制效期管理
  1048. stockControl(val) {
  1049. if (val == 0) {
  1050. this.isStock = false
  1051. } else {
  1052. // 联动效期管理
  1053. this.basicForm.expiryDateManagerment = '2';
  1054. this.basicForm.serialNoManager = '2';
  1055. this.expCt(val)
  1056. this.isStock = true
  1057. }
  1058. },
  1059. // 选择效期管理控制后面字段是否可填写
  1060. expCt(val) {
  1061. console.log('效期管理值:', val)
  1062. if (val == 0) {
  1063. this.isExp = false
  1064. } else {
  1065. this.basicForm.usefulLife = ''
  1066. this.basicForm.expiryUnitId = ''
  1067. this.basicForm.usefulLifeUnitId = ''
  1068. this.basicForm.recentWarningPeriod = ''
  1069. this.isExp = true
  1070. }
  1071. },
  1072. // 选择采购组织时控制业务部门
  1073. controlOrg(val) {
  1074. this.basicForm.businessDepartment = ''
  1075. this.orgControl = true
  1076. },
  1077. // 选择是否医药物料时控制医药属性
  1078. controlMedic(val) {
  1079. console.log('val1111111', val)
  1080. if (val == '0') {
  1081. this.isControl = false
  1082. this.basicForm2.dosageFrom = '0001A11000000000BX7Z'
  1083. this.getDoseDetails(this.basicForm2.dosageFrom)
  1084. } else {
  1085. this.basicForm2.isDrug = ''
  1086. this.basicForm2.registrationNo = ''
  1087. this.basicForm2.medicalInstruments = ''
  1088. this.basicForm2.commonName = ''
  1089. this.basicForm2.ratifyBatchNo = ''
  1090. this.basicForm2.dosageFrom = ''
  1091. this.basicForm2.oriRegistrationNo = ''
  1092. this.basicForm2.curingType = ''
  1093. this.isControl = true
  1094. }
  1095. },
  1096. // 用于回显四级分类树形选择
  1097. getTreeDetails(id) {
  1098. console.log(id,'用于回显四级分类树形选择');
  1099. getDetail(id).then(res => {
  1100. console.log(res,'用于回显四级分类树形选择');
  1101. if (res.code === 200) {
  1102. this.testOptions.push(res.data)
  1103. this.basicForm.oneClass = res.data.oneClass
  1104. this.basicForm.twoClass = res.data.twoClass
  1105. this.basicForm.threeClass = res.data.threeClass
  1106. const classjudge = res.data.oneClass
  1107. if (classjudge.includes('介入耗材&5') || classjudge.includes('骨科耗材&2') || classjudge.includes('普通耗材&3') || classjudge.includes('医用设备&1') || classjudge.includes('体外诊断&4')) {
  1108. this.isOneClass = true
  1109. } else {
  1110. this.isOneClass = false
  1111. }
  1112. }
  1113. })
  1114. },
  1115. // 生产厂家/代理人用于回显
  1116. getFactoryDetails(id) {
  1117. getProductFactory({id: id}).then(res => {
  1118. if (res.code === 200) {
  1119. this.factoryOptions = res.data.tableBody
  1120. }
  1121. })
  1122. },
  1123. // 计量单位回显
  1124. getUnitDetails(id) {
  1125. getUnit({id: id}).then(res => {
  1126. console.log('计量单位回显', res)
  1127. if (res.code === 200) {
  1128. this.unitOptions = res.data.tableBody
  1129. console.log('1111', this.unitOptions)
  1130. }
  1131. })
  1132. },
  1133. // 产地回显
  1134. getPlaceDetails(id) {
  1135. getPlace({id: id}).then(res => {
  1136. console.log('产地', res)
  1137. if (res.code === 200) {
  1138. this.placeOptions = res.data.tableBody
  1139. }
  1140. })
  1141. },
  1142. // 物料税类回显
  1143. getTaxDetails(id) {
  1144. getTax({id: id}).then(res => {
  1145. console.log('物料税类', res)
  1146. if (res.code === 200) {
  1147. this.taxOptions = res.data.tableBody
  1148. }
  1149. })
  1150. },
  1151. // 采购员回显
  1152. getStaffDetails(id) {
  1153. getStaff({id: id}).then(res => {
  1154. console.log('采购员', res)
  1155. if (res.code === 200) {
  1156. this.staffOptions = res.data.tableBody
  1157. }
  1158. })
  1159. },
  1160. // 业务线回显
  1161. getLineDetails(id) {
  1162. getLine({id: id}).then(res => {
  1163. console.log('业务线', res)
  1164. if (res.code === 200) {
  1165. this.lineOptions = res.data.tableBody
  1166. }
  1167. })
  1168. },
  1169. // 剂型回显
  1170. getDoseDetails(id) {
  1171. getDose({id: id}).then(res => {
  1172. console.log('剂型', res)
  1173. if (res.code === 200) {
  1174. this.doseOptions = res.data.tableBody
  1175. }
  1176. })
  1177. },
  1178. // 采购组织回显
  1179. getOrgDetails(id) {
  1180. getOrgs({deptId: id}).then(res => {
  1181. if (res.code === 200) {
  1182. this.organizationsOptions = res.data
  1183. }
  1184. })
  1185. },
  1186. // 业务部门回显
  1187. getDepartDetails(id) {
  1188. getOrgs({deptId: id}).then(res => {
  1189. if (res.code === 200) {
  1190. this.departOptions = res.data
  1191. }
  1192. })
  1193. },
  1194. // 中包装单位回显
  1195. getMidPackDetails(id) {
  1196. getMidPack({id: id}).then(res => {
  1197. if (res.code === 200) {
  1198. this.midPackOptions = res.data.tableBody;
  1199. }
  1200. })
  1201. },
  1202. // 如果是详情进入,则调用详情接口
  1203. getDetails(row) {
  1204. getReqDetail(row.id).then(res => {
  1205. console.log('res', res)
  1206. if (res.code === 200) {
  1207. this.basicForm = res.data;
  1208. const { id, name, nickName, } =
  1209. this.$store.state.user;
  1210. if (this.pageStu === 'copy') {
  1211. this.basicForm.id = '';
  1212. this.basicForm.code = '';
  1213. this.basicForm.billCode = '';
  1214. this.basicForm.diCode = '';
  1215. this.basicForm.healthCode = '';
  1216. this.basicForm.status = '0';
  1217. this.basicForm.sysMaterialMedcineApply.id = '';
  1218. this.basicForm.sysMaterialMedcineItemApply.length &&
  1219. this.basicForm.sysMaterialMedcineItemApply.forEach(item => (item.id = ''));
  1220. this.basicForm.createName = '';
  1221. this.basicForm.createTime = '';
  1222. this.basicForm.updateName = '';
  1223. this.basicForm.updateTime = '';
  1224. this.basicForm.auditTime = '';
  1225. this.basicForm.proposerName = nickName;
  1226. this.basicForm.proposerId = name;
  1227. this.basicForm.applyBillInfo.auditTime = '';
  1228. }
  1229. // 获取树形详情
  1230. if (res.data.classifyId) {
  1231. this.getTreeDetails(res.data.classifyId)
  1232. }
  1233. if (res.data.purchasingOrganization) {
  1234. this.basicForm.purchasingOrganization = res.data.purchasingOrganization
  1235. this.getOrgDetails(res.data.purchasingOrganization)
  1236. }
  1237. if (res.data.businessDepartment) {
  1238. this.basicForm.businessDepartment = res.data.businessDepartment
  1239. this.getDepartDetails(res.data.businessDepartment)
  1240. }
  1241. if (res.data.unitId) {
  1242. this.basicForm.unitId = res.data.unitId
  1243. }
  1244. if (res.data.manufacturerId) {
  1245. this.basicForm.manufacturerId = res.data.manufacturerId.toString()
  1246. }
  1247. if (res.data.usefulLifeUnitId) {
  1248. this.basicForm.usefulLifeUnitId = res.data.usefulLifeUnitId.toString()
  1249. }
  1250. if (res.data.expiryUnitId) {
  1251. this.basicForm.expiryUnitId = res.data.expiryUnitId.toString()
  1252. }
  1253. if (res.data.sysMaterialMedcineApply) {
  1254. this.basicForm2 = res.data.sysMaterialMedcineApply
  1255. }
  1256. // 剂型回显
  1257. if (res.data.sysMaterialMedcineApply && res.data.sysMaterialMedcineApply.dosageFrom) {
  1258. this.getDoseDetails(res.data.sysMaterialMedcineApply.dosageFrom)
  1259. }
  1260. // 物料类别回显
  1261. if (res.data.sysMaterialMedcineItemApply) {
  1262. this.sysMaterialMedcineItemApply = res.data.sysMaterialMedcineItemApply
  1263. }
  1264. }
  1265. })
  1266. },
  1267. save() {
  1268. // let sparams = { ...this.basicForm, ...{ status: 0 } }
  1269. // console.log(sparams, 'sparams');
  1270. if (this.pageStu == 'edit') {
  1271. if (!this.basicForm.proposerId) {
  1272. this.basicForm.proposerId = this.$store.state.user.name
  1273. }
  1274. // let sparams = {...this.basicForm, ...{status: 0}}
  1275. let sparams = {...this.basicForm,}
  1276. sparams.sysMaterialMedcineApply = this.basicForm2
  1277. sparams.sysMaterialMedcineItemApply = this.sysMaterialMedcineItemApply
  1278. console.log('提交参数', sparams)
  1279. const form1 = new Promise((resolve, reject) => {
  1280. this.$refs['basic'].validate(valid => {
  1281. if (valid) resolve()
  1282. })
  1283. })
  1284. const form2 = new Promise((resolve, reject) => {
  1285. this.$refs['basic2'].validate(valid => {
  1286. if (valid) resolve()
  1287. })
  1288. })
  1289. // Promise.all([form1, form2]).then(() => {
  1290. if (this.basicForm.isMedicine == '0'
  1291. && this.sysMaterialMedcineItemApply.length == 0
  1292. // && this.basicForm.oneClass !== "资产费用&7"
  1293. ) {
  1294. this.$modal.notifyWarning("医药物料需要维护物料类别!");
  1295. } else {
  1296. this.$modal.loading("保存中...");
  1297. editReq(sparams).then(res => {
  1298. if (res.code === 200) {
  1299. this.$message({
  1300. message: res.msg,
  1301. type: 'success'
  1302. });
  1303. this.$modal.closeLoading();
  1304. this.back()
  1305. }
  1306. }).catch(err => {
  1307. this.$modal.closeLoading();
  1308. })
  1309. }
  1310. // })
  1311. } else {
  1312. // alert('保存传status:0')
  1313. if (!this.basicForm.proposerId) {
  1314. this.basicForm.proposerId = this.$store.state.user.name
  1315. }
  1316. let sparams = {...this.basicForm, ...{status: 0}};
  1317. sparams.sysMaterialMedcineApply = this.basicForm2;
  1318. sparams.sysMaterialMedcineItemApply = this.sysMaterialMedcineItemApply;
  1319. console.log('保存参数', sparams)
  1320. const form1 = new Promise((resolve, reject) => {
  1321. this.$refs['basic'].validate(valid => {
  1322. if (valid) resolve()
  1323. })
  1324. })
  1325. const form2 = new Promise((resolve, reject) => {
  1326. this.$refs['basic2'].validate(valid => {
  1327. if (valid) resolve()
  1328. })
  1329. })
  1330. // Promise.all([form1, form2]).then(() => {
  1331. if (this.basicForm.isMedicine == '0'
  1332. && this.sysMaterialMedcineItemApply.length == 0
  1333. // && this.basicForm.oneClass !== "资产费用&7"
  1334. ) {
  1335. this.$modal.notifyWarning("医药物料需要维护物料类别!");
  1336. } else {
  1337. this.$modal.loading("保存中...");
  1338. addReq(sparams).then(res => {
  1339. if (res.code === 200) {
  1340. this.$message({
  1341. message: res.msg,
  1342. type: 'success'
  1343. });
  1344. this.$modal.closeLoading();
  1345. this.back()
  1346. }
  1347. }).catch(err => {
  1348. this.$modal.closeLoading();
  1349. })
  1350. }
  1351. // })
  1352. }
  1353. },
  1354. submit() {
  1355. // alert('提交传status:1')
  1356. if (!this.basicForm.proposerId) {
  1357. this.basicForm.proposerId = this.$store.state.user.name
  1358. }
  1359. let sparams = {...this.basicForm, ...{status: 1}}
  1360. sparams.sysMaterialMedcineApply = this.basicForm2
  1361. sparams.sysMaterialMedcineItemApply = this.sysMaterialMedcineItemApply
  1362. console.log('提交参数', sparams)
  1363. const form1 = new Promise((resolve, reject) => {
  1364. this.$refs['basic'].validate(valid => {
  1365. if (valid) resolve()
  1366. })
  1367. })
  1368. const form2 = new Promise((resolve, reject) => {
  1369. this.$refs['basic2'].validate(valid => {
  1370. if (valid) resolve()
  1371. })
  1372. })
  1373. // Promise.all([form1, form2]).then(() => {
  1374. // 提交时候要维护物料类别
  1375. if (this.sysMaterialMedcineItemApply.length !== 0) {
  1376. this.$modal.loading("提交中...");
  1377. editReq(sparams).then(res => {
  1378. if (res.code === 200) {
  1379. this.$message({
  1380. message: res.msg,
  1381. type: 'success'
  1382. });
  1383. this.$modal.closeLoading();
  1384. this.back()
  1385. }
  1386. }).catch(err => {
  1387. this.$modal.closeLoading();
  1388. })
  1389. } else {
  1390. this.$message({
  1391. message: '请维护物料类别后再提交',
  1392. type: 'warning'
  1393. });
  1394. }
  1395. // })
  1396. },
  1397. back() {
  1398. this.$emit('jugislist', true)
  1399. // let queryParams = {
  1400. // pageNum: 1,
  1401. // pageSize: 10
  1402. // }
  1403. this.$emit('refresh')
  1404. },
  1405. // 子表增删行
  1406. handleSelectionChange(val) {
  1407. this.ids = val
  1408. console.log('this.ids', this.ids)
  1409. },
  1410. addLine() {
  1411. //添加行数
  1412. // let newValue = {
  1413. // drugId:'',
  1414. // drugCode: '',
  1415. // drugName: '',
  1416. // };
  1417. // this.sysMaterialMedcineItemApply.push(newValue);
  1418. this.chooseDrug()
  1419. },
  1420. handleDelete(index) {
  1421. if (this.ids.length == 0) {
  1422. this.$message({
  1423. message: '请选择删除条目',
  1424. type: 'warning'
  1425. });
  1426. } else {
  1427. // console.log('index',index)
  1428. // this.basicForm2.medicineTypeChanges.splice(index, 1);
  1429. this.sysMaterialMedcineItemApply = this.sysMaterialMedcineItemApply.filter(item =>
  1430. !this.ids.some(ele =>
  1431. ele.drugId == item.drugId))
  1432. }
  1433. },
  1434. testsave() {
  1435. console.log('暂存表格:', this.sysMaterialMedcineItemApply)
  1436. console.log('暂存表单1', this.basicForm)
  1437. let params = {...this.basicForm}
  1438. params.sysMaterialMedcineApply = this.basicForm2
  1439. params.sysMaterialMedcineItemApply = this.sysMaterialMedcineItemApply
  1440. console.log('暂存总表单', params)
  1441. },
  1442. // 选择生产厂家/代理人
  1443. acceptFactory(selections) {
  1444. console.log('选择的数据', selections)
  1445. this.factoryOptions = selections
  1446. this.basicForm.manufacturerId = selections[0].id
  1447. this.getFactoryDetails(selections[0].id)
  1448. },
  1449. // 生产厂家/代理人显示列表
  1450. chooseFactory() {
  1451. this.$refs.factoryOrman.blur()
  1452. this.$refs.factory.init()
  1453. },
  1454. // 选择四级分类
  1455. acceptFourClass(selections) {
  1456. console.log('父组件收到的数据', selections)
  1457. this.testOptions.push(selections)
  1458. console.log('收到的数据转成数组', this.testOptions)
  1459. this.basicForm.classifyId = selections.id
  1460. this.getTreeDetails(selections.id)
  1461. },
  1462. // 四级分类显示列表
  1463. chooseFourClass() {
  1464. this.$refs.fourTag.blur()
  1465. this.$refs.fourClass.init(this.basicForm.classifyId)
  1466. },
  1467. // 选择计量单位
  1468. acceptUnit(selections) {
  1469. console.log('父组件收到的数据', selections)
  1470. this.unitOptions = selections
  1471. console.log('绑定的数组', this.unitOptions)
  1472. this.basicForm.unitId = selections[0].id
  1473. this.getUnitDetails(selections[0].id)
  1474. },
  1475. // 计量单位显示列表
  1476. chooseUnit() {
  1477. this.$refs.units.blur()
  1478. this.$refs.unit.init()
  1479. },
  1480. // 选择产地
  1481. acceptPlace(selections) {
  1482. this.placeOptions = selections
  1483. this.basicForm.originPlace = selections[0].id
  1484. this.getPlaceDetails(selections[0].id)
  1485. },
  1486. // 产地显示列表
  1487. choosePlace() {
  1488. this.$refs.places.blur()
  1489. this.$refs.place.init()
  1490. },
  1491. // 选择物料税类
  1492. acceptTax(selections) {
  1493. this.taxOptions = selections
  1494. this.basicForm.materialRate = selections[0].id
  1495. this.basicForm.rateCode = selections[0].code
  1496. this.getTaxDetails(selections[0].id)
  1497. },
  1498. // 物料税类显示列表
  1499. chooseTax() {
  1500. this.$refs.taxs.blur()
  1501. this.$refs.tax.init()
  1502. },
  1503. // 选择采购员
  1504. acceptStaff(selections) {
  1505. this.staffOptions = selections
  1506. this.basicForm.puPersonnelId = selections[0].code
  1507. this.getStaffDetails(selections[0].id)
  1508. },
  1509. // 采购员显示列表
  1510. chooseStaff() {
  1511. this.$refs.staffs.blur()
  1512. this.$refs.staff.init()
  1513. },
  1514. // 选择业务线
  1515. acceptLine(selections) {
  1516. this.lineOptions = selections
  1517. this.basicForm.businessLine = selections[0].id
  1518. this.getLineDetails(selections[0].id)
  1519. },
  1520. // 业务线显示列表
  1521. chooseLine() {
  1522. this.$refs.lines.blur()
  1523. this.$refs.line.init()
  1524. },
  1525. // 选择剂型-树形
  1526. acceptDose(selections) {
  1527. this.doseOptions.push(selections)
  1528. this.basicForm2.dosageFrom = selections.id
  1529. this.getDoseDetails(selections.id)
  1530. },
  1531. // 剂型显示列表
  1532. chooseDose() {
  1533. this.$refs.doses.blur()
  1534. this.$refs.dose.init()
  1535. },
  1536. // 选择默认采购组织
  1537. acceptOrgs(selections) {
  1538. console.log('接收的采购组织', selections)
  1539. this.basicForm.purchasingOrganization = selections.id;
  1540. // 控制业务部门是否可以选择
  1541. this.orgControl = false
  1542. this.getOrgDetails(selections.id)
  1543. this.basicForm.businessDepartment = '';
  1544. this.departOptions = [];
  1545. },
  1546. // 默认采购组织显示列表
  1547. chooseOrganizations() {
  1548. this.$refs.organizations.blur()
  1549. this.$refs.orgs.init('1')
  1550. },
  1551. // 选择业务部门
  1552. acceptDepart(selections) {
  1553. console.log('接收的业务部门', selections)
  1554. this.basicForm.businessDepartment = selections.id
  1555. this.getDepartDetails(selections.id)
  1556. },
  1557. // 业务部门显示列表
  1558. chooseDepart() {
  1559. this.$refs.departs.blur()
  1560. this.$refs.depart.init('0', this.basicForm.purchasingOrganization)
  1561. },
  1562. // 选择医药类别
  1563. acceptDrug(selections) {
  1564. console.log('接收的物料类别', selections)
  1565. const sleObj = {}
  1566. sleObj.drugId = selections.id
  1567. sleObj.drugCode = selections.code
  1568. sleObj.drugName = selections.name
  1569. // 便利表格内数据
  1570. if (this.sysMaterialMedcineItemApply.some(item => item.drugId == sleObj.drugId)) {
  1571. this.$modal.msgWarning("请勿选择重复物料")
  1572. } else {
  1573. this.sysMaterialMedcineItemApply.push(sleObj)
  1574. }
  1575. },
  1576. // 医药类别子表的显示列表
  1577. chooseDrug() {
  1578. this.$refs.drug.init()
  1579. },
  1580. // 选择中包装单位
  1581. acceptMidpack(selections) {
  1582. console.log('接收到的中包装单位', selections)
  1583. this.midPackOptions = selections
  1584. console.log('绑定的数组', this.midPackOptions)
  1585. this.basicForm.mediumPackageUnitId = selections[0].id
  1586. this.getMidPackDetails(selections[0].id)
  1587. },
  1588. // 中包装单位显示列表
  1589. chooseMidpack() {
  1590. this.$refs.midpacks.blur()
  1591. this.$refs.midpack.init()
  1592. },
  1593. // 内包装单位显示列表
  1594. chooseInnerPackingUnit() {
  1595. this.$refs.innerPackingUnits.blur()
  1596. this.$refs.innerPackingUnit.init()
  1597. },
  1598. // 选择内包装单位
  1599. acceptInnerPackingUnit(selections) {
  1600. this.innerPackingUnitOptions = selections
  1601. this.basicForm.innerPackingUnit = selections[0].id
  1602. this.getInnerPackingUnitDetails(selections[0].id)
  1603. },
  1604. //内包装单位回显
  1605. getInnerPackingUnitDetails(id) {
  1606. getUnit({id: id}).then(res => {
  1607. console.log('内包装单位回显', res)
  1608. if (res.code === 200) {
  1609. this.innerPackingUnitOptions = res.data.tableBody
  1610. // console.log('1111', this.innerPackingUnitOptions)
  1611. }
  1612. })
  1613. },
  1614. }
  1615. }
  1616. </script>
  1617. <style lang="scss" scoped>
  1618. .requisition_add {
  1619. // height: calc(100vh - 84px);
  1620. padding: 12px;
  1621. box-sizing: border-box;
  1622. overflow-y: auto;
  1623. }
  1624. .btn_group {
  1625. width: 100%;
  1626. margin: 20px 0;
  1627. display: flex;
  1628. justify-content: center;
  1629. }
  1630. </style>