优化全览图及添加资料下载

src/langs/cn/DownloadList.js

@@ -1,4 +1,13 @@
 export default {
+  syList: [
+    {
+      title: "Eukaryotic Protein Preparation All-inclusive Package",
+      url: '/static/img/profile/en.jpg',
+      img: '/static/img/download/en.png',
+      contentImg: '/static/img/download/en_8.jpg',
+      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_30.pdf'
+    }
+  ],
     list: [
     {
         title: "Eukaryotic Protein Preparation All-inclusive Package",

src/langs/en/DownloadList.js

@@ -1,4 +1,14 @@
 export default {
+  // 
+  syList:[
+    {
+      title: "Eukaryotic Protein Preparation All-inclusive Package",
+      url: '/static/img/profile/en.jpg',
+      img: '/static/img/download/en.png',
+      contentImg: '/static/img/download/en_8.jpg',
+      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_30.pdf'
+    }
+  ],
   list: [
     {
         title: "Eukaryotic Protein Preparation All-inclusive Package",

src/view/overView/index.vue

@@ -81,10 +81,11 @@ export default {
   methods: {
     // 过度是否结束
     onTransitionEnd(block) {
+      console.log(block.isSliding, "过度是否结束", this.overView.length, "overView====原数组", this.keywordList.length, "keywordList====搜索数组", this.otherList.length, "otherList====");
       if (block.isSliding) {
         block.isSliding = false;
         if (this.isBlockInArray(block, this.otherList)) {
-          this.otherList = this.otherList.filter(b => b.catalog !== block.catalog || b.name !== block.name);
+          this.otherList = this.otherList.filter(b => b.catalog !== block.catalog || b.name !== block.name || b.target !== block.target || b.moa !== block.moa);
           this.keywordList.push(block);
           block.styleOpacity = "0"
           setTimeout(() => {
@@ -105,6 +106,10 @@ export default {
       return array.some(b => b.catalog === block.catalog || b.name === block.name || b.target === block.target || b.moa === block.moa);
     },
     search() {
+      let list = []
+      list.concat(this.overView)
+      this.otherList = this.overView
+      console.log(this.overView.length, "overView====原数组", this.keywordList.length, "keywordList====搜索数组", this.otherList.length, "otherList====");
       // 回到顶部
       document.body.scrollTop = 0;
       const keyword = this.keyword.trim().toLowerCase();

src/view/profile/index.vue

@@ -2,6 +2,19 @@
   <div class="box">
     <banner></banner>
     <div class="content-box">
+      <div class="title">SY-CRS-BsAb</div>
+      <div class="v-content v-one">
+        <el-row :gutter="20">
+          <el-col :span="5" :xl="6" :lg="6" :md="8" :sm="8" :xs="12" v-for="(nav, i) in syList" :key="i" class="list">
+            <div class="content" @click="tapProfile(nav)">
+              <img class="profile-img" :src="nav.img" />
+              <p class="text">{{nav.title}}</p>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <!-- Other materials -->
+      <div class="title">Other materials</div>
       <div class="v-content">
         <el-row :gutter="20">
           <el-col :span="5" :xl="6" :lg="6" :md="8" :sm="8" :xs="12" v-for="(nav, i) in list" :key="i" class="list">
@@ -44,6 +57,7 @@ export default {
   data() {
     return {
       list: this.$t("downloadList.list"),
+      syList: this.$t("downloadList.syList"),
       popShow: false,
       profile: null
     };
@@ -92,6 +106,12 @@ export default {
 .content-box{
   width: 1200px;
   margin: 40px auto 0;
+  .title{
+    font-size: 18px;
+    font-weight: bold;
+    color: #333333;
+    margin-bottom: 20px;
+  }
   .v-content{
     margin: auto;
     .el-col-5{
@@ -123,6 +143,12 @@ export default {
       }
     }
   }
+  .v-one{
+    margin-bottom: 20px;
+    .content{
+      padding: 20px 10px;
+    }
+  }
 }
 // 弹框
 .pop-up{