item-detail.js 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. var ItemDetail = {
  2. template: '<div class="plr10 ptb10 c-position-r item-detail-wrap">\
  3. <div class="item-detail-innerwrap">\
  4. <div class="item-detail">\
  5. <div class="c-f14 c-999 plr10 item-detail-name">项目名称</div>\
  6. <div class="c-f14 c-666 ptb10 plr10">{{item.specialistServiceItemDO.title}}</div>\
  7. </div>\
  8. <div class="item-detail mt20">\
  9. <div class="c-f14 c-999 plr10 item-detail-name">项目内容</div>\
  10. <div class="c-f14 c-666 ptb10 plr10">{{item.specialistServiceItemDO.content}}</div>\
  11. </div>\
  12. <div class="item-detail mt20">\
  13. <div class="c-f14 c-999 plr10 item-detail-name">项目类型</div>\
  14. <div class="c-f14 c-666 ptb10 plr10">{{itemTypes[item.specialistServiceItemDO.itemType]}}</div>\
  15. </div>\
  16. <div class="item-detail mt20">\
  17. <div class="c-f14 c-999 plr10 item-detail-name">服务机构</div>\
  18. <div class="c-f14 c-666 ptb10 plr10">{{item.hospitalName}}</div>\
  19. </div>\
  20. <div class="item-detail mt20">\
  21. <div class="c-f14 c-999 plr10 item-detail-name">服务地点</div>\
  22. <div class="c-f14 c-666 ptb10 plr10">{{item.hospitalDo.address}}</div>\
  23. </div>\
  24. </div>\
  25. <a class="back-btn c-t-center mr15" @click="goBack">\
  26. 返回\
  27. </a>\
  28. </div>',
  29. props: [],
  30. data: function() {
  31. return {
  32. item: {
  33. specialistServiceItemDO: {},
  34. hospitalName: ""
  35. },
  36. itemTypes: ["","康复服务","健康服务"],
  37. itemId: ""
  38. }
  39. },
  40. beforeRouteEnter (to, from, next) {
  41. next(function(vm) {
  42. var query = vm.$route.query
  43. vm.itemId = query.itemId
  44. rehaAPI.selectByIds({
  45. ids: JSON.stringify([vm.itemId])
  46. }).then(function(res) {
  47. if(res.status == 200) {
  48. var data = res.data[0]
  49. if(data) {
  50. vm.item = data
  51. }
  52. } else {
  53. }
  54. })
  55. })
  56. },
  57. created: function() {
  58. var vm = this
  59. },
  60. mounted: function() {
  61. var vm = this
  62. },
  63. methods: {
  64. goBack: function() {
  65. this.$router.back()
  66. }
  67. }
  68. }