fj-dc-ui/.svn/pristine/d2/d203bf53b2bf246cb5614a1275bb61e0a1380ba7.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 request from "../../utils/gw_ajax_request.js"
import report_ry2 from "./report_ry2.vue"
import report_ry3 from "./report_ry3.vue"
import report_ry4 from './report_ry4.vue'
import report_ry5 from './report_ry5.vue'
import report_ry6 from './report_ry6.vue'
import report_ry7 from './report_ry7.vue'
import report_ry8 from './report_ry8.vue'
  export default {
    components: {
        'report_ry2':report_ry2,
        'report_ry3':report_ry3,
        'report_ry4':report_ry4,
        'report_ry5':report_ry5,
        'report_ry6':report_ry6,
        'report_ry7':report_ry7,
        'report_ry8':report_ry8,
    },
    props: [],

    data() {
      return {
         options: [{
          value: 'report_ry2',
          label: '附表1-暗访调研行政村统计表'
        }, {
          value: 'report_ry3',
          label: '附表2-村内农村饮水工程设施运行维护情况表及主要指标'
        }, {
          value: 'report_ry4',
          label: '附表3-用水户情况表'
        }, {
          value: 'report_ry5',
          label: '附表4-农村饮水工程运行管理情况表'
        }, {
          value: 'report_ry6',
          label: '附表5-千人以上供水工程水源地保护情况表'
        },{
          value: 'report_ry7',
          label: '附表6-管理责任体系落实情况表填表说明'
        },
        // {
        //   value: 'report_ry8',
        //   label: '附表7-人饮暗访调研报告参考提纲（分省）'
        // }
        ],
        value: '',
        currentViewId:'附表1-暗访调研行政村统计表',
        showTable:true,
        currentNodeType:'',
      }
    },
    computed:{
      persId(){
        return localStorage.getItem("userid")? localStorage.getItem("userid"): '1098101939614724096'
      }
    },
    mounted() {

    },

    watch: {

    },

    methods: {
      
    },

  }

</script>

<style>

</style>