add.vue 67 KB

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