health_control.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  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" 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 @click="modelControl()">模版管理</button>
  72. </div>
  73. </div>
  74. <div class="neirong2">
  75. <ul class="c-blocks-3 ul">
  76. <li>患者信息</li>
  77. <li>计划信息</li>
  78. <li>操作</li>
  79. </ul>
  80. <!-- table -->
  81. <table class="table tablem">
  82. <tr v-if="!wujilu" v-for="(data, index) in tablelist" class="datas">
  83. <td class="td">
  84. <div class="all flex-box">
  85. <div :class="{ quote: isActive}" class="mr15"></div>
  86. <div class="dataa flex-box">
  87. <img :src="setImgSrc(data.photo)" @click="checkPatient(data)" width="40" height="40" class="c-images-cycle" />
  88. <p class="xinxi">
  89. <span>{{data.patientName}}
  90. </span>&nbsp;&nbsp;(&nbsp;{{data.sex}}&nbsp;{{data.age}}岁&nbsp;) <button class="recoveryPlan" @click="recoveryPlan(data)">康复管理</button>
  91. <br><span :id="'hospitalName_'+data.id" style="font-size: 14px;color: #999999;">{{data.hospitalName}}</span></p>
  92. <p class="biaoqian" :id="'quote_'+data.id">
  93. <span class="span"></span> <span>{{data.healthyCondition}}</span>
  94. </p>
  95. </div>
  96. <div class="datab ui-col-1 flex-box">
  97. <p style="width: 120px">{{data.planTypeName}}</p>
  98. <div class="layui-progress layui-progress-big" :lay-filter="data.id" lay-showpercent="true">
  99. <div class="layui-progress-bar" :id="'progress_'+data.id" lay-percent="">
  100. </div>
  101. </div>
  102. <span class="cgre">{{data.allFinishCount}}/</span>
  103. <span class="cgre">{{data.allCount}}</span>
  104. </div>
  105. <div class="ui-col-1 flex-box">
  106. <p style="margin-left:20px;"class="cred">今日:
  107. <span>{{data.todayBacklogCount}}</span>
  108. </p>
  109. <p class="cgre margin-10">已完成:
  110. <span>{{data.finishedCount}}</span>
  111. </p>
  112. <p style="margin-left: 10px;"class="cgre">未完成:
  113. <span>{{data.unfinishedCount}}</span>
  114. </p>
  115. </div>
  116. <div class="datad ui-col-0 flex-box">
  117. <button class="mr15">
  118. <a href="javascript: void(0)" @click="checkPlan(data)">查看计划</a>
  119. </button>
  120. <button class="mr15" v-if="data.status != 2" class="stopBtn mr15" @click="stop(data)" :data-id="data.id" :id="'stopBtn_'+data.id">中止计划</button>
  121. <button class="mr15" v-if="data.status == 2" :data-id="data.id" :id="'stopBtn_'+data.id"></button>
  122. <button class="mr15" @click="morePlan(data)">
  123. <a href="javascript: void(0)">更多计划</a>
  124. </button>
  125. </div>
  126. </div>
  127. </td>
  128. </tr>
  129. <tr v-if="wujilu">
  130. <td>
  131. <div class="nodata all" style="line-height: 60px;">
  132. 无记录
  133. </div>
  134. </td>
  135. </tr>
  136. </table>
  137. <navigation :pages="pagetotal" :current="currentPage" @navpage="search" :total="total" :size="pagesize"></navigation>
  138. </div>
  139. </div>
  140. <script type="text/javascript" src="../../../js/vue.js"></script>
  141. <script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
  142. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  143. <script src="../../../plugins/toastr/toastr.min.js"></script>
  144. <script type="text/javascript" src="../../../js/cross.ui.js"></script>
  145. <script src="../../../plugins/layer/layer.min.js"></script>
  146. <script type="text/javascript" src="../../../plugins/layui-v2.3.0/layui/layui.js"></script>
  147. <script src="../../../component/common/pagination.js"></script>
  148. <script src="../../../plugins/suggest/bootstrap-suggest.min.js"></script>
  149. <script src="../../../js/underscore.js"></script>
  150. <script src="../../../api/http-request.js"></script>
  151. <script src="../../../api/healthy-control-api.js"></script>
  152. <script src="../js/health_control.js"></script>
  153. </body>
  154. </html>