zidian.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>Document</title>
  8. <link rel="stylesheet" href="../../../css/element.css">
  9. <link rel="stylesheet" href="../css/zidian.css">
  10. </head>
  11. <body>
  12. <div id="app">
  13. <nav class="header">
  14. <span id="text">查看字典</span>
  15. <span id="close">X</span>
  16. </nav>
  17. <el-container style="height: 100%;">
  18. <el-aside style="width: 200px; ">
  19. <el-menu active-text-color="#2eaafa" :default-openeds="['1']">
  20. <el-menu-item class="ellipsis" title="检验专业代码" index="1-0">
  21. <img src="../images/icon_jianchazhuanyedaima-weidianji.png" alt=""> 检验专业代码</el-menu-item>
  22. <el-menu-item class="ellipsis" title="检验专业分类" index="1-1">
  23. <img src="../images/icon-JIANYANZHUANYEFENLEI.png" alt=""> 检验专业分类</el-menu-item>
  24. </el-aside>      
  25. <el-main style="height: 100%;overflow: hidden;">
  26. <div class="flex">
  27. <span id="searchtext"> 字典项:</span>
  28. <el-input placeholder="请输入内容" id="typeSearch" v-model="searchKey">
  29. </el-input>
  30. </div>
  31. <el-table :data="tableData" border style="width: 100%" :data.native="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)">
  32. <el-table-column prop="CV08.50.301" label="序号">
  33. </el-table-column>
  34. <el-table-column prop="STD_MEDICINE" label="值域编码">
  35. </el-table-column>
  36. <el-table-column prop="STD_CHECK_ITEM" label="值域名称">
  37. </el-table-column>
  38. </el-table>
  39. <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
  40. :page-sizes="pageSizeArr" :page-size="pageSize" layout="total,sizes,prev, pager, next, jumper"
  41. :total="total">
  42. </el-pagination>
  43. </el-main>
  44. </el-container>
  45. </div>
  46. <script>
  47. window.noUse = true
  48. </script>
  49. <script src="../../../js/post.js"></script>
  50. <script src="../../../js/api/bigDataOut-api.js"></script>
  51. <script>
  52. new Vue({
  53. el: "#app",
  54. data: function () {
  55. return {
  56. currentPage: 1, //初始页
  57. pageSize: 10, // 每页的数据
  58. pageSizeArr: [10, 20, 30, 50],
  59. searchKey: '',
  60. total: 50,
  61. tableData: []
  62. }
  63. },
  64. mounted: function () {
  65. this.getData()
  66. },
  67. methods: {
  68. handleCurrentChange: function (val) {
  69. this.currentPage = val;
  70. this.getData()
  71. },
  72. handleSizeChange: function (val) {
  73. this.pageSize = val;
  74. this.initData()
  75. },
  76. initData: function () { //初始化
  77. this.currentPage = 1;
  78. this.getData()
  79. },
  80. searchClick: function () {
  81. this.initData()
  82. },
  83. getData: function () {
  84. var vm = this;
  85. var params = {
  86. code:"CV04.10.015"
  87. }
  88. // GlobalEventBus.$emit('setLoading', {
  89. // loading: true
  90. // }); //等待效果
  91. bigDataOutApi.lastDictItem(params).then(function (res) {
  92. console.log(res)
  93. GlobalEventBus.$emit('setLoading');
  94. vm.tableData = res.detailModelList;
  95. vm.total = res.totalCount;
  96. }).catch(function (err) {
  97. console.log(err)
  98. GlobalEventBus.$emit('setLoading');
  99. })
  100. },
  101. }
  102. })
  103. </script>
  104. </body>
  105. </html>