index.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <div id="app" class="jtbc">
  2. <template v-if="showTotalTable">
  3. <div class="copd-filter-group ui-col-1 bgc-fff" style="min-width: 900px">
  4. <div class="searchDiv pb20 pr20">
  5. <label class="c-333 c-f14">
  6. <el-radio v-model="yearType" label="1">乳腺初筛时间:</el-radio>
  7. <el-date-picker
  8. style="width: 400px"
  9. v-model="chooseTime"
  10. type="daterange"
  11. range-separator="至"
  12. start-placeholder="开始日期"
  13. end-placeholder="结束日期"
  14. value-format="yyyy-MM-dd"></el-date-picker>
  15. </label>
  16. </div>
  17. <div class="searchDiv pb20 pr20">
  18. <label class="c-333 c-f14" style="display: flex; align-items: center">
  19. <el-radio v-model="yearType" label="2">宫颈初筛时间:</el-radio>
  20. <el-date-picker
  21. v-model="chooseTime1"
  22. type="daterange"
  23. range-separator="至"
  24. start-placeholder="开始日期"
  25. end-placeholder="结束日期"
  26. value-format="yyyy-MM-dd"></el-date-picker>
  27. </label>
  28. </div>
  29. <div class="searchDiv pb20 pr20">
  30. <label class="c-333 c-f14">居民姓名:</label>
  31. <el-input v-model="form.name" placeholder="请输入居民姓名查询"></el-input>
  32. </div>
  33. <div class="searchDiv pb20 pr20">
  34. <label class="c-333 c-f14">数据范围:</label>
  35. <el-select class="formWidth" v-model="form.range" placeholder="请选择" @change="resetArea">
  36. <el-option v-for="(option, index) in rangeOptions" :label="option.label" :value="option.value" :key="option.value"></el-option>
  37. </el-select>
  38. </div>
  39. <div class="searchDiv pb20 pr20">
  40. <label class="c-333 c-f14">地区:</label>
  41. <el-select class="formWidth" v-model="form.town" placeholder="请选择" @change="getHospital">
  42. <el-option v-for="(option, index) in areaOptions" :label="option.label" :value="option.value" :key="option.value"></el-option>
  43. </el-select>
  44. </div>
  45. <div class="searchDiv pb20 pr20" v-if="form.range == '2'">
  46. <label class="c-333 c-f14">社区:</label>
  47. <el-select class="formWidth" v-model="form.hospital" placeholder="请选择" @change="getTeam">
  48. <el-option v-for="(option, index) in hospitalOptions" :label="option.name" :value="option.code" :key="option.code"></el-option>
  49. </el-select>
  50. </div>
  51. <div class="searchDiv pb20">
  52. <el-button type="primary" size="mini" @click="queryDate">查询</el-button>
  53. <el-button type="ff9526" size="mini" @click="exportTable" :disabled="exportLoading">导出</el-button>
  54. <span class="eliminate" @click="eliminateClick">清除筛选条件</span>
  55. <el-button type="primary" @click="onClickServiceRecord">服务记录</el-button>
  56. </div>
  57. </div>
  58. <el-table :data="tableData" style="width: 100%" v-loading="loading">
  59. <el-table-column type="index" min-width="60" label="序号"></el-table-column>
  60. <el-table-column :label="item.label" v-for="item in tableHeader" :min-width="item.width" :key="item.prop">
  61. <template slot-scope="scope">{{scope.row[item.prop]}}</template>
  62. </el-table-column>
  63. <el-table-column label="操作" align="center" width="130px">
  64. <template slot-scope="scope">
  65. <el-button type="text" @click="openDialog(scope)" :disabled="!scope.row.code">编辑</el-button>
  66. <el-button type="text" @click="onClickServiceRecord(scope)" :disabled="!scope.row.code">服务记录</el-button>
  67. <el-button type="text" @click="openDialog(scope)" :disabled="!scope.row.code">就医记录</el-button>
  68. </template>
  69. </el-table-column>
  70. </el-table>
  71. <el-pagination
  72. @current-change="handleCurrentChange"
  73. @size-change="handleSizeChange"
  74. :current-page.sync="page"
  75. :page-size="size"
  76. :page-sizes="[10, 20, 50]"
  77. layout="total, sizes, prev, pager, next, jumper"
  78. :total="total"
  79. class="pagination"></el-pagination>
  80. </template>
  81. <template v-if="serviceRecordVisable">
  82. <Copd-service-record-patient :detailInfo="currentEditData" @back="back"></Copd-service-record-patient>
  83. </template>
  84. <el-dialog title="编辑" :visible.sync="dialogVisible" width="70%">
  85. <lasc-modify-patient></lasc-modify-patient>
  86. </el-dialog>
  87. <el-dialog title="记录" :visible.sync="formDialogVisible" width="50%">
  88. <!-- <lasc-lascClinical-examination></lasc-lascClinical-examination> -->
  89. <!-- <lasc-breast-cduInspect-entity-list></lasc-breast-cduInspect-entity-list> -->
  90. <!-- <lasc-breast-molybdenum-inspect-list></lasc-breast-molybdenum-inspect-list> -->
  91. <!-- <lasc-breast-pathology-inspect-entity-list></lasc-breast-pathology-inspect-entity-list> -->
  92. <!-- <lasc-breast-surgery-inspect-entity></lasc-breast-surgery-inspect-entity> -->
  93. <!-- <lasc-breast-followUp></lasc-breast-followUp> -->
  94. <!-- <lasc-cervical-gynecological-examination-entityList></lasc-cervical-gynecological-examination-entityList> -->
  95. <!-- <lasc-cervical-hpv-entityList></lasc-cervical-hpv-entityList> -->
  96. <!-- <lasc-cervical-final-diagnosis-entity></lasc-cervical-final-diagnosis-entity> -->
  97. <!-- <lasc-cervical-histopathology-followup></lasc-cervical-histopathology-followup> -->
  98. <lasc-cervical-pathological-examination-list></lasc-cervical-pathological-examination-list>
  99. </el-dialog>
  100. </div>