fj-dc-ui/.svn/pristine/54/548a324b9e03a84df1a75b306a5bef498336f6d1.svn-base

<template>

    <el-container style="height:100%;">

        <el-header style="padding-top:10px;height:85px;">
            <el-form :inline="true" size="mini" class="demo-form-inline" style="padding-left: 10px;">
                <el-form-item label="督查对象类别">
                    <el-select v-model="currentDCType" placeholder="请选择督查对象类别" style="margin-left:10px;margin-right:15px">
                        <el-option
                        v-for="item in DCTypeOption"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="机构">
                    <el-select v-model="currentDcTermId" placeholder="请选择机构" style="margin-left:10px;margin-right:15px">
                        <el-option
                        v-for="item in DCTermOption"
                        :key="item.id"
                        :label="item.nm"
                        :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="督查状态">
                    <el-select v-model="dcType" clearable placeholder="督查状态" style="margin-left:10px;margin-right:15px">
                        <el-option label="未督查" value="0"></el-option>
                        <el-option label="督查中" value="1"></el-option>
                        <el-option label="已督查" value="2"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="地市">
                    <addvSearch
                        style="width: 200px;margin-left:10px;margin-right:15px"
                        v-model="province"
                        :maxHeight='300'
                        :maxWidth='250'
                        :rootAddCode='"000000000000"'
                        :level='"1"'
                        :nameOrCode="'name'"
                    ></addvSearch>
                </el-form-item>
                <el-form-item label="选择月份">
                    <el-date-picker
                        style="width: 130px;margin-left:10px"
                        v-model="monthValue"
                        value-format="yyyy-MM"
                        type="month"
                        placeholder="选择月份">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="督查部门">
                  <el-input v-model="leadDep" placeholder="请输入督查部门" style="width:150px;" :clearable="true"></el-input>
                </el-form-item>
                <el-button type="primary" icon="el-icon-download" style="float:right;margin-left:10px;" plain @click="exportExecl">导出</el-button>
                <el-button type="primary" icon="el-icon-search" style="float:right;margin-left:10px;" plain @click="searchExecl">查询</el-button>
            </el-form>

        </el-header>

        <el-main id="dcjhMain" :body-style="{'padding':'0'}">
            <div :style="{'height':dxdcMainHeight + 'px','padding':'0','width':'100%','overflow':'hidden'}" v-loading="loading">
                <iframe ref="myIframe" id="frameMainDcjh" src="" frameborder="0" width="100%" height="100%" style="overflow: auto"></iframe>
            </div>
        </el-main>


</el-container>
</template>
<script>

import request from '../../../utils/gw_ajax_request.js';
import {getPersPlanType} from "@api/duChaPlan.js";
// import addvSearch from "../../widgets/addvSearch.vue"
import addvSearch from "../../../widgets/addvSearch.vue"
export default {
    props: [],
    components: {
        addvSearch
    },
    data() {
        return {
            currentDCType:'', // ptype
            DCTypeOption:[],
            currentDcTermId:'', // pid
            DCTermOption:[],
            loading:true,
            reportSrc:'/JsReport/reportFiles/reportjsp/showReport.jsp?raq=dcjh_Sheet1.raq',
            excelName:'督查计划表',
            sttm:'',
            ettm:'',
            dxdcMainHeight: window.innerHeight-165,
            windowHeight:window.innerHeight - 165,
            windowWidth:window.innerWidth - 10,
            monthValue:'',
            leadDep:'',
            province:'',
            dcType: '1', // 督查状态
        }

    },

    computed:{
        userId:function(){
            return localStorage.getItem("userid")? localStorage.getItem("userid"): '1098101939614724096'
        }
    },
    watch:{
        currentDCType:function(){
            // this.searchExecl()
        },
        currentDcTermId:function(){
            // this.searchExecl()
        },
        sttm(n,o){
            if(n == null){
                this.sttm =  "";
            }
        },
        ettm(n,o){
            if(n == null){
                this.ettm =  "";
            }
        },
        monthValue(n,o){
            if(n == null){
                this.monthValue = "";
            }
        }
    },
    mounted(){
      this.getUserPlanType();
    },
    methods:{
        getUserPlanType:function(){
            getPersPlanType(this.userId).then(res =>{
                this.DCTypeOption = res.data;
                this.DCTypeOption.forEach((option)=>{
                    // option['value'] = Number(option['id']) + '';
                    option['value'] = option['id'];
                    option['label'] = option['name'];
                });
                this.DCTypeOption.unshift({'value':'','label':'全部'});
                this.currentDCType = this.DCTypeOption[0].value;
                this.getOrgOption();
            });
        },
        getOrgOption(){
            request.get('/dc/bis/insp/org/getOrgList').then((res)=>{
                if(res.success){
                    this.DCTermOption = res.data;
                    this.DCTermOption.forEach((option)=>{
                        // option['value'] = Number(option['id']) + '';
                        option['id'] = option['orgId'];
                        option['nm'] = option['orgNm'];
                    });
                    // this.DCTermOption.unshift({'id':'','nm':'全部'});
                    this.currentDcTermId = this.DCTermOption.length>0?this.DCTermOption[0].id:'';
                    this.searchExecl();
                }
            });
        },
        // 获取Excel数据
        searchExecl(){
            this.loading = true;
            let _this = this;
            let iframe = document.getElementById("frameMainDcjh");
            let src = this.reportSrc;
            iframe.src= src
                + "&width=" + this.windowWidth
                + "&height=" + this.windowHeight
                + "&excelName=" + this.excelName
                + "&sttm=" + this.sttm
                + "&ettm=" + this.ettm
                + "&ptype=" + this.currentDCType
                + "&pid=" + this.currentDcTermId
                + "&persid=" + this.userId
                + "&dt=" + this.monthValue
                + "&adnm=" + this.province
                + "&dcType=" + this.dcType
                + "&leadDep =" + this.leadDep

            if (iframe.attachEvent){
                iframe.attachEvent("onload", function(){
                    _this.loading = false;
                });
            } else {
                iframe.onload = function(){
                    _this.loading = false;
                };
            }

        },
        // 导出Excel数据
        exportExecl(){
            v = window.frames["frameMainDcjh"];
            v.contentWindow.report1_saveAsExcel();
        },
    },
    activated() {
        this.getUserPlanType();
    }
}
</script>
<style>

#dcjhMain {
    overflow: hidden;
    padding:0;
}

</style>