fj-dc-ui/.svn/pristine/2d/2d4a86e41fb3bf01c70a008d834cf098969f8688.svn-base

<template>
    <el-container>
        <el-main>
            <!--<el-form :inline="true" size="mini" class="demo-form-inline">-->
                <!--<el-form-item label="选择阶段">-->
                    <!--<el-select v-model="bgType" clearable placeholder="请选择">-->
                        <!--<el-option label="专家(交换意见稿)" value="0"></el-option>-->
                        <!--<el-option label="交换意见阶段" value="4"></el-option>-->
                        <!--<el-option label="成果讨论阶段" value="5"></el-option>-->
                        <!--<el-option label="中心修改阶段" value="6"></el-option>-->
                        <!--<el-option label="司局修改阶段" value="7"></el-option>-->
                    <!--</el-select>-->
                <!--</el-form-item>-->
                <!--<el-form-item label="选择年度">-->
                    <!--<el-select v-model="addForm.year" @change="changeYear" clearable>-->
                    <!--<el-option :lable="item.year" :value="item.year" :key="item.id" v-for="item in yearList"></el-option>-->
                    <!--</el-select>-->
                <!--</el-form-item>-->
                <!--<el-form-item label="选择批次">-->
                    <!--<el-select v-model="addForm.batch" clearable>-->
                    <!--<el-option :lable="item.batch" :value="item.batch" :key="item.id" v-for="item in pcList"></el-option>-->
                    <!--</el-select>-->
                <!--</el-form-item>-->
                <!--<el-form-item label="">-->
                    <!--<el-button type="primary" @click="search">确定</el-button>-->
                <!--</el-form-item>-->
            <!--</el-form>-->
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane v-for="(item,index) in tabList" :key="index" :label="item.label" :lazy="true" :name="item.value">
                    <div v-if="showReport" style="width:100%;padding:0;" :style="{'height' : tableHeight + 'px'}" >
                        <iframe id="iframeEle" :src="tableSrc + '&pcid=' + addForm.batch + '&year=' + addForm.year + '&bgType='+bgType+'&width=1920&height=592&scroll=yes'" frameborder="0" width="100%" height="100%" style="overflow: auto"></iframe>
                    </div>
                    <!-- <component :is="'summary'" :tableSrc="tableSrc" :pcid="pcid" :year="year"></component> -->
                </el-tab-pane>
            </el-tabs>
        </el-main>
    </el-container>
</template>
<script>
import rsvrCorrectionSummary from './correctionSummary'
import wagaCorrectionSummary from './correctionSummary'
import cwsCorrectionSummary from './correctionSummary'
import swhsCorrectionSummary from './correctionSummary'
import sdCorrectionSummary from './correctionSummary'
import request from "@util/gw_ajax_request"
export default {
    data(){
        return{
            tableHeight: window.innerHeight - 220,
            activeName: 'rsvrCorrectionSummary',
            showReport: false,
            tabList:[
                {label: '水库纠错汇总',value: 'rsvrCorrectionSummary'},
                {label: '水闸纠错汇总',value: 'wagaCorrectionSummary'},
                {label: '饮水工程纠错汇总',value: 'cwsCorrectionSummary'},
                {label: '水源地纠错汇总',value: 'swhsCorrectionSummary'},
                {label: '淤地坝纠错汇总',value: 'sdCorrectionSummary'}
            ],
            addForm:{
                year: '',
                batch: '',
                persId: localStorage.getItem("userid")
            },
            yearList:[],
            pcList: [],
            tableSrc: '/demo/reportJsp/showReport.jsp?rpx=rsvr.rpx',
            pcid: '',
            year: '',
            bgType:'0',
        }
    },
    components:{
        rsvrCorrectionSummary,
        wagaCorrectionSummary,
        cwsCorrectionSummary,
        swhsCorrectionSummary,
        sdCorrectionSummary
    },
    mounted(){
        this.$nextTick(()=>{
            this.getYearPc();
            this.search()
        })
    },
    methods:{
        async getYearPc(){
            await request.post(`/tac/insp/year/list`,{}).then(res =>{
                if(res.success){
                    this.$nextTick(() =>{
                        this.yearList = res.data;
                        // this.addForm.year = this.yearList[0].year
                        this.showReport = true
                    })
                }
            })
            request.post(`/tac/insp/batch/list`,{}).then(res =>{
                if(res.success){
                    this.pcList = res.data;
                    // this.addForm.batch = this.pcList[0].batch
                }
            })
        },
        search(){
            let iframe = document.getElementById('iframeEle')
            let src = this.tableSrc
            iframe.src = src
            + '&width=1920&height=592'
            + '&pcid=' + this.addForm.batch
            + '&year=' + this.addForm.year
        },
        changeYear(){},
        handleClick(){}
    },
    watch:{
        activeName(val){
            if(val == 'rsvrCorrectionSummary'){
                this.tableSrc = '/demo/reportJsp/showReport.jsp?rpx=rsvr.rpx'
            }else if(val == 'wagaCorrectionSummary'){
                this.tableSrc = '/demo/reportJsp/showReport.jsp?rpx=waga.rpx'
            }else if(val == 'cwsCorrectionSummary'){
                this.tableSrc = '/demo/reportJsp/showReport.jsp?rpx=cws.rpx'
            }else if(val == 'swhsCorrectionSummary'){
                this.tableSrc = '/demo/reportJsp/showReport.jsp?rpx=swhs.rpx'
            }else if(val == 'sdCorrectionSummary'){
                this.tableSrc = '/demo/reportJsp/showReport.jsp?rpx=sd.rpx'
            }
        }
    }
}
</script>

<style lang="scss" scope>

</style>