wei

src/components/homeHeader.vue

@@ -2,6 +2,40 @@
   <div class="header_app">
     <hea-der class="tophea_box"></hea-der>
     <div class="back-clor">
+      <div class="topheader topheaderWeb">
+        <div class="topheaderBox">
+          <div class="topheaderContent" @click="gotoSanyou">
+            <img class="headerImg" src="@/assets/img/header/logo1.png" alt="">
+            <span class="headerText">Sanyou</span>
+            <div class="headerBorder"></div>
+          </div>
+          <div class="topheaderContent" @click="gotoCRO">
+            <img class="headerImg" src="@/assets/img/header/logo2.png" alt="">
+            <span class="headerText">CRO</span>
+            <div class="headerBorder"></div>
+          </div>
+          <div class="topheaderContent" @click="gotoCDO">
+            <img class="headerImg" src="@/assets/img/header/logo3.png" alt="">
+            <span class="headerText">CDO</span>
+            <div class="headerBorder"></div>
+          </div>
+          <div class="topheaderContent" @click="gotoCPO">
+            <img class="headerImg" src="@/assets/img/header/logo4.png" alt="">
+            <span class="headerText">CPO</span>
+            <div class="headerBorder"></div>
+          </div>
+          <div class="topheaderContent" @click="gotooneClick">
+            <img class="headerImg" src="@/assets/img/header/logo5.png" alt="">
+            <span class="headerText">CRS</span>
+            <div class="headerBorder"></div>
+          </div>
+          <div class="topheaderContent" @click="gotoBsAb">
+            <img class="headerImg" src="@/assets/img/header/logo6.png" alt="">
+            <span class="headerText">oneClick⁺</span>
+            <div class="headerBorder"></div>
+          </div>
+        </div>
+      </div>
       <div class="header_top">
         <div class="logo" @click="$util.goRoute({ name: 'home' })">
           <img class="logo_img" src="@/assets/img/logo.png" alt="" srcset="" />
@@ -46,6 +80,40 @@
           </el-menu>
         </div>
       </div>
+      <div class="topheader topheaderMove">
+        <div class="topheaderBox">
+          <div class="topheaderContent" @click="gotoSanyou">
+            <img class="headerImg" src="@/assets/img/header/logo1.png" alt="">
+            <span class="headerText">Sanyou</span>
+            <div class="headerBorder"></div>
+          </div>
+          <div class="topheaderContent" @click="gotoCRO">
+            <img class="headerImg" src="@/assets/img/header/logo2.png" alt="">
+            <span class="headerText">CRO</span>
+            <div class="headerBorder"></div>
+          </div>
+          <div class="topheaderContent" @click="gotoCDO">
+            <img class="headerImg" src="@/assets/img/header/logo3.png" alt="">
+            <span class="headerText">CDO</span>
+            <div class="headerBorder"></div>
+          </div>
+          <div class="topheaderContent" @click="gotoCPO">
+            <img class="headerImg" src="@/assets/img/header/logo4.png" alt="">
+            <span class="headerText">CPO</span>
+            <div class="headerBorder"></div>
+          </div>
+          <div class="topheaderContent" @click="gotooneClick">
+            <img class="headerImg" src="@/assets/img/header/logo5.png" alt="">
+            <span class="headerText">CRS</span>
+            <div class="headerBorder"></div>
+          </div>
+          <div class="topheaderContent" @click="gotoBsAb">
+            <img class="headerImg" src="@/assets/img/header/logo6.png" alt="">
+            <span class="headerText">oneClick⁺</span>
+            <div class="headerBorder"></div>
+          </div>
+        </div>
+      </div>
     </div>
     <!-- <indexTaps></indexTaps> -->
   </div>
@@ -72,6 +140,24 @@ export default {
     };
   },
   methods: {
+    gotoSanyou() {
+      window.location.href = "https://sanyoubio.com/";
+    },
+    gotoCRO() {
+      window.location.href = "https://sanyoubio.com/service?value=pointCRO";
+    },
+    gotoCDO() {
+      window.location.href = "https://sanyoubio.com/service?value=pointCDO";
+    },
+    gotoCPO() {
+      window.location.href = "https://sanyoubio.com/service?value=pointCPO";
+    },
+    gotooneClick() {
+      window.location.href = "https://crs.sanyoubio.com/?utm_source=www";
+    },
+    gotoBsAb() {
+      window.location.href = "https://www.oneclick-plus.com/?utm_source=www";
+    },
     tapcancel() {
       this.tapshow = false;
     },
@@ -447,6 +533,51 @@ export default {
       content: "\e790" !important;
     }
   }
+  .topheader{
+    border-bottom: 1px solid rgb(204, 228, 255);
+    width: 100%;
+    background: #fff;
+    .topheaderBox{
+      width: 1200px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin: 0 auto;
+      .topheaderContent{
+        position: relative;
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        .headerImg{
+          width: 40px;
+          height: 40px;
+          margin-right: 10px;
+        }
+        .headerText{
+          font-size: 18px;
+          padding: 20px 0;
+        }
+        .headerBorder{
+          position: absolute;
+          left: 160px;
+          height: 20px;
+          border-right: 1px solid #DDEDFF;
+        }
+      }
+      .topheaderContent:last-child .headerBorder{
+        border: 0;
+      }
+    }
+  }
+  .topheader:hover{
+    background: linear-gradient(to right, #00A3F0, #00BF90);
+    .headerText{
+      color: #fff;
+    }
+  }
+  .topheaderMove{
+    display: none;
+  }
 }
 @media screen and (min-width: 751px) and(max-width: 1000px) {
   .header_top {
@@ -768,5 +899,39 @@ export default {
   .activity {
     display: none;
   }
+  .topheader{
+    width: 100%;
+    .topheaderBox{
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+      padding: 0.1rem 0.1rem;
+      .topheaderContent{
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+        .headerImg{
+          width: 0.35rem;
+          height: 0.35rem;
+          margin: 0 0 0.05rem 0;
+        }
+        .headerText{
+          width: 100%;
+          padding: 0;
+          font-size: 0.1rem;
+          color: #6c6c6c;
+          text-align: center;
+          line-height: 1;
+        }
+        .headerBorder{
+          display: none;
+        }
+      }
+    }
+  }
+  .topheaderWeb{
+    display: none;
+  }
 }
 </style>

src/view/antibody/index.vue

@@ -17,7 +17,7 @@
                         <!-- <span v-for="(one, i) in scope.row.targetList" :key="i">
                           {{ one }}
                         </span> -->
-                        <span>{{ $util.targetDictionaries(scope.row.target) }}</span>
+                        <span>{{ $util.targetDictionaries(scope.row.productTarget) }}</span>
                       </template>
                     </el-table-column>
                     <el-table-column prop="moa" :label="$t('AntibodyDatabase.MOA')" />