fj-dc-ui/.svn/pristine/ce/cec48ab8cf168bcbc42cae5aca6b2032d1ebf50b.svn-base

<template>
  <div>
    <el-container>
      <el-container>
        <el-main id="dxdcListMain" style="padding:5px 20px;">
          <el-tabs v-model="currentViewId" type="card">
            <el-tab-pane :label="option.label" :name="option.label" v-for="option in options" :key="option.value">
              <component v-if="showTable" :is="option.value">
              </component>
            </el-tab-pane>
          </el-tabs>
        </el-main>
      </el-container>
    </el-container>
    <!-- 添加/编辑人员弹窗 -->
  </div>
</template>

<script>
  import report_sh2 from "./report_sh2.vue"
  import report_sh7 from "./report_sh7.vue"
  export default {
    components: {
      'report_sh2': report_sh2,
      'report_sh7': report_sh7,
    },
    props: [],

    data() {
      return {
        options: [
          {
            value: 'report_sh2',
            label: '附件4-防洪工程设施水毁修复监督检查问题汇总表'
          },
          {
            value: 'report_sh7',
            label: '附件9-防洪工程水毁修复监督检查开展情况统计表'
          }
        ],
        value: '',
        currentViewId: '附件4-防洪工程设施水毁修复监督检查问题汇总表',
        showTable: true,
        currentNodeType: '',
      }
    },
    computed: {
      persId() {
        return localStorage.getItem("userid") ? localStorage.getItem("userid") : '1098101939614724096'
      }
    },
    mounted() {

    },

    watch: {

    },

    methods: {

    },

  }

</script>

<style>

</style>