health_control.html 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>康复管理</title>
  8. <link rel="shortcut icon" href="../../../favicon.ico">
  9. <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
  10. <link rel="stylesheet" href="../../../css/font-awesome.min.css">
  11. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  12. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
  13. <link rel="stylesheet" type="text/css" href="../../../css/form.ui.css" />
  14. <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
  15. <link rel="stylesheet" href="../../../css/cross-searchui.css">
  16. <link rel="stylesheet" href="../../../plugins/layui-v2.3.0/layui/css/layui.css">
  17. <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
  18. <link rel="stylesheet" href="../css/health_control.css">
  19. <link rel="stylesheet" type="text/css" href="../../../css/element-ui.css" />
  20. </head>
  21. <body>
  22. <div id="app" v-cloak>
  23. <!-- <div class="re-title no-select">
  24. <div class="name">康复管理</div>
  25. </div> -->
  26. <!-- 内容 -->
  27. <div class="neirong1 flex-box">
  28. <div class="neirongrigh flex-box">
  29. <div class="dataCell form-group listform-sel-bor">
  30. <div class="w160 inline c-vam">
  31. <div class="input-group">
  32. <input id="Type" placeholder="请选择疾病类型" type="text" class="form-control bgc-fff" name="Type" readonly="readonly">
  33. <div class="input-group-btn">
  34. <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  35. <span class="caret"></span>
  36. </button>
  37. <ul class="dropdown-menu dropdown-menu-right">
  38. </ul>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <!-- <div class="dataCell form-group listform-sel-bor" style="margin-left:20px;">
  44. <div class="w160 inline c-vam">
  45. <div class="input-group">
  46. <input id="Status" placeholder="请选择安排类型" type="text" class="form-control" name="Status" readonly="readonly">
  47. <div class="input-group-btn">
  48. <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  49. <span class="caret"></span>
  50. </button>
  51. <ul class="dropdown-menu dropdown-menu-right">
  52. </ul>
  53. </div>
  54. </div>
  55. </div>
  56. </div> -->
  57. <div class="c-ser-div">
  58. <div class="c-ser-main">
  59. <input type="text" class="c-ser-input" placeholder="请输入患者姓名" data-form="clear" v-model="name" />
  60. </div>
  61. </div>
  62. <div class="c-ser-btn" id="queryBtn" @click="search()">
  63. <a href="javascript:;">搜索</a>
  64. </div>
  65. <label class="checkbox all-checkbox">
  66. <input type="checkbox" name="tags" class="c-hide" checked="true" value="1" id="c" @click="daiban()">
  67. <i class="icon-chkbox"></i>今日
  68. </label>
  69. </div>
  70. <div class="neironglef">
  71. <button @click="newRecover()">新建计划</button>
  72. <button v-if="doctorTeamList.length>0&&doctorType==1" @click="modelControl()">模版管理</button>
  73. </div>
  74. </div>
  75. <div class="neirong2">
  76. <ul class="table-header ul">
  77. <li>患者信息</li>
  78. <li>计划信息</li>
  79. <!-- <li>&nbsp;</li> -->
  80. <li>操作</li>
  81. </ul>
  82. <!-- table -->
  83. <table class="table tablem">
  84. <tr v-if="!wujilu" v-for="(data, index) in tablelist" class="datas">
  85. <td class="td">
  86. <div class="all flex-box">
  87. <div :class="{ quote: isActive}" class="mr15"></div>
  88. <div class="dataa flex-box">
  89. <img :src="setImgSrc(data.photo)" @click="checkPatient(data)" width="40" height="40" class="c-images-cycle" />
  90. <p class="xinxi">
  91. <span>{{data.patientName}}
  92. </span>&nbsp;&nbsp;(&nbsp;{{data.sex}}&nbsp;{{data.age}}岁&nbsp;) <button class="recoveryPlan" @click="recoveryPlan(data)">康复管理</button>
  93. <br><span :id="'hospitalName_'+data.id" style="font-size: 14px;color: #999999;">{{data.hospitalName}}</span></p>
  94. <p class="biaoqian" :id="'quote_'+data.id">
  95. <span class="span"></span> <span>{{data.healthyCondition}}</span>
  96. </p>
  97. <p :class="`biaoqian biaoqian${data.turnDownState}`">
  98. <span class="span"></span>
  99. <span>{{getTurnDownName(data.turnDownState)}}</span>
  100. </p>
  101. <p><div class="recoveryLabel" v-if="data.changeStatus">{{data.changeStatus==1?'签约医生变更':data.changeStatus==2?'签约社区变更':data.changeStatus==3?'签约过期':data.changeStatus==4?'已解约':'已死亡'}}</div></p>
  102. </div>
  103. <div class="datab ui-col-1 flex-box">
  104. <p style="width: 120px">{{data.planTypeName}}</p>
  105. <div class="layui-progress layui-progress-big" :lay-filter="data.id" lay-showpercent="true">
  106. <div class="layui-progress-bar" :id="'progress_'+data.id" lay-percent="">
  107. </div>
  108. </div>
  109. <span class="cgre">{{data.allFinishCount}}/</span>
  110. <span class="cgre">{{data.allCount}}</span>
  111. </div>
  112. <div class="ui-col-1 flex-box">
  113. <p style="margin-left:20px;"class="cred">今日:
  114. <span>{{data.todayBacklogCount}}</span>
  115. </p>
  116. <p class="cgre margin-10">已完成:
  117. <span>{{data.finishedCount}}</span>
  118. </p>
  119. <p style="margin-left: 10px;"class="cgre">未完成:
  120. <span>{{data.unfinishedCount}}</span>
  121. </p>
  122. </div>
  123. <div class="datad ui-col-0 flex-box">
  124. <button class="mr15">
  125. <a href="javascript: void(0)" @click="checkPlan(data)">查看计划</a>
  126. </button>
  127. <button class="mr15" v-if="data.status != 2" class="stopBtn mr15" @click="stop(data)" :data-id="data.id" :id="'stopBtn_'+data.id">中止计划</button>
  128. <button class="mr15" v-if="data.status == 2" :data-id="data.id" :id="'stopBtn_'+data.id"></button>
  129. <button class="mr15" @click="morePlan(data)">
  130. <a href="javascript: void(0)">更多计划</a>
  131. </button>
  132. </div>
  133. </div>
  134. </td>
  135. </tr>
  136. <tr v-if="wujilu">
  137. <td>
  138. <div class="nodata all" style="line-height: 60px;">
  139. 无记录
  140. </div>
  141. </td>
  142. </tr>
  143. </table>
  144. <navigation v-if="tablelist.length" :pages="pagetotal" :current="currentPage" @navpage="search" :total="total" :size="pagesize"></navigation>
  145. </div>
  146. </div>
  147. <script type="text/javascript" src="../../../js/vue.js"></script>
  148. <script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
  149. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  150. <script src="../../../plugins/toastr/toastr.min.js"></script>
  151. <script type="text/javascript" src="../../../js/cross.ui.js"></script>
  152. <script src="../../../plugins/layer/layer.min.js"></script>
  153. <script type="text/javascript" src="../../../plugins/layui-v2.3.0/layui/layui.js"></script>
  154. <script src="../../../component/common/pagination.js"></script>
  155. <script src="../../../plugins/suggest/bootstrap-suggest.min.js"></script>
  156. <script src="../../../js/underscore.js"></script>
  157. <script src="../../../api/http-request.js"></script>
  158. <script src="../../../api/healthy-control-api.js"></script>
  159. <script src="../js/health_control.js"></script>
  160. <script src="../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
  161. </body>
  162. </html>