diff --git a/src/components/job-card/index.tsx b/src/components/job-card/index.tsx
index 7045fd7..4145f7c 100644
--- a/src/components/job-card/index.tsx
+++ b/src/components/job-card/index.tsx
@@ -11,7 +11,7 @@ import { EMPLOY_TYPE_TITLE_MAP, EmployType } from '@/constants/job';
 import { JobInfo } from '@/types/job';
 // import { LocationInfo } from '@/types/location';
 import { getJobSalary, getJobTitle } from '@/utils/job';
-// import { calcDistance } from '@/utils/location';
+import { calcDistance } from '@/utils/location';
 import { navigateTo, redirectTo } from '@/utils/route';
 
 import './index.less';
@@ -45,7 +45,7 @@ function JobCard(props: IProps) {
     publisher,
     publisherAvatar,
     jobLocation,
-    // distance,
+    distance,
     isAuthed = false,
   } = data;
 
@@ -84,12 +84,12 @@ function JobCard(props: IProps) {
         <div className={`${PREFIX}__summary`}>{jobDescription || sourceText}</div>
         <div className={`${PREFIX}__distance-wrapper`}>
           <div className={`${PREFIX}__detailed-address`}>{jobLocation?.address}</div>
-          {/*{distance && (*/}
-          {/*  <>*/}
-          {/*    <Image className={`${PREFIX}__distance-icon`} src={require('@/statics/svg/location.svg')} />*/}
-          {/*    <div className={`${PREFIX}__distance`}>{calcDistance(distance)}</div>*/}
-          {/*  </>*/}
-          {/*)}*/}
+          {distance && (
+            <>
+              <Image className={`${PREFIX}__distance-icon`} src={require('@/statics/svg/location.svg')} />
+              <div className={`${PREFIX}__distance`}>{calcDistance(distance)}</div>
+            </>
+          )}
         </div>
       </div>
       <div className={`${PREFIX}__divider`} />