学情报告

src/views/bigdatastudy/study/report.vue

@@ -0,0 +1,142 @@
+<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="report-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"-->
+<!--                  >&lt;!&ndash;&ndash;&gt;</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>

src/views/career/bigdataSelectCourse/personalSelectCourseReport.vue

@@ -49,12 +49,12 @@
                   ><!----></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" @click="goStudyReportDemoOnline"><img src="@/assets/filp/img/wKgCHmBATgaARm_yAAbCzSqoUDE090.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/wKgCHmBAThGAY7a0AAbXI4s64s0156.png"-->
 <!--                                             class="el-image__inner"-->