dejdsqyysfjd.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>第一阶段入组访问进度</title>
  6. <meta name="author" content="yihu.com" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
  9. />
  10. <meta name="apple-mobile-web-app-capable" content="yes" />
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  12. <link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
  13. <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
  14. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  15. <link rel="stylesheet" type="text/css" href="../../../css/flex.css" />
  16. <link rel="stylesheet" type="text/css" href="../../../css/element-ui.css" />
  17. <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
  18. <link rel="stylesheet" type="text/css" href="../css/common.css" />
  19. <link rel="stylesheet" type="text/css" href="../css/mzfWorksheet.css" />
  20. </head>
  21. <style>
  22. </style>
  23. <body style="margin: 0;overflow-x: auto;" v-cloak>
  24. <div id="main" class="">
  25. <div class="ui-col-1 bgc-fff" style="min-width: 900px;">
  26. <div class="flexibleBox">
  27. <div class="flex maxBox">
  28. <!-- <div class="title">已选</div>
  29. <div class="flex selectedBox">
  30. <div class="selected" v-for="(item,index) in list" :key="index">
  31. {{item.type==1?'地区':item.type==2?'三级医院':item.type==3?'社区医院':item.type==4?'分组':item.type==5?'管理状态':'时间'}}:{{item.label}} <i class="el-icon-circle-close" @click="deleteClick(item)"></i>
  32. </div>
  33. </div> -->
  34. <div class="inquireTime">查询时间
  35. <el-date-picker
  36. v-model="startTime"
  37. type="date"
  38. placeholder="选择日期"
  39. :picker-options="setDisabled"
  40. @change='startTimeChange'>
  41. </el-date-picker> ~
  42. <el-date-picker
  43. v-model="endTime"
  44. type="date"
  45. placeholder="选择日期"
  46. :picker-options="setDisabled"
  47. @change='endTimeChange'>
  48. </el-date-picker>
  49. </div>
  50. <div class="selectedButton">
  51. <el-button type="primary" size="mini" @click="confirm">确定</el-button>
  52. <el-button type="ff9526" size="mini" @click="exportHandle">导出</el-button>
  53. <!-- <el-button type="info" size="mini" @click="cancel">取消</el-button> -->
  54. </div>
  55. </div>
  56. <!-- <div class="flex maxBox mt10">
  57. <div class="flex selectedBoxTwo">
  58. <div class="selectedBoxTwoTitle">地区</div>
  59. <el-checkbox-group v-model="regionList" @change="change">
  60. <el-checkbox v-for="(t,x) in regionData" :key="x" :label="t" :key="t.label">{{t.label}}</el-checkbox>
  61. </el-checkbox-group>
  62. </div>
  63. </div>
  64. <template v-if="show">
  65. <div class="flex maxBox mt10">
  66. <div class="titleHospital">三级医院</div>
  67. <div class="flex selectedHospital" :style="showTwo?'overflow: inherit;height: auto;':'overflow: hidden;height:20px;'">
  68. <el-checkbox-group v-model="regionListList" @change="change">
  69. <el-checkbox v-for="(m,i) in tertiaryHospitalsData" :key="i" :label="m" :key="m.label">{{m.label}}</el-checkbox>
  70. </el-checkbox-group>
  71. </div>
  72. <div class="selectedButtonTwo" @click="showTwo = !showTwo">
  73. {{!showTwo?'更多选项':'收起'}}
  74. <i class="el-icon-arrow-down" v-if="!showTwo"></i><i class="el-icon-arrow-up" v-if="showTwo"></i>
  75. </div>
  76. </div>
  77. <div class="flex maxBox mt10">
  78. <div class="titleHospital">社区医院</div>
  79. <div class="flex selectedHospital" :style="showThree?'overflow: inherit;height: auto;':'overflow: hidden;height:20px;'">
  80. <el-checkbox-group v-model="communityHospitalsList" @change="change">
  81. <el-checkbox v-for="(q,n) in communityHospitalsData" :key="n" :label="q" :key="q.label">{{q.label}}</el-checkbox>
  82. </el-checkbox-group>
  83. </div>
  84. <div class="selectedButtonTwo" @click="showThree = !showThree">
  85. {{!showThree?'更多选项':'收起'}}
  86. <i class="el-icon-arrow-down" v-if="!showThree"></i><i class="el-icon-arrow-up" v-if="showThree"></i>
  87. </div>
  88. </div>
  89. <div class="flex maxBox mt10">
  90. <div class="flex selectedBoxTwo">
  91. <div class="selectedBoxTwoTitle">分组</div>
  92. <el-checkbox-group v-model="groupingList" @change="change">
  93. <el-checkbox v-for="(y,d) in groupingData" :key="d" :label="y" :key="y.label">{{y.label}}</el-checkbox>
  94. </el-checkbox-group>
  95. </div>
  96. </div>
  97. <div class="flex maxBox mt10">
  98. <div class="flex selectedBoxTwo">
  99. <div class="selectedBoxTwoTitle">管理状态</div>
  100. <el-checkbox-group v-model="administrationStatusList" @change="change">
  101. <el-checkbox v-for="(k,e) in administrationStatusData" :key="e" :label="k" :key="k.label">{{k.label}}</el-checkbox>
  102. </el-checkbox-group>
  103. </div>
  104. </div>
  105. </template>
  106. <div class="more" @click="show = !show">{{!show?'更多选项':'收起'}}<i class="el-icon-arrow-down" v-if="!show"></i><i class="el-icon-arrow-up" v-if="show"></i></div> -->
  107. </div>
  108. <el-table
  109. border
  110. :data="mzfSfzmxData"
  111. :span-method="objectSpanMethod"
  112. style="width: 100%"
  113. v-loading="loadingTwo"
  114. height='650'
  115. class="mt20" >
  116. <template >
  117. <!-- <el-table-column type="index" width='50' label="序号" align="center"></el-table-column> -->
  118. <el-table-column>
  119. <el-table-column label="社区中心基本信息" align="center">
  120. <el-table-column
  121. prop="areaName"
  122. label="所属区域"
  123. align="center">
  124. </el-table-column>
  125. <el-table-column
  126. prop="gradeHospitalName"
  127. label="分管三级医院"
  128. align="center">
  129. </el-table-column>
  130. <el-table-column
  131. prop="hospitalName"
  132. label="社区中心名称"
  133. align="center">
  134. </el-table-column>
  135. </el-table-column>
  136. <el-table-column prop="groupName" label="组别" align="center"></el-table-column>
  137. <el-table-column prop="groupName" label="目标v2入组例数" align="center"></el-table-column>
  138. <el-table-column prop="createTime" label="完成V1入筛选期累计例数" align="center"></el-table-column>
  139. <el-table-column prop="createTime" label="首例V2入组时间(YYYY/MM/DD)" align="center"></el-table-column>
  140. </el-table-column>
  141. <el-table-column prop="" label="完成各随访累计例(次)数" align="center">
  142. <el-table-column
  143. prop="v1Count"
  144. label="V2入组"
  145. align="center">
  146. <el-table-column label="正常访视" align="center"> </el-table-column>
  147. <el-table-column label="超窗" align="center"> </el-table-column>
  148. <el-table-column label="累计" align="center"> </el-table-column>
  149. </el-table-column>
  150. <el-table-column
  151. prop="v2Count"
  152. label="V3"
  153. align="center">
  154. <el-table-column label="正常访视" align="center"> </el-table-column>
  155. <el-table-column label="超窗" align="center"> </el-table-column>
  156. <el-table-column label="累计" align="center"> </el-table-column>
  157. </el-table-column>
  158. <el-table-column
  159. prop="v3Count"
  160. label="V4"
  161. align="center">
  162. <el-table-column label="正常访视" align="center"> </el-table-column>
  163. <el-table-column label="超窗" align="center"> </el-table-column>
  164. <el-table-column label="累计" align="center"> </el-table-column>
  165. </el-table-column>
  166. <el-table-column
  167. prop="v4Count"
  168. label="V5"
  169. align="center">
  170. <el-table-column label="正常访视" align="center"> </el-table-column>
  171. <el-table-column label="超窗" align="center"> </el-table-column>
  172. <el-table-column label="累计" align="center"> </el-table-column>
  173. </el-table-column>
  174. <el-table-column
  175. prop="v5Count"
  176. label="V6"
  177. align="center">
  178. <el-table-column label="正常访视" align="center"> </el-table-column>
  179. <el-table-column label="超窗" align="center"> </el-table-column>
  180. <el-table-column label="累计" align="center"> </el-table-column>
  181. </el-table-column>
  182. <el-table-column
  183. prop="followAllCount"
  184. label="合计"
  185. align="center">
  186. <el-table-column label="正常访视" align="center"> </el-table-column>
  187. <el-table-column label="超窗" align="center"> </el-table-column>
  188. <el-table-column label="累计" align="center"> </el-table-column>
  189. </el-table-column>
  190. </el-table-column>
  191. <el-table-column label="提前结束研究(脱落)累计例数">
  192. <el-table-column label="V3" align="center"></el-table-column>
  193. <el-table-column label="V4" align="center"></el-table-column>
  194. <el-table-column label="V5" align="center"></el-table-column>
  195. <el-table-column label="V6" align="center"></el-table-column>
  196. <el-table-column label="合计 align="center"></el-table-column>
  197. </el-table-column>
  198. <el-table-column prop="" label="提前结束研究(脱落)原因累计例数" align="center">
  199. <el-table-column
  200. prop=""
  201. label="SAE"
  202. align="center">
  203. </el-table-column>
  204. <el-table-column
  205. prop=""
  206. label="病情恶化"
  207. align="center">
  208. </el-table-column>
  209. <el-table-column
  210. prop=""
  211. label="并发其他疾病"
  212. align="center">
  213. </el-table-column>
  214. <el-table-column
  215. prop=""
  216. label="自愿退出"
  217. align="center">
  218. </el-table-column>
  219. <el-table-column
  220. prop=""
  221. label="研究者终止"
  222. align="center">
  223. </el-table-column>
  224. <el-table-column
  225. prop=""
  226. label="不符合纳排"
  227. align="center">
  228. </el-table-column>
  229. <el-table-column
  230. prop=""
  231. label="失访"
  232. align="center">
  233. </el-table-column>
  234. <el-table-column
  235. prop=""
  236. label="妊娠"
  237. align="center">
  238. </el-table-column>
  239. <el-table-column
  240. prop=""
  241. label="死亡"
  242. align="center">
  243. </el-table-column>
  244. <el-table-column
  245. prop=""
  246. label="其他"
  247. align="center">
  248. </el-table-column>
  249. </el-table-column>
  250. <el-table-column prop="managedCount" label="在管(随访中)累计例数" align="center">
  251. <el-table-column label="V2-V6随访中" align="center"></el-table-column>
  252. </el-table-column>
  253. <el-table-column prop="fallOffNum" label="备注(如果有)" align="center"></el-table-column>
  254. </template>
  255. </el-table>
  256. <!-- <div class="c-t-right mt20">
  257. <el-pagination
  258. @current-change="handleCurrentChange"
  259. :current-page.sync="currentPage"
  260. :page-size="currentSize"
  261. layout="total, prev, pager, next, jumper"
  262. :total="datatotal">
  263. </el-pagination>
  264. </div> -->
  265. </div>
  266. </div>
  267. <script src="../../../js/FileSaver/FileSaver.js" type="text/javascript" charset="utf-8"></script>
  268. <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
  269. <script src="../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
  270. <script src="../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
  271. <script src="../../../plugins/toastr/toastr.min.js"></script>
  272. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  273. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  274. <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
  275. <script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
  276. <script src="../../../api/home-api.js" type="text/javascript" charset="utf-8"></script>
  277. <script src="../../../api/statistics-api.js" type="text/javascript" charset="utf-8"></script>
  278. <script src="../../../component/common/event-bus.js"></script>
  279. <script src="../../../component/statistics/header-tab.js" type="text/javascript" charset="utf-8"></script>
  280. <script src="../../../component/statistics/header-prompt.js" type="text/javascript" charset="utf-8"></script>
  281. <script type="text/javascript" src="../../../api/sign_api.js"></script>
  282. <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
  283. <script src="../js/dejdsqyysfjd.js" type="text/javascript" charset="utf-8"></script>
  284. </body>
  285. </html>