fd_dwgz_zhyw_nx/src/views/nxReport/scrbTest/index.vue

<template>
  <div class="scrbReportNew">
    <div class="scrbReportNewBtn">
      <el-button round size="mini" class="searchColor" @click="swithTab">数据回填</el-button>
    </div>
    <el-tabs v-model="activeTab" style="width: 100%">
      <el-tab-pane label="生产日报" name="1">
        <div style="height: 100%">
          <iframe
            :src="url"
            width="100%"
            height="100%"
            frameborder="0"
            scrolling="auto"
          ></iframe>
        </div>
      </el-tab-pane>
      <el-tab-pane label="数据回填" name="2">
        <scrbCallback />
      </el-tab-pane>
    </el-tabs>
  </div>
  
</template>
<script>
import scrbCallback from "./scrbCallback.vue"
export default {
  components: {
    scrbCallback
  },
  data() {
    return {
      activeTab: "1",
      url:
        process.env.VUE_APP_REPORT2 +
        "/jmreport/shareView/1173531983233916928?shareToken=5b2be81b2764d5abe36ae0989b80a2c5",
    };
  },
  methods: {
    swithTab() {
      this.activeTab = '2'
    }
  }
};
</script>
<style lang="less">
.scrbReportNew{
  width: 100%;
  height: 100%;
  .el-tabs{
    .el-tabs__content{
      .el-tab-pane{
        height: calc(100vh - 50px);
      }
    }
  }
  .scrbReportNewBtn{
    position: absolute;
    right: 20px;
    z-index: 11111;
    .searchColor {
      background-color: rgba(5, 187, 76, 0.2);
      border: 1px solid #3b6c53;
      color: #b3b3b3;
      font-size: 14px;
      margin-left: 10px;
      &:hover {
        background-color: rgba(5, 187, 76, 0.5);
        color: #ffffff;
      }
    }
  }
}
</style>