health_control.html 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  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. </div>
  97. <div class="datab ui-col-1 flex-box">
  98. <p style="width: 120px">{{data.planTypeName}}</p>
  99. <div class="layui-progress layui-progress-big" :lay-filter="data.id" lay-showpercent="true">
  100. <div class="layui-progress-bar" :id="'progress_'+data.id" lay-percent="">
  101. </div>
  102. </div>
  103. <span class="cgre">{{data.allFinishCount}}/</span>
  104. <span class="cgre">{{data.allCount}}</span>
  105. </div>
  106. <div class="ui-col-1 flex-box">
  107. <p style="margin-left:20px;"class="cred">今日:
  108. <span>{{data.todayBacklogCount}}</span>
  109. </p>
  110. <p class="cgre margin-10">已完成:
  111. <span>{{data.finishedCount}}</span>
  112. </p>
  113. <p style="margin-left: 10px;"class="cgre">未完成:
  114. <span>{{data.unfinishedCount}}</span>
  115. </p>
  116. </div>
  117. <div class="datad ui-col-0 flex-box">
  118. <button class="mr15">
  119. <a href="javascript: void(0)" @click="checkPlan(data)">查看计划</a>
  120. </button>
  121. <button class="mr15" v-if="data.status != 2" class="stopBtn mr15" @click="stop(data)" :data-id="data.id" :id="'stopBtn_'+data.id">中止计划</button>
  122. <button class="mr15" v-if="data.status == 2" :data-id="data.id" :id="'stopBtn_'+data.id"></button>
  123. <button class="mr15" @click="morePlan(data)">
  124. <a href="javascript: void(0)">更多计划</a>
  125. </button>
  126. </div>
  127. </div>
  128. </td>
  129. </tr>
  130. <tr v-if="wujilu">
  131. <td>
  132. <div class="nodata all" style="line-height: 60px;">
  133. 无记录
  134. </div>
  135. </td>
  136. </tr>
  137. </table>
  138. <navigation v-if="tablelist.length" :pages="pagetotal" :current="currentPage" @navpage="search" :total="total" :size="pagesize"></navigation>
  139. </div>
  140. </div>
  141. <script type="text/javascript" src="../../../js/vue.js"></script>
  142. <script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
  143. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  144. <script src="../../../plugins/toastr/toastr.min.js"></script>
  145. <script type="text/javascript" src="../../../js/cross.ui.js"></script>
  146. <script src="../../../plugins/layer/layer.min.js"></script>
  147. <script type="text/javascript" src="../../../plugins/layui-v2.3.0/layui/layui.js"></script>
  148. <script src="../../../component/common/pagination.js"></script>
  149. <script src="../../../plugins/suggest/bootstrap-suggest.min.js"></script>
  150. <script src="../../../js/underscore.js"></script>
  151. <script src="../../../api/http-request.js"></script>
  152. <script src="../../../api/healthy-control-api.js"></script>
  153. <script src="../js/health_control.js"></script>
  154. </body>
  155. </html>