index.html 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  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. <el-radio v-model="yearType" label="2">乳腺初筛时间:</el-radio>
  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>
  51. <el-table-column label="乳腺临床检查" align="center">
  52. <el-table-column prop="dz_value1" label="检查人数" align="center"></el-table-column>
  53. <el-table-column prop="dz_value2" 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>
  57. <el-table-column label="乳腺超声检查BI-RADS分级" align="center">
  58. <el-table-column prop="all_value1" label="0级" align="center"></el-table-column>
  59. <el-table-column prop="all_value1" label="1级" align="center"></el-table-column>
  60. <el-table-column prop="all_value1" label="2级" align="center"></el-table-column>
  61. <el-table-column prop="all_value1" label="3级" align="center"></el-table-column>
  62. <el-table-column prop="all_value1" label="4a级" align="center"></el-table-column>
  63. <el-table-column prop="all_value1" label="4b级" align="center"></el-table-column>
  64. <el-table-column prop="all_value1" label="4c级" align="center"></el-table-column>
  65. <el-table-column prop="all_value1" label="5级" align="center"></el-table-column>
  66. <el-table-column prop="all_value1" label="合计" align="center"></el-table-column>
  67. </el-table-column>
  68. <el-table-column label="乳腺钼靶检查" align="center">
  69. <el-table-column prop="all_value1" label="应查人数" align="center"></el-table-column>
  70. <el-table-column prop="all_value1" label="依从" align="center"></el-table-column>
  71. <el-table-column prop="all_value1" label="拒绝" align="center"></el-table-column>
  72. <el-table-column prop="all_value1" label="失访" align="center"></el-table-column>
  73. <el-table-column prop="all_value1" label="检查率" align="center"></el-table-column>
  74. <el-table-column prop="all_value1" label="待完成人数" align="center"></el-table-column>
  75. </el-table-column>
  76. <el-table-column label="乳腺钼靶检查BI-RADS分级" align="center">
  77. <el-table-column prop="all_value1" label="0级" align="center"></el-table-column>
  78. <el-table-column prop="all_value1" label="1级" align="center"></el-table-column>
  79. <el-table-column prop="all_value1" label="2级" align="center"></el-table-column>
  80. <el-table-column prop="all_value1" label="3级" align="center"></el-table-column>
  81. <el-table-column prop="all_value1" label="4a级" align="center"></el-table-column>
  82. <el-table-column prop="all_value1" label="4b级" align="center"></el-table-column>
  83. <el-table-column prop="all_value1" label="4c级" align="center"></el-table-column>
  84. <el-table-column prop="all_value1" label="5级" align="center"></el-table-column>
  85. <el-table-column prop="all_value1" label="不详" align="center"></el-table-column>
  86. <el-table-column prop="all_value1" label="合计" align="center"></el-table-column>
  87. </el-table-column>
  88. <el-table-column
  89. label="乳腺病理检查
  90. 乳腺病理学监测情况"
  91. align="center">
  92. <el-table-column prop="all_value1" label="应查人数" align="center"></el-table-column>
  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="浸润性导管癌人数" align="center"></el-table-column>
  102. <el-table-column prop="all_value1" label="浸润性小叶癌人数" align="center"></el-table-column>
  103. <el-table-column prop="all_value1" label="其他恶性肿瘤人数" align="center"></el-table-column>
  104. <el-table-column prop="all_value1" label="不详人数" align="center"></el-table-column>
  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>
  108. <el-table-column label="TNM分期" align="center">
  109. <el-table-column prop="all_value1" label="0期" align="center"></el-table-column>
  110. <el-table-column prop="all_value1" label="1期" align="center"></el-table-column>
  111. <el-table-column prop="all_value1" label="IIA期" align="center"></el-table-column>
  112. <el-table-column prop="all_value1" label="IIB期" align="center"></el-table-column>
  113. <el-table-column prop="all_value1" label="III期以上" align="center"></el-table-column>
  114. <el-table-column prop="all_value1" label="不详" align="center"></el-table-column>
  115. <el-table-column prop="all_value1" label="获得TNM分期比率" align="center"></el-table-column>
  116. <el-table-column prop="all_value1" label="乳腺癌早诊率" align="center"></el-table-column>
  117. </el-table-column>
  118. <el-table-column label="治疗情况" align="center">
  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 prop="all_value1" label="早治率" align="center"></el-table-column>
  123. </el-table-column>
  124. <el-table-column label="乳腺癌风险人群" align="center">
  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>
  130. </template>
  131. </el-table>
  132. <el-pagination
  133. @current-change="handleCurrentChange"
  134. @size-change="handleSizeChange"
  135. :current-page.sync="page"
  136. :page-size="size"
  137. :page-sizes="[10, 20, 50]"
  138. layout="total, sizes, prev, pager, next, jumper"
  139. :total="total"
  140. class="pagination"></el-pagination>
  141. </div>