企业-职位列表：显示hr信息

src/utils/avatar.js

@@ -1,5 +1,5 @@
-const male = 'https://minio.citupro.com/dev/menduner/11.png'
-const female = 'https://minio.citupro.com/dev/menduner/7.png'
+const male = 'https://minio.menduner.com/dev/d1b0976e90f26a65ac3e953fbb7f111726061e1e1bee490c1d4857c8bc62b157.png'
+const female = 'https://minio.menduner.com/dev/b579246470f8a29b3fcef757f996dac7b7d434fd9271c6c8ecd188216b8d8758.png'
 
 // 根据性别返回默认头像
 // isChatSystem: 系统消息

src/views/recruit/enterprise/jobFair/details.vue

@@ -59,15 +59,13 @@
                 </div>
               </div>
               <div class="d-flex align-center justify-space-between" style="padding: 10px 20px; background: linear-gradient(90deg,#f5fcfc,#fcfbfa);">
-                <div class="d-flex align-center" style="max-width: 70%;">
-                  <v-avatar size="30" rounded="sm">
-                    <v-img :src="val.enterpriseLogo || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" />
+                <div class="d-flex align-center font-size-14" style="max-width: 70%;">
+                  <v-avatar size="30">
+                    <v-img :src="getUserAvatar(val.hrHeadImg)" />
                   </v-avatar>
-                  <div class="ml-1" v-ellipse-tooltip style="max-width: calc(100% - 34px);">{{ formatName(val.enterpriseName) }} - {{ val.hrName }}</div>
-                </div>
-                <div>
-                  <v-btn size="small" color="primary" @click="handleTo(val)">添加至招聘会</v-btn>
+                  <div class="ml-3" v-ellipse-tooltip style="max-width: calc(100% - 34px);">{{ val.hrName }}</div>
                 </div>
+                <v-btn size="small" color="primary" @click="handleTo(val)">添加至招聘会</v-btn>
               </div>
             </div>
           </div>
@@ -118,6 +116,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import Snackbar from '@/plugins/snackbar'
 // import { getEnterprisePubJobTypePermission } from '@/api/recruit/enterprise/position'
 import { formatName } from '@/utils/getText'
+import { getUserAvatar } from '@/utils/avatar'
 import JobFairEntShare from '@/views/recruit/components/jobFairEntShare'
 
 const router = useRouter()

src/views/recruit/enterprise/jobFair/job/item.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div v-if="items.length">
-      <div v-for="val in items" :key="val.id" class="itemBox mb-3 white-bgc" style="height: 154px;">
+      <div v-for="val in items" :key="val.id" class="itemBox mb-3 white-bgc" style="height: 130px;">
         <div class="d-flex justify-space-between" style="padding: 10px 20px;">
           <div class="position" style="max-width: 85%;">
             <div class="d-flex align-center">
@@ -19,7 +19,6 @@
               <span v-else>{{ val.payFrom ? val.payFrom + '-' : '' }}{{ val.payTo }}{{ val.payName ? '/' + val.payName : '' }}</span>
               <span class="lines" v-if="val.positionName"></span>
               <span>{{ val.positionName }}</span>
-              <div>到期时间：{{ val.expireTime ? timesTampChange(val.expireTime, 'Y-M-D') : '长期有效' }}</div>
             </div>
           </div>
           <div 
@@ -31,13 +30,14 @@
           </div>
         </div>
         <div class="bottom pa-5 d-flex justify-space-between align-center">
-          <div class="d-flex align-center" style="max-width: 60%;">
-            <v-avatar size="30" rounded="sm">
-              <v-img :src="val.enterpriseLogo || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" />
+          <div class="d-flex align-center bottom-item">
+            <v-avatar size="30">
+              <v-img :src="getUserAvatar(val.hrHeadImg)" />
             </v-avatar>
-            <div class="ml-1" v-ellipse-tooltip style="max-width: calc(100% - 34px);">{{ formatName(val.enterpriseName) }} - {{ val.hrName }}</div>
+            <div class="ml-3" v-ellipse-tooltip>{{ val.hrName }}</div>
           </div>
-          <div class="d-flex">
+          <div class="text-center bottom-item" v-ellipse-tooltip>到期时间：{{ val.expireTime ? timesTampChange(val.expireTime, 'Y-M-D') : '长期有效' }}</div>
+          <div class="d-flex justify-end bottom-item">
             <span class="cursor-pointer actions" @click="handleEdit(val)">编辑</span>
             <span class="lines"></span>
             <span class="cursor-pointer actions" @click="handleRemove(val)">移出招聘会</span>
@@ -61,6 +61,7 @@ import { getEnterprisePubJobTypePermission } from '@/api/recruit/enterprise/posi
 import { quitJobFairPosition } from '@/api/recruit/enterprise/jobFair'
 import Confirm from '@/plugins/confirm'
 import { formatName } from '@/utils/getText'
+import { getUserAvatar } from '@/utils/avatar'
 
 const emit = defineEmits(['refresh'])
 defineProps({
@@ -136,6 +137,11 @@ const handleToResume = (val) => {
   background-color: #f7f8fa;
   font-size: 14px;
   color: var(--color-888);
+
+  &-item {
+    width: 33.3%;
+    max-width: 33.3%;
+  }
 }
 .actions:hover {
   color: var(--v-primary-base);

src/views/recruit/enterprise/positionManagement/components/item.vue

@@ -10,7 +10,7 @@
       </div>
       <!-- <v-btn v-if="tab === 2" class="ml-8" :disabled="!selectAll" color="primary" variant="tonal" size="small" @click="handleAction(1, 'activation', {})">一键激活</v-btn> -->
     </div>
-    <div v-for="val in items" :key="val.id" class="itemBox mb-3" style="height: 154px;">
+    <div v-for="val in items" :key="val.id" class="itemBox mb-3" style="height: 130px;">
       <div v-if="val.top && tab === 1" style="position: absolute;">
         <svg-icon name="top" size="50"></svg-icon>
       </div>
@@ -34,12 +34,6 @@
             <span v-else>{{ val.payFrom ? val.payFrom + '-' : '' }}{{ val.payTo }}{{ val.payName ? '/' + val.payName : '' }}</span>
             <span class="lines" v-if="val.positionName"></span>
             <span>{{ val.positionName }}</span>
-
-            <div class="color-999 font-size-15 mt-1">
-              <span>{{ $t('position.refreshTime') }} ：{{ val.refreshTime ? timesTampChange(val.refreshTime, 'Y-M-D h:m') : '暂无' }}</span>
-              <span class="septal-line"></span>
-              <span>到期时间：{{ val.expireTime ? timesTampChange(val.expireTime, 'Y-M-D') : '长期有效' }}</span>
-            </div>
           </div>
         </div>
         <div 
@@ -56,18 +50,18 @@
         </div>
       </div>
       <div class="bottom pa-5 d-flex justify-space-between align-center">
-        <div class="d-flex align-center" style="max-width: 60%;">
-          <v-avatar size="30" rounded="sm">
-            <v-img :src="val.enterpriseLogo || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" />
+        <div class="d-flex align-center bottom-item">
+          <v-avatar size="30">
+            <v-img :src="getUserAvatar(val.hrHeadImg)" />
           </v-avatar>
-          <div class="ml-1" v-ellipse-tooltip style="max-width: calc(100% - 34px);">{{ formatName(val.enterpriseName) }} - {{ val.hrName }}</div>
+          <div class="ml-3" v-ellipse-tooltip>{{ val.hrName }}</div>
         </div>
-        <!-- <div>
+        <div class="bottom-item text-center" v-ellipse-tooltip>
           <span>{{ $t('position.refreshTime') }} ：{{ val.refreshTime ? timesTampChange(val.refreshTime, 'Y-M-D h:m') : '暂无' }}</span>
           <span class="septal-line"></span>
           <span>到期时间：{{ val.expireTime ? timesTampChange(val.expireTime, 'Y-M-D') : '长期有效' }}</span>
-        </div> -->
-        <div class="d-flex">
+        </div>
+        <div class="d-flex bottom-item justify-end">
           <div class="ml-10 d-flex">
             <div v-if="tab === 1">
               <span class="cursor-pointer actions" @click="handleAction(val.top ? 4 : 3, '', val)">{{ val.top ? '取消置顶' : $t('common.topping') }}</span>
@@ -123,6 +117,7 @@ import { useUserStore } from '@/store/user'
 import Confirm from '@/plugins/confirm'
 import { getUnpaidOrder } from '@/api/common'
 import { formatName } from '@/utils/getText'
+import { getUserAvatar } from '@/utils/avatar'
 
 const store = useUserStore()
 const { t } = useI18n()
@@ -349,6 +344,11 @@ const handleToResume = (val) => {
   background-color: #f7f8fa;
   font-size: 14px;
   color: var(--color-888);
+
+  &-item {
+    width: 33.3%;
+    max-width: 33.3%;
+  }
 }
 .actions:hover {
   color: var(--v-primary-base) !important;