diff --git a/frontent/ops_vue_js/src/i18n/en.json b/frontent/ops_vue_js/src/i18n/en.json
index 8b409cd..bcfebaf 100644
--- a/frontent/ops_vue_js/src/i18n/en.json
+++ b/frontent/ops_vue_js/src/i18n/en.json
@@ -7,6 +7,25 @@
     "schedule":"Schedule",
     "purchase":"Purchase"
   },
+  "purchase":{
+    "purchase_list":"Purchase List",
+    "item_name":"Item Name",
+    "purpose":"Purpose",
+    "unit":"Unit",
+    "quantity":"Quantity",
+    "unit_price":"Unit Price",
+    "total_price":"Total Price",
+    "created_at":"Created At",
+    "updated_at":"Updated At",
+    "status":"Status",
+    "completed":"Completed",
+    "pending":"Pending",
+    "show":"Show",
+    "entries":"entries",
+    "search":"Search",
+    "add_part":"Add Order",
+    "exp_report":"Export Report"
+  },
   "schedule": {
     "my_schedule":"My Schedule",
     "add_event":"Add Event",
diff --git a/frontent/ops_vue_js/src/i18n/zh-CN.json b/frontent/ops_vue_js/src/i18n/zh-CN.json
index 9650513..6109ad2 100644
--- a/frontent/ops_vue_js/src/i18n/zh-CN.json
+++ b/frontent/ops_vue_js/src/i18n/zh-CN.json
@@ -7,6 +7,25 @@
     "schedule":"日程",
     "purchase":"采购"
   },
+  "purchase":{
+    "purchase_list":"采购列表",
+    "item_name":"物品名称",
+    "purpose":"用途",
+    "unit":"单位",
+    "quantity":"数量",
+    "unit_price":"单价",
+    "total_price":"总价",
+    "created_at":"创建日期",
+    "updated_at":"更新日期",
+    "status":"状态",
+    "completed":"已完成",
+    "pending":"待处理",
+    "show":"显示",
+    "entries":"个物件",
+    "search":"搜索",
+    "add_part":"添加订单",
+    "exp_report":"生成报告"
+  },
   "schedule": {
     "my_schedule":"我的日程",
     "add_event":"添加事件",
diff --git a/frontent/ops_vue_js/src/views/purchaseView.vue b/frontent/ops_vue_js/src/views/purchaseView.vue
index f60370f..5adad5a 100644
--- a/frontent/ops_vue_js/src/views/purchaseView.vue
+++ b/frontent/ops_vue_js/src/views/purchaseView.vue
@@ -1,14 +1,33 @@
+<script setup>
+import { onMounted, watch, ref } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t, locale } = useI18n();
+
+function functionupdataTitle() {
+  document.title = "Operations." + t("appname.purchase");
+}
+onMounted(() => {
+  functionupdataTitle();
+});
+// 监听语言变化，更新标题
+watch(locale, () => {
+  functionupdataTitle();
+});
+</script>
+
 <template>
    
   <div class="col-12">
     <div class="card">
       <div class="card-header">
-        <h3 class="card-title">Invoices</h3>
+        <h3 class="card-title">{{ t('purchase.purchase_list') }}</h3>
       </div>
       <div class="card-body border-bottom py-3">
         <div class="d-flex">
+
           <div class="text-secondary">
-            Show
+            {{ t('purchase.show') }}
             <div class="mx-2 d-inline-block">
               <input
                 type="text"
@@ -18,17 +37,25 @@
                 aria-label="Invoices count"
               />
             </div>
-            entries
+            {{ t('purchase.entries') }}
           </div>
+
           <div class="ms-auto text-secondary">
-            Search:
-            <div class="ms-2 d-inline-block">
+            <button class="btn btn-info m-1">{{ t('purchase.add_part') }}</button>
+            <button class="btn m-1">{{ t('purchase.exp_report') }}</button>
+          </div>
+
+
+          <div class="ms-auto text-secondary">
+            {{ t('purchase.search') }}
+            <div class="ms-2 d-inline-block mr-2">
               <input
                 type="text"
                 class="form-control form-control-sm"
                 aria-label="Search invoice"
               />
             </div>
+            
           </div>
         </div>
       </div>
@@ -62,15 +89,15 @@
                   <path d="M6 15l6 -6l6 6" />
                 </svg>
               </th>
-              <th class="col-5">物品名称</th>
-              <th class="col-1">用途</th>
-              <th class="w-1">单位</th>
-              <th class="w-1">数量</th>
-              <th class="w-1">单价</th>
-              <th class="w-1">总价</th>
-              <th class="w-1">创建日期</th>
-              <th class="w-1">更新日期</th>
-              <th class="w-1">最新状态</th>
+              <th class="col-5">{{ t('purchase.item_name') }}</th>
+              <th class="col-1">{{ t('purchase.purpose') }}</th>
+              <th class="w-1">{{ t('purchase.unit') }}</th>
+              <th class="w-1">{{ t('purchase.quantity') }}</th>
+              <th class="w-1">{{ t('purchase.unit_price') }}</th>
+              <th class="w-1">{{ t('purchase.total_price') }}</th>
+              <th class="w-1">{{ t('purchase.created_at') }}</th>
+              <th class="w-1">{{ t('purchase.updated_at') }}</th>
+              <th class="w-1">{{ t('purchase.status') }}</th>
               <th class="w-1"></th>
             </tr>
           </thead>