locale ru

src/views/website/home/comp/index1.vue

@@ -14,7 +14,7 @@
               @click="switchTab(index)"
             >
               <!-- :style="v === '找实验室' ? `display:none` : ''" -->
-              {{ v }}
+              {{ t(`webSearch.${v}`) }}
             </div>
           </div>
         </el-col>
@@ -31,7 +31,7 @@
             <el-form-item prop="keyword">
               <el-input
                 v-model.trim="queryParams.keyword"
-                placeholder="请输入检索词"
+                :placeholder="t('webSearch.placeholder')"
                 @keyup.enter="handleQuery"
               >
                 <template #suffix v-if="false">
@@ -69,8 +69,8 @@
                 type="primary"
                 icon="Search"
                 @click="handleQuery"
-                >搜索</el-button
-              >
+                >{{ t("webSearch.search") }}
+              </el-button>
               <!-- <el-button class="x_btns" @click="handleQuery"
                 >发布需求</el-button
               > -->
@@ -87,21 +87,27 @@
           <div class="numBox">
             <div>
               <div class="val">{{ state.data.patent_count }}</div>
-              <div class="des">专利数量</div>
+              <div class="des">{{ t("quantityOverview.patent") }}</div>
             </div>
             <div>
               <div class="val">{{ state.data.expert_count }}</div>
-              <div class="des">专家数量</div>
+              <div class="des">
+                {{ t("quantityOverview.expert") }}
+              </div>
             </div>
             <div>
               <div class="val">
                 {{ state.data.laboratory_count }}
               </div>
-              <div class="des">实验室数量</div>
+              <div class="des">
+                {{ t("quantityOverview.lab") }}
+              </div>
             </div>
             <div>
               <div class="val">{{ state.data.demand_count }}</div>
-              <div class="des">需求数量</div>
+              <div class="des">
+                {{ t("quantityOverview.demand") }}
+              </div>
             </div>
             <!-- <div>
               <div class="val">{{ state.data.docking_count }}</div>
@@ -109,7 +115,9 @@
             </div> -->
             <div>
               <div class="val">{{ state.data.company_count }}</div>
-              <div class="des">企业数量</div>
+              <div class="des">
+                {{ t("quantityOverview.company") }}
+              </div>
             </div>
           </div>
         </el-col>
@@ -130,6 +138,7 @@ import { onMounted, reactive, watch } from "vue";
 import { banner } from "@/api/website/home/index";
 import { useRouter } from "vue-router";
 import { getAllCount } from "../../../../api/website/home";
+import { useI18n } from "vue-i18n";
 // import request from "@/utils/request";
 
 const router = useRouter();
@@ -140,13 +149,14 @@ const router = useRouter();
 //   });
 // }
 
+const { t } = useI18n();
 const testEnter = (ev) => {
   ev.stopPropagation();
   ev.preventDefault();
   console.log("rere");
 };
 const queryParams = reactive({
-  queryType: undefined,
+  // queryType: undefined,
   keyword: "",
   queryType: "2",
 });
@@ -235,13 +245,13 @@ function handleQuery() {
 const state = reactive({
   keyword: "",
   tabList: [
-    "找企业",
-    "找成果",
-    "找实验室",
-    "找专利",
-    "找专家",
+    "findCompany",
+    "findAchievement",
+    "findLab",
+    "findPatent",
+    "findExpert",
     // "接服务需求",
-    "接需求",
+    "findDemand",
   ],
   tabIndex: 0,
   banner: "",
@@ -306,6 +316,7 @@ onMounted(() => {
   font-size: 14px !important;
   font-weight: 400;
 }
+
 .box {
   height: 100%;
   width: 100%;
@@ -313,12 +324,15 @@ onMounted(() => {
   display: -webkit-flex;
   align-items: center;
   justify-content: center;
+
   & > div {
     width: 100%;
   }
 }
+
 .btnsWrap {
   margin: 0 0 0 40px;
+
   .el-button {
     height: 36px;
     padding: 10px 25px;
@@ -328,6 +342,7 @@ onMounted(() => {
 .numBox {
   display: flex;
   display: -webkit-flex;
+
   & > div {
     flex: 1;
     height: 200px;
@@ -336,6 +351,7 @@ onMounted(() => {
     justify-content: center;
     flex-direction: column;
   }
+
   .val {
     font-size: 36px;
     font-family: DIN;
@@ -343,6 +359,7 @@ onMounted(() => {
     color: #333333;
     margin-bottom: 10px;
   }
+
   .des {
     font-size: 16px;
     font-family: Source Han Sans CN;
@@ -355,6 +372,7 @@ onMounted(() => {
   width: 630px;
   height: 42px;
   overflow: hidden;
+
   & > div {
     width: 90px;
     height: 42px;
@@ -368,6 +386,7 @@ onMounted(() => {
     cursor: pointer;
     user-select: none;
   }
+
   & > div.active {
     font-size: 14px;
     font-weight: 500;
@@ -377,28 +396,34 @@ onMounted(() => {
     background-size: cover;
   }
 }
+
 .wrap {
   padding-left: 460px;
 }
+
 .search {
   width: 720px;
 }
+
 .icp-beian {
   width: 100vw;
   text-align: center;
   position: absolute;
   bottom: 10px;
 }
+
 // :deep(.el-input__inner) {
 //   border: 0px solid blueviolet !important;
 // }
 .search-type-select {
   margin: 1px 0;
+
   :deep(.el-input__inner) {
     // border: 0px solid blueviolet !important;
     height: 30px;
     box-shadow: none;
   }
+
   :deep(.el-input.is-focus .el-input__inner) {
     box-shadow: none;
   }