显示方向

src/components/MeasureItem.tsx

@@ -5,15 +5,8 @@ import icon_pending from '../assets/icon_upload_0.svg';
 import icon_uploading from '../assets/icon_upload_1.svg';
 import icon_uploaded from '../assets/icon_upload_2.svg';
 import { Measurement } from '../services/apiTypes';
+import { XB_CODES } from '../utils/constant';
 
-/*
-name: '测量名称1',
-time: '03-02 10:20',
-line: '京沪线',
-segment: 'A段',
-direction: '上行',
-railType: '60轨',
-*/
 
 export type UpdateState = 'idle' | 'pending' | 'uploading' | 'uploaded';
 
@@ -24,6 +17,7 @@ export default function MeasureItem({
   item: Measurement;
   onDetail?: () => void;
 }) {
+  const direct = XB_CODES.find((dire) => dire.value === item.direction);
   return (
     <div className="flex mx-2 gap-3">
       <main className="flex-1">
@@ -33,7 +27,7 @@ export default function MeasureItem({
         <main className="flex my-2">
           <p className="flex-1 text-sm ">{`${item.lineName}`}</p>
           <p className="flex-1 text-sm ">{`${item.location}`}</p>
-          <p className="flex-1 text-sm ">{`${item.direction}方向`}</p>
+          <p className="flex-1 text-sm ">{`${direct?.label}方向`}</p>
         </main>
         <footer>
           <span className="text-sm text-[#b7b7b7]">{item.createTime}</span>