front/src/views/career/bigdataSelectCourse/personalSelectCourseReport.vue

<template>
  <div>
    <div id="app" class="theme1">
      <div>
        <div class="red">
          <!--          <img id="firstImg" src="@/assets/filp/img/wKgCHmBAUiKAB8fDAAbCzSqoUDE455.png"-->
          <!--                              style="position: absolute; width: 0px; height: 0px; top: 0px; left: 0px; overflow: hidden;"-->
          <!--        >-->
          <div class="top">
            <div class="nav">
              <div class="nav-left"></div>
              <div class="nav-mid"></div>
              <div class="nav-right"></div>
            </div>
            <h3 class="title">高三第一轮复习周测卷（新高考版）</h3></div>
          <div class="center">
            <div class="center-bg">
              <div class="center-bg-item">
                <div class="bg-left"></div>
                <div class="bg-right"></div>
                <div class="bg-center"></div>
              </div>
              <div class="center-bg-item">
                <div class="bg-left"></div>
                <div class="bg-right"></div>
                <div class="bg-center"></div>
              </div>
              <div class="center-bg-item">
                <div class="bg-left"></div>
                <div class="bg-right"></div>
                <div class="bg-center"></div>
              </div>
              <div class="center-bg-item">
                <div class="bg-left"></div>
                <div class="bg-right"></div>
                <div class="bg-center"></div>
              </div>
              <div class="center-bg-item">
                <div class="bg-left"></div>
                <div class="bg-right"></div>
                <div class="bg-center"></div>
              </div>
            </div>
            <div class="center-content">
              <div class="center-content-row" >
                <div class="center-content-item">
                  <div class="el-image" @click="goReportDemoOnline"><img src="@/assets/filp/img/wKgCHmBATfWARB1_ABR5HUuOgjc055.png"
                                             class="el-image__inner"
                  ><!----></div>
                  <div class="content-text">选科报告</div>
                </div>
                <div class="center-content-item">
                  <div class="el-image" @click="goStudyReportDemoOnline"><img src="@/assets/filp/img/wKgCHmBATgaARm_yAAbCzSqoUDE090.png"
                                             class="el-image__inner"
                  ><!----></div>
                  <div class="content-text">学情报告</div>
                </div>
<!--                <div class="center-content-item">-->
<!--                  <div class="el-image"><img src="@/assets/filp/img/wKgCHmBAThGAY7a0AAbXI4s64s0156.png"-->
<!--                                             class="el-image__inner"-->
<!--                  >&lt;!&ndash;&ndash;&gt;</div>-->
<!--                  <div class="content-text">数学</div>-->
<!--                </div>-->
<!--                <div class="center-content-item">-->
<!--                  <div class="el-image"><img src="@/assets/filp/img/wKgCHmBAThuAJtOPAAbB3yEwvUE153.png"-->
<!--                                             class="el-image__inner"-->
<!--                  >&lt;!&ndash;&ndash;&gt;</div>-->
<!--                  <div class="content-text">英语</div>-->
<!--                </div>-->
<!--                <div class="center-content-item">-->
<!--                  <div class="el-image"><img src="@/assets/filp/img/wKgCHmBATiyAKlBNAAbQ_6p9UPA825.png"-->
<!--                                             class="el-image__inner"-->
<!--                  >&lt;!&ndash;&ndash;&gt;</div>-->
<!--                  <div class="content-text">物理</div>-->
<!--                </div>-->
<!--                <div class="center-content-item">-->
<!--                  <div class="el-image"><img src="@/assets/filp/img/wKgCHmBATkKACxsZAAa__dNf5V8677.png"-->
<!--                                             class="el-image__inner"-->
<!--                  >&lt;!&ndash;&ndash;&gt;</div>-->
<!--                  <div class="content-text">化学</div>-->
<!--                </div>-->
<!--                <div class="center-content-item">-->
<!--                  <div class="el-image"><img src="@/assets/filp/img/wKgCHmBATkyAAfX4AAbCuaEOd-Y936.png"-->
<!--                                             class="el-image__inner"-->
<!--                  >&lt;!&ndash;&ndash;&gt;</div>-->
<!--                  <div class="content-text">生物</div>-->
<!--                </div>-->
<!--                <div class="center-content-item">-->
<!--                  <div class="el-image"><img src="@/assets/filp/img/wKgCHmBATliARvLSAAbOtdnQ3GA561.png"-->
<!--                                             class="el-image__inner"-->
<!--                  >&lt;!&ndash;&ndash;&gt;</div>-->
<!--                  <div class="content-text">政治</div>-->
<!--                </div>-->
<!--                <div class="center-content-item">-->
<!--                  <div class="el-image"><img src="@/assets/filp/img/wKgCHmBATmWAfgP6AAa9JkHaJSE114.png"-->
<!--                                             class="el-image__inner"-->
<!--                  >&lt;!&ndash;&ndash;&gt;</div>-->
<!--                  <div class="content-text">历史</div>-->
<!--                </div>-->
<!--                <div class="center-content-item">-->
<!--                  <div class="el-image"><img src="@/assets/filp/img/wKgCHmBATnCAQqkHAAa1pkCK5CQ757.png"-->
<!--                                             class="el-image__inner"-->
<!--                  >&lt;!&ndash;&ndash;&gt;</div>-->
<!--                  <div class="content-text">地理</div>-->
<!--                </div>-->
              </div>
            </div>
          </div>
          <div class="bottom"><span class="footer-num">10</span>
          </div>
        </div>
      </div>
    </div>
    <div class="ivu-loading-bar" style="height: 2px; display: none;">
      <div class="ivu-loading-bar-inner ivu-loading-bar-inner-color-primary" style="width: 0%; height: 2px;"></div>
    </div>
  </div>
</template>

<script>

import '@/assets/filp/style/chunk-cac90f3e.4cffd0b2.css'
export default {
  data() {
    return {}
  },
  methods:{
    goReportDemoOnline() {
      const path = 'https://online.fliphtml5.com/jkrou/ybov/'
      window.open(path)
    },
    goStudyReportDemoOnline() {
      const path = 'https://online.fliphtml5.com/jkrou/hjig/'
      window.open(path)
    },
  }
}
</script>

<style scoped>

</style>