app/components/shared/ProductFilter.vue

@@ -2,10 +2,12 @@
   <div class="question-category">
     <el-row class="hide-on-mobile" :gutter="12">
       <el-col :span="8">
-        <span class="select-label">产品分类</span>
+        <span class="select-label">{{
+          $t('product-filter.product-type')
+        }}</span>
         <el-select
           v-model="model.selectedType"
-          placeholder="选择产品类型"
+          :placeholder="$t('product-filter.select-product-type')"
           clearable
         >
           <el-option
@@ -18,10 +20,12 @@
       </el-col>
 
       <el-col :span="8">
-        <span class="select-label">产品系列</span>
+        <span class="select-label">{{
+          $t('product-filter.product-model')
+        }}</span>
         <el-select
           v-model="model.selectedProduct"
-          placeholder="选择系列产品"
+          :placeholder="$t('product-filter.select-product-model')"
           clearable
         >
           <el-option
@@ -34,10 +38,10 @@
       </el-col>
 
       <el-col :span="8">
-        <span class="select-label">关键词</span>
+        <span class="select-label">{{ $t('product-filter.keyword') }}</span>
         <el-input
           v-model="model.keyword"
-          placeholder="输入关键词..."
+          :placeholder="$t('product-filter.enter-keyword')"
           clearable
           :prefix-icon="Search"
         />
@@ -45,10 +49,12 @@
     </el-row>
     <el-row class="display-on-mobile" :gutter="12">
       <el-col :span="12">
-        <span class="select-label">产品分类</span>
+        <span class="select-label">{{
+          $t('product-filter.product-type')
+        }}</span>
         <el-select
           v-model="model.selectedType"
-          placeholder="选择产品类型"
+          :placeholder="$t('product-filter.select-product-type')"
           clearable
         >
           <el-option
@@ -61,10 +67,12 @@
       </el-col>
 
       <el-col :span="12">
-        <span class="select-label">产品系列</span>
+        <span class="select-label">{{
+          $t('product-filter.product-model')
+        }}</span>
         <el-select
           v-model="model.selectedProduct"
-          placeholder="选择系列产品"
+          :placeholder="$t('product-filter.select-product-model')"
           clearable
         >
           <el-option
@@ -77,10 +85,10 @@
       </el-col>
     </el-row>
     <el-row class="display-on-mobile">
-      <span class="select-label">关键词</span>
+      <span class="select-label">{{ $t('product-filter.keyword') }}</span>
       <el-input
         v-model="model.keyword"
-        placeholder="输入关键词..."
+        :placeholder="$t('product-filter.enter-keyword')"
         clearable
         :prefix-icon="Search"
       />

i18n/locales/en.json

@@ -69,5 +69,14 @@
     "faq": "We have compiled answers to frequently asked questions to help you quickly resolve any concerns.",
     "documents": "We provide product manuals, technical specifications, and other documentation for easy reference.",
     "contact-info": "Contact us by phone or email, and we will provide on-site support for you."
+  },
+
+  "product-filter": {
+    "product-type": "Product type",
+    "product-model": "Product model",
+    "keyword": "Keyword",
+    "select-product-type": "Select product type",
+    "select-product-model": "Select product model",
+    "enter-keyword": "Enter keyword"
   }
 }

i18n/locales/zh.json

@@ -69,5 +69,13 @@
     "faq": "我们为用户整理了常见问题的答案，帮助您快速解决疑惑。",
     "documents": "提供产品手册、技术规格等文档资料，方便用户查阅。",
     "contact-info": "通过电话、邮箱联系我们，我们将现场为您服务。"
+  },
+  "product-filter": {
+    "product-type": "产品类型",
+    "product-model": "产品系列",
+    "keyword": "关键词",
+    "select-product-type": "选择产品类型",
+    "select-product-model": "选择产品系列",
+    "enter-keyword": "输入关键词"
   }
 }