From 4762afb6cb043a3e539ed7ec8da5bde997bfaf65 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期五, 29 五月 2026 11:51:41 +0800
Subject: [PATCH] 英泽防锈 1.车辆管理页面开发联调

---
 src/views/inventoryManagement/vehicleManagement/index.vue |   78 +++++++++++++++++++++++++++++++++++++++
 1 files changed, 78 insertions(+), 0 deletions(-)

diff --git a/src/views/inventoryManagement/vehicleManagement/index.vue b/src/views/inventoryManagement/vehicleManagement/index.vue
index 1e383c6..bba4f19 100644
--- a/src/views/inventoryManagement/vehicleManagement/index.vue
+++ b/src/views/inventoryManagement/vehicleManagement/index.vue
@@ -136,6 +136,14 @@
           width="120"
           show-overflow-tooltip
         />
+        <el-table-column label="褰撳墠鍏噷鏁�" prop="currentMileage" width="120" align="center" />
+        <el-table-column label="浣跨敤鐘舵��" width="100" align="center">
+          <template #default="scope">
+            <el-tag :type="usageStatusTagType(scope.row.usageStatus)">
+              {{ usageStatusLabel(scope.row.usageStatus) }}
+            </el-tag>
+          </template>
+        </el-table-column>
         <el-table-column label="鐘舵��" width="100" align="center">
           <template #default="scope">
             <el-tag :type="statusTagType(scope.row.status)">
@@ -303,6 +311,30 @@
               />
             </el-form-item>
           </el-col>
+          <el-col :span="12">
+            <el-form-item label="褰撳墠鍏噷鏁帮細" prop="currentMileage">
+              <el-input-number
+                v-model="form.currentMileage"
+                :min="0"
+                :precision="1"
+                :step="0.1"
+                style="width: 100%"
+                placeholder="璇疯緭鍏ュ綋鍓嶅叕閲屾暟"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="浣跨敤鐘舵�侊細" prop="usageStatus">
+              <el-select v-model="form.usageStatus" placeholder="璇烽�夋嫨浣跨敤鐘舵��" style="width: 100%">
+                <el-option label="闂茬疆" value="idle" />
+                <el-option label="浣跨敤涓�" value="in_use" />
+                <el-option label="缁翠慨涓�" value="repair" />
+                <el-option label="淇濆吇涓�" value="maintenance" />
+              </el-select>
+            </el-form-item>
+          </el-col>
         </el-row>
       </el-form>
       <template #footer>
@@ -333,6 +365,10 @@
     licenseExpireDate: "2026-03-10",
     status: "鍦ㄧ敤",
     archived: false,
+    currentMileage: 12580.5,
+    lastRecordMileage: 12000.0,
+    mileagePhoto: "",
+    usageStatus: "idle",
   },
   {
     id: 2,
@@ -346,6 +382,10 @@
     licenseExpireDate: "2025-07-28",
     status: "缁翠慨",
     archived: false,
+    currentMileage: 8920.0,
+    lastRecordMileage: 8920.0,
+    mileagePhoto: "",
+    usageStatus: "repair",
   },
   {
     id: 3,
@@ -359,6 +399,10 @@
     licenseExpireDate: "2024-05-18",
     status: "闂茬疆",
     archived: false,
+    currentMileage: 45600.0,
+    lastRecordMileage: 45600.0,
+    mileagePhoto: "",
+    usageStatus: "idle",
   },
   {
     id: 4,
@@ -372,6 +416,10 @@
     licenseExpireDate: "2023-11-08",
     status: "鍦ㄧ敤",
     archived: true,
+    currentMileage: 67890.5,
+    lastRecordMileage: 67890.5,
+    mileagePhoto: "",
+    usageStatus: "archived",
   },
 ]);
 
@@ -394,6 +442,7 @@
   { label: "鍦ㄧ敤", value: "鍦ㄧ敤" },
   { label: "闂茬疆", value: "闂茬疆" },
   { label: "缁翠慨", value: "缁翠慨" },
+  { label: "浣跨敤涓�", value: "浣跨敤涓�" },
 ];
 
 // 鏌ヨ琛ㄥ崟
@@ -425,6 +474,10 @@
   licenseExpireDate: "",
   status: "鍦ㄧ敤",
   archived: false,
+  currentMileage: 0,
+  lastRecordMileage: 0,
+  mileagePhoto: "",
+  usageStatus: "idle",
 });
 
 const rules = {
@@ -569,8 +622,33 @@
   if (status === "鍦ㄧ敤") return "success";
   if (status === "闂茬疆") return "info";
   if (status === "缁翠慨") return "warning";
+  if (status === "浣跨敤涓�") return "primary";
   return "default";
 };
+
+// 浣跨敤鐘舵�佹爣绛炬牱寮�
+const usageStatusTagType = (usageStatus) => {
+  const typeMap = {
+    idle: "info",
+    in_use: "primary",
+    repair: "warning",
+    maintenance: "warning",
+    archived: "info",
+  };
+  return typeMap[usageStatus] || "default";
+};
+
+// 浣跨敤鐘舵�佹爣绛炬枃瀛�
+const usageStatusLabel = (usageStatus) => {
+  const labelMap = {
+    idle: "闂茬疆",
+    in_use: "浣跨敤涓�",
+    repair: "缁翠慨涓�",
+    maintenance: "淇濆吇涓�",
+    archived: "宸插綊妗�",
+  };
+  return labelMap[usageStatus] || usageStatus;
+};
 </script>
 
 <style scoped lang="scss">

--
Gitblit v1.9.3