add.vue 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724
  1. <template>
  2. <div class="apply_add">
  3. <el-tabs type="border-card" v-model="tabValue" @tab-click="handleClick">
  4. <el-tab-pane label="基本信息" name="first">
  5. <el-form :model="basicForm" :rules="basicRules" ref="basic" label-width="170px">
  6. <el-row :gutter="20">
  7. <el-col :span="8">
  8. <el-form-item label="单据编码" prop="code">
  9. <el-input disabled v-model="basicForm.code"></el-input>
  10. </el-form-item>
  11. </el-col>
  12. <el-col :span="8">
  13. <el-form-item label="申请组织" prop="orgId">
  14. <el-input disabled v-model="basicForm.orgId"></el-input>
  15. </el-form-item>
  16. </el-col>
  17. <el-col :span="8">
  18. <el-form-item label="物料编码" prop="materialCode">
  19. <el-input readonly :disabled="disable" v-model="basicForm.materialCode">
  20. <el-button :disabled="disable" slot="append" icon="el-icon-more" @click="test01"></el-button>
  21. </el-input>
  22. </el-form-item>
  23. </el-col>
  24. </el-row>
  25. <el-row :gutter="20">
  26. <el-col :span="8">
  27. <el-form-item label="物料名称" prop="materialName">
  28. <el-input :disabled="disable" v-model="basicForm.materialName"></el-input>
  29. </el-form-item>
  30. </el-col>
  31. <el-col :span="8">
  32. <el-form-item label="医药物料" prop="medicineMaterial">
  33. <el-select
  34. v-model="basicForm.medicineMaterial"
  35. placeholder="医药物料"
  36. clearable
  37. :disabled="disable"
  38. @change="controlMedic"
  39. >
  40. <el-option
  41. v-for="item in options"
  42. :key="item.value"
  43. :label="item.label"
  44. :value="item.value"
  45. />
  46. </el-select>
  47. </el-form-item>
  48. </el-col>
  49. <el-col :span="8">
  50. <el-form-item label="一级分类" prop="oneClass">
  51. <el-input :disabled="disable" v-model="basicForm.oneClass"></el-input>
  52. </el-form-item>
  53. </el-col>
  54. </el-row>
  55. <el-row :gutter="20">
  56. <el-col :span="8">
  57. <el-form-item label="二级分类" prop="twoClass">
  58. <el-input :disabled="disable" v-model="basicForm.twoClass"></el-input>
  59. </el-form-item>
  60. </el-col>
  61. <el-col :span="8">
  62. <el-form-item label="三级分类" prop="threeClass">
  63. <el-input :disabled="disable" v-model="basicForm.threeClass"></el-input>
  64. </el-form-item>
  65. </el-col>
  66. <el-col :span="8">
  67. <el-form-item label="四级分类" prop="fourClass">
  68. <el-input :disabled="disable" v-model="basicForm.fourClass"></el-input>
  69. </el-form-item>
  70. </el-col>
  71. </el-row>
  72. <el-row :gutter="20">
  73. <el-col :span="8">
  74. <el-form-item label="规格" prop="specification">
  75. <el-input :disabled="disable" v-model="basicForm.specification"></el-input>
  76. </el-form-item>
  77. </el-col>
  78. <el-col :span="8">
  79. <el-form-item label="型号" prop="model">
  80. <el-input :disabled="disable" v-model="basicForm.model"></el-input>
  81. </el-form-item>
  82. </el-col>
  83. <el-col :span="8">
  84. <el-form-item label="生产厂家/代理人" prop="factory">
  85. <el-select
  86. ref="factoryOrman"
  87. v-model="basicForm.factory"
  88. placeholder="生产厂家/代理人"
  89. clearable
  90. :disabled="disable"
  91. @focus="chooseFactory"
  92. >
  93. <el-option
  94. v-for="item in factoryOptions"
  95. :key="item.id"
  96. :label="item.name"
  97. :value="item.id"
  98. />
  99. </el-select>
  100. <!-- <el-input :disabled="disable" v-model="basicForm.factory">
  101. <el-button :disabled="disable" slot="append" icon="el-icon-more" @click="test02"></el-button>
  102. </el-input> -->
  103. </el-form-item>
  104. </el-col>
  105. </el-row>
  106. <el-row :gutter="20">
  107. <el-col :span="8">
  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="8">
  113. <el-form-item label="存储条件" prop="storageConditions">
  114. <el-select
  115. v-model="basicForm.storageConditions"
  116. placeholder="存储条件"
  117. clearable
  118. :disabled="disable"
  119. >
  120. <el-option
  121. v-for="dict in dict.type.sys_storage_condition"
  122. :key="dict.value"
  123. :label="dict.label"
  124. :value="dict.value"
  125. />
  126. </el-select>
  127. </el-form-item>
  128. </el-col>
  129. <el-col :span="8">
  130. <el-form-item label="运输条件" prop="transportCondition">
  131. <el-select
  132. v-model="basicForm.transportCondition"
  133. placeholder="运输条件"
  134. clearable
  135. :disabled="disable"
  136. >
  137. <el-option
  138. v-for="dict in dict.type.sys_conditions_carriage"
  139. :key="dict.value"
  140. :label="dict.label"
  141. :value="dict.value"
  142. />
  143. </el-select>
  144. </el-form-item>
  145. </el-col>
  146. </el-row>
  147. <el-row :gutter="20">
  148. <el-col :span="8">
  149. <el-form-item label="交货周期" prop="leadTime">
  150. <el-input type="number" min="0" :disabled="disable" v-model="basicForm.leadTime"></el-input>
  151. </el-form-item>
  152. </el-col>
  153. <el-col :span="8">
  154. <el-form-item label="备注" prop="remark">
  155. <el-input :disabled="disable" v-model="basicForm.remark"></el-input>
  156. </el-form-item>
  157. </el-col>
  158. </el-row>
  159. </el-form>
  160. </el-tab-pane>
  161. <el-tab-pane label="医药属性" name="second">
  162. <el-form :model="basicForm2" ref="basic2" label-width="160px">
  163. <el-row :gutter="20">
  164. <el-col :span="8">
  165. <el-form-item label="药品" prop="drug">
  166. <el-select
  167. v-model="basicForm2.drug"
  168. placeholder="请选择"
  169. clearable
  170. :disabled="disable || isControl"
  171. >
  172. <el-option
  173. v-for="dict in dict.type.sys_medicine"
  174. :key="dict.value"
  175. :label="dict.label"
  176. :value="dict.value"
  177. />
  178. </el-select>
  179. </el-form-item>
  180. </el-col>
  181. <el-col :span="8">
  182. <el-form-item label="注册证号/备案凭证编号" prop="registrationNo">
  183. <el-input :disabled="disable || isControl" v-model="basicForm2.registrationNo"></el-input>
  184. </el-form-item>
  185. </el-col>
  186. <el-col :span="8">
  187. <el-form-item label="医疗器械" prop="medicalDevices">
  188. <el-select
  189. v-model="basicForm2.medicalDevices"
  190. placeholder="请选择"
  191. clearable
  192. :disabled="disable || isControl"
  193. >
  194. <el-option
  195. v-for="dict in dict.type.medical_instruments"
  196. :key="dict.value"
  197. :label="dict.label"
  198. :value="dict.value"
  199. />
  200. </el-select>
  201. </el-form-item>
  202. </el-col>
  203. </el-row>
  204. <el-row :gutter="20">
  205. <el-col :span="8">
  206. <el-form-item label="养护类型" prop="maintenanceType">
  207. <el-select
  208. v-model="basicForm2.maintenanceType"
  209. placeholder="请选择"
  210. clearable
  211. :disabled="disable || isControl"
  212. >
  213. <el-option
  214. v-for="dict in dict.type.curing_type"
  215. :key="dict.value"
  216. :label="dict.label"
  217. :value="dict.value"
  218. />
  219. </el-select>
  220. </el-form-item>
  221. </el-col>
  222. </el-row>
  223. </el-form>
  224. <!-- <el-row style="margin-bottom: 12px;">
  225. <span>物料类别</span>
  226. </el-row>
  227. <el-row style="margin-bottom: 12px;">
  228. <el-button type="primary" size="small" plain @click="addLine">新增</el-button>
  229. <el-button type="primary" size="small" plain @click="handleDelete">删除</el-button>
  230. <el-button type="primary" size="small" plain @click="testsave">暂存</el-button>
  231. </el-row> -->
  232. <!-- <el-row>
  233. <el-col :span="12">
  234. <el-table
  235. :data="basicForm2.medicineTypeChanges"
  236. class="request-table"
  237. @selection-change="handleSelectionChange"
  238. >
  239. <el-table-column type="selection" width="55" />
  240. <el-table-column label="序号" align="center" prop="sort">
  241. <template slot-scope="scope">
  242. <el-input v-model="scope.row.sort"></el-input>
  243. </template>
  244. </el-table-column>
  245. <el-table-column label="物料类别" align="center" prop="medicineCode">
  246. <template slot-scope="scope">
  247. <el-input v-model="scope.row.medicineCode"></el-input>
  248. </template>
  249. </el-table-column>
  250. <el-table-column label="类别名称" align="center" prop="medicineName">
  251. <template slot-scope="scope">
  252. <el-input v-model="scope.row.medicineName"></el-input>
  253. </template>
  254. </el-table-column>
  255. </el-table>
  256. </el-col>
  257. </el-row> -->
  258. </el-tab-pane>
  259. <el-tab-pane label="修改记录" name="third">
  260. <el-table
  261. :data="basicForm.changeRecords"
  262. class="request-table"
  263. >
  264. <el-table-column label="字段名称" align="center" prop="pageCondtion" />
  265. <el-table-column label="变更前" align="center" prop="beforeChangeValue" />
  266. <el-table-column label="变更后" align="center" prop="afterChangeValue" />
  267. </el-table>
  268. </el-tab-pane>
  269. <el-tab-pane label="单据信息" name="fourth">
  270. <el-form :model="basicForm" ref="info" label-width="160px">
  271. <el-row :gutter="20">
  272. <el-col :span="8">
  273. <el-form-item label="申请人" prop="createByName">
  274. <el-input disabled v-model="basicForm.createByName"></el-input>
  275. </el-form-item>
  276. </el-col>
  277. <el-col :span="8">
  278. <el-form-item label="申请时间" prop="createTime">
  279. <el-input disabled v-model="basicForm.createTime"></el-input>
  280. </el-form-item>
  281. </el-col>
  282. <el-col :span="8">
  283. <el-form-item label="创建人" prop="createByName">
  284. <el-input disabled v-model="basicForm.createByName"></el-input>
  285. </el-form-item>
  286. </el-col>
  287. </el-row>
  288. <el-row :gutter="20">
  289. <el-col :span="8">
  290. <el-form-item label="创建时间" prop="createTime">
  291. <el-input disabled v-model="basicForm.createTime"></el-input>
  292. </el-form-item>
  293. </el-col>
  294. <el-col :span="8">
  295. <el-form-item label="最后修改人" prop="updateByName">
  296. <el-input disabled v-model="basicForm.updateByName"></el-input>
  297. </el-form-item>
  298. </el-col>
  299. <el-col :span="8">
  300. <el-form-item label="最后修改时间" prop="updateTime">
  301. <el-input disabled v-model="basicForm.updateTime"></el-input>
  302. </el-form-item>
  303. </el-col>
  304. </el-row>
  305. <el-row :gutter="20">
  306. <el-col :span="8">
  307. <el-form-item label="最后审核人" prop="approver">
  308. <el-input disabled v-model="basicForm.approver"></el-input>
  309. </el-form-item>
  310. </el-col>
  311. <el-col :span="8">
  312. <el-form-item label="最后审核时间" prop="approvalTime">
  313. <el-input disabled v-model="basicForm.approvalTime"></el-input>
  314. </el-form-item>
  315. </el-col>
  316. <el-col :span="8">
  317. <el-form-item label="单据状态" prop="status">
  318. <el-select
  319. v-model="basicForm.status"
  320. size="small"
  321. disabled
  322. >
  323. <el-option
  324. v-for="item in statusOptions"
  325. :key="item.value"
  326. :label="item.label"
  327. :value="item.value">
  328. </el-option>
  329. </el-select>
  330. <!-- <el-input disabled v-model="basicForm.status"></el-input> -->
  331. </el-form-item>
  332. </el-col>
  333. </el-row>
  334. </el-form>
  335. </el-tab-pane>
  336. </el-tabs>
  337. <div class="btn_group">
  338. <el-col :span="1.5">
  339. <el-button type="primary" size="small" plain @click="save" v-if="pageStu == 'add' || pageStu == 'edit'">保存</el-button>
  340. </el-col>
  341. <el-col :span="1.5" style="margin: 0 10px;">
  342. <el-button type="primary" size="small" plain @click="submit" v-if="pageStu == 'edit'">提交</el-button>
  343. </el-col>
  344. <el-col :span="1.5">
  345. <el-button type="primary" size="small" plain @click="back">返回</el-button>
  346. </el-col>
  347. </div>
  348. <popDialog
  349. ref="contractSelect"
  350. @doSubmit="selectionsToInput"
  351. :selectData="selectData"
  352. :single="true"
  353. />
  354. <factory
  355. ref="factory"
  356. @doSubmit="acceptFactory"
  357. :selectData="selectData2"
  358. :single="true"
  359. />
  360. </div>
  361. </template>
  362. <script>
  363. import popDialog from '@/components/PopDialog/index.vue'
  364. import factory from '@/components/PopDialog/productFactory.vue'
  365. import { addChangeList, getMaterialDetails, getChangeDetails, editChangeList } from '@/api/changeApply/basic'
  366. // 生产厂商/代理人调用用于回显
  367. import { getProductFactory } from '@/api/changeApply/basic'
  368. export default {
  369. name: 'applyAdd',
  370. dicts: ['sys_storage_condition', 'sys_conditions_carriage', 'sys_medicine', 'medical_instruments', 'curing_type'],
  371. components: {
  372. popDialog,
  373. factory
  374. },
  375. props: ['pageStu', 'row', 'disable'],
  376. model: {
  377. prop: 'isList',
  378. event: 'jugislist'
  379. },
  380. data() {
  381. return{
  382. factoryOptions: [],
  383. tabValue: 'first',
  384. isControl: true,
  385. basicForm: {
  386. code: '',
  387. orgId: '',
  388. // 物料id
  389. materialId:'',
  390. materialCode: '',
  391. materialName: '',
  392. medicineMaterial: '2',
  393. oneClass: '',
  394. twoClass: '',
  395. threeClass: '',
  396. fourClass: '',
  397. specification: '',
  398. model: '',
  399. factory: '',
  400. registrant: '',
  401. storageConditions: '',
  402. transportCondition: '',
  403. leadTime: '',
  404. remark: '',
  405. // 修改记录
  406. changeRecords: [],
  407. // 单据信息字段
  408. createBy: '',
  409. applicationTime: '',
  410. createTime:'',
  411. updateBy: '',
  412. updateTime: '',
  413. approver: '',
  414. approvalTime: '',
  415. status: ''
  416. },
  417. options: [{
  418. value: '0',
  419. label: '是'
  420. },{
  421. value: '2',
  422. label: '否'
  423. }],
  424. statusOptions: [{
  425. value: 0, label: '未提交'
  426. },{
  427. value: 1, label: '审批中'
  428. },{
  429. value: 2, label: '已完成'
  430. },{
  431. value: 3, label: '已驳回'
  432. },],
  433. basicRules: {
  434. materialCode: [{ required: true, message: '请选择物料编码', trigger: 'blur' }],
  435. materialName: [{required: true, message: '请填写物料名称', trigger: 'blur'}],
  436. oneClass: [{required: true, message: '请填写一级分类', trigger: 'blur'}],
  437. twoClass: [{required: true, message: '请填写二级分类', trigger: 'blur'}],
  438. threeClass: [{required: true, message: '请填写三级分类', trigger: 'blur'}],
  439. fourClass: [{required: true, message: '请填写四级分类', trigger: 'blur'}],
  440. specification: [{required: true, message: '请填写型号分类', trigger: 'blur'}],
  441. model: [{required: true, message: '请填写四级分类', trigger: 'blur'}],
  442. factory: [{required: true, message: '请选择生产厂家/代理人', trigger: 'blur'}],
  443. registrant: [{required: true, message: '请填写注册人/上市许可持有人', trigger: 'blur'}],
  444. storageConditions: [{required: true, message: '请选择存储条件', trigger: 'blur'}],
  445. transportCondition: [{required: true, message: '请选择运输条件', trigger: 'blur'}],
  446. leadTime: [{required: true, message: '请填写交货周期', trigger: 'blur'}],
  447. },
  448. basicForm2: {
  449. drug: '',
  450. registrationNo: '',
  451. medicalDevices: '',
  452. maintenanceType: '',
  453. // 医药属性子表
  454. // medicineTypeChanges:[
  455. // ],
  456. },
  457. // tableList: [],
  458. // 子表选中
  459. ids: [],
  460. // 弹窗
  461. name: '',
  462. selectData: [],
  463. selectData2: []
  464. }
  465. },
  466. // watch: {
  467. // value: {
  468. // handler (newVal) {
  469. // this.selectData = []
  470. // if (newVal) {
  471. // newVal.split(',').forEach((id) => { // 回显拿数据
  472. // this.contractService.queryById(id).then(({data}) => {
  473. // if (data && data.id !== '') {
  474. // this.selectData.push(data)
  475. // }
  476. // })
  477. // })
  478. // }
  479. // },
  480. // immediate: true,
  481. // deep: false
  482. // },
  483. // selectData: {
  484. // handler (newVal) {
  485. // this.name = newVal.map(contract => contract.contractName).join(',')
  486. // },
  487. // immediate: false,
  488. // deep: false
  489. // }
  490. // },
  491. mounted() {
  492. this.$nextTick(() => {
  493. // console.log('页面状态',this.pageStu)
  494. if(this.pageStu == 'check') {
  495. // alert('详情页面:')
  496. console.log('页面状态',this.pageStu)
  497. console.log('数据', this.row)
  498. this.getDetails(this.row)
  499. // 生产厂家代理人用于回显
  500. if (this.row.factory) {
  501. this.getFactoryDetails(this.row.factory)
  502. }
  503. } else if (this.pageStu == 'edit') {
  504. // alert('修改页面')
  505. console.log('页面状态',this.pageStu)
  506. console.log('数据', this.row)
  507. this.getDetails(this.row)
  508. // 控制医药属性是否能够填写
  509. if (this.row.medicineMaterial == '0') {
  510. this.isControl = false
  511. } else {
  512. this.isControl = true
  513. }
  514. // 生产厂家代理人用于回显
  515. if (this.row.factory) {
  516. this.getFactoryDetails(this.row.factory)
  517. }
  518. } else if(this.pageStu == 'add') {
  519. // alert('新增页面')
  520. console.log('页面状态',this.pageStu)
  521. }
  522. })
  523. },
  524. methods: {
  525. // 生产厂家/代理人用于回显
  526. getFactoryDetails(id) {
  527. getProductFactory({id:id}).then(res => {
  528. if(res.code === 200) {
  529. this.factoryOptions = res.data.tableBody
  530. }
  531. })
  532. },
  533. // 选择是否医药物料时控制医药属性
  534. controlMedic(val) {
  535. console.log('val',val)
  536. if (val == '0') {
  537. this.isControl = false
  538. } else {
  539. this.basicForm2.drug = ''
  540. this.basicForm2.registrationNo = ''
  541. this.basicForm2.medicalDevices = ''
  542. this.basicForm2.maintenanceType = ''
  543. this.isControl = true
  544. }
  545. },
  546. handleClick(tab, event) {
  547. console.log(tab, event);
  548. console.log('页面状态',this.pageStu)
  549. },
  550. // 如果是详情进入,则调用详情接口
  551. getDetails(row) {
  552. getChangeDetails(row.id).then(res => {
  553. if(res.code === 200) {
  554. this.basicForm = res.data
  555. if (res.data.medicineChange) {
  556. this.basicForm2 = res.data.medicineChange
  557. }
  558. }
  559. })
  560. },
  561. save() {
  562. // alert('保存传status:0')
  563. let sparams = {...this.basicForm, ...{status: 0}}
  564. sparams.medicineChange = this.basicForm2
  565. console.log('保存参数', sparams)
  566. this.$refs['basic'].validate((valid) => {
  567. if (valid) {
  568. addChangeList(sparams).then(res => {
  569. if(res.code === 200) {
  570. this.$message({
  571. message: res.msg,
  572. type: 'success'
  573. });
  574. this.back()
  575. }
  576. })
  577. }
  578. })
  579. },
  580. submit() {
  581. // alert('提交传status:1')
  582. let sparams = {...this.basicForm, ...{status: 1}}
  583. sparams.medicineChange = this.basicForm2
  584. console.log('提交参数', sparams)
  585. this.$refs['basic'].validate((valid) => {
  586. if(valid) {
  587. editChangeList(sparams).then(res => {
  588. if(res.code === 200) {
  589. this.$message({
  590. message: res.msg,
  591. type: 'success'
  592. });
  593. this.back()
  594. }
  595. })
  596. }
  597. })
  598. },
  599. back() {
  600. this.$emit('jugislist', true)
  601. let queryParams = {
  602. pageNum: 1,
  603. pageSize: 10
  604. }
  605. this.$emit('refresh', queryParams)
  606. },
  607. // 子表增删行
  608. // handleSelectionChange(val) {
  609. // this.ids = val
  610. // console.log('this.ids',this.ids)
  611. // },
  612. // addLine() {
  613. // //添加行数
  614. // let newValue = {
  615. // sort:'',
  616. // medicineCode: '',
  617. // medicineName: '',
  618. // };
  619. // this.basicForm2.medicineTypeChanges.push(newValue);
  620. // },
  621. // handleDelete(index) {
  622. // if(this.ids.length == 0) {
  623. // this.$message({
  624. // message: '请选择删除条目',
  625. // type: 'warning'
  626. // });
  627. // } else {
  628. // // console.log('index',index)
  629. // // this.basicForm2.medicineTypeChanges.splice(index, 1);
  630. // this.basicForm2.medicineTypeChanges = this.basicForm2.medicineTypeChanges.filter(item =>
  631. // !this.ids.some(ele =>
  632. // ele.sort == item.sort))
  633. // }
  634. // },
  635. // testsave() {
  636. // console.log('暂存表格:', this.basicForm2.medicineTypeChanges)
  637. // console.log('暂存表单1', this.basicForm)
  638. // let params = {...this.basicForm, ...this.basicForm2}
  639. // console.log('暂存总表单', params)
  640. // },
  641. // 设置选中
  642. selectionsToInput (selections) {
  643. console.log('父组件拿到的:', selections)
  644. this.selectData = selections
  645. this.$emit('getInfo', this.selectData)
  646. getMaterialDetails(selections[0].id).then(res => {
  647. console.log('res',res)
  648. if (res.code === 200) {
  649. let data = res.data.data
  650. // 物料id
  651. this.basicForm.materialId = data.id
  652. // 物料分类Id
  653. this.basicForm.materialClassifyId = data.classifyId
  654. this.basicForm.materialCode = data.code
  655. this.basicForm.materialName = data.name
  656. this.basicForm.medicineMaterial = data.isMedicine
  657. this.basicForm.oneClass = data.oneClass
  658. this.basicForm.twoClass = data.twoClass
  659. this.basicForm.threeClass = data.threeClass
  660. this.basicForm.fourClass = data.fourClass
  661. this.basicForm.specification = data.specification
  662. this.basicForm.model = data.model
  663. this.basicForm.registrant = data.registrant
  664. this.basicForm.storageConditions = data.storageCondition
  665. this.basicForm.transportCondition = data.transportationCondition
  666. this.basicForm.leadTime = data.deliveryPeriod
  667. if(data.medcines.length !== 0) {
  668. this.basicForm2.drug = data.medcines[0].isDrug
  669. this.basicForm2.registrationNo = data.medcines[0].registrationNo
  670. this.basicForm2.medicalDevices = data.medcines[0].medicalInstruments
  671. this.basicForm2.maintenanceType = data.medcines[0].curingType
  672. }
  673. }
  674. })
  675. },
  676. // selectionsToInput2 (selections) {
  677. // console.log('选择的数据',selections)
  678. // this.basicForm.factory = selections[0].manufactureName
  679. // },
  680. // 显示列表
  681. test01() {
  682. console.log('测试点击')
  683. this.$refs.contractSelect.init()
  684. },
  685. // test02() {
  686. // console.log('测试弹窗2');
  687. // this.$refs.contractSelect2.init()
  688. // },
  689. // 选择生产厂家/代理人
  690. acceptFactory (selections) {
  691. console.log('选择的数据',selections)
  692. this.factoryOptions = selections
  693. this.basicForm.factory = selections[0].id
  694. this.getFactoryDetails(selections[0].id)
  695. },
  696. // 生产厂家/代理人显示列表
  697. chooseFactory() {
  698. this.$refs.factoryOrman.blur()
  699. this.$refs.factory.init()
  700. },
  701. }
  702. }
  703. </script>
  704. <style lang="scss" scoped>
  705. .apply_add {
  706. height: calc(100vh - 84px);
  707. padding: 12px;
  708. box-sizing: border-box;
  709. }
  710. .btn_group {
  711. width: 100%;
  712. margin: 20px 0;
  713. display: flex;
  714. justify-content: center;
  715. }
  716. </style>