select-project.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  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="p10 c-333" v-cloak>
  13. <div class="c-border mb20">
  14. <h4 class="p0 m0 plr10 ptb5 lh22 c-999 c-border-b bgc-f2fcfe">项目名称</h4>
  15. <p class="p0 m0 plr10 ptb5 lh22">{{proDetail.specialistServiceItemDO.title}}</p>
  16. </div>
  17. <div class="c-border mb20">
  18. <h4 class="p0 m0 plr10 ptb5 lh22 c-999 c-border-b bgc-f2fcfe">项目内涵</h4>
  19. <p class="p0 m0 plr10 ptb5 lh22">{{proDetail.specialistServiceItemDO.content}}</p>
  20. </div>
  21. <div class="c-border mb20">
  22. <h4 class="p0 m0 plr10 ptb5 lh22 c-999 c-border-b bgc-f2fcfe">项目类型</h4>
  23. <p class="p0 m0 plr10 ptb5 lh22">{{proDetail.specialistServiceItemDO.itemType == 1 ? '康复服务' : '健康服务'}}</p>
  24. </div>
  25. <div class="c-border mb20">
  26. <h4 class="p0 m0 plr10 ptb5 lh22 c-999 c-border-b bgc-f2fcfe">服务机构</h4>
  27. <p class="p0 m0 plr10 ptb5 lh22">{{proDetail.hospitalName}}</p>
  28. </div>
  29. <div class="c-border">
  30. <h4 class="p0 m0 plr10 ptb5 lh22 c-999 c-border-b bgc-f2fcfe">服务地点</h4>
  31. <p class="p0 m0 plr10 ptb5 lh22">{{proDetail.hospitalDo.address}}</p>
  32. </div>
  33. <div class="c-t-center mb20 mt30" v-if="isLook">
  34. <span class="btn bgc-12b7f5 lh22 c-fff ptb5 plr10 b-r-3 cur-pit" @click="addProject()">添加至计划</span>
  35. </div>
  36. </div>
  37. <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
  38. <script src="../../../js/jquery-2.2.4.js"></script>
  39. <script src="../../../plugins/layer/layer.min.js"></script>
  40. <script src="../../../js/bootstrap.min.js"></script>
  41. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  42. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  43. <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
  44. <script src="../../../api/http-request.js" type="text/javascript"></script>
  45. <script src="../../../api/recover_api.js" type="text/javascript"></script>
  46. <script type="text/javascript">
  47. var doctorType = (JSON.parse(window.localStorage.getItem('wlyyAgent'))||{}).doctorType
  48. var httpData=GetRequest()
  49. console.log(httpData)
  50. function showSuccessMessage(msg) {
  51. layer.msg(msg, {
  52. icon: 1
  53. })
  54. }
  55. function showErrorMessage(msg) {
  56. layer.msg(msg, {
  57. icon: 5
  58. })
  59. }
  60. function showWarningMessage(msg) {
  61. layer.msg(msg, {
  62. icon: 2
  63. })
  64. }
  65. function showInfoMessage(msg) {
  66. layer.msg(msg, {
  67. icon: 6
  68. })
  69. }
  70. selectVue = new Vue({
  71. el: "#app",
  72. data: {
  73. isLook: httpData.isLook || false,
  74. proDetail: null
  75. },
  76. mounted: function() {
  77. this.selectByIds()
  78. },
  79. methods: {
  80. selectByIds: function() {
  81. var vm = this,
  82. arr = [httpData.projectId],
  83. loadding = layer.load(0, {shade: false}),
  84. params = {
  85. ids: JSON.stringify(arr)
  86. }
  87. recoverAPI.selectByIds(params).then(function(res) {
  88. layer.close(loadding)
  89. if(res.status == 200) {
  90. vm.proDetail = res.data[0]
  91. } else {
  92. showErrorMessage(res.msg);
  93. }
  94. })
  95. },
  96. addProject: function() {
  97. top.recoverVue.addProject(httpData.index, httpData.index2, httpData.index3)
  98. top.layer.close(top.selectPatientIndex)
  99. }
  100. }
  101. })
  102. </script>
  103. </body>
  104. </html>