diff --git a/src/assets/img/data/customer.jpg b/src/assets/img/data/customer.jpg
deleted file mode 100644
index 69cb274..0000000
Binary files a/src/assets/img/data/customer.jpg and /dev/null differ
diff --git a/src/assets/img/data/index0.png b/src/assets/img/data/index0.png
deleted file mode 100644
index f23d9fc..0000000
Binary files a/src/assets/img/data/index0.png and /dev/null differ
diff --git a/src/assets/img/data/index1.png b/src/assets/img/data/index1.png
deleted file mode 100644
index 6105dc0..0000000
Binary files a/src/assets/img/data/index1.png and /dev/null differ
diff --git a/src/assets/img/data/index10.png b/src/assets/img/data/index10.png
deleted file mode 100644
index f063dc8..0000000
Binary files a/src/assets/img/data/index10.png and /dev/null differ
diff --git a/src/assets/img/data/index11.png b/src/assets/img/data/index11.png
deleted file mode 100644
index 075dbb6..0000000
Binary files a/src/assets/img/data/index11.png and /dev/null differ
diff --git a/src/assets/img/data/index13.png b/src/assets/img/data/index13.png
deleted file mode 100644
index 9057046..0000000
Binary files a/src/assets/img/data/index13.png and /dev/null differ
diff --git a/src/assets/img/data/index15.png b/src/assets/img/data/index15.png
deleted file mode 100644
index 0c4d706..0000000
Binary files a/src/assets/img/data/index15.png and /dev/null differ
diff --git a/src/assets/img/data/index17.png b/src/assets/img/data/index17.png
deleted file mode 100644
index 76704be..0000000
Binary files a/src/assets/img/data/index17.png and /dev/null differ
diff --git a/src/assets/img/data/index19.png b/src/assets/img/data/index19.png
deleted file mode 100644
index 800efd5..0000000
Binary files a/src/assets/img/data/index19.png and /dev/null differ
diff --git a/src/assets/img/data/index2.png b/src/assets/img/data/index2.png
deleted file mode 100644
index 3add809..0000000
Binary files a/src/assets/img/data/index2.png and /dev/null differ
diff --git a/src/assets/img/data/index20.png b/src/assets/img/data/index20.png
deleted file mode 100644
index eedcc51..0000000
Binary files a/src/assets/img/data/index20.png and /dev/null differ
diff --git a/src/assets/img/data/index3.png b/src/assets/img/data/index3.png
deleted file mode 100644
index 15ec748..0000000
Binary files a/src/assets/img/data/index3.png and /dev/null differ
diff --git a/src/assets/img/data/index4.png b/src/assets/img/data/index4.png
deleted file mode 100644
index 3c923a3..0000000
Binary files a/src/assets/img/data/index4.png and /dev/null differ
diff --git a/src/assets/img/data/index5.png b/src/assets/img/data/index5.png
deleted file mode 100644
index c151071..0000000
Binary files a/src/assets/img/data/index5.png and /dev/null differ
diff --git a/src/assets/img/data/index6.png b/src/assets/img/data/index6.png
deleted file mode 100644
index 7bb0b89..0000000
Binary files a/src/assets/img/data/index6.png and /dev/null differ
diff --git a/src/assets/img/data/index7.png b/src/assets/img/data/index7.png
deleted file mode 100644
index afdae3e..0000000
Binary files a/src/assets/img/data/index7.png and /dev/null differ
diff --git a/src/assets/img/data/index8.png b/src/assets/img/data/index8.png
deleted file mode 100644
index ccd360a..0000000
Binary files a/src/assets/img/data/index8.png and /dev/null differ
diff --git a/src/assets/img/data/index9.png b/src/assets/img/data/index9.png
deleted file mode 100644
index 47a4761..0000000
Binary files a/src/assets/img/data/index9.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg1-1.png b/src/assets/img/data/pro-bg1-1.png
deleted file mode 100644
index aecce15..0000000
Binary files a/src/assets/img/data/pro-bg1-1.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg1-2.png b/src/assets/img/data/pro-bg1-2.png
deleted file mode 100644
index 5d548d1..0000000
Binary files a/src/assets/img/data/pro-bg1-2.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg1-3.png b/src/assets/img/data/pro-bg1-3.png
deleted file mode 100644
index 017b385..0000000
Binary files a/src/assets/img/data/pro-bg1-3.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg1-4.png b/src/assets/img/data/pro-bg1-4.png
deleted file mode 100644
index d2fad0d..0000000
Binary files a/src/assets/img/data/pro-bg1-4.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg2-1.png b/src/assets/img/data/pro-bg2-1.png
deleted file mode 100644
index 47b731e..0000000
Binary files a/src/assets/img/data/pro-bg2-1.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg2-2.png b/src/assets/img/data/pro-bg2-2.png
deleted file mode 100644
index bb84b37..0000000
Binary files a/src/assets/img/data/pro-bg2-2.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg2-3.png b/src/assets/img/data/pro-bg2-3.png
deleted file mode 100644
index 0d08007..0000000
Binary files a/src/assets/img/data/pro-bg2-3.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg3-1.png b/src/assets/img/data/pro-bg3-1.png
deleted file mode 100644
index d02fee8..0000000
Binary files a/src/assets/img/data/pro-bg3-1.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg3-2.png b/src/assets/img/data/pro-bg3-2.png
deleted file mode 100644
index 7c996e9..0000000
Binary files a/src/assets/img/data/pro-bg3-2.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg3-3.png b/src/assets/img/data/pro-bg3-3.png
deleted file mode 100644
index 8ee816b..0000000
Binary files a/src/assets/img/data/pro-bg3-3.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg3-4.png b/src/assets/img/data/pro-bg3-4.png
deleted file mode 100644
index 4b699e5..0000000
Binary files a/src/assets/img/data/pro-bg3-4.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg3-5.png b/src/assets/img/data/pro-bg3-5.png
deleted file mode 100644
index d66cdea..0000000
Binary files a/src/assets/img/data/pro-bg3-5.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg3-6.png b/src/assets/img/data/pro-bg3-6.png
deleted file mode 100644
index 7b68d41..0000000
Binary files a/src/assets/img/data/pro-bg3-6.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg3-7.png b/src/assets/img/data/pro-bg3-7.png
deleted file mode 100644
index 2e793dc..0000000
Binary files a/src/assets/img/data/pro-bg3-7.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg4-1.png b/src/assets/img/data/pro-bg4-1.png
deleted file mode 100644
index 624ecf4..0000000
Binary files a/src/assets/img/data/pro-bg4-1.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg4-2.png b/src/assets/img/data/pro-bg4-2.png
deleted file mode 100644
index 977bc2c..0000000
Binary files a/src/assets/img/data/pro-bg4-2.png and /dev/null differ
diff --git a/src/assets/img/data/pro-bg4-3.png b/src/assets/img/data/pro-bg4-3.png
deleted file mode 100644
index 9ea295c..0000000
Binary files a/src/assets/img/data/pro-bg4-3.png and /dev/null differ
diff --git a/src/assets/img/data/search.png b/src/assets/img/data/search.png
deleted file mode 100644
index 1c62bc3..0000000
Binary files a/src/assets/img/data/search.png and /dev/null differ
diff --git a/src/assets/img/data/sug.png b/src/assets/img/data/sug.png
deleted file mode 100644
index 5048935..0000000
Binary files a/src/assets/img/data/sug.png and /dev/null differ
diff --git a/src/assets/img/data/tel-1.png b/src/assets/img/data/tel-1.png
deleted file mode 100644
index 4d87ae9..0000000
Binary files a/src/assets/img/data/tel-1.png and /dev/null differ
diff --git a/src/assets/img/data/tel-2.png b/src/assets/img/data/tel-2.png
deleted file mode 100644
index e886cd0..0000000
Binary files a/src/assets/img/data/tel-2.png and /dev/null differ
diff --git a/src/assets/img/data/tel.png b/src/assets/img/data/tel.png
deleted file mode 100644
index 1ad6f00..0000000
Binary files a/src/assets/img/data/tel.png and /dev/null differ
diff --git a/src/assets/img/data/top-1.png b/src/assets/img/data/top-1.png
deleted file mode 100644
index f6c2329..0000000
Binary files a/src/assets/img/data/top-1.png and /dev/null differ
diff --git a/src/assets/img/data/top.png b/src/assets/img/data/top.png
deleted file mode 100644
index 04bca08..0000000
Binary files a/src/assets/img/data/top.png and /dev/null differ
diff --git a/src/assets/img/data/wechat-1.png b/src/assets/img/data/wechat-1.png
deleted file mode 100644
index 57e6792..0000000
Binary files a/src/assets/img/data/wechat-1.png and /dev/null differ
diff --git a/src/assets/img/data/wechat.png b/src/assets/img/data/wechat.png
deleted file mode 100644
index e47de3b..0000000
Binary files a/src/assets/img/data/wechat.png and /dev/null differ
diff --git a/src/assets/video/sky.mp4 b/src/assets/video/sky.mp4
deleted file mode 100644
index 797b70e..0000000
Binary files a/src/assets/video/sky.mp4 and /dev/null differ
diff --git a/src/layouts/navbar/index.vue b/src/layouts/navbar/index.vue
index 636ea35..455f7ea 100644
--- a/src/layouts/navbar/index.vue
+++ b/src/layouts/navbar/index.vue
@@ -9,6 +9,7 @@
 </template>
 
 <script>
+import Setting from '@/setting'
 export default {
     data() {
         return {
@@ -19,11 +20,11 @@ export default {
                     title: "首页"
                 },
                 {
-                    index: "/occupationlab",
+                    index: "occupationlab",
                     title: "职站"
                 },
                 {
-                    index: '/data',
+                    index: 'data',
                     title: "Dataforward"
                 },
                 {
@@ -48,8 +49,24 @@ export default {
         // 跳转
         jump(item) {
           const { index } = item
-          this.active = index
-          this.$router.push(index).catch(err => {})
+          // 数据平台
+          if (index === 'data') {
+            window.open(Setting.isDev
+              ? `http://${location.hostname}:8092/#/`
+              : Setting.isTest
+                ? location.origin
+                : `https://www.dataforward.cn`)
+          } else if (index === 'occupationlab') {
+            // 职站
+            window.open(Setting.isDev
+              ? `http://${location.hostname}:8082/#/`
+              : Setting.isTest
+                ? `${location.origin}/student/#/`
+                : `https://www.occupationlab.com`)
+          } else {
+            this.active = index
+            this.$router.push(index).catch(err => {})
+          }
         }
     }
 };
diff --git a/src/pages/data/list/index.vue b/src/pages/data/list/index.vue
deleted file mode 100644
index 3fd5b50..0000000
--- a/src/pages/data/list/index.vue
+++ /dev/null
@@ -1,1145 +0,0 @@
-<template>
-    <div class="wrap index" :class="{result: keyword}">
-        <img class="screen" src="@/assets/img/data/index0.png" alt="首页">
-        <div class="banner">
-            <video class="video" ref="video" autoplay muted loop>
-                <source src="@/assets/video/sky.mp4" type="video/mp4">
-                您的浏览器不支持 video 标签。
-            </video>
-            <div class="banner-inner">
-              <div class="banner-title">准确，多元，海量数据</div>
-              <div class="search-wrap">
-                  <div class="search">
-                      <input ref="keyword" v-model="keyword" type="text" placeholder="请输入关键词">
-                      <img v-if="keyword" src="../../../assets/img/remove-gray.png" alt="" class="remove" @click="clearKeyword">
-                      <img class="icon-wrap" src="../../../assets/img/search-gray.png" alt="">
-                  </div>
-                  <div class="hot" v-if="hotData.length">
-                      <span class="name">热门下载：</span>
-                      <ul class="list">
-                          <li v-for="(item,index) in hotData" :key="index" @click="toData(item)">{{item.secondName}}</li>
-                      </ul>
-                  </div>
-              </div>
-            </div>
-        </div>
-        <div class="list-wrap" v-if="keyword">
-            <div class="tips">
-                <p class="result-title"><img src="@/assets/img/data/search.png" alt=""> 搜索结果</p>
-                <p class="num">搜索完成，共有{{total}}个结果匹配</p>
-            </div>
-            
-            <el-table :data="listData" class="table" ref="table" stripe header-align="center">
-                <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
-                <el-table-column prop="showName" label="数据表名称" align="center" :show-overflow-tooltip="true"></el-table-column>
-                <el-table-column prop="timeRange" label="起止日期" width="180" align="center"></el-table-column>
-                <el-table-column prop="dataTotal" label="数据总量" width="90" align="center"></el-table-column>
-                <el-table-column prop="dataSize" label="数据大小" width="80" align="center">
-                    <template slot-scope="scope">
-                        {{scope.row.dataSize}}M
-                    </template>
-                </el-table-column>
-                <el-table-column prop="createTime" label="更新时间" width="155" align="center"></el-table-column>
-                <el-table-column label="操作" width="100">
-                    <template slot-scope="scope">
-                        <el-button type="text" @click="preview(scope.row)">预览</el-button>
-                        <el-button type="text" @click="download(scope.row)">下载</el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-            <div class="pagination" v-show="total">
-                <el-pagination background @current-change="handleCurrentChange" :current-page="page" layout="total, prev, pager, next, jumper" :total="total"></el-pagination>
-            </div>
-            <div class="none" v-if="!total">
-                <img src="@/assets/img/data/index19.png" alt="">
-                <p class="text">暂无数据</p>
-            </div>
-        </div>
-        <template v-else>
-            <!-- 简介 -->
-            <ul class="intro">
-                <li class="wow fadeInUp" :class="{active: active === 1}" data-wow-delay="0.2s" @click="toPart(1)">
-                    <img src="@/assets/img/data/index1.png" alt="">
-                    <div class="text">
-                        <h6>平台概览</h6>
-                        <p class="desc">值得信赖的财经数据平台</p>
-                    </div>
-                </li>
-                <li class="wow fadeInUp" :class="{active: active === 2}" data-wow-delay="0.5s" @click="toPart(2)">
-                    <img src="@/assets/img/data/index2.png" alt="">
-                    <div class="text">
-                        <h6>平台特色与优势</h6>
-                        <p class="desc">海量数据，轻松下载</p>
-                    </div>
-                </li>
-                <li class="wow fadeInUp" :class="{active: active === 3}" data-wow-delay="0.8s" @click="toPart(3)">
-                    <img src="@/assets/img/data/index20.png" alt="">
-                    <div class="text">
-                        <h6>平台产品介绍</h6>
-                        <p class="desc">便捷操作，高效做科研</p>
-                    </div>
-                </li>
-            </ul>
-            <!-- 关于 -->
-            <div class="about" id="part1">
-                <div class="inner">
-                    <h6 class="i-title wow fadeInDown">关于Dataforward</h6>
-                    <div class="desc">欢迎使用 Dataforward——数据前瞻，这是我们的财经数据库。我们的数据涵盖股票数据，期货数据，债券数据，期权数据，利率数据，公募数据和宏观数据，拥有超40年的历史数据，可为您解读、预测、分析，模拟市场趋势、经济周期和世界事件影响提供必要的数据支持。我们的数据均来源于各大专业财经权威网站和数据官方发布平台，并经过专业的数据分类和整理，可让用户轻松便捷地搜索并批量下载到自己研究所需的数据，极大地减轻自己搜索整理数据的时间，提高研究效率, 从而高效的输出研究成果。</div>
-                </div>
-            </div>
-            <!-- 特色与优势 -->
-            <div class="adv" id="part2">
-                <img src="@/assets/img/data/index8.png" alt="" class="shape shape1">
-                <img src="@/assets/img/data/index9.png" alt="" class="shape shape2">
-                <img src="@/assets/img/data/index10.png" alt="" class="shape shape3">
-                <div class="inner">
-                    <h6 class="i-title wow fadeInDown">特色与优势</h6>
-                    <ul class="list">
-                        <li class="wow fadeInDown" data-wow-delay="0.5s">
-                            <img src="@/assets/img/data/index3.png" alt="">
-                            <h6>综合全面的财经数据库</h6>
-                            <p class="text">跨越多种主要资产类别，超40 年的历史数据和上千种宏观指标数据</p>
-                        </li>
-                        <li class="wow fadeInRight" data-wow-delay="0.8s">
-                            <img src="@/assets/img/data/index4.png" alt="">
-                            <h6>权威、多样数据源</h6>
-                            <p class="text">原始数据来源权威、可靠，用户可依据自己所需进行数据再加工，以获得更准确的结果</p>
-                        </li>
-                        <li class="wow fadeInUp" data-wow-delay="1.1s">
-                            <img src="@/assets/img/data/index5.png" alt="">
-                            <h6>实时更新无限下载</h6>
-                            <p class="text">数据库实时更新，会员用户可无限量下载平台各种数据表，随时获取最新数据</p>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-            <!-- 产品展示 -->
-            <div class="product" id="part3">
-                <div class="inner">
-                    <h6 class="i-title wow fadeInDown">产品展示</h6>
-                    <div class="pics">
-                        <div class="text">
-                            <img src="@/assets/img/data/index11.png" alt="" class="icon wow flipInX" data-wow-delay="0.2s">
-                            <h6 class="wow fadeInDown" data-wow-delay="0.3s">自定义下载灵活便捷</h6>
-                            <p class="desc wow fadeInDown" data-wow-delay="0.7s">可自选字段，时间区间，数据频率，轻松下载所需的数据。</p>
-                        </div>
-                        <div class="pro-bg1">
-                            <img src="@/assets/img/data/pro-bg1-1.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.3s">
-                            <img src="@/assets/img/data/pro-bg1-2.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.5s">
-                            <img src="@/assets/img/data/pro-bg1-3.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.8s">
-                            <img src="@/assets/img/data/pro-bg1-4.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="1.1s">
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="product bg-white">
-                <div class="inner">
-                    <div class="pics">
-                        <div class="pro-bg2">
-                            <img src="@/assets/img/data/pro-bg2-1.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.3s">
-                            <img src="@/assets/img/data/pro-bg2-2.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.5s">
-                            <img src="@/assets/img/data/pro-bg2-3.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.8s">
-                        </div>
-                        <div class="text">
-                            <img src="@/assets/img/data/index13.png" alt="" class="icon wow fadeInRight" data-wow-delay="0.2s">
-                            <h6 class="wow fadeInLeft" data-wow-delay="0.3s">使用概况统计一目了然</h6>
-                            <p class="desc wow fadeInLeft" data-wow-delay="0.7s">管理员可随时登录后台查看各种数据统计，了解各类数据的下载情况以及前台用户在数据平台的使用情况。</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="product">
-                <div class="inner">
-                    <div class="pics">
-                        <div class="text">
-                            <img src="@/assets/img/data/index15.png" alt="" class="icon wow fadeInLeft" data-wow-delay="0.5s">
-                            <h6 class="wow fadeInUp" data-wow-delay="0.5s">海量数据随意下载</h6>
-                            <p class="desc wow fadeInUp" data-wow-delay="0.5s">购买后可享受数据免费更新，且不限账号，不限量，畅享全平台数据。</p>
-                        </div>
-                        <div class="pro-bg3">
-                            <img src="@/assets/img/data/pro-bg3-1.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
-                            <img src="@/assets/img/data/pro-bg3-2.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
-                            <img src="@/assets/img/data/pro-bg3-3.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s">
-                            <img src="@/assets/img/data/pro-bg3-4.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.5s">
-                            <img src="@/assets/img/data/pro-bg3-5.png" alt="" class="bg5 wow fadeInDown" data-wow-delay="1s">
-                            <img src="@/assets/img/data/pro-bg3-6.png" alt="" class="bg6 wow fadeInDown" data-wow-delay="1.2s">
-                            <img src="@/assets/img/data/pro-bg3-7.png" alt="" class="bg7 wow fadeInDown" data-wow-delay="1.5s">
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="product bg-white">
-                <div class="inner">
-                    <div class="pics">
-                        <div class="pro-bg4">
-                            <img src="@/assets/img/data/pro-bg4-1.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.2s">
-                            <img src="@/assets/img/data/pro-bg4-2.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.5s">
-                            <img src="@/assets/img/data/pro-bg4-3.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.7s">
-                        </div>
-                        <div class="text">
-                            <img src="@/assets/img/data/index17.png" alt="" class="icon wow fadeInLeft" data-wow-delay="0.5s">
-                            <h6 class="wow fadeInUp" data-wow-delay="0.5s">模糊搜索高效定位所需数据</h6>
-                            <p class="desc wow fadeInUp" data-wow-delay="0.5s">强大的搜索功能，用户只需输入品种代码、关键词等，系统就会自动搜索出最匹配的数据供用户查看、下载。</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </template>
-        <el-drawer
-            custom-class="preview-dia"
-            size="950px"
-            :with-header="false"
-            :visible.sync="previewVisible">
-            <div class="flex j-between">
-                <div class="l-title" style="margin-bottom: 0">
-                <img src="@/assets/img/data3.png" alt="">
-                数据预览
-                </div>
-                <img width="52" src="@/assets/img/close.png" style="cursor: pointer" alt="" @click="previewVisible = false">
-            </div>
-            <div class="preview-wrap">
-                <el-table :data="previewData" class="table" id="previewTable" stripe header-align="center" row-key="id">
-                    <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
-                    <el-table-column v-for="(item,index) in previewHead" :prop="item.field" :key="index" :label="item.comment" align="center"></el-table-column>
-                </el-table>
-            </div>
-        </el-drawer>
-        <el-dialog title="下载" :visible.sync="downloadVisible" width="540px" @close="closeDownload" :close-on-click-modal="false">
-            <el-form ref="form" label-width="100px" label-suffix="：">
-                <el-form-item label="数据筛选">
-                    <div class="checkboxs">
-                        <el-checkbox v-model="checkAllFields" @change="checkAllFieldsChange">全选</el-checkbox>
-                        <el-checkbox-group v-model="fields">
-                            <el-checkbox v-for="(item,index) in fieldsList" :key="index" :label="item.comment"></el-checkbox>
-                        </el-checkbox-group>
-                    </div>
-                </el-form-item>
-                <el-form-item label="开始时间">
-                    <el-date-picker v-model="startTime" type="date" placeholder="请选择开始时间" size="small" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :picker-options="timeOptions" :disabled="startTimeDisabled" :default-value="startTimeDefault" @change="timeChange"></el-date-picker>
-                </el-form-item>
-                <el-form-item label="结束时间">
-                    <el-date-picker v-model="endTime" type="date" placeholder="请选择结束时间" size="small" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :picker-options="timeOptions" :disabled="endTimeDisabled" :default-value="endTimeDefault" @change="timeChange"></el-date-picker>
-                </el-form-item>
-                <el-form-item label="数据频率">
-                    <el-select v-model="frequency" placeholder="请选择数据频率" size="small">
-                        <el-option v-for="(item,index) in frequencyList" :key="index" :label="item.name" :value="item.id"></el-option>
-                    </el-select>
-                </el-form-item>
-            </el-form>
-
-            <span slot="footer" class="dialog-footer">
-                <el-button size="small" @click="downloadVisible = false">取消</el-button>
-                <el-button size="small" type="primary" @click="confirmDown">确定</el-button>
-            </span>
-        </el-dialog>
-
-        <div class="tool">
-          <div class="item wechat"></div>
-          <div class="popup wechat-popup">
-            <p class="tips">微信扫码添加职站售前咨询</p>
-            <p class="des">提供付费咨询及解决方案</p>
-            <img width="150" src="@/assets/img/data/customer.jpg" alt="">
-          </div>
-          <div class="item tel"></div>
-          <div class="popup tel-popup">
-            <div class="tel-inner">
-              <div class="line">
-                <div>
-                  <img class="icon" src="@/assets/img/data/tel-2.png" alt="">
-                </div>
-                <div class="text">
-                  <p class="title">售前咨询</p>
-                  <p class="tel-num" style="margin-bottom: 5px">刘兰</p>
-                  <p class="tel-num">18019930142</p>
-                </div>
-              </div>
-              <div class="line">
-                <div>
-                  <img class="icon" src="@/assets/img/data/sug.png" alt="">
-                </div>
-                <div class="text">
-                  <p class="title" @click="toQues">咨询，建议与反馈</p>
-                  <p class="des">您的每一条建议声音，我们都认真对待</p>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="item topping" @click="topping"></div>
-        </div>
-    </div>
-</template>
-
-<script>
-import { mapState } from 'vuex'
-import Setting from '@/setting'
-import util from '@/libs/util'
-import axios from 'axios'
-// import '@/plugins/wow/wow.min.js'
-import WOW from 'wow.js'
-let startTimeLimit = ''
-let endTimeLimit = ''
-export default {
-    name: 'index',
-    data() {
-        return {
-            token: util.local.get(Setting.tokenKey),
-            keyword: '',
-            searchTimer: null,
-            listData:[],
-            page: 1,
-            pageSize: 10,
-            total: 0,
-            hotData: [],
-            active: '',
-            previewVisible: false,
-            previewHead: [],
-            previewData: [],
-            downloadVisible: false,
-            curRow: {},
-            checkAllFields: false,
-            fields: [],
-            fieldsList: [],
-            startTime: '',
-            endTime: '',
-            startTimeLimit: '',
-            startTimeDisabled: false,
-            endTimeLimit: '',
-            endTimeDisabled: false,
-            startTimeDefault: '',
-            endTimeDefault: '',
-            timeOptions: {
-                disabledDate(time) {
-                return time.getTime() < startTimeLimit || time.getTime() > endTimeLimit
-                },
-            },
-            frequency: '',
-            frequencyList: [
-                {
-                id: 1,
-                name: '日频'
-                }, {
-                id: 2,
-                name: '周频'
-                }, {
-                id: 3,
-                name: '月频'
-                }, {
-                id: 4,
-                name: '季频'
-                }, {
-                id: 5,
-                name: '年频'
-                },
-            ]
-        }
-    },
-    computed: {
-        ...mapState('user', [
-            'schoolId'
-        ]),
-        ...mapState('auth', [
-            'routes'
-        ])
-    },
-    watch: {
-        keyword: function(val) {
-            clearTimeout(this.searchTimer)
-            this.searchTimer = setTimeout(() => {
-                if (!this.keyword) this.listData = []
-                this.$refs.keyword.focus()
-                this.initData()
-            },500)
-        }
-    },
-    mounted() {
-        new WOW().init()
-        this.getHot()
-    },
-    methods: {
-        getData(){
-            if (this.keyword) {
-                this.$post(`${this.api.getTableByCondition}?showName=${this.keyword}&pageNum=${this.page}&pageSize=${this.pageSize}`).then(res => {
-                    const list = res.data.records
-                    list.map(e => {
-                    // 开始结束时间只显示日期
-                    const startTime = e.startTime ? e.startTime.slice(0, 10) : ''
-                    const endTime = e.endTime ? e.endTime.slice(0, 10) : ''
-                    if (startTime && endTime) {
-                        e.timeRange = startTime + ' ~ ' + endTime
-                    } else if (startTime) {
-                        e.timeRange = startTime
-                    } else if (endTime) {
-                        e.timeRange = e.endTime
-                    }
-                    })
-                    this.listData = list
-                    this.total = res.data.total
-                }).catch(res => {})
-            } else {
-                this.listData = []
-            }
-        },
-        // 获取热门下载数据
-        getHot(){
-            this.$get(this.api.queryDatabaseInfo).then(({ data }) => {
-                // 根据下载量排序
-                data.sort((a,b) => {
-                    return b.downloads - a.downloads
-                })
-                // 只展示前三条
-                this.hotData = data.slice(0,3)
-            }).catch(res => {})
-        },
-        initData(){
-            this.page = 1
-            this.getData()
-        },
-        handleCurrentChange(val) {
-            this.page = val
-            this.$refs.table.clearSelection()
-            this.getData()
-        },
-        
-        clearKeyword() {
-            this.keyword = ''
-            this.listData = []
-        },
-        toData(row){
-            // 登录了才能查看数据,否则直接跳转到登录页
-            if(this.token){
-                if (this.routes.find(e => e.path === '/data/list')) {
-                    this.$router.push(`/data?typeId=${row.secondId}`)
-                } else {
-                    this.keyword = row.categoryTwo
-                }
-            }else{
-                let route = this.$router.resolve({
-                    path: '/login'
-                })
-                window.open(route.href)
-            }
-        },
-        toPart(i){
-            this.active = i
-            document.querySelector(`#part${i}`).scrollIntoView()
-        },
-        // 置顶
-        topping() {
-          document.documentElement.scrollTop = 0
-          document.body.scrollTop = 0
-        },
-        // 问卷调查
-        toQues() {
-          window.open('https://www.wjx.cn/vm/wB0RcMm.aspx')
-        },
-        preview(row) {
-            // 登录后才能预览，否则直接跳转到登录页
-            if(this.token){
-                this.$get(`${this.api.previewData}?tableName=${row.name}&tableId=${row.id}`).then(res => {
-                    // 查询次数+1
-                    this.$post(this.api.saveRecord, {
-                        tableId: row.id,
-                        type: 2,
-                    }).then(res => { }).catch(res => { })
-
-                    let comment = res.comment
-                    let previewHead = []
-                    comment.map(n => {
-                    // id和操作时间不用显示
-                    n.field != 'id' && n.field != 'operation_time' && previewHead.push(n)
-                    })
-                    this.previewHead = previewHead
-
-                    let data = res.data
-                    data.map(n => {
-                    for (let i in n) {
-                        // 如果是以+0000结尾的,就表明这个是时间,则转化为正常的时间格式
-                        if (typeof n[i] == 'string' && n[i].endsWith('+0000')) n[i] = util.formatDate('yyyy-MM-dd hh:mm:ss', new Date(n[i]))
-                    }
-                    })
-                    this.previewData = data
-                    this.previewVisible = true
-                }).catch(res => { })
-            }else{
-                let route = this.$router.resolve({
-                    path: '/login'
-                })
-                window.open(route.href)
-            }
-        },
-        download(row){
-            // 登录了才能下载,否则直接跳转到登录页
-            if(this.token){
-                this.showDownload(row)
-            }else{
-                let route = this.$router.resolve({
-                    path: '/login'
-                })
-                window.open(route.href)
-            }
-        },
-        checkAllFieldsChange(val) {
-            this.fields = val ? this.fieldsList.map(n => n.comment) : []
-        },
-        showDownload(row) {
-            // 查询是否购买了该数据,只有购买了才能下载
-            this.$get(`${this.api.isDownload}`, {
-                tableId: row.id,
-                schoolId: this.schoolId,
-            }).then(res => {
-                this.curRow = row
-                this.downloadVisible = true
-                // 限制数据可选择的开始结束时间
-                if (row.startTime) {
-                startTimeLimit = new Date(row.startTime).getTime()
-                this.startTimeDefault = row.startTime
-                } else {
-                // 如果没有开始时间,则禁止选择开始时间
-                this.startTimeDisabled = true
-                }
-                if (row.endTime) {
-                endTimeLimit = new Date(row.endTime).getTime()
-                this.endTimeDefault = row.endTime
-                } else {
-                // 如果没有结束时间,则禁止选择结束时间
-                this.endTimeDisabled = true
-                }
-
-                this.$get(`${this.api.previewData}?tableName=${row.name}&tableId=${row.id}`).then(res => {
-                let comment = res.comment
-                let fieldsList = []
-                comment.map(n => {
-                    n.field != 'id' && n.field != 'operation_time' && fieldsList.push(n)
-                })
-                this.fieldsList = fieldsList
-                }).catch(res => { })
-            }).catch(res => { })
-        },
-        // 开始结束时间选择回调
-        timeChange() {
-            // 如果开始时间大于结束时间，则提示
-            if (this.startTime && this.endTime && new Date(this.startTime) > new Date(this.endTime)) util.warningMsg('结束时间不能小于开始时间')
-        },
-        closeDownload() {
-            this.checkAllFields = false
-            this.fields = []
-            this.startTime = ''
-            this.endTime = ''
-            this.frequency = ''
-        },
-        confirmDown() {
-            let fields = this.fields
-            if (!fields.length) return util.warningMsg('请选择字段')
-            if (!this.startTime) return util.warningMsg('请选择开始时间')
-            if (!this.endTime) return util.warningMsg('请选择结束时间')
-            if (new Date(this.endTime) < new Date(this.startTime)) return util.warningMsg('结束时间不能小于开始时间')
-            if (!this.frequency) return util.warningMsg('请选择数据频率')
-            let invalid = false
-
-            if (this.startTime && this.endTime) {
-                let startTime = new Date(this.startTime)
-                let endTime = new Date(this.endTime)
-                let frequency = this.frequency
-
-                // 只要选择的不是日频,则要判断选择的日期区间有没有包含这段频率对应的完整交易日段
-                // 比如选的是周频,则判断选择的时间区间有没有包含一段完整的星期交易日,即星期1~5,
-                // 选的是月频的话,则判断选择的时间区间有没有包含一个完整的月份,即30天;年份同理
-                if (frequency == 2) {
-                let week = []
-                while (startTime <= endTime) {
-                    let weekNum = startTime.getDay()
-                    if (weekNum == 0) weekNum = 7
-                    week.push(weekNum)
-                    startTime.setTime(startTime.getTime() + 86400000)
-                }
-                // 如果没有包含1~5,则提示请选择完整区间,下面同理
-                for (let i = 1; i <= 5; i++) {
-                    if (!week.includes(i)) {
-                    invalid = true
-                    break
-                    }
-                }
-                } else if (frequency == 3) {
-                if ((endTime.getTime() - startTime.getTime()) / 86400000 < 30) invalid = true
-                } else if (frequency == 4) {
-                if ((endTime.getTime() - startTime.getTime()) / 86400000 < 90) invalid = true
-                } else if (frequency == 5) {
-                if ((endTime.getTime() - startTime.getTime()) / 86400000 < 365) invalid = true
-                }
-            }
-
-            if (invalid) return util.warningMsg('请选择完整区间')
-
-            let newFields = []
-            let fieldsList = this.fieldsList
-            fieldsList.map(n => {
-                const field = fields.find(e => n.comment == e)
-                field && newFields.push(n.field)
-            })
-            let msgObj = util.successMsg('数据正在生成中，请稍等片刻，生成后会自动下载，您可以先访问其他页面。', 5000)
-            this.downloadVisible = false
-
-            let startTime = this.startTime ? this.startTime : ''
-            let endTime = this.endTime ? this.endTime : ''
-            let frequency = this.frequency
-            axios.get(`${this.api.downloadData}?tableName=${this.curRow.name}&table_id=${this.curRow.id}&fields=${newFields.join()}&startTime=${startTime}&endTime=${endTime}&frequency=${frequency}`, {
-                headers: {
-                token: this.token
-                },
-                responseType: 'blob'
-            }).then((res) => {
-                msgObj.close()
-                if (res.data.type != 'multipart/form-data') return util.warningMsg('数据总数为零！')
-                // 统一调用该方法去下载excel
-                util.downloadFileDirect(`${this.curRow.showName}.xls`, new Blob([res.data]))
-
-                // 下载记录
-                this.$get(`${this.api.downloadRecord}?tableId=${this.curRow.id}&fields=${newFields.join()}` + (startTime ? `&startTime=${startTime}` : '') + (endTime ? `&endTime=${endTime}` : '') + `&frequency=${frequency}`).then(res => { }).catch(res => { })
-
-                // 下载次数+1
-                this.$post(this.api.saveRecord, {
-                tableId: this.curRow.id,
-                type: 1,
-                }).then(res => { }).catch(res => { })
-            }).catch(res => {
-                msgObj.close()
-            })
-        }
-    }
-};
-</script>
-
-<style lang="scss" scoped>
-@import url(../../../plugins/wow/animate.css);
-.wrap{
-    position: relative;
-    background-color: #F3F6FA;
-    .screen {
-      position: absolute;
-      top: -1000px;
-    }
-    .banner{
-        position: relative;
-        height: 518px;
-        overflow: hidden;
-    }
-    .video {
-      width: 100%;
-    }
-    .banner-inner {
-      position: absolute;
-      top: 160px;
-      left: 50%;
-      transform: translateX(-50%);
-    }
-    .banner-title{
-        margin-bottom: 37px;
-        font-size: 45px;
-        color: #fff;
-        text-align: center;
-    }
-    .list-wrap{
-        padding: 20px 40px;
-        background-color: #fff;
-    }
-    .search-wrap{
-        width: 700px;
-        margin: 0 auto;
-    }
-    .search{
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        height: 62px;
-        margin: 0 auto;
-        background-color: #fff;
-        border-radius: 4px;
-        overflow: hidden;
-        .icon-wrap{
-            width: 20px;
-            margin: 0 20px;
-        }
-        input{
-            flex: 1;
-            padding-left: 15px;
-            font-size: 18px;
-            color: #919191;
-            background-color: transparent;
-            border: 0;
-            border-left: 2px solid #fff;
-            &::-webkit-input-placeholder{color: #999}
-            &::-moz-placeholder{color: #f5f5f5}
-            &:-moz-placeholder{color: #f5f5f5}
-            &:focus{
-                outline: none;
-            }
-        }
-        .remove{
-            margin-left: 20px;
-            cursor: pointer;
-        }
-    }
-    .hot{
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        margin: 20px auto 0;
-        .name{
-            font-size: 14px;
-            color: #efefef;
-        }
-        .list{
-            display: inline-flex;
-            margin-left: 20px;
-            li{
-                margin-right: 50px;
-                color: #fff;
-                font-size: 14px;
-                cursor: pointer;
-            }
-        }
-    }
-    &.result{
-        .tips{
-            margin-bottom: 22px;
-            .result-title{
-                display: flex;
-                align-items: center;
-                margin: 30px 0 10px;
-                font-size: 17px;
-                color: $main-color;
-            }
-            img{
-                width: 22px;
-                margin-right: 5px;
-            }
-            .num{
-                font-size: 14px;
-                color: #515151;
-            }
-        }
-    }
-    .i-title{
-        position: relative;
-        margin-bottom: 37px;
-        font-size: 30px;
-        text-align: center;
-        color: #0B1D30;
-        &:after{
-            content: '';
-            position: absolute;
-            bottom: -10px;
-            left: 50%;
-            width: 30px;
-            height: 4px;
-            transform: translate(-50%);
-            background-color: #006EFF;
-        }
-    }
-    .intro{
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        height: 138px;
-        padding: 43px 0;
-        background-color: #fff;
-        li{
-            display: inline-flex;
-            align-items: center;
-            cursor: pointer;
-            transition: .3s;
-            &.active{
-                h6, .desc{
-                    color: #006EFF;
-                }
-            }
-            &:hover{
-                margin-top: -15px;
-                h6, .desc{
-                    color: #006EFF;
-                }
-            }
-        }
-        img{
-            width: 50px;
-            margin-right: 15px;
-        }
-        h6{
-            margin-bottom: 5px;
-            font-size: 16px;
-            color: #0B1D30;
-            transition: .5s;
-        }
-        .desc{
-            font-size: 13px;
-            color: #757F92;
-            transition: .5s;
-        }
-    }
-    .inner{
-        width: 1200px;
-        padding: 67px 0;
-        margin: 0 auto;
-    }
-    .about{
-        .inner{
-            padding: 67px;
-        }
-        .desc{
-            min-height: 200px;
-            padding: 35px 280px 35px 55px;
-            font-size: 14px;
-            color: #0B1D30;
-            line-height: 30px;
-            background: url(../../../assets/img/index/index6.png) 0 0/100% 100% no-repeat;
-        }
-    }
-    .adv{
-        position: relative;
-        background: #fff url(../../../assets/img/index/index7.png) 0 0/100% 100% no-repeat;
-        .shape{
-            position: absolute;
-        }
-        .shape1{
-            top: 25px;
-            right: 0;
-        }
-        .shape2{
-            bottom: 30px;
-            left: 50px;
-        }
-        .shape3{
-            bottom: 25px;
-            right: 50px;
-        }
-        .list{
-            display: flex;
-            flex: 1;
-            height: 370px;
-            li{
-                padding: 107px 35px 0;
-                margin-right: 20px;
-                text-align: center;
-                box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
-                border-radius: 10px;
-                &:last-child{
-                    margin-right: 0;
-                }
-                &:hover {
-                    img {
-                        transform: rotateY(180deg)
-                    }
-                    h6 {
-                        margin-top: 40px;
-                    }
-                }
-            }
-            img{
-                width: 64px;
-                transition: .6s;
-            }
-            h6{
-                margin: 45px 0 16px;
-                font-size: 18px;
-                color: #0B1D30;
-                transition: .3s;
-            }
-            .text{
-                font-size: 14px;
-                color: #757F92;
-            }
-        }
-    }
-    .pics{
-        display: flex;
-        justify-content: space-between;
-        .icon{
-            width: 60px;
-        }
-        .text{
-            width: 340px;
-        }
-        h6{
-            margin: 30px 0 10px;
-            font-size: 28px;
-            color: #0B1D30;
-        }
-        .desc{
-            font-size: 15px;
-            color: #757F92;
-        }
-        .pro-pic{
-            width: 460px;
-        }
-        .pro-bg1 {
-            position: relative;
-            width: 555px;
-            height: 353px;
-            img {
-                position: absolute;
-                transition: .5s;
-            }
-            .bg1 {
-                top: 0;
-                left: 0;
-            }
-            .bg2 {
-                top: 84px;
-                left: 222px;
-            }
-            .bg3 {
-                top: 160px;
-                left: 91px;
-            }
-            .bg4 {
-                top: 29px;
-                right: 0;
-            }
-            &:hover {
-                .bg1 {
-                    transform: scale(1.1);
-                }
-                .bg2 {
-                    transform: scale(1.05);
-                }
-                .bg3 {
-                    transform: translate(-20px, -10px);
-                }
-                .bg4 {
-                    transform: translate(10px, -20px);
-                }
-            }
-        }
-        .pro-bg2 {
-            position: relative;
-            width: 635px;
-            height: 352px;
-            img {
-                position: absolute;
-                transition: .5s;
-            }
-            .bg1 {
-                top: 16px;
-                left: 36px;
-            }
-            .bg2 {
-                bottom: 0;
-                left: 0;
-            }
-            .bg3 {
-                top: 0;
-                right: 0;
-            }
-            &:hover {
-                .bg1 {
-                    transform: scale(1.1);
-                }
-                .bg2 {
-                    transform: translate(-20px, 40px);
-                }
-                .bg3 {
-                    transform: translate(20px, -30px);
-                }
-            }
-        }
-        .pro-bg3 {
-            position: relative;
-            width: 565px;
-            height: 308px;
-            img {
-                position: absolute;
-                transition: .5s;
-            }
-            .bg1 {
-                top: 0;
-                left: 38px;
-            }
-            .bg2 {
-                top: 47px;
-                left: 0;
-            }
-            .bg3 {
-                top: 131px;
-                left: 0;
-            }
-            .bg4 {
-                top: 209px;
-                left: 0;
-            }
-            .bg5 {
-                top: 79px;
-                right: 0;
-            }
-            .bg6 {
-                top: 123px;
-                right: 0;
-            }
-            .bg7 {
-                top: 172px;
-                right: 0;
-            }
-            &:hover {
-                .bg1 {
-                    transform: scale(1.1);
-                }
-                .bg2, .bg3, .bg4 {
-                    transform: translateX(-40px);
-                }
-                .bg5, .bg6, .bg7 {
-                    transform: translate(20px, -30px);
-                }
-            }
-        }
-        .pro-bg4 {
-            position: relative;
-            width: 600px;
-            height: 330px;
-            img {
-                position: absolute;
-                transition: .5s;
-            }
-            .bg1 {
-                top: 0;
-                left: 0;
-            }
-            .bg2 {
-                top: 89px;
-                left: 42px;
-            }
-            .bg3 {
-                top: 27px;
-                right: 0;
-            }
-            &:hover {
-                .bg1 {
-                    transform: scale(1.1);
-                }
-                .bg2 {
-                    transform: translate(-120px, 40px);
-                }
-                .bg3 {
-                    transform: translate(20px, -30px);
-                }
-            }
-        }
-    }
-    .none{
-        padding: 50px 0;
-        text-align: center;
-        img{
-            width: 324px;
-            margin-bottom: 42px;
-        }
-        .text{
-            font-size: 12px;
-            color: #333;
-        }
-    }
-}
-/deep/.preview-dia{
-    padding: 20px;
-    .preview-wrap{
-    height: calc(100vh - 80px);
-    overflow: auto;
-    }
-}
-.tool {
-  z-index: 10;
-  position: fixed;
-  bottom: 100px;
-  right: 30px;
-  .item {
-    width: 45px;
-    height: 45px;
-    margin-bottom: 10px;
-    border: 1px solid #e5e5e5;
-    cursor: pointer;
-  }
-  .wechat {
-    background: #fff url(../../../assets/img/index/wechat.png) center center/auto no-repeat;
-    &:hover {
-      background-image: url(../../../assets/img/index/wechat-1.png);
-      background-color: #006EFF;
-      & + .popup {
-        display: block;
-      }
-    }
-  }
-  .tel {
-    background: #fff url(../../../assets/img/index/tel.png) center center/auto no-repeat;
-    &:hover {
-      background-image: url(../../../assets/img/index/tel-1.png);
-      background-color: #006EFF;
-      & + .popup {
-        display: block;
-      }
-    }
-  }
-  .topping {
-    background: #fff url(../../../assets/img/index/top.png) center center/auto no-repeat;
-    &:hover {
-      background-image: url(../../../assets/img/index/top-1.png);
-      background-color: #006EFF;
-    }
-  }
-  .popup {
-    position: absolute;
-    display: none;
-  }
-  .wechat-popup {
-    top: -100px;
-    left: -230px;
-    padding: 20px;
-    text-align: center;
-    background-color: #fff;
-	  box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
-    .tips {
-      font-size: 14px;
-    }
-    .des {
-      margin: 5px 0 15px;
-      font-size: 12px;
-      color: #333;
-    }
-  }
-  .tel-popup {
-    top: -10px;
-    left: -250px;
-    width: 250px;
-    border-right: 20px solid transparent;
-    &:hover {
-      display: block;
-    }
-    .tel-inner {
-      padding: 20px;
-      background-color: #fff;
-      box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
-    }
-    .line {
-      display: flex;
-      &:first-child {
-        margin-bottom: 20px;
-      }
-    }
-    .text {
-      margin-left: 15px;
-    }
-    .title {
-      margin-bottom: 5px;
-      font-size: 14px;
-      cursor: pointer;
-      &:hover {
-        color: #006EFF;
-      }
-    }
-    .tel-num {
-      font-size: 12px;
-      color: #006EFF;
-    }
-    .des {
-      font-size: 12px;
-      color: #686868;
-    }
-  }
-}
-</style>
\ No newline at end of file
diff --git a/src/pages/occupationlab/list/index.vue b/src/pages/occupationlab/list/index.vue
deleted file mode 100644
index 6b4c34a..0000000
--- a/src/pages/occupationlab/list/index.vue
+++ /dev/null
@@ -1,818 +0,0 @@
-<template>
-    <div class="wrap index">
-        <img class="screen" src="@/assets/img/index/index0.png" alt="首页">
-        <div class="banner">
-            <el-carousel height="350px" :autoplay="false">
-                <el-carousel-item>
-                    <div class="bg banner-bg1"></div>
-                    <img class="text" src="@/assets/img/index/banner1-text.png" alt="">
-                </el-carousel-item>
-                <el-carousel-item>
-                    <div class="bg banner-bg2"></div>
-                    <div class="text">
-                        <h6>金融科技与大数据</h6>
-                        <p class="des">围绕金融+科技+大数据，为院校培养复合型专业人才提供一“站”式服务</p>
-                    </div>
-                </el-carousel-item>
-                <el-carousel-item>
-                    <div class="bg banner-bg3"></div>
-                    <div class="text text3">
-                        <h6>智慧教育智能未来</h6>
-                        <p class="des">大数据、人工智能、云计算等技术应用，助力院校实现教学智能化升级</p>
-                    </div>
-                </el-carousel-item>
-            </el-carousel>
-        </div>
-        <!-- 简介 -->
-        <ul class="intro">
-            <li class="wow fadeInLeft" :class="{active: active === 1}" data-wow-delay="0.6s" @click="toPart(1)">
-                <img src="@/assets/img/index/index1.png" alt="">
-                <div class="text">
-                    <h6>平台概览</h6>
-                    <p class="desc">专业打造，满足开展虚拟实验教学的多样性需求</p>
-                </div>
-            </li>
-            <li class="wow fadeInUp" :class="{active: active === 2}" data-wow-delay="0.2s" @click="toPart(2)">
-                <img src="@/assets/img/index/index2.png" alt="">
-                <div class="text">
-                    <h6>平台特色与优势</h6>
-                    <p class="desc">助力院校实现教学智能化升级</p>
-                </div>
-            </li>
-            <li class="wow fadeInRight" :class="{active: active === 3}" data-wow-delay="0.8s" @click="toPart(3)">
-                <img src="@/assets/img/index/index20.png" alt="">
-                <div class="text">
-                    <h6>平台产品介绍</h6>
-                    <p class="desc">为院校培养复合型人才提供一“站”式服务</p>
-                </div>
-            </li>
-        </ul>
-        <!-- 关于 -->
-        <div class="about" id="part1">
-            <div class="inner wow fadeInDown" style="padding-bottom: 0">
-                <h6 class="i-title">关于职站</h6>
-                <p class="en">ABOUT OCCUPATION LAB</p>
-            </div>
-        </div>
-        <div class="about bg-white">
-            <div class="inner">
-                <div class="desc">职站是一款辅助院校教师开展虚拟仿真实验教学的智能云实践平台。极简的平台操作，可帮助老师轻松开展实验教学，并支持自定义发布考核和练习，检验学生的日常实训练习效果；老师还可以通过可视化图表报告直观查看学生实训成绩，评估教学效果。</div>
-            </div>
-        </div>
-        <!-- 特色与优势 -->
-        <div class="adv" id="part2">
-            <img src="@/assets/img/index/index8.png" alt="" class="shape shape1">
-            <img src="@/assets/img/index/index9.png" alt="" class="shape shape2">
-            <img src="@/assets/img/index/index10.png" alt="" class="shape shape3">
-            <div class="inner">
-                <h6 class="i-title wow fadeInDown">特色与优势</h6>
-                <p class="en">FEATURES AND ADVANTAGES</p>
-                <ul class="list">
-                    <li class="wow fadeInDown" data-wow-delay="0.5s">
-                        <img src="@/assets/img/index/index3.png" alt="">
-                        <h6>大数据分析统计<br>教学效果有“据”可依</h6>
-                        <p class="text">大数据追踪每个老师，学生教学和学习情况，统计分析并通过可视化图表展示，教学效果一目了然。</p>
-                    </li>
-                    <li class="wow fadeInRight" data-wow-delay="0.8s">
-                        <img src="@/assets/img/index/index4.png" alt="">
-                        <h6>云端部署<br>实验教学资源“云”共享</h6>
-                        <p class="text">随时随地，只需登录网站，无需安装部署，即可轻松享受云上“实验室”，可满足不同学科，不同场景下的教学需求。</p>
-                    </li>
-                    <li class="wow fadeInUp" data-wow-delay="1.1s">
-                        <img src="@/assets/img/index/index5.png" alt="">
-                        <h6>功能全面<br>打造“智”能化教学全场景</h6>
-                        <p class="text">教、学、练、考以及大赛、资讯等功能模块，操作方便、智能快捷，将教学活动从课上拓展到课堂外，为院校师生打造智能化、多样化、个性化的“教”“学”全场景。</p>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        <!-- 产品展示 -->
-        <div class="product" id="part3">
-            <div class="inner">
-                <h6 class="i-title wow fadeInUp">平台产品介绍</h6>
-                <p class="en">PRODUCT DISPLAY</p>
-                <div class="pics">
-                    <div class="text">
-                        <img src="@/assets/img/index/index11.png" alt="" class="icon wow flipInX" data-wow-delay="0.2s">
-                        <h6 class="wow fadeInDown" data-wow-delay="0.3s">金融+科技+大数据</h6>
-                        <p class="desc wow fadeInDown" data-wow-delay="0.7s">平台集成有银行综合、担保，Python程序设计、经济金融建模、数据采集、数据清洗、大数据分析、数据可视化、量化投资策略建模、金融随机过程、区块链交易所等十几款产品;可满足金融、金融科技、金融工程、大数据应用与管理等相关专业开设实验课程。</p>
-                    </div>
-                    <div class="pro-bg1">
-                        <img src="@/assets/img/index/pro-bg1-2.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
-                        <img src="@/assets/img/index/pro-bg1-3.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
-                        <img src="@/assets/img/index/pro-bg1-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.5s">
-                        <img src="@/assets/img/index/pro-bg1-4.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.7s">
-                        <img src="@/assets/img/index/pro-bg1-5.png" alt="" class="bg5 wow fadeInDown" data-wow-delay="0.9s">
-                        <img src="@/assets/img/index/pro-bg1-6.png" alt="" class="bg6 wow fadeInDown" data-wow-delay="1.1s">
-                        <img src="@/assets/img/index/pro-bg1-7.png" alt="" class="bg7 wow fadeInDown" data-wow-delay="1.3s">
-                        <img src="@/assets/img/index/pro-bg1-8.png" alt="" class="bg8 wow fadeInDown" data-wow-delay="1.5s">
-                        <img src="@/assets/img/index/pro-bg1-9.png" alt="" class="bg9 wow fadeInDown" data-wow-delay="1.7s">
-                        <img src="@/assets/img/index/pro-bg1-10.png" alt="" class="bg10 wow fadeInDown" data-wow-delay="2s">
-                        <img src="@/assets/img/index/pro-bg1-11.png" alt="" class="bg11 wow fadeInDown" data-wow-delay="2.3s">
-                        <img src="@/assets/img/index/pro-bg1-12.png" alt="" class="bg12 wow fadeInDown" data-wow-delay="2.6s">
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="product bg-white">
-            <div class="inner">
-                <div class="pics">
-                    <div class="pro-bg2">
-                        <img src="@/assets/img/index/pro-bg2-5.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
-                        <img src="@/assets/img/index/pro-bg2-1.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
-                        <img src="@/assets/img/index/pro-bg2-4.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s">
-                        <img src="@/assets/img/index/pro-bg2-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.5s">
-                        <img src="@/assets/img/index/pro-bg2-3.png" alt="" class="bg5 wow fadeInDown" data-wow-delay="0.5s">
-                    </div>
-                    <div class="text">
-                        <img src="@/assets/img/index/index13.png" alt="" class="icon wow fadeInRight" data-wow-delay="0.2s">
-                        <h6 class="wow fadeInLeft" data-wow-delay="0.3s">沉浸式岗位模拟与实操</h6>
-                        <p class="desc wow fadeInLeft" data-wow-delay="0.7s">项目化教学，通过经典案例让学生亲身体验理论在实践中的应用，学会灵活运用所学知识解决实际问题，提升自身的职业实操能力。</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="product">
-            <div class="inner">
-                <div class="pics">
-                    <div class="text">
-                        <img src="@/assets/img/index/index15.png" alt="" class="icon wow fadeInLeft" data-wow-delay="0.5s">
-                        <h6 class="wow fadeInUp" data-wow-delay="0.5s">数据追踪与统计</h6>
-                        <p class="desc wow fadeInUp" data-wow-delay="0.5s">老师和学生可查看每一次的练习、考试的相关情况，随时了解自己的教学和学习的进展和效果，动态调整自己的教学和学习计划。</p>
-                    </div>
-                    <div class="pro-bg3">
-                        <img src="@/assets/img/index/pro-bg3-4.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
-                        <img src="@/assets/img/index/pro-bg3-5.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
-                        <img src="@/assets/img/index/pro-bg3-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s">
-                        <img src="@/assets/img/index/pro-bg3-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.5s">
-                        <img src="@/assets/img/index/pro-bg3-3.png" alt="" class="bg5 wow fadeInDown" data-wow-delay="0.5s">
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="product bg-white">
-            <div class="inner">
-                <div class="pics">
-                    <div class="pro-bg4">
-                        <img src="@/assets/img/index/pro-bg3-4.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
-                        <img src="@/assets/img/index/pro-bg3-5.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
-                        <img src="@/assets/img/index/pro-bg4-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s">
-                        <img src="@/assets/img/index/pro-bg4-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.2s">
-                    </div>
-                    <div class="text">
-                        <img src="@/assets/img/index/index21.png" alt="" class="icon wow fadeInLeft" data-wow-delay="0.5s">
-                        <h6 class="wow fadeInUp" data-wow-delay="0.5s">共享精品课程资源</h6>
-                        <p class="desc wow fadeInUp" data-wow-delay="0.5s">学校可自主打造自己的精品课程中心，老师可以在这里创建优质的课程，支持视频，课件，教案等不同格式的教学资源上传，让全校师生共同学习一起分享。</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="product">
-            <div class="inner">
-                <div class="pics">
-                    <div class="text">
-                        <img src="@/assets/img/index/index22.png" alt="" class="icon wow fadeInLeft" data-wow-delay="0.5s">
-                        <h6 class="wow fadeInUp" data-wow-delay="0.5s">自定义赛事活动</h6>
-                        <p class="desc wow fadeInUp" data-wow-delay="0.5s">学校可自行发布各种比赛活动的信息和活动进展，供全校学生参加报名，给学生提供一个展示自我，挑战自我的舞台，丰富学生的校园生活。</p>
-                    </div>
-                    <div class="pro-bg5">
-                        <img src="@/assets/img/index/pro-bg3-4.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
-                        <img src="@/assets/img/index/pro-bg3-5.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
-                        <img src="@/assets/img/index/pro-bg5-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s">
-                        <img src="@/assets/img/index/pro-bg5-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.2s">
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="tool">
-          <div class="item wechat"></div>
-          <div class="popup wechat-popup">
-            <p class="tips">微信扫码添加职站售前咨询</p>
-            <p class="des">提供付费咨询及解决方案</p>
-            <img width="150" src="@/assets/img/index/customer.jpg" alt="">
-          </div>
-          <div class="item tel"></div>
-          <div class="popup tel-popup">
-            <div class="tel-inner">
-              <div class="line">
-                <div>
-                  <img class="icon" src="@/assets/img/index/tel-2.png" alt="">
-                </div>
-                <div class="text">
-                  <p class="title">售前咨询</p>
-                  <p class="tel-num" style="margin-bottom: 5px">刘兰</p>
-                  <p class="tel-num">18019930142</p>
-                </div>
-              </div>
-              <div class="line">
-                <div>
-                  <img class="icon" src="@/assets/img/index/sug.png" alt="">
-                </div>
-                <div class="text">
-                  <p class="title" @click="toQues">咨询，建议与反馈</p>
-                  <p class="des">您的每一条建议声音，我们都认真对待</p>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="item topping" @click="topping"></div>
-        </div>
-    </div>
-</template>
-
-<script>
-import Setting from '@/setting'
-import util from '@/libs/util'
-import WOW from 'wow.js'
-export default {
-    name: 'index',
-    data() {
-        return {
-            token: util.local.get(Setting.tokenKey),
-            active: ''
-        }
-    },
-    mounted() {
-        new WOW().init()
-    },
-    methods: {
-        toPart(i){
-            this.active = i
-            document.querySelector(`#part${i}`).scrollIntoView()
-        },
-        // 置顶
-        topping() {
-          document.documentElement.scrollTop = 0
-          document.body.scrollTop = 0
-        },
-        // 问卷调查
-        toQues() {
-          window.open('https://www.wjx.cn/vm/wB0RcMm.aspx')
-        },
-    }
-};
-</script>
-
-<style lang="scss" scoped>
-@import url(../../../plugins/wow/animate.css);
-.wrap{
-    position: relative;
-    background-color: #F3F6FA;
-    .screen {
-      position: absolute;
-      top: -1000px;
-    }
-    .banner {
-        .text {
-            position: absolute;
-            top: 130px;
-            left: 400px;
-        }
-        h6 {
-            margin-bottom: 30px;
-            font-size: 42px;
-        }
-        .des {
-            font-size: 16px;
-            line-height: 30px;
-        }
-        .text3 {
-            h6, .des {
-                color: #fff;
-            }
-        }
-    }
-    .bg {
-        width: 100%;
-        height: 100%;
-    }
-    .banner-bg1 {
-        background: url(../../../assets/img/index/banner1-1.png) (bottom left)/auto no-repeat,
-                    url(../../../assets/img/index/banner1-2.png) top left/auto no-repeat,
-                    url(../../../assets/img/index/banner1-3.png) (90% 9px)/auto no-repeat,
-                    url(../../../assets/img/index/banner1.png) 0 0/100% 100% no-repeat;
-    }
-    .banner-bg2 {
-        background: url(../../../assets/img/index/banner2-1.png) (34px 46px)/auto no-repeat,
-                    url(../../../assets/img/index/banner2-2.png) (0 0)/auto no-repeat,
-                    #f9faff url(../../../assets/img/index/banner2.png) top right/auto no-repeat;
-    }
-    .banner-bg3 {
-        background: url(../../../assets/img/index/banner3-2.png) (30% 0)/auto no-repeat,
-                    url(../../../assets/img/index/banner3-3.png) (28px 12px)/auto no-repeat,
-                    url(../../../assets/img/index/banner3-4.png) (90% 10px)/auto no-repeat,
-                    url(../../../assets/img/index/banner3-5.png) (top right)/auto no-repeat,
-                    url(../../../assets/img/index/banner3.png) 0 0/100% 100% no-repeat;
-    }
-    .i-title{
-        z-index: 1;
-        position: relative;
-        margin-bottom: 37px;
-        font-size: 30px;
-        text-align: center;
-        color: #0B1D30;
-        &:after{
-            content: '';
-            position: absolute;
-            bottom: -10px;
-            left: 50%;
-            width: 30px;
-            height: 4px;
-            transform: translate(-50%);
-            background-color: #006EFF;
-        }
-    }
-    .intro{
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        padding: 43px 0;
-        background-color: #fff;
-        li{
-            display: inline-flex;
-            align-items: center;
-            cursor: pointer;
-            transition: .3s;
-            &.active{
-                h6, .desc{
-                    color: #006EFF;
-                }
-            }
-            &:hover{
-                margin-top: -15px;
-                h6, .desc{
-                    color: #006EFF;
-                }
-            }
-        }
-        img{
-            width: 50px;
-            margin-right: 15px;
-        }
-        h6{
-            margin-bottom: 5px;
-            font-size: 16px;
-            color: #0B1D30;
-            transition: .5s;
-        }
-        .desc{
-            font-size: 13px;
-            color: #757F92;
-            transition: .5s;
-        }
-    }
-    .inner{
-        position: relative;
-        width: 1200px;
-        padding: 67px 0;
-        margin: 0 auto;
-    }
-    .en {
-        position: absolute;
-        top: 77px;
-        left: 50%;
-        width: 100%;
-        text-align: center;
-        font-size: 28px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        color: #E5EBF1;
-        transform: translate(-50%);
-    }
-    .about{
-        .inner{
-            padding: 67px;
-        }
-        .desc{
-            min-height: 200px;
-            padding: 35px 280px 35px 55px;
-            font-size: 14px;
-            color: #0B1D30;
-            line-height: 30px;
-            background: url(../../../assets/img/index/index6.png) 0 0/100% 100% no-repeat;
-        }
-    }
-    .adv{
-        position: relative;
-        background: #fff url(../../../assets/img/index/index7.png) 0 0/100% 100% no-repeat;
-        .shape{
-            position: absolute;
-        }
-        .shape1{
-            top: 25px;
-            right: 10px;
-        }
-        .shape2{
-            bottom: 30px;
-            left: 50px;
-        }
-        .shape3{
-            bottom: 25px;
-            right: 50px;
-        }
-        .list{
-            display: flex;
-            li{
-                width: 33.33%;
-                padding: 107px 35px 30px;
-                margin-right: 20px;
-                text-align: center;
-                box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
-                border-radius: 10px;
-                &:last-child{
-                    margin-right: 0;
-                }
-                &:hover {
-                    img {
-                        transform: rotateY(180deg)
-                    }
-                    h6 {
-                        margin-top: 40px;
-                    }
-                }
-            }
-            img{
-                width: 64px;
-                transition: .6s;
-            }
-            h6{
-                margin: 45px 0 16px;
-                font-size: 18px;
-                line-height: 28px;
-                color: #0B1D30;
-                transition: .3s;
-            }
-            .text{
-                font-size: 14px;
-                color: #757F92;
-            }
-        }
-    }
-    .pics{
-        display: flex;
-        justify-content: space-between;
-        .icon{
-            width: 60px;
-        }
-        .text{
-            width: 340px;
-        }
-        h6{
-            margin: 30px 0 10px;
-            font-size: 28px;
-            color: #0B1D30;
-        }
-        .desc{
-            font-size: 15px;
-            color: #757F92;
-        }
-        .pro-bg1 {
-            position: relative;
-            width: 578px;
-            height: 410px;
-            img {
-                position: absolute;
-                transition: .5s;
-            }
-            .bg1 {
-                top: 0;
-                left: 0;
-            }
-            .bg2 {
-                top: 24px;
-                right: 0;
-                animation: rotate 15s linear infinite;
-            }
-            .bg3 {
-                top: 15px;
-                left: 27px;
-            }
-            .bg4 {
-                top: 102px;
-                left: 72px;
-            }
-            .bg5 {
-                top: 102px;
-                left: 180px;
-            }
-            .bg6 {
-                top: 102px;
-                left: 288px;
-            }
-            .bg7 {
-                top: 55px;
-                right: 9px;
-            }
-            .bg8 {
-                top: 181px;
-                left: 14px;
-            }
-            .bg9 {
-                top: 195px;
-                left: 180px;
-            }
-            .bg10 {
-                top: 181px;
-                right: 142px;
-            }
-            .bg11 {
-                top: 189px;
-                right: 34px;
-            }
-            .bg12 {
-                bottom: 45px;
-                left: 180px;
-            }
-            &:hover {
-                .bg3 {
-                    transform: scale(1.1);
-                }
-                .bg4, .bg5, .bg6, .bg7, .bg8, .bg9, .bg10, .bg11, .bg12 {
-                    transform: translateY(-10px);
-                }
-            }
-        }
-        .pro-bg2 {
-            position: relative;
-            width: 674px;
-            height: 360px;
-            img {
-                position: absolute;
-                transition: .5s;
-            }
-            .bg1 {
-                top: 0;
-                left: 68px;
-            }
-            .bg2 {
-                top: 24px;
-                left: 97px;
-            }
-            .bg3 {
-                top: 94px;
-                left: 139px;
-            }
-            .bg4 {
-                top: 58px;
-                left: 0;
-            }
-            .bg5 {
-                top: 64px;
-                right: 0;
-            }
-            &:hover {
-                .bg2 {
-                    transform: scale(1.1);
-                }
-                .bg3 {
-                    transform: scale(1.3);
-                }
-                .bg4 {
-                    transform: translate(-135px, -10px);
-                }
-                .bg5 {
-                    transform: translate(50px, -20px);
-                }
-            }
-        }
-        .pro-bg3 {
-            position: relative;
-            width: 584px;
-            height: 360px;
-            img {
-                position: absolute;
-                transition: .5s;
-            }
-            .bg1 {
-                top: 0;
-                left: 0;
-            }
-            .bg2 {
-                bottom: 0;
-                right: 0;
-                animation: rotate 10s linear infinite;
-            }
-            .bg3 {
-                top: 15px;
-                left: 13px;
-            }
-            .bg4 {
-                bottom: 0;
-                left: 0;
-            }
-            .bg5 {
-                top: 0;
-                right: 0;
-            }
-            &:hover {
-                .bg3 {
-                    transform: scale(1.1);
-                }
-                .bg4 {
-                    transform: translate(-20px, 20px);
-                }
-                .bg5 {
-                    transform: translateY(-20px);
-                }
-            }
-        }
-        .pro-bg4 {
-            position: relative;
-            width: 580px;
-            height: 360px;
-            img {
-                position: absolute;
-                transition: .5s;
-            }
-            .bg1 {
-                top: 0;
-                left: 0;
-            }
-            .bg2 {
-                bottom: -40px;
-                right: -20px;
-                animation: rotate 10s linear infinite;
-            }
-            .bg3 {
-                top: 40px;
-                left: 30px;
-                width: 530px;
-                box-shadow: 2px 2px 3px #f1f1f1, -2px -2px 4px #f1f1f1;
-            }
-            .bg4 {
-                top: 140px;
-                left: -20px;
-                width: 120px;
-                height: 100px;
-            }
-            &:hover {
-                .bg3 {
-                    transform: scale(1.1);
-                }
-                .bg4 {
-                    transform: translate(135px, 70px);
-                }
-            }
-        }
-        .pro-bg5 {
-            position: relative;
-            width: 580px;
-            height: 360px;
-            img {
-                position: absolute;
-                transition: .5s;
-            }
-            .bg1 {
-                top: 0;
-                left: 0;
-            }
-            .bg2 {
-                bottom: -40px;
-                right: -20px;
-                animation: rotate 10s linear infinite;
-            }
-            .bg3 {
-                top: 40px;
-                left: 30px;
-                width: 530px;
-                box-shadow: 2px 2px 3px #f1f1f1, -2px -2px 4px #f1f1f1;
-            }
-            .bg4 {
-                top: 150px;
-                right: 40px;
-                width: 295px;
-            }
-            &:hover {
-                .bg3 {
-                    transform: scale(1.1);
-                }
-                .bg4 {
-                    transform: translate(-80px, 25px) scale(1.1);
-                }
-            }
-        }
-    }
-    .none{
-        padding: 50px 0;
-        text-align: center;
-        img{
-            width: 324px;
-            margin-bottom: 42px;
-        }
-        .text{
-            font-size: 12px;
-            color: #333;
-        }
-    }
-    @keyframes rotate {
-        0% {
-            transform: rotate(0);
-        }
-        50% {
-            transform: rotate(180deg);
-        }
-        100% {
-            transform: rotate(360deg);
-        }
-    }
-}
-.tool {
-  z-index: 10;
-  position: fixed;
-  bottom: 100px;
-  right: 30px;
-  .item {
-    width: 45px;
-    height: 45px;
-    margin-bottom: 10px;
-    border: 1px solid #e5e5e5;
-    cursor: pointer;
-  }
-  .wechat {
-    background: #fff url(../../../assets/img/index/wechat.png) center center/auto no-repeat;
-    &:hover {
-      background-image: url(../../../assets/img/index/wechat-1.png);
-      background-color: #006EFF;
-      & + .popup {
-        display: block;
-      }
-    }
-  }
-  .tel {
-    background: #fff url(../../../assets/img/index/tel.png) center center/auto no-repeat;
-    &:hover {
-      background-image: url(../../../assets/img/index/tel-1.png);
-      background-color: #006EFF;
-      & + .popup {
-        display: block;
-      }
-    }
-  }
-  .topping {
-    background: #fff url(../../../assets/img/index/top.png) center center/auto no-repeat;
-    &:hover {
-      background-image: url(../../../assets/img/index/top-1.png);
-      background-color: #006EFF;
-    }
-  }
-  .popup {
-    position: absolute;
-    display: none;
-  }
-  .wechat-popup {
-    top: -100px;
-    left: -230px;
-    padding: 20px;
-    text-align: center;
-    background-color: #fff;
-	  box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
-    .tips {
-      font-size: 14px;
-    }
-    .des {
-      margin: 5px 0 15px;
-      font-size: 12px;
-      color: #333;
-    }
-  }
-  .tel-popup {
-    top: -10px;
-    left: -250px;
-    width: 250px;
-    border-right: 20px solid transparent;
-    &:hover {
-      display: block;
-    }
-    .tel-inner {
-      padding: 20px;
-      background-color: #fff;
-      box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
-    }
-    .line {
-      display: flex;
-      &:first-child {
-        margin-bottom: 20px;
-      }
-    }
-    .text {
-      margin-left: 15px;
-    }
-    .title {
-      margin-bottom: 5px;
-      font-size: 14px;
-      cursor: pointer;
-      &:hover {
-        color: #006EFF;
-      }
-    }
-    .tel-num {
-      font-size: 12px;
-      color: #006EFF;
-    }
-    .des {
-      font-size: 12px;
-      color: #686868;
-    }
-  }
-}
-</style>
\ No newline at end of file
diff --git a/src/router/modules/data.js b/src/router/modules/data.js
deleted file mode 100644
index be27ab3..0000000
--- a/src/router/modules/data.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import BasicLayout from '@/layouts/home';
-
-export default {
-    path: '/data',
-    component: BasicLayout,
-    children: [
-        {
-            name: `data`,
-            path: `/data`,
-            component: () => import('@/pages/data/list'),
-            meta: { title: 'Dataforward' }
-        },
-    ]
-};
diff --git a/src/router/modules/occupationlab.js b/src/router/modules/occupationlab.js
deleted file mode 100644
index 20cafbe..0000000
--- a/src/router/modules/occupationlab.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import BasicLayout from '@/layouts/home';
-
-export default {
-    path: '/occupationlab',
-    component: BasicLayout,
-    children: [
-        {
-            name: `occupationlab`,
-            path: `/occupationlab`,
-            component: () => import('@/pages/occupationlab/list'),
-            meta: { title: '职站' }
-        },
-    ]
-};