wei

src/components/sidebox.vue

@@ -25,45 +25,9 @@
             </div>
             <p class="sideboxTitle">{{ $t("table.Website") }}</p>
             <div class="Contentbox">
-                <div class="singleBox" @click="gotoSanyou">
-                    <p class="singleBoxText">Sanyou</p>
-                    <img class="singleBoxImg" src="@/assets/img/side/C-07.png" alt="">
-                </div>
-                <!-- <div class="singleBox" @click="gotoCRO">
-                    <p class="singleBoxText">CRO</p>
-                    <img class="singleBoxImg" src="@/assets/img/side/C-01.png" alt="">
-                </div>
-                <div class="singleBox" @click="gotoCDO">
-                    <p class="singleBoxText">CDO</p>
-                    <img class="singleBoxImg" src="@/assets/img/side/C-02.png" alt="">
-                </div>
-                <div class="singleBox" @click="gotoCPO">
-                    <p class="singleBoxText">CPO</p>
-                    <img class="singleBoxImg" src="@/assets/img/side/C-03.png" alt="">
-                </div> -->
-                <div class="singleBox" @click="gotoCRS">
-                    <p class="singleBoxText">CRS</p>
-                    <img class="singleBoxImg" src="@/assets/img/side/C-10.png" alt="">
-                </div>
-                <div class="singleBox" @click="gotooneClick">
-                    <p class="singleBoxText">oneClick⁺</p>
-                    <img class="singleBoxImg" src="@/assets/img/side/C-05.png" alt="">
-                </div>
-                <!-- <div class="singleBox" @click="gotomRNA">
-                    <p class="singleBoxText">mRNA</p>
-                    <img class="singleBoxImg" src="@/assets/img/side/C-08.png" alt="">
-                </div> -->
-                <div class="singleBox" @click="gotoAbx">
-                    <p class="singleBoxText">Abx</p>
-                    <img class="singleBoxImg" src="@/assets/img/side/C-06.png" alt="">
-                </div>
-                <!-- <div class="singleBox" @click="gotoBSAb">
-                    <p class="singleBoxText">BsAb</p>
-                    <img class="singleBoxImg" src="@/assets/img/side/C-04.png" alt="">
-                </div> -->
-                <div class="singleBox" @click="gotoHumab">
-                    <p class="singleBoxText">Humab</p>
-                    <img class="singleBoxImg" src="@/assets/img/side/C-09.png" alt="">
+               <div class="singleBox" v-for="(one, i) in sideboxArr" :key="i" @click="gomenu(one)">
+                    <p class="singleBoxText">{{ one.name }}</p>
+                    <img class="singleBoxImg" :src="one.img" alt="">
                 </div>
             </div>
         </div>
@@ -151,7 +115,6 @@
     </el-dialog>
     <!-- 弹框 -->
      <popUp :popUpShow="popUpShow" @closePopUp="closePopUp"></popUp>
-     
   </div>
 </template>
 <script>
@@ -177,7 +140,79 @@ export default {
         message: ""
       },
       fullscreenLoading: false,
-      isTop: false // 是否回到顶部
+      isTop: false, // 是否回到顶部
+      sideboxArr: [
+        {
+          "id": 0,
+          "linkCn": "https://sanyoubio.com.cn/?utm_source=www",
+          "linkEn": "https://sanyoubio.com/?utm_source=www",
+          "name": "Sanyou",
+          "img": require("@/assets/img/side/C-07.png")
+        },
+        {
+          "id": 1,
+          "linkCn": "https://crs.sanyoubio.com.cn/?utm_source=www",
+          "linkEn": "https://crs.sanyoubio.com/?utm_source=www",
+          "name": "CRS",
+          "img": require("@/assets/img/side/C-10.png")
+        },
+        {
+          "id": 2,
+          "linkCn": "https://www.mrna-mab.cn",
+          "linkEn": "https://www.mrna-mab.com",
+          "name": "mRNA",
+          "img": require("@/assets/img/side/C-08.png")
+        },
+        {
+          "id": 3,
+          "linkCn": "https://abx.sanyoubio.com.cn/?utm_source=www",
+          "linkEn": "https://abx.sanyoubio.com/?utm_source=www",
+          "name": "Abx",
+          "img": require("@/assets/img/side/C-06.png")
+        },
+        {
+          "id": 4,
+          "linkCn": "https://bsab.sanyoubio.com.cn/?utm_source=www",
+          "linkEn": "https://bsab.sanyoubio.com/?utm_source=www",
+          "name": "BsAb",
+          "img": require("@/assets/img/side/C-04.png")
+        },
+        {
+          "id": 5,
+          "linkCn": "https://www.oneclick-plus.cn/?utm_source=www",
+          "linkEn": "https://www.oneclick-plus.com/?utm_source=www",
+          "name": "oneClick⁺",
+          "img": require("@/assets/img/side/C-05.png")
+        },
+        {
+          "id": 6,
+          "linkCn": "https://humab.sanyoubio.com.cn/?utm_source=www",
+          "linkEn": "https://humab.sanyoubio.com/?utm_source=www",
+          "name": "AI-STAL-huMab",
+          "img": require("@/assets/img/side/E1.png")
+        },
+        {
+          "id": 7,
+          "linkCn": "https://sdab.sanyoubio.com.cn?utm_source=www",
+          "linkEn": "https://sdab.sanyoubio.com?utm_source=www",
+          "name": "AI-STAL-SdAb",
+          "img": require("@/assets/img/side/E2.png")
+        },
+        {
+          "id": 8,
+          "linkCn": "https://mitmab.sanyoubio.com.cn?utm_source=www",
+          "linkEn": "https://mitmab.sanyoubio.com?utm_source=www",
+          "name": "AI-STAL-MIT mAb",
+          "img": require("@/assets/img/side/E3.png")
+        },
+        {
+          "id": 9,
+          "linkCn": "https://nm.sanyoubio.com.cn?utm_source=www",
+          "linkEn": "https://nm.sanyoubio.com?utm_source=www",
+          "name": "AI-STAL-NM",
+          "img": require("@/assets/img/side/E4.png")
+        }
+      ]
     };
   },
   watch: {
@@ -313,72 +348,11 @@ export default {
       toTop()
       this.isTop = false;
     },
-    gotoSanyou() {
-      if (this.lang == "en") {
-        window.location.href = "https://sanyoubio.com/";
-      } else {
-        window.location.href = "https://sanyoubio.com.cn/";
-      }
-    },
-    gotoCRO() {
-      if (this.lang == "en") {
-        window.location.href = "https://sanyoubio.com/service?value=pointCRO";
-      } else {
-        window.location.href = "https://sanyoubio.com.cn/service?value=pointCRO";
-      }
-    },
-    gotoCDO() {
-      if (this.lang == "en") {
-        window.location.href = "https://sanyoubio.com/service?value=pointCDO";
-      } else {
-        window.location.href = "https://sanyoubio.com.cn/service?value=pointCDO";
-      }
-    },
-    gotoCPO() {
-      if (this.lang == "en") {
-        window.location.href = "https://sanyoubio.com/service?value=pointCPO";
-      } else {
-        window.location.href = "https://sanyoubio.com.cn/service?value=pointCPO";
-      }
-    },
-    gotoCRS() {
-      if (this.lang == "en") {
-        window.location.href = "https://crs.sanyoubio.com/?utm_source=www";
-      } else {
-        window.location.href = "https://crs.sanyoubio.com.cn/?utm_source=www";
-      }
-    },
-    gotooneClick() {
-      if (this.lang == "en") {
-        window.location.href = "https://www.oneclick-plus.com/?utm_source=www";
-      } else {
-        window.location.href = "https://www.oneclick-plus.cn/?utm_source=www";
-      }
-    },
-    gotomRNA() {
-      if (this.lang == "en") {
-      } else {
-      }
-    },
-    gotoAbx() {
-      if (this.lang == "en") {
-        window.location.href = "https://abx.sanyoubio.com/?utm_source=www";
-      } else {
-        window.location.href = "https://abx.sanyoubio.com.cn/?utm_source=www";
-      }
-    },
-    gotoBSAb() {
-      if (this.lang == "en") {
-        window.location.href = "https://bsab.sanyoubio.com/?utm_source=www";
-      } else {
-        window.location.href = "https://bsab.sanyoubio.com.cn/?utm_source=www";
-      }
-    },
-    gotoHumab() {
+    gomenu(item) {
       if (this.lang == "en") {
-        window.location.href = "https://humab.sanyoubio.com/?utm_source=www";
+        window.location.href = item.linkEn
       } else {
-        window.location.href = "https://humab.sanyoubio.com.cn/?utm_source=www";
+        window.location.href = item.linkCn
       }
     }
   }
@@ -480,14 +454,14 @@ export default {
                         line-height: 80px;
                     }
                     .Contentbox{
-                        padding: 0 50px;
+                        padding: 0 20px;
                         .singleBox{
                             display: flex;
                             align-items: center;
                             justify-content: space-between;
                             margin-top: 20px;
                             .singleBoxText{
-                                font-size: 26px;
+                                font-size: 22px;
                                 font-weight: 600;
                             }
                             .singleBoxImg{
@@ -635,18 +609,18 @@ export default {
                         line-height: 0.8rem;
                     }
                     .Contentbox{
-                        padding: 0 0.4rem;
+                        padding: 0 0.2rem;
                         .singleBox{
                             display: flex;
                             align-items: center;
                             justify-content: space-between;
-                            margin-top: 0.2rem;
+                            margin-top: 0.16rem;
                             .singleBoxText{
-                                font-size: 0.18rem;
+                                font-size: 0.16rem;
                                 font-weight: 600;
                             }
                             .singleBoxImg{
-                                width: 0.5rem;
+                                width: 0.4rem;
                             }
                         }
                     }