fj-dc-ui/.svn/pristine/01/01350e3d25082376bcbef2c7ec1f8ef8a6cee13d.svn-base

<template>
    <el-container>
        <el-main>
            <div class="search_wrapper">
                <div>
                    <span class="demonstration" style="margin-right: 5px;">问题名称:</span>
                    <el-input  v-model="pblmName" placeholder="请输入" style="width:130px"></el-input>
                    <span class="demonstration" style="margin-right: 5px;margin-left: 7px">严重程度:</span>
                    <el-select v-model="inspPblmCate" clearable placeholder="请选择" style="width:130px">
                        <el-option
                        v-for="item in supervisionState"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      ></el-option>
                    </el-select>
                    <el-button type="primary" @click="serachTable">查询</el-button>
                </div>
               
                <el-button type="primary" @click="exportTable">导出</el-button>
            </div>
            <div class="show_wrapper" :style="{'height':tableHeight + 'px'}">
                <form ref="formMain" id="formMain" target="frameMain" :action="reportSrc" method="post">
                    <input type="hidden" name="width" v-model="tableWidth">
                    <input type="hidden" name="height" v-model="tableHeight">
                    <input type="hidden" name="ids" v-model="currentNodeId">
                    <input type="hidden" name="excelName" v-model="excelName">
                    <input type="hidden" name="pblmName" v-model="pblmName">
                    <input type="hidden" name="inspPblmCate" v-model="inspPblmCate">
                </form>
                <div style="width: 100%;height: 100%;" v-loading="loading">
                    <iframe ref="frameMain" id="frameMain" name="frameMain" src="" frameborder="0" width="100%" height="100%" style="overflow: auto"></iframe>
                </div>
            </div>
        </el-main>
    </el-container>
</template>
<script>
// import zgfc from '../../export/pageoffice/jc/zhenggaifankui/zgfk.vue'
export default {
    data(){
        return{
            reportSrc:'/demo/reportJsp/showReport.jsp?rpx=jc_question_tz',
            loading:false,
            tableWidth: window.innerWidth - 250,
            tableHeight: window.innerHeight - 250,
            currentNodeId:'test',
            excelName:'水利稽察发现问题整改台账',
            pblmName:'',
            inspPblmCate:'',
            supervisionState: [
                {
                    value: "0",
                    label: "一般"
                },
                {
                    value: "1",
                    label: "较重"
                },
                {
                    value: "2",
                    label: "严重"
                },
                {
                    value: "3",
                    label: "特别严重"
                }
            ],
        }
    },
    components:{

    },
    methods:{
        serachTable(){
            let _this = this;
            this.$refs.formMain.submit();
            this.$refs.frameMain.onload = function(){
                _this.loading = false;
            };
        },
        exportTable(){
            let v = window.frames["frameMain"];
            v.report1_saveAsWord();
        }
        
    },
    activated() {
        this.serachTable();
    }
}
</script>

<style lang="scss" scope>
    .search_wrapper{
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .footer_btn{
        text-align: right;
    }
    .show_wrapper{
        border:1px solid gray;
        width:100%;
        overflow: auto;
    }
</style>