health_control.html 9.1 KB

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