Elizabeth's proactive approach involves introducing urinal toilet attachment , an ingenious concept that optimizes space and functionality.

NavIgation.vue 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696
  1. <template>
  2. <div>
  3. <div class="grid">
  4. <div class="list">
  5. <ul>
  6. <li @click="showPrescription">
  7. <img src="@/assets/record/1.png" />
  8. <p>透析处方</p>
  9. </li>
  10. <li @click="showAccepts">
  11. <img src="@/assets/record/2.png" />
  12. <p>接诊评估</p>
  13. </li>
  14. <li @click="showAssessmentBefore">
  15. <img src="@/assets/record/3.png" />
  16. <p>透前评估</p>
  17. </li>
  18. <li @click="showDoctorAdviceDialog" class="newOrdersAdvice">
  19. <img src="@/assets/record/4.png" />
  20. <div>
  21. <p>临时医嘱</p>
  22. <span class="redpoint" v-if="getUnReadNum()">{{getUnReadNum()}}</span>
  23. </div>
  24. </li>
  25. <li @click="showDoubleCheck">
  26. <img src="@/assets/record/5.png" />
  27. <p>双人核对</p>
  28. </li>
  29. </ul>
  30. </div>
  31. <div class="list">
  32. <ul>
  33. <li @click="showComputerDialog">
  34. <img src="@/assets/record/6.png" />
  35. <p>透析上机</p>
  36. </li>
  37. <li @click="showMonitorDialog">
  38. <img src="@/assets/record/7.png" />
  39. <p>透析监测</p>
  40. </li>
  41. <li @click="showFinishDialog">
  42. <img src="@/assets/record/8.png" />
  43. <p>透析下机</p>
  44. </li>
  45. <li @click="showAssessmentAfterDialog">
  46. <img src="@/assets/record/9.png" />
  47. <p>透后评估</p>
  48. </li>
  49. <li @click="showrTeatmentSummary">
  50. <img src="@/assets/record/10.png" />
  51. <p>治疗小结</p>
  52. </li>
  53. </ul>
  54. </div>
  55. </div>
  56. <div class="middleLine"></div>
  57. <dialysis-prescription-dialog
  58. title="透析处方"
  59. ref="prescription"
  60. :patient="patient"
  61. :prescription="prescription"
  62. :solution="solution"
  63. @advice="adviceFunc"
  64. :niprocart_info="niprocart_info"
  65. :jms_info="jms_info"
  66. :fistula_needle_set_info="fistula_needle_set_info"
  67. :fistula_needle_set_16_info="fistula_needle_set_16_info"
  68. :hemoperfusion_info="hemoperfusion_info"
  69. :dialyser_sterilised_info="dialyser_sterilised_info"
  70. :filtryzer_info="filtryzer_info"
  71. :dialyzers_info="dialyzers_info"
  72. :injector_info="injector_info"
  73. :bloodlines_info="bloodlines_info"
  74. :tubingHemodialysis_info="tubingHemodialysis_info"
  75. :safe_package_info="safe_package_info"
  76. :aliquid_info="aliquid_info"
  77. :config="config"
  78. :admin_users="admin_users"
  79. :targetAdvices="longAdvices"
  80. :waitUploadAdvices="waitUploadAdvices"
  81. :is_open="is_open"
  82. :predialysis="predialysis_evaluation"
  83. :last_predialysis="last_predialysis_evaluation"
  84. :record="assessment_after_dislysis"
  85. :last_record="last_assessment_after_dislysis"
  86. :last_prescription="last_dialysis_prescribe"
  87. :dry_weight="last_dryWeight_dislysis"
  88. :schedual="temp_schedual"
  89. :stockType="stockType"
  90. :lastAssessment="lastAssessment"
  91. ></dialysis-prescription-dialog>
  92. <double-check-dialog
  93. title="双人核对"
  94. ref="doubleCheck"
  95. :patient="patient"
  96. :predialysis_evaluation="predialysis_evaluation"
  97. :prescription="prescription"
  98. :double_check="double_check"
  99. :admin_users="admin_users"
  100. ></double-check-dialog>
  101. <accepts-treatment-dialog
  102. title="接诊评估"
  103. ref="accepts"
  104. :patient="patient"
  105. :receiver_treatment_access="receiver_treatment_access"
  106. ></accepts-treatment-dialog>
  107. <assessment-before-dislysis-dialog
  108. title="透前评估"
  109. ref="assessmentBefore"
  110. :patient="patient"
  111. :last_predialysis="last_predialysis_evaluation"
  112. :predialysis_evaluation="predialysis_evaluation"
  113. :admin_users="admin_users"
  114. :dry_weight="last_dryWeight_dislysis"
  115. :lastAssessment="lastAssessment"
  116. ></assessment-before-dislysis-dialog>
  117. <treatment-summary-dialog
  118. title="治疗小结"
  119. ref="treatmentSummary"
  120. :patient="patient"
  121. :treatment_summary="treatment_summary"
  122. ></treatment-summary-dialog>
  123. <doctor-advice-dialog
  124. title="临时医嘱"
  125. ref="doctor_advice"
  126. :doctor_advices="doctor_advices"
  127. :patient="patient"
  128. :admin_users="admin_users"
  129. :dialysis_order="dialysis_order"
  130. :his_is_open="his_is_open"
  131. ></doctor-advice-dialog>
  132. <computer-dialog
  133. title="透析上机"
  134. ref="computer_dialog"
  135. :dialysis_order="dialysis_order"
  136. :schedule="schedual"
  137. @monitor="add_monitor"
  138. :admins="admin_users"
  139. :device_numbers="device_numbers"
  140. :special_premission="special_premission"
  141. :patient="patient"
  142. ></computer-dialog>
  143. <monitor-dialog
  144. title="透析监测"
  145. ref="monitor_dialog"
  146. :monitors="monitor_records"
  147. @monitor="add_monitor"
  148. :patient="patient"
  149. ></monitor-dialog>
  150. <finish-dialog
  151. title="透析下机"
  152. ref="finish_dialog"
  153. :dialysis_order="dialysis_order"
  154. :schedule="schedual"
  155. :admins="admin_users"
  156. :prescription="prescription"
  157. @assessmentAfterDislysis="assessmentAfterDislysisFunc"
  158. :special_premission="special_premission"
  159. :patient="patient"
  160. ></finish-dialog>
  161. <assessment-after-dislysis
  162. title="透后评估"
  163. ref="assessment_after_dislysis"
  164. :assessment_after_dislysis="assessment_after_dislysis"
  165. :patient="patient"
  166. :dialysis_order="dialysis_order"
  167. ></assessment-after-dislysis>
  168. </div>
  169. </template>
  170. <script>
  171. import dialysisPrescriptionDialog from "./dialog/dialysisPrescriptionDialog";
  172. import doubleCheckDialog from "./dialog/doubleCheckDialog";
  173. import AssessmentAfterDislysis from "./dialog/AssessmentAfterDislysis";
  174. import acceptsTreatmentDialog from "./dialog/acceptsTreatmentDialog";
  175. import assessmentBeforeDislysisDialog from "./dialog/assessmentBeforeDislysisDialog";
  176. import MonitorDialog from "./dialog/monitor_dialog";
  177. import DoctorAdviceDialog from "./dialog/DoctorAdviceDialog";
  178. import treatmentSummaryDialog from "./dialog/treatmentSummaryDialog";
  179. import ComputerDialog from "./dialog/computer_dialog";
  180. import FinishDialog from "./dialog/finish_dialog";
  181. export default {
  182. name: "NavIgation",
  183. components: {
  184. dialysisPrescriptionDialog,
  185. doubleCheckDialog,
  186. AssessmentAfterDislysis,
  187. acceptsTreatmentDialog,
  188. assessmentBeforeDislysisDialog,
  189. treatmentSummaryDialog,
  190. MonitorDialog,
  191. DoctorAdviceDialog,
  192. ComputerDialog,
  193. FinishDialog
  194. },
  195. data() {
  196. return {
  197. temp_schedual: {}
  198. };
  199. },
  200. mounted() {},
  201. props: {
  202. longAdvices: {
  203. // 临时医嘱
  204. type: Array,
  205. default: () => {
  206. return [];
  207. }
  208. },
  209. waitUploadAdvices: {
  210. // 临时医嘱
  211. type: Array,
  212. default: () => {
  213. return [];
  214. }
  215. },
  216. is_open: {
  217. // 临时医嘱
  218. type: Number,
  219. default: () => {
  220. return 0;
  221. }
  222. },his_is_open:{
  223. type: Number,
  224. default: () => {
  225. return 0;
  226. }
  227. },
  228. patient: {
  229. // 患者信息
  230. type: Object,
  231. default: () => {
  232. return { id: 0 };
  233. }
  234. },
  235. schedual: {
  236. // 患者排班信息
  237. type: Object,
  238. default: () => {
  239. return { id: 0 };
  240. }
  241. },
  242. prescription: {
  243. // 透析处方
  244. type: Object,
  245. default: () => {
  246. return { id: 0 };
  247. }
  248. },
  249. solution: {
  250. // 透析方案
  251. type: Object,
  252. default: () => {
  253. return { id: 0 };
  254. }
  255. }, system_prescribe: {
  256. // 系统透析方案
  257. type: Object,
  258. default: () => {
  259. return { id: 0 };
  260. }
  261. },
  262. receiver_treatment_access: {
  263. // 接诊评估
  264. type: Object,
  265. default: () => {
  266. return { id: 0 };
  267. }
  268. },
  269. predialysis_evaluation: {
  270. // 透前评估
  271. type: Object,
  272. default: () => {
  273. return { id: 0 };
  274. }
  275. },
  276. doctor_advices: {
  277. // 临时医嘱
  278. type: Array,
  279. default: () => {
  280. return [];
  281. }
  282. },
  283. double_check: {
  284. // 双人核对
  285. type: Object,
  286. default: () => {
  287. return { id: 0 };
  288. }
  289. },
  290. assessment_after_dislysis: {
  291. // 透后评估
  292. type: Object,
  293. default: () => {
  294. return { id: 0 };
  295. }
  296. },
  297. treatment_summary: {
  298. // 治疗小结
  299. type: Object,
  300. default: () => {
  301. return { id: 0 };
  302. }
  303. },
  304. monitor_records: {
  305. // 透析监测
  306. type: Array,
  307. default: () => {
  308. return [];
  309. }
  310. },
  311. dialysis_order: {
  312. // 透析记录
  313. type: Object,
  314. default: () => {
  315. return { id: 0 };
  316. }
  317. },
  318. admin_users: {
  319. // 系统用户列表
  320. type: Array,
  321. default: () => {
  322. return [];
  323. }
  324. },
  325. devices: {
  326. // 设备
  327. type: Array,
  328. default: () => {
  329. return [];
  330. }
  331. },
  332. device_numbers: {
  333. // 床位
  334. type: Array,
  335. default: () => {
  336. return [];
  337. }
  338. },
  339. niprocart_info: {
  340. type: Array,
  341. default: () => {
  342. return [];
  343. }
  344. },
  345. jms_info: {
  346. type: Array,
  347. default: () => {
  348. return [];
  349. }
  350. },
  351. fistula_needle_set_info: {
  352. type: Array,
  353. default: () => {
  354. return [];
  355. }
  356. },
  357. fistula_needle_set_16_info: {
  358. type: Array,
  359. default: () => {
  360. return [];
  361. }
  362. },
  363. hemoperfusion_info: {
  364. type: Array,
  365. default: () => {
  366. return [];
  367. }
  368. },
  369. dialyser_sterilised_info: {
  370. type: Array,
  371. default: () => {
  372. return [];
  373. }
  374. },
  375. filtryzer_info: {
  376. type: Array,
  377. default: () => {
  378. return [];
  379. }
  380. },
  381. dialyzers_info: {
  382. type: Array,
  383. default: () => {
  384. return [];
  385. }
  386. },
  387. injector_info: {
  388. type: Array,
  389. default: () => {
  390. return [];
  391. }
  392. },
  393. bloodlines_info: {
  394. type: Array,
  395. default: () => {
  396. return [];
  397. }
  398. },
  399. tubingHemodialysis_info: {
  400. type: Array,
  401. default: () => {
  402. return [];
  403. }
  404. },
  405. safe_package_info: {
  406. type: Array,
  407. default: () => {
  408. return [];
  409. }
  410. },
  411. aliquid_info: {
  412. type: Array,
  413. default: () => {
  414. return [];
  415. }
  416. },
  417. headNurses: {
  418. type: Array,
  419. default: () => {
  420. return [];
  421. }
  422. },
  423. config: {
  424. type: Object,
  425. default: () => {
  426. return { id: 0 };
  427. }
  428. },
  429. admin_user_map: {
  430. // {user_id: admin_user object}
  431. type: Object,
  432. default: () => {
  433. return {};
  434. }
  435. },
  436. device_map: {
  437. // {device_id: device object}
  438. type: Object,
  439. default: () => {
  440. return {};
  441. }
  442. },
  443. device_number_map: {
  444. // {device_number_id: device_number object}
  445. type: Object,
  446. default: () => {
  447. return {};
  448. }
  449. },
  450. last_predialysis_evaluation: {
  451. //最后一条透前
  452. type: Object,
  453. default: () => {
  454. return { id: 0 };
  455. }
  456. },
  457. last_monitor_record: {
  458. //最后一条监测记录
  459. type: Object,
  460. default: () => {
  461. return { id: 0 };
  462. }
  463. },
  464. last_assessment_after_dislysis: {
  465. //最后一条透后记录 (除了今天录的)
  466. type: Object,
  467. default: () => {
  468. return { id: 0 };
  469. }
  470. },
  471. last_dialysis_prescribe: {
  472. //最后一条透析处方(除了今天录的)
  473. type: Object,
  474. default: () => {
  475. return { id: 0 };
  476. }
  477. },
  478. last_dryWeight_dislysis: {
  479. //最后一条干体重 (除了今天录的)
  480. type: Object,
  481. default: () => {
  482. return { id: 0 };
  483. }
  484. },
  485. special_premission: {
  486. type: Array,
  487. default: () => {
  488. return [];
  489. }
  490. },
  491. stockType:{
  492. type:Array,
  493. default:()=>{
  494. return [];
  495. }
  496. },
  497. lastAssessment:{
  498. // 最后一条血管通路(处理今天录的)
  499. type: Object,
  500. default: () => {
  501. return { id: 0 };
  502. }
  503. }
  504. },
  505. methods: {
  506. getUnReadNum: function() {
  507. let doctorAdvice = [];
  508. for (let y = 0; y < this.doctor_advices.length; y++) {
  509. if (this.doctor_advices[y].execution_state == 2) {
  510. doctorAdvice.push(this.doctor_advices[y]);
  511. }
  512. }
  513. const sorted = this.groupBy(doctorAdvice, function(item) {
  514. return [item.groupno];
  515. });
  516. console.log(doctorAdvice);
  517. console.log(sorted.length);
  518. return sorted.length;
  519. },
  520. groupBy(array, f) {
  521. const groups = {};
  522. array.forEach(function(o) {
  523. const group = JSON.stringify(f(o));
  524. groups[group] = groups[group] || [];
  525. groups[group].push(o);
  526. });
  527. return Object.keys(groups).map(function(group) {
  528. return groups[group];
  529. });
  530. },
  531. setLastRecord: function(
  532. lastPredialysisEvaluation,
  533. lastMonitorRecord,
  534. lastAssessmentAfterDislysis,
  535. lastDialysisPrescribe,
  536. lastDryWeightDislysis,
  537. schedual,
  538. system_prescribe,
  539. ) {
  540. this.$refs.assessmentBefore.setLastRecord(
  541. lastPredialysisEvaluation,
  542. lastDryWeightDislysis,
  543. );
  544. this.$refs.prescription.setLastRecord(
  545. schedual,
  546. lastAssessmentAfterDislysis,
  547. lastPredialysisEvaluation,
  548. lastDialysisPrescribe,
  549. lastDryWeightDislysis,
  550. system_prescribe
  551. );
  552. this.temp_schedual = schedual
  553. console.log("排班列表2222222222222222",schedual)
  554. },
  555. add_monitor: function(monitor) {
  556. this.monitor_records.push(monitor);
  557. console.log(this.monitor_records);
  558. this.monitor_records.sort((a, b) => b.operate_time - a.operate_time);
  559. this.monitor_records.reverse();
  560. console.log(this.monitor_records);
  561. this.$refs.monitor_dialog.setRecords(this.monitor_records);
  562. },
  563. adviceFunc: function() {
  564. this.$emit("advice");
  565. },
  566. showMonitorDialog: function() {
  567. this.$refs.monitor_dialog.show();
  568. },
  569. showAssessmentAfterDialog: function() {
  570. this.$refs.assessment_after_dislysis.show(this.assessment_after_dislysis,this.last_assessment_after_dislysis);
  571. },
  572. showDoctorAdviceDialog: function() {
  573. this.$refs.doctor_advice.show(this.his_is_open);
  574. },
  575. showComputerDialog: function() {
  576. this.$refs.computer_dialog.show(this.dialysis_order);
  577. },
  578. showFinishDialog: function() {
  579. this.$refs.finish_dialog.show(this.dialysis_order);
  580. },
  581. showPrescription: function() {
  582. this.$refs.prescription.show(this.prescription,this.schedual,this.last_dialysis_prescribe,this.his_is_open);
  583. },
  584. showAccepts: function() {
  585. this.$refs.accepts.show(this.receiver_treatment_access);
  586. },
  587. showAssessmentBefore: function() {
  588. console.log(this.last_predialysis_evaluation)
  589. this.$refs.assessmentBefore.show(this.predialysis_evaluation,this.last_dryWeight_dislysis,this.last_predialysis_evaluation,this.lastAssessment);
  590. },
  591. showDoubleCheck: function() {
  592. this.$refs.doubleCheck.show();
  593. },
  594. showrTeatmentSummary: function() {
  595. this.$refs.treatmentSummary.show(this.treatment_summary);
  596. },
  597. assessmentAfterDislysisFunc: function(val) {
  598. this.assessment_after_dislysis = val;
  599. this.$refs.assessment_after_dislysis.setRecords(
  600. this.assessment_after_dislysis
  601. );
  602. this.$emit("assessmentAfterDislysis", this.assessment_after_dislysis);
  603. }
  604. }
  605. };
  606. </script>
  607. <style style="stylesheet/scss" lang="scss" scoped>
  608. .grid {
  609. padding: 10px 0 20px 0;
  610. .list {
  611. ul {
  612. @include display-flex;
  613. @include align-items-center;
  614. @include text-align;
  615. @include justify-content-around;
  616. cursor: pointer;
  617. li {
  618. font-size: 12px;
  619. color: #5d6b7a;
  620. margin-top: 20px;
  621. p {
  622. height: 30px;
  623. line-height: 30px;
  624. color: #34495e;
  625. font-size: 14px;
  626. }
  627. img {
  628. width: 50px;
  629. height: 50px;
  630. }
  631. }
  632. }
  633. }
  634. }
  635. .txsj {
  636. text-align: center;
  637. margin-bottom: 20px;
  638. }
  639. .redpoint {
  640. display: inline-block;
  641. height: 26px;
  642. width: 26px;
  643. line-height: 26px;
  644. text-align: center;
  645. font-size: 16px;
  646. border-radius: 20px;
  647. color: #fff;
  648. background: #f56c6c;
  649. position: absolute;
  650. top: -6px;
  651. right: -8px;
  652. border: 1px solid #fff;
  653. }
  654. .newOrdersAdvice {
  655. position: relative;
  656. }
  657. </style>