fj-dc-ui/.svn/pristine/1a/1adc501138ff2bb36be8c2fa5c6292f690f89ffc.svn-base

<template>
  <el-row>
    <el-col :span="24">
      <el-card :body-style="{'padding-top':'10px'}">
        <div class="block">
          <el-button
            type="primary"
            icon="el-icon-download"
            style="float: right;margin:0 5px"
            @click="exportExecl"
          >导出</el-button>
          <el-button
            type="primary"
            icon="el-icon-search"
            style="float: right;margin:0 5px"
            @click="searchExecl"
          >查询</el-button>
        </div>
      </el-card>
      <el-card :body-style="{'height':dxdcMainHeight + 'px','padding':'0'}">
        <form ref="formMain" id="formMain" target="frameMain" :action="reportSrc" method="post">
          <input type="hidden" name="width" v-model="windowWidth" />
          <input type="hidden" name="height" v-model="windowHeight" />
          <input type="hidden" name="ids" v-model="ids" />
          <input type="hidden" name="excelName" v-model="excelName" />
          <input type="hidden" name="dt" v-model="monthValue" />
          <input type="hidden" name="sttm" v-model="sttm" />
          <input type="hidden" name="ettm" v-model="ettm" />
        </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>
      </el-card>
    </el-col>
  </el-row>
</template>

<script>
import request from "@util/gw_ajax_request.js";
import { dateFormat } from "@util/gw_date.js";

export default {
  components: {},
  props: ["ids"],
  data() {
    return {
      pid: "000",
      pidNodes: [],
      type: "006",
      dxdcMainHeight: window.innerHeight - 200,
      dxdcAsideHeight: window.innerHeight - 180,
      windowHeight: window.innerHeight - 200,
      windowWidth: window.innerWidth - 350,
      reportSrc:
        "/demo/reportJsp/showReport.jsp?rpx=FFCS",
      radioTable: 1,
      loading: true,
      leftCol: 4,
      rightCol: 20,
      excelName: "非法采砂问题核查汇总表",
      monthValue: dateFormat(new Date(), "yyyy-MM"),
      sttm: "",
      ettm: "",
      treeWidth: 250
    };
  },
  mounted() {},
  computed: {
    userId: function() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    }
  },
  methods: {
    // 获取Excel数据
    searchExecl() {
      this.loading = true;
      // 使用form表单post提交，彻底解决参数值过长的问题
      this.$refs.formMain.submit();
      // 使用_this
      let _this = this;
      this.$refs.frameMain.onload = function() {
        _this.loading = false;
      };
    },
    // 导出Excel数据
    exportExecl() {
      v = window.frames["frameMain"];
      v.report1_saveAsExcel();
    }
  },
  watch: {
    monthValue(n, o) {
      if (n == null) {
        this.monthValue = "";
      }
    },
    sttm(n, o) {
      if (n == null) {
        this.sttm = "";
      }
    },
    ettm(n, o) {
      if (n == null) {
        this.ettm = "";
      }
    }
  },
  activated() {
    this.searchExecl();
  }
};
</script>

<style scoped>
</style>