index.html 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  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. <div>乳腺初筛时间:</div>
  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.town" 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 == '2'">
  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="cduOrg" label="机构名称" align="center"></el-table-column>
  43. <el-table-column prop="screenTotal" label="筛查人数" align="center"></el-table-column>
  44. <el-table-column prop="endNum" label="结案人数" align="center"></el-table-column>
  45. <el-table-column prop="cduCompleteNum" label="乳腺超声已完成人数" align="center"></el-table-column>
  46. <el-table-column label="基本信息" align="center">
  47. <el-table-column prop="infoCompleteNum" label="完善" align="center"></el-table-column>
  48. <el-table-column prop="basquelouNum" label="缺漏" align="center"></el-table-column>
  49. </el-table-column>
  50. <el-table-column label="乳腺临床检查" align="center">
  51. <el-table-column prop="clicheckNum" label="检查人数" align="center"></el-table-column>
  52. <el-table-column prop="clijujueNum" label="拒绝" align="center"></el-table-column>
  53. <el-table-column prop="cliyicongNum" label="依从" align="center"></el-table-column>
  54. <el-table-column prop="cliquelouNum" label="缺漏" align="center"></el-table-column>
  55. </el-table-column>
  56. <el-table-column label="乳腺超声检查" align="center">
  57. <el-table-column prop="total" label="检查人数" align="center"></el-table-column>
  58. <el-table-column prop="jujueNum" label="拒绝" align="center"></el-table-column>
  59. <el-table-column prop="yicongNum" label="依从" align="center"></el-table-column>
  60. <el-table-column prop="quelouNum" label="缺漏" align="center"></el-table-column>
  61. </el-table-column>
  62. <el-table-column label="乳腺超声检查BI-RADS分级" align="center">
  63. <el-table-column prop="cduBiRads0" label="0级" align="center"></el-table-column>
  64. <el-table-column prop="cduBiRads1" label="1级" align="center"></el-table-column>
  65. <el-table-column prop="cduBiRads2" label="2级" align="center"></el-table-column>
  66. <el-table-column prop="cduBiRads3" label="3级" align="center"></el-table-column>
  67. <el-table-column prop="cduBiRads4a" label="4a级" align="center"></el-table-column>
  68. <el-table-column prop="cduBiRads4b" label="4b级" align="center"></el-table-column>
  69. <el-table-column prop="cduBiRads4c" label="4c级" align="center"></el-table-column>
  70. <el-table-column prop="cduBiRads05" label="5级" align="center"></el-table-column>
  71. <el-table-column prop="cduHeji" label="合计" align="center"></el-table-column>
  72. </el-table-column>
  73. <el-table-column label="乳腺钼靶检查" align="center">
  74. <el-table-column prop="molycNum" label="应查人数" align="center"></el-table-column>
  75. <el-table-column prop="molyicongNum" label="依从" align="center"></el-table-column>
  76. <el-table-column prop="moljujueNum" label="拒绝" align="center"></el-table-column>
  77. <el-table-column prop="mollostNum" label="失访" align="center"></el-table-column>
  78. <el-table-column prop="molycNum1" label="检查率" align="center"></el-table-column>
  79. <el-table-column prop="molycNum2" label="待完成人数" align="center"></el-table-column>
  80. </el-table-column>
  81. <el-table-column label="乳腺钼靶检查BI-RADS分级" align="center">
  82. <el-table-column prop="molBiRads0" label="0级" align="center"></el-table-column>
  83. <el-table-column prop="molBiRads1" label="1级" align="center"></el-table-column>
  84. <el-table-column prop="molBiRads2" label="2级" align="center"></el-table-column>
  85. <el-table-column prop="molBiRads3" label="3级" align="center"></el-table-column>
  86. <el-table-column prop="molBiRads4a" label="4a级" align="center"></el-table-column>
  87. <el-table-column prop="molBiRads4b" label="4b级" align="center"></el-table-column>
  88. <el-table-column prop="molBiRads4c" label="4c级" align="center"></el-table-column>
  89. <el-table-column prop="molBiRads5" label="5级" align="center"></el-table-column>
  90. <el-table-column prop="molBiRads6" label="不详" align="center"></el-table-column>
  91. <el-table-column prop="molHeji" label="合计" align="center"></el-table-column>
  92. </el-table-column>
  93. <el-table-column
  94. label="乳腺病理检查
  95. 乳腺病理学监测情况"
  96. align="center">
  97. <el-table-column prop="needCheckNum" label="应查人数" align="center"></el-table-column>
  98. <el-table-column prop="checkedNum" label="已查人数" align="center"></el-table-column>
  99. <el-table-column prop="patjujueNum" label="拒诊人数" align="center"></el-table-column>
  100. <el-table-column prop="lostNum" label="失访人数" align="center"></el-table-column>
  101. <el-table-column prop="rate1" label="病理检查率" align="center"></el-table-column>
  102. </el-table-column>
  103. <el-table-column label="乳腺癌检出情况" align="center">
  104. <el-table-column prop="type4" label="小叶原位癌人数" align="center"></el-table-column>
  105. <el-table-column prop="type3" label="导管原位癌人数" align="center"></el-table-column>
  106. <el-table-column prop="type1" label="浸润性导管癌人数" align="center"></el-table-column>
  107. <el-table-column prop="type2" label="浸润性小叶癌人数" align="center"></el-table-column>
  108. <el-table-column prop="type6" label="其他恶性肿瘤人数" align="center"></el-table-column>
  109. <el-table-column prop="type7" label="不详人数" align="center"></el-table-column>
  110. <el-table-column prop="hejiNum" label="合计人数" align="center"></el-table-column>
  111. <el-table-column prop="rate2" label="乳腺癌检出率" align="center"></el-table-column>
  112. </el-table-column>
  113. <el-table-column label="TNM分期" align="center">
  114. <el-table-column prop="TNM0" label="0期" align="center"></el-table-column>
  115. <el-table-column prop="TNM1" label="1期" align="center"></el-table-column>
  116. <el-table-column prop="TNM2a" label="IIA期" align="center"></el-table-column>
  117. <el-table-column prop="TNM2b" label="IIB期" align="center"></el-table-column>
  118. <el-table-column prop="TNM3up" label="III期以上" align="center"></el-table-column>
  119. <el-table-column prop="TNMbuxiang" label="不详" align="center"></el-table-column>
  120. <el-table-column prop="rate3" label="获得TNM分期比率" align="center"></el-table-column>
  121. <el-table-column prop="rate4" label="乳腺癌早诊率" align="center"></el-table-column>
  122. </el-table-column>
  123. <el-table-column label="治疗情况" align="center">
  124. <el-table-column prop="num1" label="应治疗人数" align="center"></el-table-column>
  125. <el-table-column prop="yzlNum" label="已治疗人数" align="center"></el-table-column>
  126. <el-table-column prop="jzOrLostNum" label="拒诊治疗或失访人数" align="center"></el-table-column>
  127. <el-table-column prop="rate5" label="早治率" align="center"></el-table-column>
  128. </el-table-column>
  129. <el-table-column label="乳腺癌风险人群" align="center">
  130. <el-table-column prop="label1" label="一般风险" align="center"></el-table-column>
  131. <el-table-column prop="label2" label="高风险" align="center"></el-table-column>
  132. <el-table-column prop="labelWait" label="待评估" align="center"></el-table-column>
  133. <el-table-column prop="rate6" label="高风险人群比例" align="center"></el-table-column>
  134. </el-table-column>
  135. </template>
  136. </el-table>
  137. <el-pagination
  138. @current-change="handleCurrentChange"
  139. @size-change="handleSizeChange"
  140. :current-page.sync="page"
  141. :page-size="size"
  142. :page-sizes="[10, 20, 50]"
  143. layout="total, sizes, prev, pager, next, jumper"
  144. :total="total"
  145. class="pagination"></el-pagination>
  146. </div>