service_item_content.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <link rel="stylesheet" href="../../../css/bootstrap.min.css" />
  7. <link rel="stylesheet" type="text/css" href="../../../css/style.min.css"/>
  8. <link rel="stylesheet" type="text/css" href="../../../css/cross.css"/>
  9. <link rel="stylesheet" href="../css/service_item_content.css" />
  10. </head>
  11. <body>
  12. <div class="panel-group" id="app" v-cloak role="tablist" aria-multiselectable="true">
  13. <div class="panelcurPage" v-for="(service,index) in serviceData">
  14. <div class="panel-heading" role="tab" @click="changeCollapseIndex(index)">
  15. <h4 class="panel-title">
  16. <a role="button" class="flex-box">
  17. <div class="flex-box-item service-top">
  18. <p class="service-name"><span class="service-index">{{index+1}}</span><span>{{service.title}}</span></p>
  19. <div class="label-group">
  20. <span class="pull-right mt5"><i v-if="service.statusName=='已完成'" class="icon icon-gouxuan icon-18 mr5"></i>{{service.statusName}}</span>
  21. <span class="label-blue">{{service.shortExecuteTime}}</span>
  22. <span class="label-blue" v-for="doctor in service.executeDoctorList">{{doctor}}</span>
  23. </div>
  24. </div>
  25. <span class="icon icon-arrow-down ml50"></span>
  26. </a>
  27. </h4>
  28. </div>
  29. <div class="panel-collapse collapse" :class="{in:collapseIndex==index}" role="tabpanel" aria-labelledby="headingOne">
  30. <div class="panel-body">
  31. <div class="service-content">{{service.content}}</div>
  32. <div class="service-address ptb20">
  33. <div class="flex-box">
  34. <div class="flex-box-item">
  35. <p class="m0">地点:{{service.hospitalName}}</p>
  36. <p class="m0">时间:{{service.executeTime | formatDate}}</p>
  37. </div>
  38. <div class="flex-box-item">
  39. <p class="m0 yslb">执行:<span v-for="(doctor,index) in service.executeDoctorList">{{doctor}}</span></p>
  40. <p class="m0">收费:{{service.expense}}元</p>
  41. </div>
  42. </div>
  43. </div>
  44. <div class="service-operation pt10">
  45. <p><span class="pull-right view-detail" v-if="service.messageList.length" :class="{active:isCollapse}" @click="chakan"><i class="icon icon-check mr5 icon-16"></i>{{isCollapse?'收起详情':'查看详情'}}</span><span class="pull-right" v-if="!service.messageList.length">暂无记录</span>指导与汇报记录</p>
  46. <div class="record-list" :class="{active:isCollapse}">
  47. <div class="record-item" v-for="item in service.messageList">
  48. <div class="flex-box c-999 f14">
  49. <div class="flex-box-item">
  50. {{item.adminTeamName}}
  51. </div>
  52. <div class="flex-box-item">
  53. {{item.createTime}}
  54. </div>
  55. </div>
  56. <div class="f14 c-333">{{item.content}}</div>
  57. </div>
  58. </div>
  59. <div class="flex-box btns-group" v-if="(service.isMyTask==1 || service.isCreate || service.isCK) && service.planStatus!=0">
  60. <button class="btn btn-yuyue" v-if="service.reserve==1 && service.status!=2 && !service.isCreate" @click="qwapp">转诊预约</button>
  61. <button class="btn btn-yuyue" v-if="service.itemType==2 && service.operate!=1 && !service.isZK && !service.isCreate" @click="jkjy(service.patient,service.planDetaiId)">健康教育</button>
  62. <button class="btn btn-yuyue" v-if="service.itemType==3 && service.operate!=1 && !service.isZK && !service.isCreate" @click="jkzd(service.planDetaiId,service.patient)">健康指导</button>
  63. <button class="btn btn-yuyue" v-if="service.itemType==4 && service.operate!=1 && !service.isZK && !service.isCreate" @click="qwapp">随访</button>
  64. <button class="btn btn-zhidao" @click="zdly(service)" v-if="service.isCreate && (service.isMyTask!=1)">指导留言</button>
  65. <button class="btn btn-zhidao" @click="zdly(service)" v-if="service.isCK">查看留言</button>
  66. <button class="btn btn-fuwuma" v-if="service.itemType==1 && service.operate!=1 && !service.isCreate" @click="fwm(service.planDetaiId,service.patient)">服务码</button>
  67. <button class="btn btn-fuwuma" v-if="service.operate==1 && !service.isCreate" @click="goToFinish(service.planDetaiId)">确认完成</button>
  68. <button class="btn btn-yuyue" v-if="service.itemType==0 && service.operate!=1 && !service.isCreate" @click="goToFinish(service.planDetaiId)">完成</button>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="fuwuma-model" v-show="qrModal">
  75. <div class="fuwuma-layer" @click="qrModal=false"></div>
  76. <div class="fuwuma-content">
  77. <img :src="qrCode" width="300px" />
  78. </div>
  79. </div>
  80. </div>
  81. <script type="text/javascript" src="../../../js/vue.js"></script>
  82. <script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
  83. <script type="text/javascript" src="../../../api/http-request.js"></script>
  84. <script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
  85. <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
  86. <script type="text/javascript" src="../../../js/underscore.js"></script>
  87. <script type="text/javascript" src="../../../plugins/layer/layer.min.js" ></script>
  88. <script type="text/javascript" src="../js/service_item_content.js"></script>
  89. </body>
  90. </html>