select-project.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  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="../../../plugins/toastr/toastr.min.js"></script>
  41. <script src="../../../js/bootstrap.min.js"></script>
  42. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  43. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  44. <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
  45. <script src="../../../api/http-request.js" type="text/javascript"></script>
  46. <script src="../../../api/recover_api.js" type="text/javascript"></script>
  47. <script type="text/javascript">
  48. var doctorType = (JSON.parse(window.localStorage.getItem('wlyyAgent'))||{}).doctorType
  49. var httpData=GetRequest()
  50. console.log(httpData)
  51. function showSuccessMessage(msg) {
  52. layer.msg(msg, {
  53. icon: 1
  54. })
  55. }
  56. function showErrorMessage(msg) {
  57. layer.msg(msg, {
  58. icon: 5
  59. })
  60. }
  61. function showWarningMessage(msg) {
  62. layer.msg(msg, {
  63. icon: 2
  64. })
  65. }
  66. function showInfoMessage(msg) {
  67. layer.msg(msg, {
  68. icon: 6
  69. })
  70. }
  71. selectVue = new Vue({
  72. el: "#app",
  73. data: {
  74. isLook: httpData.isLook || false,
  75. proDetail: null
  76. },
  77. mounted: function() {
  78. this.selectByIds()
  79. },
  80. methods: {
  81. selectByIds: function() {
  82. var vm = this,
  83. arr = [httpData.projectId],
  84. loadding = layer.load(0, {shade: false}),
  85. params = {
  86. ids: JSON.stringify(arr)
  87. }
  88. recoverAPI.selectByIds(params).then(function(res) {
  89. layer.close(loadding)
  90. if(res.status == 200) {
  91. vm.proDetail = res.data[0]
  92. } else {
  93. showErrorMessage(res.msg);
  94. }
  95. })
  96. },
  97. addProject: function() {
  98. top.recoverVue.addProject(httpData.index, httpData.index2, httpData.index3)
  99. top.layer.close(top.selectPatientIndex)
  100. }
  101. }
  102. })
  103. </script>
  104. </body>
  105. </html>