全览图添加跳转详情,调整资料下载,及隐藏菜单

src/components/homeHeader.vue

@@ -10,9 +10,9 @@
 
           <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" text-color="#065BA9" active-text-color="#065BA9" @select="handleSelect">
             <el-menu-item index="home">{{ $t("nav.Overview") }}</el-menu-item>
-            <el-menu-item index="article">{{ $t("nav.RelatedArticles") }}</el-menu-item>
+            <!-- <el-menu-item index="article">{{ $t("nav.RelatedArticles") }}</el-menu-item> -->
             <el-menu-item index="product">{{ $t("nav.ProductDetails") }}</el-menu-item>
-            <el-menu-item index="antibody">{{ $t("nav.AntibodyDatabase") }}</el-menu-item>
+            <!-- <el-menu-item index="antibody">{{ $t("nav.AntibodyDatabase") }}</el-menu-item> -->
             <el-menu-item index="profile">{{ $t("nav.MaterialsDownload") }}</el-menu-item>
             <!-- <el-menu-item index="">Materials Download</el-menu-item> -->
           </el-menu>
@@ -36,9 +36,9 @@
           <el-menu class="el-menu-demo" default-active="1" background-color="#005bab" text-color="#ffffff" active-text-color="#ffffff" @select="handleSelect">
             <el-menu-item index="home">{{ $t("nav.Overview") }}</el-menu-item>
             <el-menu-item index="article">{{ $t("nav.RelatedArticles") }}</el-menu-item>
-            <el-menu-item index="product">{{ $t("nav.ProductDetails") }}</el-menu-item>
+            <!-- <el-menu-item index="product">{{ $t("nav.ProductDetails") }}</el-menu-item> -->
             <el-menu-item index="antibody">{{ $t("nav.AntibodyDatabase") }}</el-menu-item>
-            <el-menu-item index="profile">{{ $t("nav.MaterialsDownload") }}</el-menu-item>
+            <!-- <el-menu-item index="profile">{{ $t("nav.MaterialsDownload") }}</el-menu-item> -->
             <!-- <el-menu-item index="">Materials Download</el-menu-item> -->
             <el-menu-item index="contact">{{ $t("button.contactUs") }}</el-menu-item>
           </el-menu>

src/langs/en/DownloadList.js

@@ -1,101 +1,135 @@
 export default {
-  list: [
+    list: [
     {
-      title: "Innovative Biological Drug Integrated R&D Service Platform",
-      url: '/static/img/profile/z_1.png',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_1.pdf'
-  }, {
-      title: "Eukaryotic Protein Preparation All-inclusive Package",
-      url: '/static/img/profile/e_4.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_2.pdf'
-  }, {
-      title: "One-stop Structure Determination Platform Services",
-      url: '/static/img/profile/e_3.png',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_3.pdf'
-  }, {
-      title: "Integrated Service for  Innovative Therapeutic Antibody  Discovery from Target to PCC",
-      url: '/static/img/profile/e_3.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_4.pdf'
-  }, {
-      title: "Antibody Drug Development from  Preclinical Candidate to IND",
-      url: '/static/img/profile/e_5.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_5.pdf'
-  }, {
-      title: "Antibody-drug Conjugates  R&D Services",
-      url: '/static/img/profile/e_6.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_6.pdf'
-  }, {
-      title: "CAR-T Cell Therapy Research and Development",
-      url: '/static/img/profile/e_7.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_7.pdf'
-  }, {
-      title: "Super-Trillion Innovative Antibody Drug Discovery Platform",
-      url: '/static/img/profile/e_8.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_8.pdf'
-  }, {
-      title: "Screening With the Sub-library of Super-trillion Fully Human Ab Library",
-      url: '/static/img/profile/e_24.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_9.pdf'
-  }, {
-      title: "Screening With the Sub-library of Super-trillion Single Domain Ab Library",
-      url: '/static/img/profile/e_10.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_10.pdf'
-  }, {
-      title: "Screening With the Sub-library of Super-trillion Common Light Chain Ab Library",
-      url: '/static/img/profile/e_2.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_11.pdf'
-  }, {
-      title: "Sanyou Bio MIT Mouse Recombinant mAb Customization",
-      url: '/static/img/profile/e_11.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_12.pdf'
-  }, {
-      title: "Sanyou MIT Alpaca Antibody Library Construction and Screening Service",
-      url: '/static/img/profile/e_25.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_13.pdf'
-  }, {
-      title: "High-quality Bulk Antibody  Production Service",
-      url: '/static/img/profile/e_13.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_14.pdf'
-  }, {
-      title: "Rapid Protein Expression and Purification Service",
-      url: '/static/img/profile/e_9.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_15.pdf'
-  }, {
-      title: "In-depth Antibody Humanization Service",
-      url: '/static/img/profile/e_14.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_16.pdf'
-  }, {
-      title: "Humanization Service of Alpaca-Derived Nanobodies",
-      url: '/static/img/profile/e_18.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_17.pdf'
-  }, {
-      title: "Full-length Antibody  Affinity Maturation Service",
-      url: '/static/img/profile/e_15.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_18.pdf'
-  }, {
-      title: "Nanobody Affinity Maturation Services",
-      url: '/static/img/profile/e_16.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_19.pdf'
-  }, {
-      title: "Sanyou Bio In Vitro Efficacy Evaluation",
-      url: '/static/img/profile/e_19.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_20.pdf'
-  }, {
-      title: "In Vivo  Efficacy Evaluation  in Animal Models for Innovative  Antibody Drug",
-      url: '/static/img/profile/e_20.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_21.pdf'
-  }, {
-      title: "Multidimensional Antibody  Characterization Service",
-      url: '/static/img/profile/e_17.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_22.pdf'
-  }, {
-      title: " Industrial Production Cell  Line Development Service",
-      url: '/static/img/profile/e_21.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_23.pdf'
-  }, {
-      title: "Fermentation Process  Development Service",
-      url: '/static/img/profile/e_22.jpg',
-      link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_24.pdf'
-  }
-  ]
+        title: "Eukaryotic Protein Preparation All-inclusive Package",
+        url: '/static/img/profile/e_4.jpg',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_2.pdf'
+    },{
+        title: "High-quality Bulk Antibody  Production Service",
+        url: '/static/img/profile/e_13.jpg',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_14.pdf'
+      },
+      {
+        title: "Rapid Protein Expression and Purification Service",
+        url: '/static/img/profile/e_9.jpg',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_15.pdf'
+      }, {
+        title: "Screening With the Sub-library of Super-trillion Common Light Chain Ab Library",
+        url: '/static/img/profile/e_2.jpg',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_11.pdf'
+     },
+     {
+        title: "Sanyou Bio In Vitro Efficacy Evaluation",
+        url: '/static/img/profile/e_19.jpg',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_20.pdf'
+     },
+      {
+        title: "In Vivo  Efficacy Evaluation  in Animal Models for Innovative  Antibody Drug",
+        url: '/static/img/profile/e_20.jpg',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_21.pdf'
+      },  {
+        title: "Multidimensional Antibody  Characterization Service",
+        url: '/static/img/profile/e_17.jpg',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_22.pdf'
+    }
+]
+//   list: [
+//     {
+//       title: "Innovative Biological Drug Integrated R&D Service Platform",
+//       url: '/static/img/profile/z_1.png',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_1.pdf'
+//   }, {
+//     //   title: "Eukaryotic Protein Preparation All-inclusive Package",
+//       url: '/static/img/profile/e_4.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_2.pdf'
+//   }, {
+//       title: "One-stop Structure Determination Platform Services",
+//       url: '/static/img/profile/e_3.png',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_3.pdf'
+//   }, {
+//       title: "Integrated Service for  Innovative Therapeutic Antibody  Discovery from Target to PCC",
+//       url: '/static/img/profile/e_3.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_4.pdf'
+//   }, {
+//       title: "Antibody Drug Development from  Preclinical Candidate to IND",
+//       url: '/static/img/profile/e_5.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_5.pdf'
+//   }, {
+//       title: "Antibody-drug Conjugates  R&D Services",
+//       url: '/static/img/profile/e_6.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_6.pdf'
+//   }, {
+//       title: "CAR-T Cell Therapy Research and Development",
+//       url: '/static/img/profile/e_7.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_7.pdf'
+//   }, {
+//       title: "Super-Trillion Innovative Antibody Drug Discovery Platform",
+//       url: '/static/img/profile/e_8.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_8.pdf'
+//   }, {
+//       title: "Screening With the Sub-library of Super-trillion Fully Human Ab Library",
+//       url: '/static/img/profile/e_24.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_9.pdf'
+//   }, {
+//       title: "Screening With the Sub-library of Super-trillion Single Domain Ab Library",
+//       url: '/static/img/profile/e_10.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_10.pdf'
+//   }, {
+//       title: "Screening With the Sub-library of Super-trillion Common Light Chain Ab Library",
+//       url: '/static/img/profile/e_2.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_11.pdf'
+//   }, {
+//       title: "Sanyou Bio MIT Mouse Recombinant mAb Customization",
+//       url: '/static/img/profile/e_11.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_12.pdf'
+//   }, {
+//       title: "Sanyou MIT Alpaca Antibody Library Construction and Screening Service",
+//       url: '/static/img/profile/e_25.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_13.pdf'
+//   }, {
+//     //   title: "High-quality Bulk Antibody  Production Service",
+//       url: '/static/img/profile/e_13.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_14.pdf'
+//   }, {
+//     //   title: "Rapid Protein Expression and Purification Service",
+//       url: '/static/img/profile/e_9.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_15.pdf'
+//   }, {
+//       title: "In-depth Antibody Humanization Service",
+//       url: '/static/img/profile/e_14.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_16.pdf'
+//   }, {
+//       title: "Humanization Service of Alpaca-Derived Nanobodies",
+//       url: '/static/img/profile/e_18.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_17.pdf'
+//   }, {
+//       title: "Full-length Antibody  Affinity Maturation Service",
+//       url: '/static/img/profile/e_15.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_18.pdf'
+//   }, {
+//       title: "Nanobody Affinity Maturation Services",
+//       url: '/static/img/profile/e_16.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_19.pdf'
+//   }, {
+//       title: "Sanyou Bio In Vitro Efficacy Evaluation",
+//       url: '/static/img/profile/e_19.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_20.pdf'
+//   }, {
+//     //   title: "In Vivo  Efficacy Evaluation  in Animal Models for Innovative  Antibody Drug",
+//       url: '/static/img/profile/e_20.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_21.pdf'
+//   }, {
+//     //   title: "Multidimensional Antibody  Characterization Service",
+//       url: '/static/img/profile/e_17.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_22.pdf'
+//   }, {
+//       title: " Industrial Production Cell  Line Development Service",
+//       url: '/static/img/profile/e_21.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_23.pdf'
+//   }, {
+//       title: "Fermentation Process  Development Service",
+//       url: '/static/img/profile/e_22.jpg',
+//       link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/en/uploads/article/e_24.pdf'
+//   }
+//   ]
 }

src/view/overView/index.vue

@@ -4,7 +4,7 @@
         <p class="list_title">{{ $t("nav.Overview") }}</p>
         <div class="list_box">
           <div class="list" v-for="(item, index) in overView" :key="index" :class="index % 2 == 0 ? '' : 'list_active'">
-              <div class="format-box" v-for="(one, i) in item" :key="i">
+              <div class="format-box" v-for="(one, i) in item" :key="i" @click="gotoproduct(one)">
                   <div class="images_box">
                       <p class="images_title">{{one.catalog}}</p>
                       <img class="icons-item-imgbox" :src="one.coverUrl">
@@ -50,6 +50,14 @@ export default {
         this.recombination(res.data)
         // this.overView = res.data
       })
+    },
+    // 调整详情
+    gotoproduct(item) {
+      let name = this.$util.english(item.productName);
+      let title = "antibody"
+      this.$router.push({
+        path: "/products/" + title + "/" + name + "/" + item.catalog
+      });
     }
   },
   mounted() {},