NoMapDrug.vue 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <template>
  2. <div>
  3. <crumbs
  4. title="未映射到标准术语的医院术语-药品"
  5. class="topBack"
  6. :param="$route.params"
  7. linkTo="KnowledgeMapRuleTest"
  8. >
  9. <el-form :inline="true" class="demo-form-inline">
  10. <el-form-item style="marginBottom: 0px">
  11. <el-button size="mini" @click="exportData">导出</el-button>
  12. </el-form-item>
  13. </el-form>
  14. </crumbs>
  15. <div style="margin: 60px 20px 0">
  16. <el-table :data="list" border>
  17. <el-table-column :resizable="false" type="index" :index="indexMethod" label="编号" width="80"></el-table-column>
  18. <el-table-column :resizable="false" prop="gmtModified" label="测试时间"></el-table-column>
  19. <el-table-column :resizable="false" prop="hisName" label="医院术语" show-overflow-tooltip></el-table-column>
  20. <el-table-column :resizable="false" prop="hisName" label="标准术语" show-overflow-tooltip></el-table-column>
  21. <el-table-column :resizable="false" prop="hisName" label="静态知识标识" show-overflow-tooltip></el-table-column>
  22. </el-table>
  23. <div class="pagination pagepage">
  24. <el-pagination
  25. :current-page.sync="currentPage"
  26. @current-change="currentChange"
  27. background
  28. :page-size="pageSize"
  29. :page-sizes="pageSizeArr"
  30. @size-change="handleSizeChange"
  31. :layout="pageLayout"
  32. :total="total"
  33. ></el-pagination>
  34. </div>
  35. </div>
  36. </div>
  37. </template>
  38. <script>
  39. import api from '@api/cdss.js';
  40. import config from '@api/config.js';
  41. import utils from '@api/utils.js';
  42. export default {
  43. data() {
  44. return {
  45. list: [],
  46. currentPage: 1,
  47. pageSize: config.pageSize,
  48. pageSizeArr: config.pageSizeArr,
  49. pageLayout: config.pageLayout,
  50. total: 0
  51. };
  52. },
  53. created() {
  54. this.getDataList();
  55. // 非首页 编辑页返回 设置 this.currentPage
  56. if (Object.keys(this.$route.params).length !== 0) {
  57. this.currentPage = this.$route.params.currentPage;
  58. }
  59. },
  60. beforeRouteEnter(to, from, next) {
  61. next(vm => {
  62. //const pm = to.param;
  63. Object.assign(vm, to.params);
  64. vm.inCurrentPage = to.params.currentPage;
  65. });
  66. },
  67. methods: {
  68. indexMethod(index) {
  69. return (this.currentPage - 1) * this.pageSize + index + 1;
  70. },
  71. currentChange(next) {
  72. this.currentPage = next;
  73. this.getDataList(true);
  74. },
  75. handleSizeChange(val) {
  76. this.pageSize = val;
  77. this.currentPage = utils.getCurrentPage(
  78. this.currentPage,
  79. this.total,
  80. this.pageSize
  81. );
  82. this.getDataList();
  83. },
  84. getDataList() {},
  85. // 导出
  86. exportData() {}
  87. }
  88. };
  89. </script>
  90. <style lang="less" scored>
  91. @import '../../../less/admin.less';
  92. </style>