index.html 4.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  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">
  5. <el-radio v-model="yearType" label="1">按下转年份:</el-radio>
  6. <el-select v-model="chooseYear" class="formWidth wd160">
  7. <el-option v-for="(item , index) in years" :key="index" :label="item" :value="item"></el-option>
  8. </el-select>
  9. </label>
  10. </div>
  11. <div class="searchDiv pb20 pr20">
  12. <label class="c-333 c-f14" style="display: flex; align-items: center">
  13. <el-radio v-model="yearType" label="2">下转时间:</el-radio>
  14. <el-date-picker
  15. v-model="chooseTime"
  16. type="daterange"
  17. range-separator="至"
  18. start-placeholder="开始日期"
  19. end-placeholder="结束日期"
  20. value-format="yyyy-MM-dd"></el-date-picker>
  21. </label>
  22. </div>
  23. <div class="searchDiv pb20 pr20">
  24. <label class="c-333 c-f14">签约状态:</label>
  25. <el-radio v-model="form.isSign" label="1">是</el-radio>
  26. <el-radio v-model="form.isSign" label="0">否</el-radio>
  27. </div>
  28. <div class="searchDiv pb20 pr20">
  29. <label class="c-333 c-f14">居民姓名:</label>
  30. <el-input v-model="form.name" placeholder="请输入居民姓名查询"></el-input>
  31. </div>
  32. <div class="searchDiv pb20 pr20">
  33. <label class="c-333 c-f14">就诊类型:</label>
  34. <el-select v-model="form.eventType" clearable>
  35. <el-option label="门诊" value="1"></el-option>
  36. <el-option label="住院" value="2"></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.range" placeholder="请选择" @change="resetArea">
  42. <el-option v-for="(option, index) in rangeOptions" :label="option.label" :value="option.value" :key="option.value"></el-option>
  43. </el-select>
  44. </div>
  45. <div class="searchDiv pb20 pr20">
  46. <label class="c-333 c-f14">地区:</label>
  47. <el-select class="formWidth" v-model="form.area" placeholder="请选择" @change="getHospital">
  48. <el-option v-for="(option, index) in areaOptions" :label="option.label" :value="option.value" :key="option.value"></el-option>
  49. </el-select>
  50. </div>
  51. <div class="searchDiv pb20 pr20" v-if="form.range == 'hospital'||form.range == 'team'">
  52. <label class="c-333 c-f14">社区:</label>
  53. <el-select class="formWidth" v-model="form.hospital" placeholder="请选择" @change="getTeam">
  54. <el-option v-for="(option, index) in hospitalOptions" :label="option.name" :value="option.code" :key="option.code"></el-option>
  55. </el-select>
  56. </div>
  57. <div class="searchDiv pb20 pr20" v-if="form.range == 'team'">
  58. <label class="c-333 c-f14">团队:</label>
  59. <el-select class="formWidth" v-model="form.team" placeholder="请选择">
  60. <el-option v-for="(option, index) in teamOptions" :label="option.name" :value="option.id" :key="option.id"></el-option>
  61. </el-select>
  62. </div>
  63. <div class="searchDiv pb20">
  64. <el-button type="primary" size="mini" @click="queryDate">查询</el-button>
  65. <el-button type="ff9526" size="mini" @click="exportTable" :disabled="exportLoading">导出</el-button>
  66. <span class="eliminate" @click="eliminateClick">清除筛选条件</span>
  67. </div>
  68. </div>
  69. <el-table :data="tableData" style="width: 100%" v-loading="loading">
  70. <el-table-column type="index" min-width="60" label="序号"></el-table-column>
  71. <el-table-column :label="item.label" v-for="item in tableHeader" :min-width="item.width" :key="item.prop">
  72. <template slot-scope="scope">{{scope.row[item.prop]}}</template>
  73. </el-table-column>
  74. <el-table-column label="操作" align="center" width="130px">
  75. <template slot-scope="scope">
  76. <el-button type="text" @click="openDialog(scope)" :disabled="!scope.row.code">编辑</el-button>
  77. <el-button type="text" @click="openDialog(scope)" :disabled="!scope.row.code">服务记录</el-button>
  78. <el-button type="text" @click="openDialog(scope)" :disabled="!scope.row.code">就医记录</el-button>
  79. </template>
  80. </el-table-column>
  81. </el-table>
  82. <el-pagination
  83. @current-change="handleCurrentChange"
  84. @size-change="handleSizeChange"
  85. :current-page.sync="page"
  86. :page-size="size"
  87. :page-sizes="[10, 20, 50]"
  88. layout="total, sizes, prev, pager, next, jumper"
  89. :total="total"
  90. class="pagination"></el-pagination>
  91. <el-dialog title="编辑" :visible.sync="dialogVisible" width="70%">
  92. <lasc-modify-patient></lasc-modify-patient>
  93. </el-dialog>
  94. </div>