From 2887d41dec16071796a4d1086ee218ead07e72b2 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Fri, 26 Jan 2024 10:32:14 +0800
Subject: [PATCH] fix

---
 src/mixins/page/index.js          |   11 +-
 src/pages/article/index.vue       |    6 +-
 src/pages/column/index.vue        |    6 +-
 src/pages/iasf/index.vue          |    3 +
 src/pages/news/index.vue          |   13 +-
 src/pages/researchNew/index.vue   | 1073 +++++++++++++++++++++++++++++
 src/pages/sfelNew/index.vue       |    3 +
 src/router/modules/researchNew.js |   14 +
 8 files changed, 1114 insertions(+), 15 deletions(-)
 create mode 100644 src/pages/researchNew/index.vue
 create mode 100644 src/router/modules/researchNew.js

diff --git a/src/mixins/page/index.js b/src/mixins/page/index.js
index 388eed5..2109249 100644
--- a/src/mixins/page/index.js
+++ b/src/mixins/page/index.js
@@ -15,9 +15,18 @@ export default {
     }
   },
   mounted() {
-    this.getInfo && this.id && this.getInfo()
+    this.getInfo && this.id && this.getColumnInfo()
   },
   methods: {
+    // 获取栏目详情
+    getColumnInfo () {
+      this.$post(`${this.api.findColumn}?id=${this.id}`)
+          .then(({ data }) => {
+						// 栏目被禁用了，则不显示页面
+            data.menuVisible || this.getInfo()
+          })
+          .catch((res) => { });
+    },
     // 打开链接
     async openLink(item) {
       const { link } = item
diff --git a/src/pages/article/index.vue b/src/pages/article/index.vue
index 72fe4c0..e24acf4 100644
--- a/src/pages/article/index.vue
+++ b/src/pages/article/index.vue
@@ -230,8 +230,8 @@ export default {
         border-bottom: 1px solid #d8d8d8;
     }
     /deep/.des {
-        width: 100%;
-        overflow: auto;
+        // width: 100%;
+        // overflow: auto;
         a {
             color: rgb(0, 0, 238);
             word-wrap: break-word;
@@ -241,12 +241,14 @@ export default {
             object-fit: cover;
         }
         ul {
+            // padding-left: 40px;
             list-style: disc;
             li {
                 list-style: inherit;
             }
         }
         ol {
+            // padding-left: 40px;
             list-style: decimal;
             li {
                 list-style: inherit;
diff --git a/src/pages/column/index.vue b/src/pages/column/index.vue
index 23e3f16..9b21d48 100644
--- a/src/pages/column/index.vue
+++ b/src/pages/column/index.vue
@@ -573,11 +573,14 @@ export default {
     // 获取栏目详情
     getInfo () {
       this.loading = true
+      this.loaded = false
       this.id &&
         this.$post(`${this.api.findColumn}?id=${this.id}`)
           .then(({ data }) => {
             this.columnClick(data);
-            if (data.typeId !== 3) this.loaded = true; // 非长页，才展示页面
+            if (data.typeId !== 3 && !data.menuVisible) {
+              this.loaded = true; // 非长页，才展示页面
+            }
             this.info = data
             this.pageSize = data.pageSize || 10
             this.showNav = this.showNavIds.includes(data.listStyleId)
@@ -1266,7 +1269,6 @@ export default {
             margin-bottom: 5px;
             font-size: 0.98rem;
             cursor: pointer;
-            @include ellipsis;
 
             &:hover {
                 color: $main-color;
diff --git a/src/pages/iasf/index.vue b/src/pages/iasf/index.vue
index 7eb9d56..029dd7e 100644
--- a/src/pages/iasf/index.vue
+++ b/src/pages/iasf/index.vue
@@ -363,6 +363,9 @@ export default {
 
     document.onscroll = this.throttle(this.scroll, 200)
   },
+  beforeDestroy () {
+    document.onscroll = null
+  },
   methods: {
     // 获取文章详情
     getInfo () {
diff --git a/src/pages/news/index.vue b/src/pages/news/index.vue
index 234d122..bdc73ea 100644
--- a/src/pages/news/index.vue
+++ b/src/pages/news/index.vue
@@ -517,8 +517,8 @@ export default {
     width: 100%;
 
     li {
-        flex: 1;
-        margin-right: 0.88rem;
+        width: 32.5%;
+        margin-right: 1%;
         box-shadow: 0px 0px 20px 0px rgba(176, 176, 176, 0.21);
         border-radius: 6px;
         transition: 0.3s;
@@ -659,7 +659,7 @@ export default {
             object-fit: cover;
         }
         .texts {
-            width: 24rem;
+            width: calc(100% - 15rem);
             margin-right: 3.5rem;
         }
         h6 {
@@ -867,13 +867,6 @@ export default {
                     }
                 }
             }
-            .card-list {
-                li {
-                    .texts {
-                        margin-right: 30px;
-                    }
-                }
-            }
         }
     }
     .conference {
diff --git a/src/pages/researchNew/index.vue b/src/pages/researchNew/index.vue
new file mode 100644
index 0000000..c60f36c
--- /dev/null
+++ b/src/pages/researchNew/index.vue
@@ -0,0 +1,1073 @@
+<template>
+  <div class="wrap"
+       v-if="modules.length>=1">
+    <el-carousel :interval="6000"
+                 :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
+                 :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+      <template v-for="(item, i) in modules[0].list">
+        <el-carousel-item v-if="item.pic && item.isEnable"
+                          :key="i">
+          <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]"
+               @click="openLink(item)">
+            <img :src="item.pic"
+                 alt="">
+            <p class="banner-name">{{ item.title }}</p>
+          </div>
+        </el-carousel-item>
+      </template>
+    </el-carousel>
+
+    <div class="block">
+      <h2 class="b-title wow fadeInUp">{{ modules[1].form.title }}</h2>
+      <p class="intro wow fadeInUp"
+         data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
+      <ul class="area">
+        <li v-for="(item, i) in modules[2].list"
+            :key="i"
+            class="wow fadeInDown"
+            :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
+            :class="{'cursor-pointer': isLink(item.link.linkName)}"
+            @click="openLink(item)">
+          <img :src="item.pic"
+               alt=""
+               class="pic">
+          <div class="texts">
+            <img :src="require('@/assets/images/research/res' + (i + 1) + '-1.png')"
+                 alt=""
+                 class="icon">
+            <h6>{{ item.title }}</h6>
+            <p class="des">{{ item.des }}</p>
+          </div>
+        </li>
+      </ul>
+    </div>
+
+    <div class="block gray">
+      <div class="inner">
+        <h2 class="b-title wow fadeInUp">{{ modules[3].form.title }}</h2>
+        <p class="intro wow fadeInUp"
+           data-wow-delay="0.5s">{{ modules[3].form.des }}</p>
+        <ul class="group">
+          <li v-for="(item, i) in modules[4].list"
+              :key="i"
+              class="wow fadeInDown"
+              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
+              :class="{'cursor-pointer': isLink(item.link.linkName)}"
+              @click="openLink(item)">
+            <img :src="item.pic"
+                 alt="">
+            <p class="text">{{ item.title }}</p>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import mixins from '@/mixins/page'
+import Setting from '@/setting'
+import Util from '@/libs/util'
+import WOW from 'wow.js'
+export default {
+  mixins: [mixins],
+  data () {
+    return {
+
+    }
+  },
+  mounted () {
+    new WOW().init()
+  },
+  methods: {
+    // 获取文章详情
+    getInfo () {
+      // 预览/详情
+      this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.id}`).then(({ data }) => {
+        if (data.length) {
+          // state：已发布（1）则取theEditedJson，草稿（0）则取jsonBeforeEditing
+          const json = JSON.parse(this.preview ?
+            data :
+            data[data.length - 1][data[data.length - 1].state ? 'theEditedJson' : 'jsonBeforeEditing'])
+          this.modules = json
+          console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", json)
+        }
+      }).catch(err => { })
+    },
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@import url(../../plugins/wow/animate.css);
+@import '../../styles/page/page.scss';
+.wrap {
+    /deep/ .el-carousel {
+        height: 24rem;
+        .el-carousel__container {
+            height: 24rem;
+        }
+        img {
+            height: 24rem;
+        }
+    }
+}
+.banner-item {
+    .banner-name {
+        font-size: 2.16rem;
+    }
+}
+.block {
+    padding: 3.85rem 0;
+    .intro {
+        margin-bottom: 4rem;
+    }
+}
+.area {
+    display: flex;
+    li {
+        position: relative;
+        width: 19%;
+        color: #fff;
+        background: url(../../assets/images/research/res1.png) 0 0/100% 100% no-repeat;
+        transition: 0.3s;
+        &:hover {
+            transform: translateY(20px);
+            .icon {
+                transform: rotateY(360deg);
+            }
+        }
+        &:nth-child(2) {
+            width: 21%;
+            margin-top: 70px;
+            .texts {
+                background: #2b1b1c;
+            }
+        }
+        &:nth-child(3) {
+            .texts {
+                background: #009c91;
+            }
+        }
+        &:nth-child(4) {
+            margin-top: 70px;
+            .texts {
+                background: #005388;
+            }
+        }
+        &:nth-child(5) {
+            width: 22%;
+            .texts {
+                background: #9a4e10;
+            }
+        }
+    }
+    .pic {
+        width: 100%;
+        height: 32.65rem;
+        object-fit: cover;
+    }
+    .icon {
+        transition: 0.3s;
+    }
+    .texts {
+        width: 100%;
+        padding: 1rem 2rem;
+        background: #08577b;
+        overflow: hidden;
+    }
+    h6 {
+        font-size: 1.2rem;
+        white-space: nowrap;
+    }
+    .des {
+        font-size: 0.96rem;
+        color: rgba(255, 255, 255, 0.55);
+    }
+}
+.group {
+    display: flex;
+    flex-wrap: wrap;
+    li {
+        position: relative;
+        width: calc((100% - 56px) / 3);
+        margin: 0 1.4rem 1.95rem 0;
+        transition: 0.3s;
+        &:hover {
+            transform: scale(1.05);
+            .text {
+                color: #fff;
+                background-color: #465f85;
+            }
+        }
+        &:nth-child(3n) {
+            margin-right: 0;
+        }
+    }
+    img {
+        width: 100%;
+        height: auto;
+    }
+    .text {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 7.15rem;
+        padding: 0 1.5rem;
+        font-size: 1.44rem;
+        font-family: SFProDisplay-Bold, SFProDisplay;
+        font-weight: bold;
+        line-height: 2rem;
+        text-align: center;
+        color: #272727;
+        background-color: #fff;
+        transition: 0.3s;
+    }
+}
+.news {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    li {
+        position: relative;
+        width: calc((100% - 56px) / 3);
+        padding: 11px;
+        margin-right: 1.4rem;
+        color: #333;
+        background-color: #fff;
+        box-shadow: 0px 5px 1rem 0px rgba(98, 117, 163, 0.08);
+        border-radius: 10px;
+        transition: 0.3s;
+        &:hover {
+            transform: translateY(20px);
+        }
+        &:nth-child(3n) {
+            margin-right: 0;
+        }
+        &:hover {
+            color: #fff;
+            background-color: #0252d9;
+        }
+    }
+    img {
+        width: 100%;
+        height: auto;
+    }
+    .texts {
+        padding: 0 0.9rem 2.5rem;
+    }
+    h6 {
+        margin: 1.75rem 0 0.6rem;
+        font-size: 1.04rem;
+        line-height: 1.65rem;
+    }
+    .des {
+        font-size: 0.88rem;
+        line-height: 1.3rem;
+    }
+}
+
+@media (min-width: 280px) and (max-width: 1200px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 18rem;
+            .el-carousel__container {
+                height: 18rem;
+            }
+            img {
+                height: 18rem;
+            }
+        }
+    }
+    .block {
+        padding: 50px 0;
+        .intro {
+            margin-bottom: 30px;
+        }
+        .area {
+            flex-direction: column;
+            li {
+                width: 95%;
+                margin: 1.25rem auto;
+            }
+        }
+        .group,
+        .news {
+            flex-direction: column;
+            li {
+                width: 95%;
+                margin: 20px auto;
+            }
+        }
+    }
+    .area {
+        li {
+            height: auto;
+            .pic {
+                height: 20rem;
+            }
+            .texts {
+                height: 10rem;
+            }
+        }
+    }
+    .group img {
+        height: 20rem;
+    }
+    .news img {
+        height: 20rem;
+    }
+}
+@media (max-width: 320px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__item {
+            height: 12rem !important;
+        }
+    }
+    .banner-item {
+        img {
+            height: 12rem !important;
+        }
+        .banner-name {
+            font-size: 1.5rem;
+            line-height: 1rem;
+            left: 2rem;
+            bottom: 2rem;
+        }
+    }
+    .block {
+        padding: 1.25rem 0;
+        .b-title {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .group,
+        .news {
+            li {
+                img {
+                    height: auto;
+                }
+                .text {
+                    font-size: 1.5rem;
+                    line-height: 1.8rem;
+                }
+            }
+        }
+    }
+}
+@media (min-width: 320px) and (max-width: 375px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__item {
+            height: 12rem !important;
+        }
+    }
+    .banner-item {
+        img {
+            height: 12rem !important;
+        }
+        .banner-name {
+            font-size: 1.5rem;
+            line-height: 1rem;
+            left: 2rem;
+            bottom: 2rem;
+        }
+    }
+    .block {
+        padding: 1.25rem 0;
+        .b-title {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .group,
+        .news {
+            li {
+                img {
+                    height: auto;
+                }
+                .text {
+                    font-size: 1.5rem;
+                    line-height: 1.8rem;
+                }
+            }
+        }
+    }
+}
+@media (min-width: 375px) and (max-width: 480px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__item {
+            height: 12rem !important;
+        }
+    }
+    .banner-item {
+        img {
+            height: 12rem !important;
+        }
+        .banner-name {
+            font-size: 1.5rem;
+            line-height: 1rem;
+            left: 2rem;
+            bottom: 2rem;
+        }
+    }
+    .block {
+        padding: 1.25rem 0;
+        .b-title {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .group,
+        .news {
+            li {
+                img {
+                    height: auto;
+                }
+                .text {
+                    font-size: 1.5rem;
+                    line-height: 1.8rem;
+                }
+            }
+        }
+        .area {
+            li {
+                .pic {
+                    height: 22rem;
+                }
+            }
+        }
+    }
+}
+@media (min-width: 480px) and (max-width: 640px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__item {
+            height: 12rem !important;
+        }
+    }
+    .banner-item {
+        img {
+            height: 12rem !important;
+        }
+        .banner-name {
+            font-size: 1.5rem;
+            line-height: 1rem;
+            left: 2rem;
+            bottom: 2rem;
+        }
+    }
+    .block {
+        padding: 1.25rem 0;
+        .b-title {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .group,
+        .news {
+            li {
+                img {
+                    height: auto;
+                }
+                .text {
+                    font-size: 1.5rem;
+                    line-height: 1.8rem;
+                }
+            }
+        }
+        .area {
+            li {
+                .pic {
+                    height: auto;
+                }
+            }
+        }
+    }
+}
+@media (min-width: 640px) and (max-width: 768px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__item {
+            height: 12rem !important;
+        }
+    }
+    .banner-item {
+        img {
+            height: 12rem !important;
+        }
+        .banner-name {
+            font-size: 1.5rem;
+            line-height: 1rem;
+            left: 2rem;
+            bottom: 2rem;
+        }
+    }
+    .block {
+        padding: 1.25rem 0;
+        .b-title {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .group,
+        .news {
+            li {
+                img {
+                    height: auto;
+                }
+                .text {
+                    font-size: 1.5rem;
+                    line-height: 1.8rem;
+                }
+            }
+        }
+        .area {
+            flex-direction: row;
+            li {
+                width: 19%;
+                .pic {
+                    height: auto;
+                }
+            }
+        }
+    }
+}
+@media (min-width: 768px) and (max-width: 980px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__item {
+            height: 12rem !important;
+        }
+    }
+    .banner-item {
+        img {
+            height: 12rem !important;
+        }
+        .banner-name {
+            font-size: 1.5rem;
+            line-height: 1rem;
+            left: 2rem;
+            bottom: 2rem;
+        }
+    }
+    .block {
+        padding: 1.25rem 0;
+        .b-title {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .group,
+        .news {
+            flex-direction: row;
+            li {
+                width: calc((100% - 3rem) / 3);
+                margin: 0 0.8rem 1.95rem 0;
+                -webkit-transition: 0.3s;
+                img {
+                    height: auto;
+                }
+                .text {
+                    font-size: 1.5rem;
+                    line-height: 1.8rem;
+                }
+            }
+        }
+        .area {
+            flex-direction: row;
+            li {
+                width: 19%;
+                .pic {
+                    height: auto;
+                }
+            }
+        }
+    }
+}
+@media (min-width: 980px) and (max-width: 1200px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__item {
+            height: 12rem !important;
+        }
+    }
+    .banner-item {
+        img {
+            height: 12rem !important;
+        }
+        .banner-name {
+            font-size: 1.5rem;
+            line-height: 1rem;
+            left: 2rem;
+            bottom: 2rem;
+        }
+    }
+    .block {
+        padding: 1.25rem 0;
+        .b-title {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .group,
+        .news {
+            flex-direction: row;
+            li {
+                width: calc((100% - 3rem) / 3);
+                margin: 0 0.8rem 1.95rem 0;
+                -webkit-transition: 0.3s;
+                img {
+                    height: auto;
+                }
+                .text {
+                    font-size: 1.5rem;
+                    line-height: 1.8rem;
+                }
+            }
+        }
+        .area {
+            flex-direction: row;
+            li {
+                width: 19%;
+                .pic {
+                    height: auto;
+                }
+            }
+        }
+    }
+}
+
+@media (min-width: 280px) and (max-width: 1200px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 18rem;
+            .el-carousel__container {
+                height: 18rem;
+            }
+            img {
+                height: 18rem;
+            }
+        }
+    }
+    .block {
+        padding: 50px 0;
+        .intro {
+            margin-bottom: 30px;
+        }
+        .area {
+            flex-direction: column;
+            li {
+                width: 95%;
+                margin: 1.25rem auto;
+            }
+        }
+        .group,
+        .news {
+            flex-direction: column;
+            li {
+                width: 95%;
+                margin: 20px auto;
+            }
+        }
+    }
+    .area {
+        li {
+            height: auto;
+            .pic {
+                height: 20rem;
+            }
+            .texts {
+                height: 10rem;
+            }
+        }
+    }
+    .group img {
+        height: 20rem;
+    }
+    .news img {
+        height: 20rem;
+    }
+}
+@media (max-width: 320px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__item {
+            height: 12rem !important;
+        }
+    }
+    .banner-item {
+        img {
+            height: 12rem !important;
+        }
+        .banner-name {
+            font-size: 1.5rem;
+            line-height: 1rem;
+            left: 2rem;
+            bottom: 2rem;
+        }
+    }
+    .block {
+        padding: 1.25rem 0;
+        .b-title {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .group,
+        .news {
+            li {
+                img {
+                    height: auto;
+                }
+                .text {
+                    font-size: 1.5rem;
+                    line-height: 1.8rem;
+                }
+            }
+        }
+    }
+}
+@media (min-width: 320px) and (max-width: 375px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__item {
+            height: 12rem !important;
+        }
+    }
+    .banner-item {
+        img {
+            height: 12rem !important;
+        }
+        .banner-name {
+            font-size: 1.5rem;
+            line-height: 1rem;
+            left: 2rem;
+            bottom: 2rem;
+        }
+    }
+    .block {
+        padding: 1.25rem 0;
+        .b-title {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .group,
+        .news {
+            li {
+                img {
+                    height: auto;
+                }
+                .text {
+                    font-size: 1.5rem;
+                    line-height: 1.8rem;
+                }
+            }
+        }
+    }
+}
+@media (min-width: 375px) and (max-width: 480px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__item {
+            height: 12rem !important;
+        }
+    }
+    .banner-item {
+        img {
+            height: 12rem !important;
+        }
+        .banner-name {
+            font-size: 1.5rem;
+            line-height: 1rem;
+            left: 2rem;
+            bottom: 2rem;
+        }
+    }
+    .block {
+        padding: 1.25rem 0;
+        .b-title {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .group,
+        .news {
+            li {
+                img {
+                    height: auto;
+                }
+                .text {
+                    font-size: 1.5rem;
+                    line-height: 1.8rem;
+                }
+            }
+        }
+        .area {
+            li {
+                .pic {
+                    height: 22rem;
+                }
+            }
+        }
+    }
+}
+@media (min-width: 480px) and (max-width: 640px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__item {
+            height: 12rem !important;
+        }
+    }
+    .banner-item {
+        img {
+            height: 12rem !important;
+        }
+        .banner-name {
+            font-size: 1.5rem;
+            line-height: 1rem;
+            left: 2rem;
+            bottom: 2rem;
+        }
+    }
+    .block {
+        padding: 1.25rem 0;
+        .b-title {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .group,
+        .news {
+            li {
+                img {
+                    height: auto;
+                }
+                .text {
+                    font-size: 1.5rem;
+                    line-height: 1.8rem;
+                }
+            }
+        }
+        .area {
+            li {
+                .pic {
+                    height: auto;
+                }
+            }
+        }
+    }
+}
+@media (min-width: 640px) and (max-width: 768px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__item {
+            height: 12rem !important;
+        }
+    }
+    .banner-item {
+        img {
+            height: 12rem !important;
+        }
+        .banner-name {
+            font-size: 1.5rem;
+            line-height: 1rem;
+            left: 2rem;
+            bottom: 2rem;
+        }
+    }
+    .block {
+        padding: 1.25rem 0;
+        .b-title {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .group,
+        .news {
+            li {
+                img {
+                    height: auto;
+                }
+                .text {
+                    font-size: 1.5rem;
+                    line-height: 1.8rem;
+                }
+            }
+        }
+        .area {
+            flex-direction: row;
+            li {
+                width: 19%;
+                .pic {
+                    height: auto;
+                }
+            }
+        }
+    }
+}
+@media (min-width: 768px) and (max-width: 980px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__item {
+            height: 12rem !important;
+        }
+    }
+    .banner-item {
+        img {
+            height: 12rem !important;
+        }
+        .banner-name {
+            font-size: 1.5rem;
+            line-height: 1rem;
+            left: 2rem;
+            bottom: 2rem;
+        }
+    }
+    .block {
+        padding: 1.25rem 0;
+        .b-title {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .group,
+        .news {
+            flex-direction: row;
+            li {
+                width: calc((100% - 3rem) / 3);
+                margin: 0 0.8rem 1.95rem 0;
+                -webkit-transition: 0.3s;
+                img {
+                    height: auto;
+                }
+                .text {
+                    font-size: 1.5rem;
+                    line-height: 1.8rem;
+                }
+            }
+        }
+        .area {
+            flex-direction: row;
+            li {
+                width: 19%;
+                .pic {
+                    height: auto;
+                }
+            }
+        }
+    }
+}
+@media (min-width: 980px) and (max-width: 1200px) {
+    .wrap {
+        /deep/ .el-carousel {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__container {
+            height: 12rem !important;
+        }
+        /deep/ .el-carousel__item {
+            height: 12rem !important;
+        }
+    }
+    .banner-item {
+        img {
+            height: 12rem !important;
+        }
+        .banner-name {
+            font-size: 1.5rem;
+            line-height: 1rem;
+            left: 2rem;
+            bottom: 2rem;
+        }
+    }
+    .block {
+        padding: 1.25rem 0;
+        .b-title {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .group,
+        .news {
+            flex-direction: row;
+            li {
+                width: calc((100% - 3rem) / 3);
+                margin: 0 0.8rem 1.95rem 0;
+                -webkit-transition: 0.3s;
+                img {
+                    height: auto;
+                }
+                .text {
+                    font-size: 1.5rem;
+                    line-height: 1.8rem;
+                }
+            }
+        }
+        .area {
+            flex-direction: row;
+            li {
+                width: 19%;
+                .pic {
+                    height: auto;
+                }
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/sfelNew/index.vue b/src/pages/sfelNew/index.vue
index c255783..92b9280 100644
--- a/src/pages/sfelNew/index.vue
+++ b/src/pages/sfelNew/index.vue
@@ -271,6 +271,9 @@ export default {
     new WOW().init()
     if (this.$store.getters.getModelType) document.onscroll = this.throttle(this.scroll, 200)
   },
+  beforeDestroy () {
+    document.onscroll = null
+  },
   methods: {
     // 获取文章详情
     getInfo () {
diff --git a/src/router/modules/researchNew.js b/src/router/modules/researchNew.js
new file mode 100644
index 0000000..69d504d
--- /dev/null
+++ b/src/router/modules/researchNew.js
@@ -0,0 +1,14 @@
+import BasicLayout from '@/layouts/home'
+const name = 'researchNew'
+export default {
+  path: `/${name}`,
+  component: BasicLayout,
+  children: [
+    {
+      name,
+      path: `/${name}`,
+      component: () => import(`@/pages/${name}`),
+      meta: { title: '' }
+    }
+  ]
+};