index.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. <div id="app" class="jtbc">
  2. <div class="copd-filter-group ui-col-1 bgc-fff" style="min-width: 900px">
  3. <div class="searchDiv pb20 pr20">
  4. <label class="c-333 c-f14" style="display: flex; align-items: center">
  5. 宫颈初筛时间:
  6. <el-date-picker
  7. v-model="chooseTime"
  8. type="daterange"
  9. range-separator="至"
  10. start-placeholder="开始日期"
  11. end-placeholder="结束日期"
  12. value-format="yyyy-MM-dd"></el-date-picker>
  13. </label>
  14. </div>
  15. <div class="searchDiv pb20 pr20">
  16. <label class="c-333 c-f14">数据范围:</label>
  17. <el-select class="formWidth" v-model="form.range" placeholder="请选择" @change="resetArea">
  18. <el-option v-for="(option, index) in rangeOptions" :label="option.label" :value="option.value" :key="option.value"></el-option>
  19. </el-select>
  20. </div>
  21. <div class="searchDiv pb20 pr20">
  22. <label class="c-333 c-f14">地区:</label>
  23. <el-select class="formWidth" v-model="form.area" placeholder="请选择" @change="getHospital">
  24. <el-option v-for="(option, index) in areaOptions" :label="option.label" :value="option.value" :key="option.value"></el-option>
  25. </el-select>
  26. </div>
  27. <div class="searchDiv pb20 pr20" v-if="form.range == 'hospital'||form.range == 'team'">
  28. <label class="c-333 c-f14">社区:</label>
  29. <el-select class="formWidth" v-model="form.hospital" placeholder="请选择" @change="getTeam">
  30. <el-option v-for="(option, index) in hospitalOptions" :label="option.name" :value="option.code" :key="option.code"></el-option>
  31. </el-select>
  32. </div>
  33. <div class="searchDiv pb20">
  34. <el-button type="primary" size="mini" @click="queryDate">查询</el-button>
  35. <el-button type="ff9526" size="mini" @click="exportTable" :disabled="exportLoading">导出</el-button>
  36. <span class="eliminate" @click="eliminateClick">清除筛选条件</span>
  37. </div>
  38. </div>
  39. <el-table border :data="tableData" style="width: 100%" v-loading="loadingTwo" class="mt20">
  40. <template>
  41. <el-table-column type="index" width="50" label="序号" align="center"></el-table-column>
  42. <el-table-column prop="areaName" label="机构名称" align="center"></el-table-column>
  43. <el-table-column prop="gradeHospitalName" label="医生" align="center"></el-table-column>
  44. <el-table-column prop="targetEntryCont" label="筛查人数" align="center"></el-table-column>
  45. <el-table-column prop="firstEntryTime" label="结案人数" align="center"></el-table-column>
  46. <el-table-column prop="firstEntryTime" label="宫颈初筛已完成人数" align="center"></el-table-column>
  47. <el-table-column label="宫颈癌管理情况" align="center">
  48. <el-table-column prop="kf_value1" label="妇科检查人数" align="center"></el-table-column>
  49. <el-table-column prop="kf_value2" label="线上评估人数" align="center"></el-table-column>
  50. <el-table-column prop="kf_value1" label="线上预约人数" align="center"></el-table-column>
  51. </el-table-column>
  52. <el-table-column label="宫颈妇科检查情况" align="center">
  53. <el-table-column prop="dz_value1" label="拒绝" align="center"></el-table-column>
  54. <el-table-column prop="dz_value3" label="依从" align="center"></el-table-column>
  55. <el-table-column prop="dz_value4" label="检查人数" align="center"></el-table-column>
  56. <el-table-column prop="dz_value3" label="待完善人数" align="center"></el-table-column>
  57. </el-table-column>
  58. <el-table-column label="HPV检查情况" align="center">
  59. <el-table-column prop="dz_value4" label="检查人数" align="center"></el-table-column>
  60. <el-table-column prop="dz_value3" label="待完善人数" align="center"></el-table-column>
  61. </el-table-column>
  62. <el-table-column label="高危HPV分型检测情况" align="center">
  63. <el-table-column prop="all_value1" label="高危HPV阳性人数" align="center"></el-table-column>
  64. <el-table-column prop="all_value1" label="16型阳性人数" align="center"></el-table-column>
  65. <el-table-column prop="all_value1" label="18型阳性人数" align="center"></el-table-column>
  66. <el-table-column prop="all_value1" label="31型阳性人数" align="center"></el-table-column>
  67. <el-table-column prop="all_value1" label="33型阳性人数" align="center"></el-table-column>
  68. <el-table-column prop="all_value1" label="35型阳性人数" align="center"></el-table-column>
  69. <el-table-column prop="all_value1" label="39型阳性人数" align="center"></el-table-column>
  70. <el-table-column prop="all_value1" label="45型阳性人数" align="center"></el-table-column>
  71. <el-table-column prop="all_value1" label="51型阳性人数" align="center"></el-table-column>
  72. <el-table-column prop="all_value1" label="52型阳性人数" align="center"></el-table-column>
  73. <el-table-column prop="all_value1" label="53型阳性人数" align="center"></el-table-column>
  74. <el-table-column prop="all_value1" label="56型阳性人数" align="center"></el-table-column>
  75. <el-table-column prop="all_value1" label="58型阳性人数" align="center"></el-table-column>
  76. <el-table-column prop="all_value1" label="59型阳性人数" align="center"></el-table-column>
  77. <el-table-column prop="all_value1" label="66型阳性人数" align="center"></el-table-column>
  78. <el-table-column prop="all_value1" label="68型阳性人数" align="center"></el-table-column>
  79. <el-table-column prop="all_value1" label="73型阳性人数" align="center"></el-table-column>
  80. <el-table-column prop="all_value1" label="82型阳性人数" align="center"></el-table-column>
  81. </el-table-column>
  82. <el-table-column label="低危HPV分型检测情况" align="center">
  83. <el-table-column prop="all_value1" label="低危HPV阳性人数" align="center"></el-table-column>
  84. <el-table-column prop="all_value1" label="6型阳性人数" align="center"></el-table-column>
  85. <el-table-column prop="all_value1" label="11型阳性人数" align="center"></el-table-column>
  86. <el-table-column prop="all_value1" label="42型阳性人数" align="center"></el-table-column>
  87. <el-table-column prop="all_value1" label="43型阳性人数" align="center"></el-table-column>
  88. <el-table-column prop="all_value1" label="44型阳性人数" align="center"></el-table-column>
  89. <el-table-column prop="all_value1" label="81型阳性人数" align="center"></el-table-column>
  90. <el-table-column prop="all_value1" label="83型阳性人数" align="center"></el-table-column>
  91. </el-table-column>
  92. <el-table-column label="宫颈细胞学检查情况" align="center">
  93. <el-table-column prop="all_value1" label="检查人数" align="center"></el-table-column>
  94. <el-table-column prop="all_value1" label="检查异常人数" align="center"></el-table-column>
  95. <el-table-column prop="all_value1" label="检查异常人数" align="center"></el-table-column>
  96. <el-table-column prop="all_value1" label="待完善人数" align="center"></el-table-column>
  97. </el-table-column>
  98. <el-table-column label="初筛结果临床评估情况" align="center">
  99. <el-table-column prop="all_value1" label="检查人数" align="center"></el-table-column>
  100. <el-table-column prop="all_value1" label="待完善人数" align="center"></el-table-column>
  101. <el-table-column prop="all_value1" label="异常,6-12个月复查" align="center"></el-table-column>
  102. <el-table-column prop="all_value1" label="异常,嘱进一步行阴道镜检查" align="center"></el-table-column>
  103. </el-table-column>
  104. <el-table-column label="阴道镜检查情况" align="center">
  105. <el-table-column prop="all_value1" label="需要阴道镜检查人数" align="center"></el-table-column>
  106. <el-table-column prop="all_value1" label="阴道镜检查人数" align="center"></el-table-column>
  107. <el-table-column prop="all_value1" label="接受检查人数" align="center"></el-table-column>
  108. <el-table-column prop="all_value1" label="拒绝检查人数" align="center"></el-table-column>
  109. <el-table-column prop="all_value1" label="未见异常人数" align="center"></el-table-column>
  110. <el-table-column prop="all_value1" label="异常人数" align="center"></el-table-column>
  111. <el-table-column prop="all_value1" label="待完善人数" align="center"></el-table-column>
  112. </el-table-column>
  113. <el-table-column label="阴道镜检查随访情况" align="center">
  114. <el-table-column prop="all_value1" label="已随访人数" align="center"></el-table-column>
  115. <el-table-column prop="all_value1" label="待随访人数" align="center"></el-table-column>
  116. <el-table-column prop="all_value1" label="未见异常 " align="center"></el-table-column>
  117. <el-table-column prop="all_value1" label="低度病变" align="center"></el-table-column>
  118. <el-table-column prop="all_value1" label="高度病变" align="center"></el-table-column>
  119. <el-table-column prop="all_value1" label="可疑癌" align="center"></el-table-column>
  120. <el-table-column prop="all_value1" label="其他" align="center"></el-table-column>
  121. <el-table-column prop="all_value1" label="不详" align="center"></el-table-column>
  122. </el-table-column>
  123. <el-table-column label="组织病理学检查情况" align="center">
  124. <el-table-column prop="all_value1" label="需要组织病理学检查" align="center"></el-table-column>
  125. <el-table-column prop="all_value1" label="病理学检查人数" align="center"></el-table-column>
  126. <el-table-column prop="all_value1" label="接受检查人数" align="center"></el-table-column>
  127. <el-table-column prop="all_value1" label="拒绝检查人数" align="center"></el-table-column>
  128. <el-table-column prop="all_value1" label="未见异常人数" align="center"></el-table-column>
  129. <el-table-column prop="all_value1" label="炎症" align="center"></el-table-column>
  130. <el-table-column prop="all_value1" label="低级别病变(原CIN1)" align="center"></el-table-column>
  131. <el-table-column prop="all_value1" label="高级别病变(原CIN2及CIN3)" align="center"></el-table-column>
  132. <el-table-column prop="all_value1" label="官颈原位腺癌(AIS)" align="center"></el-table-column>
  133. <el-table-column prop="all_value1" label="官颈微小浸润癌(鳞癌/腺癌)" align="center"></el-table-column>
  134. <el-table-column prop="all_value1" label="官颈浸润癌(鳞癌/腺癌)" align="center"></el-table-column>
  135. </el-table-column>
  136. <el-table-column label="组织病理学检查随访情况" align="center">
  137. <el-table-column prop="all_value1" label="已随访人数" align="center"></el-table-column>
  138. <el-table-column prop="all_value1" label="待随访人数" align="center"></el-table-column>
  139. <el-table-column prop="all_value1" label="炎症" align="center"></el-table-column>
  140. <el-table-column prop="all_value1" label="低级别病变(原CIN1)" align="center"></el-table-column>
  141. <el-table-column prop="all_value1" label="高级别病变(原CIN2及CIN3)" align="center"></el-table-column>
  142. <el-table-column prop="all_value1" label="官颈原位腺癌(AIS)" align="center"></el-table-column>
  143. <el-table-column prop="all_value1" label="官颈微小浸润癌(鳞癌/腺癌)" align="center"></el-table-column>
  144. <el-table-column prop="all_value1" label="官颈浸润癌(鳞癌/腺癌)" align="center"></el-table-column>
  145. </el-table-column>
  146. <el-table-column label="最后诊断情况" align="center">
  147. <el-table-column prop="all_value1" label="未见异常人数" align="center"></el-table-column>
  148. <el-table-column prop="all_value1" label="炎症" align="center"></el-table-column>
  149. <el-table-column prop="all_value1" label="低级别病变(原CIN1)" align="center"></el-table-column>
  150. <el-table-column prop="all_value1" label="高级别病变(原CIN2及CIN3)" align="center"></el-table-column>
  151. <el-table-column prop="all_value1" label="宫颈原位腺癌(AIS)" align="center"></el-table-column>
  152. <el-table-column prop="all_value1" label="宫颈微小浸润癌(鳞癌/腺癌)" align="center"></el-table-column>
  153. <el-table-column prop="all_value1" label="宫颈浸润癌(鳞癌/腺癌)" align="center"></el-table-column>
  154. <el-table-column prop="all_value1" label="待完善人数" align="center"></el-table-column>
  155. </el-table-column>
  156. <el-table-column label="宫颈病变接受治疗情况" align="center">
  157. <el-table-column prop="all_value1" label="接受治疗人数" align="center"></el-table-column>
  158. <el-table-column prop="all_value1" label="不接受治疗人数" align="center"></el-table-column>
  159. <el-table-column prop="all_value1" label="不详人数" align="center"></el-table-column>
  160. </el-table-column>
  161. <el-table-column label="术后病理—接受组织病理学检查情况" align="center">
  162. <el-table-column prop="all_value1" label="接受检查人数" align="center"></el-table-column>
  163. <el-table-column prop="all_value1" label="不接受检查人数" align="center"></el-table-column>
  164. <el-table-column prop="all_value1" label="炎症" align="center"></el-table-column>
  165. <el-table-column prop="all_value1" label="低级别病变(原CIN1)" align="center"></el-table-column>
  166. <el-table-column prop="all_value1" label="高级别病变(原CIN2及CIN3)" align="center"></el-table-column>
  167. <el-table-column prop="all_value1" label="官颈微小浸润癌(鳞癌/腺癌)" align="center"></el-table-column>
  168. <el-table-column prop="all_value1" label="官颈浸润癌(鳞癌/腺癌)" align="center"></el-table-column>
  169. </el-table-column>
  170. </template>
  171. </el-table>
  172. <el-pagination
  173. @current-change="handleCurrentChange"
  174. @size-change="handleSizeChange"
  175. :current-page.sync="page"
  176. :page-size="size"
  177. :page-sizes="[10, 20, 50]"
  178. layout="total, sizes, prev, pager, next, jumper"
  179. :total="total"
  180. class="pagination"></el-pagination>
  181. </div>