完善停车区域

web/src/lang/en.js

@@ -176,5 +176,13 @@ export default {
   currentDate: 'Current Date',
   addFail: 'Add Failed',
   vipFree: 'VIP Free',
-  vipNotFree: 'VIP Not Free'
+  vipNotFree: 'VIP Not Free',
+  noLabel: 'No Label',
+  permanentValid: 'Permanent Valid',
+  addCar: 'Add Vehicle',
+  editCar: 'Edit Vehicle',
+  unknown: 'Unknown',
+  tempCar: 'Temporary Vehicle',
+  getListFail: 'Failed to get list',
+  inputTypeName: 'Please enter type name'
 }

web/src/lang/zh-CN.js

@@ -175,6 +175,14 @@ export default {
   disable: '不启用',
   currentDate: '当前日期',
   addFail: '新增失败',
-  vipFree: 'VIP免費',
-  vipNotFree: 'VIP不免費'
+  vipFree: 'VIP免费',
+  vipNotFree: 'VIP不免费',
+  noLabel: '无标签',
+  permanentValid: '永久有效',
+  addCar: '新增车辆',
+  editCar: '编辑车辆',
+  unknown: '未知',
+  tempCar: '临时车辆',
+  getListFail: '获取列表失败',
+  inputTypeName: '请输入类型名称'
 }

web/src/lang/zh-HK.js

@@ -176,5 +176,13 @@ export default {
   currentDate: '當前日期',
   addFail: '新增失敗',
   vipFree: 'VIP免費',
-  vipNotFree: 'VIP不免費'
+  vipNotFree: 'VIP不免費',
+  noLabel: '無標籤',
+  permanentValid: '永久有效',
+  addCar: '新增車輛',
+  editCar: '編輯車輛',
+  unknown: '未知',
+  tempCar: '臨時車輛',
+  getListFail: '獲取列表失敗',
+  inputTypeName: '請輸入類型名稱'
 }

web/src/lang/zh-TW.js

@@ -176,5 +176,13 @@ export default {
   currentDate: '目前日期',
   addFail: '新增失敗',
   vipFree: 'VIP免費',
-  vipNotFree: 'VIP不免費'
+  vipNotFree: 'VIP不免費',
+  noLabel: '無標籤',
+  permanentValid: '永久有效',
+  addCar: '新增車輛',
+  editCar: '編輯車輛',
+  unknown: '未知',
+  tempCar: '臨時車輛',
+  getListFail: '獲取列表失敗',
+  inputTypeName: '請輸入類型名稱'
 }

web/src/view/parking/carInfo.vue

@@ -55,7 +55,7 @@
         <el-button
           icon="Plus"
           type="primary"
-          @click="openDialog('新增车辆', null)"
+          @click="openDialog($t.value.addCar, null)"
         >{{ $t.value.new }}</el-button>
         <el-button
           type="warning"
@@ -92,7 +92,7 @@
       >
         <template #default="scope">
           <el-tag type="primary">
-            {{ scope.row.vehicle_type?.name || "未知" }}
+            {{ scope.row.vehicle_type?.name || $t.value.unknown }}
           </el-tag>
         </template>
       </el-table-column>
@@ -111,7 +111,7 @@
         align="center"
       >
         <template #default="scope">
-          {{ scope.row.owner?.owner_name || "临时车辆" }}
+          {{ scope.row.owner?.owner_name || $t.value.tempCar }}
         </template>
       </el-table-column>
       <el-table-column
@@ -124,7 +124,7 @@
             icon="Edit"
             type="primary"
             text
-            @click="openDialog('编辑车辆', scope.row)"
+            @click="openDialog($t.value.editCar, scope.row)"
           >{{ $t.value.modify }}</el-button>
           <el-button
             icon="Delete"
@@ -241,7 +241,7 @@
         <el-button
           type="primary"
           icon="Plus"
-          @click="openTypeForm('新增')"
+          @click="openTypeForm($t.value.new)"
         >{{ $t.value.AddNewType }}</el-button>
       </div>
 
@@ -266,7 +266,7 @@
             <el-button
               text
               type="primary"
-              @click="openTypeForm('编辑', scope.row)"
+              @click="openTypeForm($t.value.modify, scope.row)"
             >{{ $t.value.modify }}</el-button>
             <el-button
               text
@@ -377,7 +377,7 @@ const getVehicleList = async() => {
       total.value = res.data.total
     }
   } catch (err) {
-    ElMessage.error('获取列表失败')
+    ElMessage.error(t.value.getListFail)
   }
 }
 
@@ -405,21 +405,21 @@ const openDialog = (title, row) => {
 
 const submitForm = async() => {
   if (!formData.plate_number) {
-    ElMessage.warning('请输入车牌号')
+    ElMessage.warning(t.value.carPlateInput)
     return
   }
   try {
     if (formData.ID > 0) {
       await editVehicle(formData)
-      ElMessage.success('编辑成功')
+      ElMessage.success(t.value.editSuccess)
     } else {
       await addVehicle(formData)
-      ElMessage.success('新增成功')
+      ElMessage.success(t.value.addSuccess)
     }
     dialogVisible.value = false
     getVehicleList()
   } catch (err) {
-    ElMessage.error('保存失败')
+    ElMessage.error(t.value.saveFail)
   }
 }
 
@@ -493,30 +493,30 @@ const openTypeForm = (title, row = null) => {
 // 保存
 const saveType = async() => {
   if (!typeForm.name) {
-    ElMessage.warning('请输入类型名称')
+    ElMessage.warning(t.value.inputTypeName)
     return
   }
   try {
     if (typeForm.ID > 0) {
       await editVehicleType(typeForm)
-      ElMessage.success('编辑成功')
+      ElMessage.success(t.value.editSuccess)
     } else {
       await createVehicleType(typeForm)
-      ElMessage.success('新增成功')
+      ElMessage.success(t.value.addSuccess)
     }
     typeDialogVisible.value = false
     getTypeList()
     loadAllTypes()
   } catch (e) {
-    ElMessage.error('保存失败')
+    ElMessage.error(t.value.saveFail)
   }
 }
 
 // 删除
 const deleteType = async(id) => {
-  await ElMessageBox.confirm('确定删除？')
+  await ElMessageBox.confirm(t.value.confirmDelete)
   await removeVehicleType(id)
-  ElMessage.success('删除成功')
+  ElMessage.success(t.value.deleteSuccess)
   getTypeList()
   loadAllTypes()
 }
@@ -534,7 +534,6 @@ const getOwnerList = async() => {
 }
 
 onMounted(async() => {
-  console.log('车辆信息')
   await loadAllTypes()
   getVehicleList()
   getOwnerList()

web/src/view/parking/roster.vue

@@ -29,11 +29,11 @@
         >
           <el-option
             :label="$t.value.WhiteList"
-            value="白名单"
+            :value="$t.value.WhiteList"
           />
           <el-option
             :label="$t.value.BlackList"
-            value="黑名单"
+            :value="$t.value.BlackList"
           />
         </el-select>
       </el-form-item>
@@ -71,7 +71,7 @@
         width="120"
       >
         <template #default="scope">
-          <el-tag :type="scope.row.list_type === '白名单' ? 'success' : 'danger'">
+          <el-tag :type="scope.row.list_type === $t.value.WhiteList ? 'success' : 'danger'">
             {{ scope.row.list_type }}
           </el-tag>
         </template>
@@ -101,7 +101,7 @@
         </template>
       </el-table-column>
       <el-table-column
-        label="操作"
+        :label="$t.value.Action"
         align="center"
         width="180"
       >
@@ -145,8 +145,8 @@
           required
         >
           <el-radio-group v-model="form.list_type">
-            <el-radio value="白名单">{{ $t.value.WhiteList }}</el-radio>
-            <el-radio value="黑名单">{{ $t.value.BlackList }}</el-radio>
+            <el-radio :value="$t.value.WhiteList">{{ $t.value.WhiteList }}</el-radio>
+            <el-radio :value="$t.value.BlackList">{{ $t.value.BlackList }}</el-radio>
           </el-radio-group>
         </el-form-item>
 
@@ -162,7 +162,7 @@
             <el-option
               v-for="v in vehicleList"
               :key="v.ID"
-              :label="`${v.plate_number} | ${v.rfid_tag || '无标签'}`"
+              :label="`${v.plate_number} | ${v.rfid_tag || $t.value.noLabel}`"
               :value="v.ID"
             />
           </el-select>
@@ -216,14 +216,14 @@ const vehicleList = ref([])
 const dialogVisible = ref(false)
 const form = reactive({
   ID: 0,
-  list_type: '白名单',
+  list_type: t.value.WhiteList,
   vehicle_id: '',
   expiration_time: null
 })
 
 // 时间格式化
 const formatTime = (time) => {
-  if (!time) return '永久有效'
+  if (!time) return t.value.permanentValid
   return time.replace('T', ' ').split('+')[0]
 }
 
@@ -256,7 +256,7 @@ const resetQuery = () => {
 // 新增
 const add = () => {
   form.ID = 0
-  form.list_type = '白名单'
+  form.list_type = t.value.WhiteList
   form.vehicle_id = ''
   form.expiration_time = null
   dialogVisible.value = true