fix

src/pages/article/activity.vue

@@ -202,24 +202,4 @@ export default {
         font-size: 18px;
     }
 }
-@media (max-width: 1420px) {
-    .content {
-        width: 98%;
-    }
-}
-
-@media (max-width: 1200px) {
-    .banner {
-        height: 15rem;
-    }
-    .article {
-        flex-direction: column;
-        .left {
-            width: 100%;
-            h2 {
-                font-size: 1.5rem;
-            }
-        }
-    }
-}
 </style>

src/pages/article/index.vue

@@ -258,79 +258,4 @@ export default {
         }
     }
 }
-@media (max-width: 1420px) {
-    .content {
-        width: 98%;
-    }
-}
-@media (max-width: 1200px) {
-    .article {
-        /deep/.des {
-            img {
-                max-width: 100%;
-                height: 15rem;
-            }
-        }
-    }
-    .banner {
-        font-size: 1.5rem;
-    }
-    .article {
-        flex-direction: column;
-        .left {
-            width: 100%;
-            h2 {
-                font-size: 1.5rem;
-            }
-        }
-    }
-    .article {
-        .des {
-            img {
-                height: 15rem !important;
-            }
-        }
-    }
-}
-
-@media (max-width: 480px) {
-    .wrap {
-        .banner {
-            padding: 8rem 0 0 10rem;
-            height: 17rem;
-        }
-    }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        .banner {
-            padding: 12rem 0 0 10rem;
-            height: 20rem;
-        }
-    }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        .banner {
-            padding: 14rem 0 0 10rem;
-            height: 22rem;
-        }
-    }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        .banner {
-            padding: 16rem 0 0 10rem;
-            height: 26rem;
-        }
-    }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        .banner {
-            padding: 18rem 0 0 10rem;
-            height: 30rem;
-        }
-    }
-}
 </style>

src/pages/column/index.vue

@@ -126,7 +126,8 @@
                      :props="defaultProps"
                      node-key="id"
                      icon-class="el-icon-arrow-down"
-                     @node-click="(item) => columnClick(item, 1)">
+                     @node-click="(item) => columnClick(item, 1)"
+                     @current-change="(item) => columnClick(item, 1)">
               <span class="custom-tree-node"
                     slot-scope="{ node, data }"
                     style="padding-left: 10px;">
@@ -367,7 +368,8 @@
                                class="type">
                               {{ item.classificationName }}
                             </p>
-                            <h6 class="titleDes">{{ item.title }}</h6>
+                            <h6 class="titleDes"
+                                :title="item.title">{{ item.title }}</h6>
                             <template v-if="item.listStyleId === 11 || item.listStyleId == 12 || item.listStyleId == 68">
                               <span class="meta">{{ item.releaseTime }}</span>
                               <div class="des"
@@ -746,6 +748,7 @@ export default {
     },
     // 点击栏目回调
     columnClick (to, left) {
+      console.log("🚀 ~ file: index.vue:749 ~ columnClick ~ to, left:", to, left)
       const { typeId } = to;
       // 如果是左边的栏目，并且是第一级，并且长页/链接，则不作反应
       if (left && to.level === 1 && (typeId === 2 || typeId === 3)) return false;
@@ -1206,6 +1209,7 @@ export default {
             margin-bottom: 0;
             font-size: 1rem;
             text-align: center;
+            -webkit-line-clamp: 1;
         }
     }
     .news-notice {

src/pages/industrial/index.vue

@@ -82,16 +82,16 @@
 
     <div class="block">
       <div class="inner">
-        <h2 class="b-title wow fadeInUp"
+        <h2 class="b-title"
+            :class="{'wow fadeInUp': $store.getters.getModelType}"
             v-html="modules[6].form.title"></h2>
         <p class="intro wow fadeInUp"
            data-wow-delay="0.5s">{{ modules[6].form.des }}</p>
         <ul class="app">
           <li v-for="(item, i) in modules[7].list"
               :key="i"
-              class="wow fadeInDown"
               :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
-              :class="{'cursor-pointer': isLink(item.link.linkName)}"
+              :class="{'cursor-pointer': isLink(item.link.linkName),'wow fadeInDown': $store.getters.getModelType}"
               @click="openLink(item)">
             <img class="bg"
                  :src="require('@/assets/images/industrial/app' + (i + 1) + '.png')"
@@ -107,12 +107,13 @@
 
     <div class="block news-block">
       <div class="inner">
-        <h2 class="b-title wow fadeInUp"
+        <h2 class="b-title"
+            :class="{'wow fadeInUp': $store.getters.getModelType}"
             v-html="modules[8].form.title"></h2>
         <p class="intro wow fadeInUp"
            data-wow-delay="0.5s">{{ modules[8].form.des }}</p>
         <ul class="news">
-          <li class="wow fadeInDown"
+          <li :class="{'wow fadeInDown': $store.getters.getModelType}"
               :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
               v-for="(item, i) in articles"
               :key="i"

src/pages/newsPress/index.vue

@@ -190,67 +190,4 @@ export default {
         height: 3.3rem;
     }
 }
-@media (max-width: 1520px) {
-    .list {
-        li {
-            &:nth-child(even) {
-                .texts {
-                    left: 25px;
-                }
-            }
-        }
-        .texts {
-            right: 25px;
-            width: 55%;
-        }
-    }
-}
-@media (min-width: 280px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 18rem;
-            .el-carousel__container {
-                height: 18rem;
-            }
-            img {
-                height: 18rem;
-            }
-        }
-    }
-    .banner-item .banner-name[data-v-1525064c] {
-        font-size: 1.5rem;
-    }
-
-    .inner {
-        width: 95%;
-        .list {
-            li {
-                margin-top: 20px;
-                .pic {
-                    width: 100%;
-                    height: 25rem !important;
-                }
-                .texts {
-                    padding: 10px 5px 10px !important;
-                    top: 30px;
-                    height: auto;
-                    h6 {
-                        font-size: 1.5rem !important;
-                    }
-                    p {
-                        font-size: 1rem;
-                        margin: 5px 0 !important;
-                        line-height: 1.5rem;
-                    }
-                    .sub {
-                        margin: 10px 0;
-                    }
-                    .des {
-                        margin-bottom: 10px;
-                    }
-                }
-            }
-        }
-    }
-}
 </style>

src/pages/overview/index.vue

@@ -389,148 +389,4 @@ export default {
         // height: 700px;
     }
 }
-@media (min-width: 2000px) {
-    .scan {
-        .scan-inner {
-            justify-content: flex-start;
-            padding-left: 22%;
-        }
-        .left {
-            width: 37%;
-        }
-        .pic {
-            width: 800px;
-        }
-    }
-}
-@media (min-width: 2400px) {
-    .scan {
-        .scan-inner {
-            padding-left: 24%;
-        }
-    }
-}
-@media (min-width: 2500px) {
-    .scan {
-        .scan-inner {
-            padding-left: 26%;
-        }
-    }
-}
-@media (min-width: 2800px) {
-    .scan {
-        .scan-inner {
-            padding-left: 29%;
-        }
-    }
-}
-@media (min-width: 3500px) {
-    .scan {
-        .scan-inner {
-            padding-left: 35%;
-        }
-        .left {
-            width: 32%;
-        }
-    }
-}
-@media (min-width: 5000px) {
-    .scan {
-        .scan-inner {
-            padding-left: 39.5%;
-        }
-        .left {
-            width: 20%;
-        }
-    }
-}
-@media (min-width: 6000px) {
-    .scan {
-        .scan-inner {
-            padding-left: 42%;
-        }
-    }
-}
-@media (max-width: 1800px) {
-    .scan .scan-inner {
-        padding-left: 14%;
-    }
-}
-@media (max-width: 1500px) {
-    .scan .scan-inner {
-        padding-left: 10%;
-    }
-}
-@media (max-width: 1400px) {
-    .history {
-        .texts {
-            flex-direction: column;
-        }
-        .left {
-            width: 100%;
-        }
-        .bg {
-            width: auto;
-            max-width: 100%;
-            height: auto;
-            margin: 20px 0 0 0;
-        }
-    }
-    .scan {
-        .scan-inner {
-            flex-direction: column;
-            padding: 0 10%;
-        }
-        .left {
-            width: 100%;
-        }
-        .pic {
-            width: 100%;
-            height: auto;
-            margin-top: 2rem;
-        }
-    }
-    .fac {
-        .event {
-            .texts {
-                position: static;
-                margin-top: 20px;
-            }
-        }
-    }
-}
-@media (max-width: 920px) {
-    .core {
-        .texts {
-            top: 20px !important;
-            left: 20px !important;
-            right: 20px !important;
-            width: auto;
-        }
-    }
-    .scan {
-        padding: 20px;
-    }
-    .fac {
-        .l-card {
-            flex-direction: column;
-            li {
-                width: 100%;
-                margin-bottom: 1rem;
-            }
-        }
-    }
-}
-@media (max-width: 750px) {
-    .core {
-        .texts {
-            position: static;
-            padding: 20px;
-            color: #333;
-        }
-        .line {
-            background: #333;
-        }
-    }
-}
 </style>

src/pages/publication/patent.vue

@@ -25,15 +25,10 @@
         </el-date-picker>
       </div>
       <div class="search">
-        <el-tooltip class="item"
-                    effect="dark"
-                    :content="$t('column.pleaseEnterPatentOfficer')"
-                    placement="top-start">
-          <input type="text"
-                 :placeholder="$t('column.pleaseEnterPatentOfficer')"
-                 v-model="form.patentQueryKeyWord"
-                 clearable>
-        </el-tooltip>
+        <input type="text"
+               :placeholder="$t('column.pleaseEnterPatentOfficer')"
+               v-model="form.patentQueryKeyWord"
+               clearable>
       </div>
     </div>
 

src/pages/publication/thesis.vue

@@ -3,30 +3,32 @@
     <div class="forms">
       <div class="item">
         <span class="label">{{$t('column.publicationyear')}}：</span>
-        <el-date-picker
-          style="width: 300px"
-          v-model="form.publicationYear"
-          type="year"
-          :placeholder="$t('column.pleaseSelectThePublicationTime')"
-          format="yyyy"
-          value-format="yyyy"
-          clearable
-          @change="initData">
+        <el-date-picker style="width: 300px"
+                        v-model="form.publicationYear"
+                        type="year"
+                        :placeholder="$t('column.pleaseSelectThePublicationTime')"
+                        format="yyyy"
+                        value-format="yyyy"
+                        clearable
+                        @change="initData">
         </el-date-picker>
       </div>
       <div class="search">
-        <el-tooltip class="item" effect="dark" :content="$t('column.PleaseEnterThePaperName')" placement="top-start">
-          <input type="text" :placeholder="$t('column.PleaseEnterThePaperName')" v-model="form.paperQueryKeyWord" clearable>
-        </el-tooltip>
+        <input type="text"
+               :placeholder="$t('column.PleaseEnterThePaperName')"
+               v-model="form.paperQueryKeyWord"
+               clearable>
       </div>
     </div>
 
     <ul class="list">
-      <li v-for="(item, i) in articles" :key="i" @click="$parent.toArtice(item)">
+      <li v-for="(item, i) in articles"
+          :key="i"
+          @click="$parent.toArtice(item)">
         <h6>{{ item.title }}</h6>
         <p class="meta">{{$t('column.author')}}: {{ item.author }}</p>
         <p class="meta">{{$t('column.journalName')}}: {{ item.periodicalName }}</p>
-        <p class="meta">{{$t('column.yearOfPublication')}}: {{ item.publicationYear }} &nbsp; &nbsp; {{$t('column.rollUp')}}: {{ item.reel }}   &nbsp; &nbsp; {{$t('column.documentNumber')}}: {{ item.documentNumber }}</p>
+        <p class="meta">{{$t('column.yearOfPublication')}}: {{ item.publicationYear }} &nbsp; &nbsp; {{$t('column.rollUp')}}: {{ item.reel }} &nbsp; &nbsp; {{$t('column.documentNumber')}}: {{ item.documentNumber }}</p>
       </li>
     </ul>
   </div>
@@ -36,7 +38,7 @@
 import Util from '@/libs/util';
 export default {
   props: ['id'],
-  data() {
+  data () {
     return {
       searchTimer: null,
       form: {
@@ -51,7 +53,7 @@ export default {
     }
   },
   watch: {
-    id() {
+    id () {
       this.id && this.initData()
     },
     'form.paperQueryKeyWord': function (val) {
@@ -61,12 +63,12 @@ export default {
       }, 500);
     }
   },
-  mounted() {
+  mounted () {
     this.initData()
   },
   methods: {
     // 查询文章列表
-    getArticle() {
+    getArticle () {
       this.id && this.$post(this.api.newlyPublishedArticles, {
         siteId: this.$route.query.siteId || this.$store.state.content.site,
         columnIds: this.id,
@@ -80,7 +82,7 @@ export default {
         })
         .catch((res) => { });
     },
-    initData() {
+    initData () {
       this.page = 1
       this.getArticle()
     },
@@ -89,22 +91,22 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../styles/page/publication.scss";
+@import '../../styles/page/publication.scss';
 .list {
-  li {
-    padding: 30px;
-    margin-bottom: 15px;
-    background-color: #fff;
-    cursor: pointer;
-  }
-  h6 {
-    margin-bottom: 10px;
-    font-size: 1.2rem;
-  }
-  .meta {
-    font-size: 1rem;
-    color: #666;
-    line-height: 30px;
-  }
+    li {
+        padding: 30px;
+        margin-bottom: 15px;
+        background-color: #fff;
+        cursor: pointer;
+    }
+    h6 {
+        margin-bottom: 10px;
+        font-size: 1.2rem;
+    }
+    .meta {
+        font-size: 1rem;
+        color: #666;
+        line-height: 30px;
+    }
 }
 </style>

src/pages/publish/show.vue

@@ -51,27 +51,6 @@
               <p class="name">DOI</p>
               <p class="val">{{ form.doi }}</p>
             </template>
-
-            <p class="l-title">{{$t('column.hot')}}</p>
-            <ul class="list">
-              <li v-for="(item, i) in hots"
-                  :key="i"
-                  :title="item.title"
-                  @click="toArtice(item)">
-                <p class="text">{{ item.title }}</p>
-                <span class="date">{{ item.releaseTime }}</span>
-              </li>
-            </ul>
-
-            <p class="l-title">{{$t('column.latestNews')}}</p>
-            <ul class="list">
-              <li v-for="(item, i) in news"
-                  :key="i"
-                  @click="toArtice(item)">
-                <p class="text">{{ item.title }}</p>
-                <span class="date">{{ item.releaseTime }}</span>
-              </li>
-            </ul>
           </div>
         </div>
       </div>

src/pages/researchTeam/index.vue

@@ -238,60 +238,4 @@ export default {
         }
     }
 }
-@media (max-width: 1200px) {
-    .content {
-        width: 95%;
-    }
-    .article {
-        flex-direction: column;
-        .left,
-        .right {
-            width: 100%;
-        }
-        .left {
-            margin-bottom: 30px;
-        }
-    }
-}
-@media (max-width: 980px) {
-    .article {
-        .team-wrap {
-            display: flex;
-            align-items: flex-start;
-        }
-        .letter {
-            flex-direction: column;
-            margin: 16px 10px 0 0;
-            .item {
-                border: 1px solid #dbdbdb;
-                border-top: 0;
-                &:first-child {
-                    border-top: 1px solid #dbdbdb;
-                    border-radius: 4px 4px 0 0;
-                }
-                &:last-child {
-                    border-radius: 0 0 4px 4px;
-                }
-            }
-        }
-        .teams {
-            flex: 1;
-        }
-    }
-}
-@media (max-width: 640px) {
-    .article {
-        .left {
-            .search {
-                width: 50%;
-            }
-        }
-        .teams {
-            flex-direction: column;
-            li {
-                width: 100%;
-            }
-        }
-    }
-}
 </style>

src/pages/talentCentre/index.vue

@@ -71,28 +71,6 @@
               <span class="date">{{ item.releaseTime }}</span>
             </li>
           </ul>
-
-          <p class="l-title">{{$t('column.hot')}}</p>
-          <ul class="list">
-            <li v-for="(item, i) in hots"
-                :key="i"
-                :title="item.title"
-                @click="toArtice(item)">
-              <p class="text">{{ item.title }}</p>
-              <span class="date">{{ item.releaseTime }}</span>
-            </li>
-          </ul>
-
-          <p class="l-title">{{$t('column.latestNews')}}</p>
-          <ul class="list">
-            <li v-for="(item, i) in news"
-                :key="i"
-                :title="item.title"
-                @click="toArtice(item)">
-              <p class="text">{{ item.title }}</p>
-              <span class="date">{{ item.releaseTime }}</span>
-            </li>
-          </ul>
         </div>
       </div>
     </div>

src/pages/team/index.vue

@@ -124,26 +124,4 @@ export default {
         }
     }
 }
-@media (max-width: 1200px) {
-    .content {
-        width: 95%;
-        flex-direction: column;
-        .left,
-        .right {
-            width: 100%;
-        }
-    }
-}
-@media (max-width: 640px) {
-    .content {
-        .list {
-            li {
-                flex-direction: column;
-            }
-            .pic {
-                margin: 0 0 20px 0;
-            }
-        }
-    }
-}
 </style>

src/styles/page/publication.scss

@@ -1,64 +1,52 @@
 .forms {
-  display: flex;
-  align-items: center;
-  padding: 15px;
-  margin-bottom: 20px;
-  background-color: #fff;
-  .item {
-    display: inline-flex;
+    display: flex;
     align-items: center;
-    margin-right: 30px;
-  }
-  .label {
-    font-size: 16px;
-    color: #333;
-    white-space: nowrap;
-  }
-  /deep/.el-input__inner {
-    width: 100%;
-    height: 38px;
-    line-height: 38px;
-    border: 0;
-    background: #F7F7F7;
-  }
-  .search {
-    display: inline-flex;
-    width: 34%;
-    input {
-      width: 100%;
-      height: 38px;
-      padding: 0 15px;
-      font-size: 14px;
-      color: #333;
-      background: #F7F7F7;
-      border: 0;
-      border-top-left-radius: 6px;
-      border-bottom-left-radius: 6px;
-      &:focus {
-        outline: none;
-      }
+    padding: 15px;
+    margin-bottom: 20px;
+    background-color: #fff;
+    .item {
+        display: inline-flex;
+        align-items: center;
+        margin-right: 30px;
     }
-  }
-  .icon {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    width: 62px;
-    height: 38px;
-    background: #1583FF;
-    border-radius: 0px 6px 6px 0px;
-    cursor: pointer;
-  }
-}
-
-@media (max-width: 1200px) {
-  .forms {
-    padding: 1.25rem;
-    flex-direction: column;
-    .item, .search,div {
-      width: 80%;margin: 0 auto;
-      justify-content: center;
-      margin-top: 20px;
+    .label {
+        font-size: 16px;
+        color: #333;
+        white-space: nowrap;
+    }
+    /deep/.el-input__inner {
+        width: 100%;
+        height: 38px;
+        line-height: 38px;
+        border: 0;
+        background: #f7f7f7;
     }
-  } 
-}
+    .search {
+        display: inline-flex;
+        width: 34%;
+        input {
+            width: 100%;
+            height: 38px;
+            padding: 0 15px;
+            font-size: 14px;
+            color: #333;
+            background: #f7f7f7;
+            border: 0;
+            border-top-left-radius: 6px;
+            border-bottom-left-radius: 6px;
+            &:focus {
+                outline: none;
+            }
+        }
+    }
+    .icon {
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        width: 62px;
+        height: 38px;
+        background: #1583ff;
+        border-radius: 0px 6px 6px 0px;
+        cursor: pointer;
+    }
+}