select-disease.html 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  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" :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="../../../js/bootstrap.min.js"></script>
  26. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  27. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  28. <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
  29. <script src="../../../api/http-request.js" type="text/javascript"></script>
  30. <script src="../../../api/recover_api.js" type="text/javascript"></script>
  31. <script type="text/javascript">
  32. var doctorType = (JSON.parse(window.localStorage.getItem('wlyyAgent'))||{}).doctorType
  33. var httpData=GetRequest()
  34. function showSuccessMessage(msg) {
  35. layer.msg(msg, {
  36. icon: 1
  37. })
  38. }
  39. function showErrorMessage(msg) {
  40. layer.msg(msg, {
  41. icon: 5
  42. })
  43. }
  44. function showWarningMessage(msg) {
  45. layer.msg(msg, {
  46. icon: 2
  47. })
  48. }
  49. function showInfoMessage(msg) {
  50. layer.msg(msg, {
  51. icon: 6
  52. })
  53. }
  54. selectVue = new Vue({
  55. el: "#app",
  56. data: {
  57. selectIndex: null,
  58. diseaseArr: null
  59. },
  60. mounted: function() {
  61. this.findTeamDiseaseRelation()
  62. },
  63. methods: {
  64. selectFn: function(index) {
  65. this.selectIndex = index + ''
  66. },
  67. sure: function() {
  68. if(!this.selectIndex) {
  69. showWarningMessage("请选择疾病!")
  70. return false;
  71. }
  72. top.recoverVue.newPlan(this.diseaseArr[this.selectIndex], httpData.templateId)
  73. top.layer.close(top.selectDiseaseIndex)
  74. },
  75. findTeamDiseaseRelation: function() {
  76. var vm = this,
  77. loadding = layer.load(0, {shade: false}),
  78. params = {
  79. teamCode: httpData.teamCode
  80. }
  81. recoverAPI.findTeamDiseaseRelation(params).then(function(res) {
  82. layer.close(loadding)
  83. if(res.status == 200) {
  84. vm.diseaseArr = res.data
  85. } else {
  86. showErrorMessage(res.msg);
  87. }
  88. })
  89. }
  90. }
  91. })
  92. </script>
  93. </body>
  94. </html>