中外语切换

web/src/lang/en.js

@@ -184,5 +184,12 @@ export default {
   unknown: 'Unknown',
   tempCar: 'Temporary Vehicle',
   getListFail: 'Failed to get list',
-  inputTypeName: 'Please enter type name'
+  inputTypeName: 'Please enter type name',
+  notOut: 'Not Exit',
+  unpaid: 'Unpaid',
+  paid: 'Paid',
+  minute: 'Minute',
+  entryImg: 'Entry Image',
+  exitImg: 'Exit Image',
+  recordDetail: 'Access Record Details'
 }

web/src/lang/zh-CN.js

@@ -184,5 +184,12 @@ export default {
   unknown: '未知',
   tempCar: '临时车辆',
   getListFail: '获取列表失败',
-  inputTypeName: '请输入类型名称'
+  inputTypeName: '请输入类型名称',
+  notOut: '未出场',
+  unpaid: '未支付',
+  paid: '已支付',
+  minute: '分钟',
+  entryImg: '入场图片',
+  exitImg: '出场图片',
+  recordDetail: '进出记录详情'
 }

web/src/lang/zh-HK.js

@@ -184,5 +184,12 @@ export default {
   unknown: '未知',
   tempCar: '臨時車輛',
   getListFail: '獲取列表失敗',
-  inputTypeName: '請輸入類型名稱'
+  inputTypeName: '請輸入類型名稱',
+  notOut: '未出場',
+  unpaid: '未支付',
+  paid: '已支付',
+  minute: '分鐘',
+  entryImg: '入場圖片',
+  exitImg: '出場圖片',
+  recordDetail: '進出記錄詳情'
 }

web/src/lang/zh-TW.js

@@ -184,5 +184,12 @@ export default {
   unknown: '未知',
   tempCar: '臨時車輛',
   getListFail: '獲取列表失敗',
-  inputTypeName: '請輸入類型名稱'
+  inputTypeName: '請輸入類型名稱',
+  notOut: '未出場',
+  unpaid: '未付款',
+  paid: '已付款',
+  minute: '分鐘',
+  entryImg: '入場圖片',
+  exitImg: '出場圖片',
+  recordDetail: '進出記錄詳情'
 }

web/src/view/report/enter.vue

@@ -58,7 +58,7 @@
         align="center"
       >
         <template #default="scope">
-          {{ formatTime(scope.row.exit_time) || '未出场' }}
+          {{ formatTime(scope.row.exit_time) || $t.value.notOut }}
         </template>
       </el-table-column>
 
@@ -67,7 +67,7 @@
         align="center"
       >
         <template #default="scope">
-          {{ scope.row.stay_time || 0 }} 分钟
+          {{ scope.row.stay_time || 0 }} {{ $t.value.minute }}
         </template>
       </el-table-column>
 
@@ -86,7 +86,7 @@
       >
         <template #default="scope">
           <el-tag :type="scope.row.payment_status === 'paid' ? 'success' : 'warning'">
-            {{ scope.row.payment_status === 'paid' ? '已支付' : '未支付' }}
+            {{ scope.row.payment_status === 'paid' ? $t.value.paid : $t.value.unpaid }}
           </el-tag>
         </template>
       </el-table-column>
@@ -123,38 +123,38 @@
     <!-- 查看详情弹窗 -->
     <el-dialog
       v-model="detailShow"
-      title="进出记录详情"
+      :title="$t.value.recordDetail"
       width="700px"
     >
       <el-form label-width="100px">
-        <el-form-item label="车牌">{{ detail.plate_number }}</el-form-item>
+        <el-form-item :label="$t.value.licensePlate">{{ detail.plate_number }}</el-form-item>
         <el-form-item label="RFID">{{ detail.rfid_tag }}</el-form-item>
-        <el-form-item label="入场时间">{{ formatTime(detail.entry_time) }}</el-form-item>
-        <el-form-item label="出场时间">{{ formatTime(detail.exit_time) || '未出场' }}</el-form-item>
-        <el-form-item label="停留时长">{{ detail.stay_time || 0 }} 分钟</el-form-item>
-        <el-form-item label="费用">¥ {{ detail.fee || 0 }}</el-form-item>
-        <el-form-item label="支付状态">
-          {{ detail.payment_status === 'paid' ? '已支付' : '未支付' }}
+        <el-form-item :label="$t.value.EntryTime">{{ formatTime(detail.entry_time) }}</el-form-item>
+        <el-form-item :label="$t.value.ExitTime">{{ formatTime(detail.exit_time) || $t.value.notOut }}</el-form-item>
+        <el-form-item :label="$t.value.StayDuration">{{ detail.stay_time || 0 }} {{ $t.value.minute }}</el-form-item>
+        <el-form-item :label="$t.value.Fee">¥ {{ detail.fee || 0 }}</el-form-item>
+        <el-form-item :label="$t.value.PayStatus">
+          {{ detail.payment_status === 'paid' ? $t.value.paid : $t.value.unpaid }}
         </el-form-item>
       </el-form>
 
       <!-- 图片展示 -->
       <div style="display: flex; gap:10px; margin-top:10px">
-        <el-form-item label="入场图片">
+        <el-form-item :label="$t.value.entryImg">
           <el-image
             style="width: 200px; height:120px; object-fit:cover"
             :src="detail.entry_image"
             fit="cover"
-            alt="入场图片"
+            :alt="$t.value.entryImg"
           />
         </el-form-item>
 
-        <el-form-item label="出场图片">
+        <el-form-item :label="$t.value.exitImg">
           <el-image
             style="width: 200px; height:120px; object-fit:cover"
             :src="detail.exit_image"
             fit="cover"
-            alt="出场图片"
+            :alt="$t.value.exitImg"
           />
         </el-form-item>
       </div>
@@ -195,7 +195,7 @@ const getRecordList = async() => {
       total.value = res.data.total
     }
   } catch (e) {
-    ElMessage.error('获取记录失败')
+    ElMessage.error(t.value.getListFail)
   }
 }