tableChange.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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/tableChange.css">
  10. </head>
  11. <body>
  12. <div id="app">
  13. <!-- tab切换 -->
  14. <div class="nav">
  15. <template>
  16. <el-radio-group v-model="tabPosition" style="margin-bottom: 30px;" class="tabNav">
  17. <el-radio-button label="top" @click.native='handleChangeView("A")'>频繁就医</el-radio-button>
  18. <el-radio-button label="right" @click.native='handleChangeView("B")'>超高费用</el-radio-button>
  19. <el-radio-button label="bottom" @click.native='handleChangeView("C")'>重复检查检验</el-radio-button>
  20. <el-radio-button label="left" @click.native='handleChangeView("D")'>用药分析</el-radio-button>
  21. </el-radio-group>
  22. </template>
  23. </div>
  24. <div class="main">
  25. <component :is="currentView"></component>
  26. </div>
  27. </div>
  28. <script>
  29. window.noUse=true
  30. </script>
  31. <script src="../../../js/post.js"></script>
  32. <script src="../js/handleChangeViewA.js"></script>
  33. <script src="../js/handleChangeViewB.js"></script>
  34. <script src="../js/handleChangeViewC.js"></script>
  35. <script src="../js/handleChangeViewD.js"></script>
  36. <script src="../../../js/api/bigDataOut-api.js"></script>
  37. <script>
  38. new Vue({
  39. el: "#app",
  40. methods: {
  41. handleClick:function(row) {
  42. console.log(row);
  43. },
  44. },
  45. data:function() {
  46. return {
  47. tabPosition: 'top',
  48. currentView: 'comA',
  49. }
  50. },
  51. methods: {
  52. handleChangeView: function (component) {
  53. this.currentView = 'com' + component;
  54. }
  55. }
  56. })
  57. </script>
  58. </body>
  59. </html>