fj-dc-ui/.svn/pristine/b4/b4a7637eeb7d78b0e6f22f9b04cb414bd243a831.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:0px 0px;" :style="{'height' : tableHeight + 'px'}" >
                        <iframe id="iframeEle" :src="tableSrc + '&pcid=' + addForm.batch + '&year=' + addForm.year + '&bgType='+bgType+ '&currentRlcode='+currentRlcode+ '&width=1920&height=592'" 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 summary from './summary'
import request from "@util/gw_ajax_request"
export default {
    data(){
        return{
            tableHeight: window.innerHeight - 220,
            activeName: 'summary',
            showReport: false,
            tabList:[
              {label: '稽察情况汇总',value: 'summary'},
              {label: '人员组成情况',value: 'membership'},
              {label: '稽察问题统计',value: 'problemSummary'},
              {label: '严重问题汇总',value: 'seriousProblemReport'},
              {label: '较重问题汇总',value: 'heavierProblemReport'},
              {label: '一般问题汇总',value: 'commonProblemReport'},
              {label: '追责情况统计',value: 'AccountabilityReport'},
              // {label: '度汛问题汇总',value: 'floodReport'},
              // {label: '农民工工资问题汇总',value: 'salaryReport'}
            ],
            addForm:{
                year: '',
                batch: '',
                persId: localStorage.getItem("userid")
            },
            yearList:[],
            pcList: [],
            tableSrc: '/demo/reportJsp/showReport.jsp?rpx=jc_qkhz_01.rpx',
            pcid: '',
            year: '',
            bgType:'0',
            currentRlcode: localStorage.getItem('currentRlcode')
        }
    },
    components:{
        summary,
    },
    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 == 'summary'){
                this.tableSrc = '/demo/reportJsp/showReport.jsp?rpx=jc_qkhz_01.rpx'
            }else if(val == 'membership'){
                this.tableSrc = '/demo/reportJsp/showReport.jsp?rpx=jc_ryzc_02.rpx'
            }else if(val == 'problemSummary'){
                this.tableSrc = '/demo/reportJsp/showReport.jsp?rpx=jc_wttj_03.rpx'
            }else if(val == 'seriousProblemReport'){
                this.tableSrc = '/demo/reportJsp/showReport.jsp?rpx=jc_yzwt_04.rpx'
            }else if(val == 'heavierProblemReport'){
                this.tableSrc = '/demo/reportJsp/showReport.jsp?rpx=jc_jzwt_05.rpx'
            }else if(val == 'commonProblemReport'){
                this.tableSrc = '/demo/reportJsp/showReport.jsp?rpx=jc_ybtj_06.rpx'
            }else if(val == 'AccountabilityReport'){
              this.tableSrc = `/demo/reportJsp/showReport.jsp?rpx=jc_zrdwwtsjzrqktj_07.rpx`
            }else if(val == 'floodReport'){
              // this.tableSrc = '/demo/reportJsp/showReport.jsp?rpx=jc_qkhz_01.rpx'
            }else if(val == 'salaryReport'){
              // this.tableSrc = '/demo/reportJsp/showReport.jsp?rpx=jc_qkhz_01.rpx'
            }
        }
    }
}
</script>

<style lang="scss" scope>

</style>