b341f921577dcc525de177778490b3ec92736c8c.svn-base 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <template>
  2. <div>
  3. <el-container>
  4. <el-container>
  5. <el-main id="dxdcListMain" style="padding:5px 20px;" >
  6. <el-tabs v-model="currentViewId" type="card" >
  7. <el-tab-pane :label="option.label" :name="option.label" v-for="option in options" :key="option.value">
  8. <component v-if="showTable" :is="option.value">
  9. </component>
  10. </el-tab-pane>
  11. </el-tabs>
  12. </el-main>
  13. </el-container>
  14. </el-container>
  15. <!-- 添加/编辑人员弹窗 -->
  16. </div>
  17. </template>
  18. <script>
  19. import request from "../../../utils/gw_ajax_request.js"
  20. import report1 from "../fujian/reportIndexFj2021.vue"
  21. import report2 from "../fujian/reportIndexFj2021Gn.vue"
  22. export default {
  23. components: {
  24. report1,
  25. report2
  26. },
  27. props: [],
  28. data() {
  29. return {
  30. options: [{
  31. value: 'report1',
  32. label: '小型水库安全运行专项检查情况统计表'
  33. }, {
  34. value: 'report2',
  35. label: '小型水库安全运行专项检查情况统计表(按功能类型分)'
  36. }
  37. ],
  38. value: '',
  39. currentViewId:'小型水库安全运行专项检查情况统计表',
  40. showTable:true,
  41. currentNodeType:'',
  42. }
  43. },
  44. computed:{
  45. persId(){
  46. return localStorage.getItem("userid")? localStorage.getItem("userid"): '1098101939614724096'
  47. }
  48. },
  49. mounted() {
  50. },
  51. watch: {
  52. },
  53. methods: {
  54. },
  55. }
  56. </script>
  57. <style>
  58. </style>