select-disease.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>选择疾病</title>
  6. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  7. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
  8. <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
  9. <link rel="stylesheet" type="text/css" href="../css/select-patient.css" />
  10. </head>
  11. <body class="m0">
  12. <div id="app" class="c-t-center" style="height: 100%;" v-cloak>
  13. <div style="overflow: hidden; height: calc(100% - 60px);">
  14. <ul class="disease-list c-h100 p0 m0 pl20 pr10 clearfix" style="overflow: auto;">
  15. <li class="fl mr10 plr20 ptb5 c-border b-r-3 mt20 cur-pit" :class="{'active':index == selectIndex}" v-for="(disease, index) in diseaseArr" :key="index" @click="selectFn(index)">{{disease.diseaseName}}</li>
  16. </ul>
  17. </div>
  18. <div class="ptb20">
  19. <span class="c-fff btn cur-pit plr30 ptb5 bgc-12b7f5 b-r-3" @click="sure()">确 认</span>
  20. </div>
  21. </div>
  22. <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
  23. <script src="../../../js/jquery-2.2.4.js"></script>
  24. <script src="../../../plugins/layer/layer.min.js"></script>
  25. <script src="../../../plugins/toastr/toastr.min.js"></script>
  26. <script src="../../../js/bootstrap.min.js"></script>
  27. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  28. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  29. <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
  30. <script src="../../../api/http-request.js" type="text/javascript"></script>
  31. <script src="../../../api/recover_api.js" type="text/javascript"></script>
  32. <script type="text/javascript">
  33. var doctorType = (JSON.parse(window.localStorage.getItem('wlyyAgent'))||{}).doctorType
  34. var httpData=GetRequest()
  35. function showSuccessMessage(msg) {
  36. layer.msg(msg, {
  37. icon: 1
  38. })
  39. }
  40. function showErrorMessage(msg) {
  41. layer.msg(msg, {
  42. icon: 5
  43. })
  44. }
  45. function showWarningMessage(msg) {
  46. layer.msg(msg, {
  47. icon: 2
  48. })
  49. }
  50. function showInfoMessage(msg) {
  51. layer.msg(msg, {
  52. icon: 6
  53. })
  54. }
  55. selectVue = new Vue({
  56. el: "#app",
  57. data: {
  58. selectIndex: null,
  59. diseaseArr: null
  60. },
  61. mounted: function() {
  62. this.findTeamDiseaseRelation()
  63. },
  64. methods: {
  65. selectFn: function(index) {
  66. this.selectIndex = index + ''
  67. },
  68. sure: function() {
  69. if(!this.selectIndex) {
  70. showWarningMessage("请选择疾病!")
  71. return false;
  72. }
  73. top.recoverVue.newPlan(this.diseaseArr[this.selectIndex], httpData.templateId)
  74. top.layer.close(top.selectDiseaseIndex)
  75. },
  76. findTeamDiseaseRelation: function() {
  77. var vm = this,
  78. loadding = layer.load(0, {shade: false}),
  79. params = {
  80. teamCode: httpData.teamCode
  81. }
  82. recoverAPI.findTeamDiseaseRelation(params).then(function(res) {
  83. layer.close(loadding)
  84. if(res.status == 200) {
  85. vm.diseaseArr = res.data
  86. } else {
  87. showErrorMessage(res.msg);
  88. }
  89. })
  90. }
  91. }
  92. })
  93. </script>
  94. </body>
  95. </html>