资料下载

src/components/homeHeader.vue

@@ -13,7 +13,7 @@
             <el-menu-item index="contact">相关文章</el-menu-item>
             <el-menu-item index="product">产品详情</el-menu-item>
             <el-menu-item index="contact">抗体数据库</el-menu-item>
-            <el-menu-item index="contact">资料下载</el-menu-item>
+            <el-menu-item index="profile">资料下载</el-menu-item>
           </el-menu>
 
         </div>
@@ -37,7 +37,7 @@
             <el-menu-item index="contact">相关文章</el-menu-item>
             <el-menu-item index="product">产品详情</el-menu-item>
             <el-menu-item index="contact">抗体数据库</el-menu-item>
-            <el-menu-item index="contact">资料下载</el-menu-item>
+            <el-menu-item index="profile">资料下载</el-menu-item>
             <!-- <el-menu-item index="contact">{{ $t("button.contactUs") }}</el-menu-item> -->
           </el-menu>
         </div>

src/langs/cn/DownloadList.js

@@ -0,0 +1,101 @@
+export default {
+  list: [
+      {
+        title: "公司介绍",
+        url: '../static/img/profile/z_1.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_1.pdf'
+    }, {
+        title: "真核蛋白制备全能包",
+        url: '/static/img/profile/z_4.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_2.pdf'
+    }, {
+        title: "一站式结构解析平台服务",
+        url: '/static/img/profile/z_23.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_3.pdf'
+    }, {
+        title: "靶点至PCC药物研发",
+        url: '/static/img/profile/z_3.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_4.pdf'
+    }, {
+        title: "PCC至IND药物研发",
+        url: '/static/img/profile/z_5.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_5.pdf'
+    }, {
+        title: "ADC偶联药抗体研发",
+        url: '/static/img/profile/z_6.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_6.pdf'
+    }, {
+        title: "CAR-T 治疗抗体研发",
+        url: '/static/img/profile/z_7.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_7.pdf'
+    }, {
+        title: "三优超万亿抗体库平台",
+        url: '/static/img/profile/z_8.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_8.pdf'
+    }, {
+        title: "超万亿全人抗体库子库筛选",
+        url: '/static/img/profile/z_24.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_9.pdf'
+    }, {
+        title: "超万亿单域抗体库子库筛选",
+        url: '/static/img/profile/z_10.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_10.pdf'
+    }, {
+        title: "超万亿共轻抗体库子库筛选",
+        url: '/static/img/profile/z_2.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_11.pdf'
+    }, {
+        title: "MIT小鼠重组单抗定制",
+        url: '/static/img/profile/z_11.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_12.pdf'
+    }, {
+        title: "MIT羊驼单克隆抗体定制",
+        url: '/static/img/profile/z_25.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_13.pdf'
+    }, {
+        title: "高品质克级抗体样品制备",
+        url: '/static/img/profile/z_13.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_14.pdf'
+    }, {
+        title: "蛋白快速制备服务",
+        url: '/static/img/profile/z_9.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_15.pdf'
+    }, {
+        title: "抗体深度人源化改造服务（鼠源）",
+        url: '/static/img/profile/z_14.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_16.pdf'
+    }, {
+        title: "抗体深度人源化改造服务（驼源）",
+        url: '/static/img/profile/z_18.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_17.pdf'
+    }, {
+        title: "全长抗体亲和力成熟",
+        url: '/static/img/profile/z_15.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_18.pdf'
+    }, {
+        title: "单域抗体亲和力成熟",
+        url: '/static/img/profile/z_16.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_19.pdf'
+    }, {
+        title: "体外药效评价服务",
+        url: '/static/img/profile/z_19.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_20.pdf'
+    }, {
+        title: "创新药动物药效筛选",
+        url: '/static/img/profile/z_20.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_21.pdf'
+    }, {
+        title: "多维度抗体表征分析服务",
+        url: '/static/img/profile/z_17.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_22.pdf'
+    }, {
+        title: "工业生产用细胞株构建服务",
+        url: '/static/img/profile/z_21.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_23.pdf'
+    }, {
+        title: "发酵工艺研发",
+        url: '/static/img/profile/z_22.png',
+        link: 'https://sanyou-offical-website.oss-cn-shanghai.aliyuncs.com/old/uploads/file/z_24.pdf'
+    }
+    ]
+  }

src/langs/cn/index.js

@@ -1,10 +1,20 @@
 import tdk from "./tdk"
 import advertisement from "./advertisement"
 import antigen from "./antigen"
+import downloadList from "./DownloadList"
 export default {
   antigen,
   advertisement,
   tdk,
+  downloadList,
+  // 资料下载
+  Download: {
+    LatestInformation: 'Latest information',
+    View: 'View',
+    Download: 'Download',
+    Eukaryotic: 'Eukaryotic Protein Preparation All-inclusive Package',
+    loading: 'Loading',
+  },
   immuneCheckpoint: {
     title: "Immune Checkpoint Protein",
     background: ["Immune checkpoint proteins are proteins expressed in immune cells and can maintain immune homeostasis. Their abnormal expression and functional imbalance lead to various diseases, such as tumors and autoimmunity. In recent years, the successive marketing of antibody drugs developed for immune checkpoints, such as PD-1/PD-L1 and CTL-4, has opened the door to immunotherapy. Clinical trials on popular targets such as CD24, B7-H3, and 4-1BB are also in full swing, and new immune checkpoints such as CD161 and TREAM2 have also provided new ideas for immunotherapy."],

src/langs/en/DownloadList.js

@@ -0,0 +1,101 @@
+export default {
+  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/langs/en/index.js

@@ -1,10 +1,20 @@
 import tdk from "./tdk"
 import advertisement from "./advertisement"
 import antigen from "./antigen"
+import downloadList from "./DownloadList"
 export default {
   antigen,
   advertisement,
   tdk,
+  downloadList,
+  // 资料下载
+  Download: {
+    LatestInformation: 'Latest information',
+    View: 'View',
+    Download: 'Download',
+    Eukaryotic: 'Eukaryotic Protein Preparation All-inclusive Package',
+    loading: 'Loading',
+  },
   immuneCheckpoint: {
     title: "Immune Checkpoint Protein",
     background: ["Immune checkpoint proteins are proteins expressed in immune cells and can maintain immune homeostasis. Their abnormal expression and functional imbalance lead to various diseases, such as tumors and autoimmunity. In recent years, the successive marketing of antibody drugs developed for immune checkpoints, such as PD-1/PD-L1 and CTL-4, has opened the door to immunotherapy. Clinical trials on popular targets such as CD24, B7-H3, and 4-1BB are also in full swing, and new immune checkpoints such as CD161 and TREAM2 have also provided new ideas for immunotherapy."],

src/langs/en/tak_en.js

@@ -1,215 +0,0 @@
-export default {
-  list: [
-    {
-      delFlag: false,
-      description: "oneClick+ is a one-stop solution for bi-specific antibody (bsAb) from antibody design to expression services, aiming to help professionals and beginners simplify the antibody design process. The oneClick+ platform has an established  antibody format library, including IgG-like antibodies, nanobodies, and single-chain varibale fragment antibodies (ScFv). Sanyou Bio has solid experience in antibody expression services, which empowers the oneClick+ platform to provide customer personalized bispecific antibody design and expression services.",
-      id: 1,
-      keyswords: "Antibody, antibody design, bi-specific antibidy (bsAb), bi-speific antibody design antibody expresison, protein, protein expression",
-      name: "home",
-      page: "home",
-      parentId: 0,
-      path: "/",
-      title: "oneClick+ | Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 2,
-      keyswords: "",
-      name: "login",
-      page: "login",
-      parentId: 0,
-      path: "/login",
-      title: "Login | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 3,
-      keyswords: "",
-      name: "PasswordReset",
-      page: "PasswordReset",
-      parentId: 0,
-      path: "/PasswordReset",
-      title: "Password Reset | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 4,
-      keyswords: "",
-      name: "register",
-      page: "register",
-      parentId: 0,
-      path: "/register",
-      title: "Register | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 5,
-      keyswords: "",
-      name: "application",
-      page: "application",
-      parentId: 0,
-      path: "/application",
-      title: "Password Reset Application| oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 6,
-      keyswords: "",
-      name: "RegisterConfirmation",
-      page: "RegisterConfirmation",
-      parentId: 0,
-      path: "/RegisterConfirmation",
-      title: "Register Confirmation | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "Sanyou Bio oneClick+, homepage, one-stop solution for bi-specific antibody, What is oneClick+ antibody platform, oneClick+ antibody platform instructional video",
-      id: 7,
-      keyswords: "Sanyou Bio oneClick+, homepage, one-stop solution for bi-specific antibody, What is oneClick+ antibody platform, oneClick+ antibody platform instructional video",
-      name: "homePage",
-      page: "homePage",
-      parentId: 0,
-      path: "/homePage",
-      title: "oneClick+ | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "Sanyou Bio oneClick+, home Antibody,one-stop solution for bi-specific antibody, antibody design, oneclick+ antibody, oneclick+ antigen",
-      id: 8,
-      keyswords: "Sanyou Bio oneClick+, home Antibody,one-stop solution for bi-specific antibody, antibody design, oneclick+ antibody, oneclick+ antigen",
-      name: "homeAntibody",
-      page: "homeAntibody",
-      parentId: 0,
-      path: "/homeAntibody",
-      title: "One-Stop Solution for Antibody | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "Sanyou Bio oneClick+, oneClickPlus, webtool",
-      id: 9,
-      keyswords: "Sanyou Bio oneClick+, oneClickPlus, webtool",
-      name: "oneClickPlus",
-      page: "oneClickPlus",
-      parentId: 0,
-      path: "/oneClickPlus",
-      title: "Designing Antibodies | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "Sanyou Bio oneClick+, antibody-sequences",
-      id: 10,
-      keyswords: "Sanyou Bio oneClick+, antibody-sequences",
-      name: "AntibodySequences",
-      page: "antibody-sequences",
-      parentId: 0,
-      path: "/antibody-sequences",
-      title: "Antibody Sequences | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 11,
-      keyswords: "",
-      name: "privacy-policy",
-      page: "privacy-policy",
-      parentId: 0,
-      path: "/privacy-policy",
-      title: "Privacy Policy | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 12,
-      keyswords: "",
-      name: "about",
-      page: "about",
-      parentId: 0,
-      path: "/about",
-      title: "About | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 13,
-      keyswords: "",
-      name: "message",
-      page: "message",
-      parentId: 0,
-      path: "/message",
-      title: "Message | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 14,
-      keyswords: "",
-      name: "AntigenPreparation",
-      page: "AntigenPreparation",
-      parentId: 0,
-      path: "/AntigenPreparation",
-      title: "Antigen Preparation | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 15,
-      keyswords: "",
-      name: "AntigenInformation",
-      page: "AntigenInformation",
-      parentId: 0,
-      path: "/AntigenInformation",
-      title: "Antigen Information | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "Sanyou Bio oneClick+, antibody production, antibody expression service",
-      id: 16,
-      keyswords: "Sanyou Bio oneClick+, antibody production, antibody expression service",
-      name: "production",
-      page: "production",
-      parentId: 0,
-      path: "/antibody-production",
-      title: "Antibody Production | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "Sanyou Bio oneClick+, my antibody",
-      id: 17,
-      keyswords: "Sanyou Bio oneClick+, my antibody",
-      name: "MyAntibody",
-      page: "my-antibody",
-      parentId: 0,
-      path: "/my-antibody",
-      title: "My Antibody | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "Sanyou Bio oneClick+, antibody information",
-      id: 18,
-      keyswords: "Sanyou Bio oneClick+, antibody information",
-      name: "AntibodyInformation",
-      page: "antibody-information",
-      parentId: 0,
-      path: "/antibody-information",
-      title: "Antibody Information | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 19,
-      keyswords: "",
-      name: "contact",
-      page: "contact",
-      parentId: 0,
-      path: "/contact",
-      title: "Contact | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "Sanyou Bio oneClick+, antibody information",
-      id: 20,
-      keyswords: "Sanyou Bio oneClick+, antibody information",
-      name: "AntibodyInformations",
-      page: "antibody-informations",
-      parentId: 0,
-      path: "/antibody-informations",
-      title: "Antibody Informations | oneClick+，Sanyou Bio"
-    }, {
-      delFlag: false,
-      description: "oneClick+ is a one-stop solution for antigen analysis and expression. The oneClick+ antigen platform has an established antigen database. Analysis of antigen including antigen sequence, isoelectric point, subcellular localization, transmembrane domains, modification sites and antigen expression difficulty evaluation etc., The oneClick+ antigen platform aiming to help scientists to simplify antigen analysis processes and access the difficulty of antigen expression. Sanyou Bio has solid experience in antigen expression services, which empowers the oneClick+ antigen platform to provide customer personalized antigen expression services. ",
-      id: 20,
-      keyswords: "Antigen, antigen analysis, antigen expresison, protein, protein expression",
-      name: "antigenIntroduce",
-      page: "antigenIntroduce",
-      parentId: 0,
-      path: "/antigenIntroduce",
-      title: "oneClick+ antigen| Sanyou Bio"
-    }
-  ]
-}

src/langs/en/tdk_cn.js

@@ -1,215 +0,0 @@
-export default {
-  list: [
-    {
-      delFlag: false,
-      description: "oneClick+是三优生物一站式解决双抗设计和表达服务平台，帮助客户简化抗体设计流程，实现零基础设计抗体。oneClick+平台拥有健全的抗体模型库构型，涵盖IgG like抗体，纳米抗体和单链抗体(ScFv)。基于三优生物丰富的抗体表达经验，oneClick+平台将为提供客户专属定制化双抗设计表达服务。",
-      id: 1,
-      keyswords: "抗体，抗体表达，双抗(bsAb)，双抗表达，蛋白，蛋白表达",
-      name: "home",
-      page: "home",
-      parentId: 0,
-      path: "/",
-      title: "oneClick+ | 三优生物"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 2,
-      keyswords: "",
-      name: "login",
-      page: "login",
-      parentId: 0,
-      path: "/login",
-      title: "Login | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 3,
-      keyswords: "",
-      name: "PasswordReset",
-      page: "PasswordReset",
-      parentId: 0,
-      path: "/PasswordReset",
-      title: "Password Reset | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 4,
-      keyswords: "",
-      name: "register",
-      page: "register",
-      parentId: 0,
-      path: "/register",
-      title: "Register | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 5,
-      keyswords: "",
-      name: "application",
-      page: "application",
-      parentId: 0,
-      path: "/application",
-      title: "Password Reset Application| oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 6,
-      keyswords: "",
-      name: "RegisterConfirmation",
-      page: "RegisterConfirmation",
-      parentId: 0,
-      path: "/RegisterConfirmation",
-      title: "Register Confirmation | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "三优生物oneClick+，首页，双特异性抗体一站式解决方案，oneClick+抗体平台介绍，oneClick+抗体平台教学视频",
-      id: 7,
-      keyswords: "三优生物oneClick+，首页，双特异性抗体一站式解决方案，oneClick+抗体平台介绍，oneClick+抗体平台教学视频",
-      name: "homePage",
-      page: "homePage",
-      parentId: 0,
-      path: "/homePage",
-      title: "oneClick+ | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "三优生物oneClick+，双特异性抗体一站式解决方案，抗体设计，oneclick+抗体，oneclick+抗原",
-      id: 8,
-      keyswords: "三优生物oneClick+，双特异性抗体一站式解决方案，抗体设计，oneclick+抗体，oneclick+抗原",
-      name: "homeAntibody",
-      page: "homeAntibody",
-      parentId: 0,
-      path: "/homeAntibody",
-      title: "双特异性抗体一站式解决方案 | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "三优生物 oneClick+，oneClickPlus，抗体设计工具",
-      id: 9,
-      keyswords: "三优生物 oneClick+，oneClickPlus，抗体设计工具",
-      name: "oneClickPlus",
-      page: "oneClickPlus",
-      parentId: 0,
-      path: "/oneClickPlus",
-      title: "设计抗体 | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "Sanyou Bio oneClick+，抗体序列",
-      id: 10,
-      keyswords: "Sanyou Bio oneClick+，抗体序列",
-      name: "AntibodySequences",
-      page: "antibody-sequences",
-      parentId: 0,
-      path: "/antibody-sequences",
-      title: "抗体序列 | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 11,
-      keyswords: "",
-      name: "privacy-policy",
-      page: "privacy-policy",
-      parentId: 0,
-      path: "/privacy-policy",
-      title: "Privacy Policy | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 12,
-      keyswords: "",
-      name: "about",
-      page: "about",
-      parentId: 0,
-      path: "/about",
-      title: "关于 | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 13,
-      keyswords: "",
-      name: "message",
-      page: "message",
-      parentId: 0,
-      path: "/message",
-      title: "消息 | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 14,
-      keyswords: "",
-      name: "AntigenPreparation",
-      page: "AntigenPreparation",
-      parentId: 0,
-      path: "/AntigenPreparation",
-      title: "抗原制备 | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 15,
-      keyswords: "",
-      name: "AntigenInformation",
-      page: "AntigenInformation",
-      parentId: 0,
-      path: "/AntigenInformation",
-      title: "抗原信息 | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "三优生物oneClick+，抗体生产，抗体表达服务",
-      id: 16,
-      keyswords: "三优生物oneClick+，抗体生产，抗体表达服务",
-      name: "production",
-      page: "production",
-      parentId: 0,
-      path: "/antibody-production",
-      title: "抗体制备 | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "三优生物oneClick+，我的抗体",
-      id: 17,
-      keyswords: "三优生物oneClick+，我的抗体",
-      name: "MyAntibody",
-      page: "my-antibody",
-      parentId: 0,
-      path: "/my-antibody",
-      title: "我的抗体 | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "三优生物oneClick+，抗体信息",
-      id: 18,
-      keyswords: "三优生物oneClick+，抗体信息",
-      name: "AntibodyInformation",
-      page: "antibody-information",
-      parentId: 0,
-      path: "/antibody-information",
-      title: "抗体信息 | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "",
-      id: 19,
-      keyswords: "",
-      name: "contact",
-      page: "contact",
-      parentId: 0,
-      path: "/contact",
-      title: "联系方式 | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "三优生物oneClick+，抗体信息",
-      id: 20,
-      keyswords: "三优生物oneClick+，抗体信息",
-      name: "AntibodyInformations",
-      page: "antibody-informations",
-      parentId: 0,
-      path: "/antibody-informations",
-      title: "抗体信息 | oneClick+，三优生物"
-    }, {
-      delFlag: false,
-      description: "oneClick+抗原平台为抗原分析和制备提供一站式解决方案。oneClick+抗原平台拥有健全的抗原分析数据库。抗原分析内容包括但不限于抗原序列、等电点、亚细胞定位、跨膜结构域、修饰位点、抗原表达难度评估。oneClick+抗原平台旨在帮助科学家简化抗原分析过程和评估抗原表达难易程度。三优生物在抗原表达服务方面拥有丰富的经验，基于此oneClick+抗原平台将为客户提供个性化抗原表达服务。",
-      id: 20,
-      keyswords: "抗原， 抗原分析， 抗原表达， 蛋白质， 蛋白表达",
-      name: "antigenIntroduce",
-      page: "antigenIntroduce",
-      parentId: 0,
-      path: "/antigenIntroduce",
-      title: "oneClick+ antigen| 三优生物"
-    }
-  ]
-}

src/router/routerList.js

@@ -93,5 +93,16 @@ export default [
       navActive: "article",
       fullScreen: false
     }
+  }, {
+    path: "/profile",
+    name: "profile",
+    component: () => import("@/view/profile/index"),
+    hidden: true,
+    meta: {
+      pageTitle: "profile",
+      chineseTitle: "资料下载",
+      navActive: "profile",
+      fullScreen: false
+    }
   }
 ]

src/view/profile/index.vue

@@ -0,0 +1,128 @@
+<template>
+  <div class="box">
+    <div class="content-box">
+    <div class="v-content">
+      <el-row :gutter="20">
+        <el-col :span="6" :xl="6" :lg="6" :md="8" :sm="8" :xs="12" v-for="(nav, i) in list" :key="i" class="list">
+          <div>
+            <div class="profile-box">
+              <img class="profile-img" :src="nav.url" />
+              <div class="between" style="opacity:0.9;">
+                <a @click="downloadPdf(nav.link, nav.title)" class="center" style="cursor: pointer;">
+                  <img class="x_z" src="@/assets/img/download.png" />
+                  <span class="xz_text" style="margin-left:10px;">{{$t('Download.Download')}}</span>
+                </a>
+              </div>
+            </div>
+            <p class="v-text-size">{{nav.title}}</p>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "profile",
+  data() {
+    return {
+      list: this.$t("downloadList.list")
+    };
+  },
+  methods: {
+    downloadPdf(pdfUrl, title) {
+      const loading = this.$loading({
+        lock: true,
+        text: this.$t('Download.loading') + '...',
+        background: 'rgba(0, 0, 0, 0.7)'
+      });
+      const xhr = new XMLHttpRequest();
+      xhr.open('GET', pdfUrl, true);
+      xhr.responseType = 'blob';
+      xhr.onload = () => {
+        if (xhr.status === 200) {
+          const blob = new Blob([xhr.response], { type: 'application/pdf' });
+          const url = URL.createObjectURL(blob);
+          const link = document.createElement('a');
+          link.href = url;
+          link.download = title +'.pdf';
+          link.click();
+
+          URL.revokeObjectURL(url);
+          setTimeout(() => {
+            // 关闭Loading
+            loading.close();
+          }, 1000);
+        }
+      };
+      xhr.send()
+    }
+  },
+  mounted() {},
+  created() {
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.content-box{
+  background: #F4FAFF;
+  .v-content{
+    margin: auto;
+    .list{
+      margin-bottom: 40px;
+      height: 478px;
+    }
+    .profile-box{
+      position: relative;
+      border-bottom-right-radius: 40px;
+      overflow: hidden;
+      .profile-img{
+        max-width: 100%;
+        transform: scale(1);
+        transition: transform .6s linear;
+        cursor: pointer;
+        &:hover{
+          transform: scale(1.1);
+          transition: transform .6s linear;
+          border: 1px solid #006ad7;
+        }
+      }
+      .between{
+        width: 100%;
+        height: 56px;
+        // opacity: 0.9;
+        padding: 0 20px;
+        background-color: rgba(65,145,226,1);
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        position: absolute;
+        left: 0;
+        bottom: 0;
+        z-index: 10;
+        .center{
+          display: flex;
+          align-items: center;
+          .x_z{
+            width: 24px;
+            height: 24px;
+          }
+          .xz_text{
+            color: #fff;
+            font-size: 16px;
+            margin-left: 10px;
+          }
+        }
+      }
+    }
+    .v-text-size{
+      height: 80px;
+      font-size: 18px;
+      text-align: center;
+      padding-top: 20px;
+    }
+  }
+}
+</style>