职位列表添加发布企业

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

@@ -1,12 +1,12 @@
 <template>
   <div>
     <div v-if="items.length">
-      <div v-for="val in items" :key="val.id" class="itemBox mb-3 white-bgc" style="height: 134px;">
+      <div v-for="val in items" :key="val.id" class="itemBox mb-3 white-bgc" style="height: 154px;">
         <div class="d-flex justify-space-between" style="padding: 10px 20px;">
-          <div class="position">
+          <div class="position" style="max-width: 85%;">
             <div class="d-flex align-center">
               <svg-icon name="jobFair" class="mr-1" size="25"></svg-icon>
-              <span class="position-name">{{ formatName(val.name) }}</span>
+              <span class="position-name" v-ellipse-tooltip>{{ formatName(val.name) }}</span>
             </div>
             <div class="mt-3 other-info">
               <span>{{ !val.areaId ? '全国' : val.area?.str }}</span>
@@ -19,6 +19,7 @@
               <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 
@@ -30,7 +31,12 @@
           </div>
         </div>
         <div class="bottom pa-5 d-flex justify-space-between align-center">
-          <div>到期时间：{{ val.expireTime ? timesTampChange(val.expireTime, 'Y-M-D') : '长期有效' }}</div>
+          <div class="d-flex align-center" style="max-width: 60%;">
+            <v-avatar size="30">
+              <v-img :src="val.enterpriseLogo || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" />
+            </v-avatar>
+            <div class="ml-1" v-ellipse-tooltip style="max-width: calc(100% - 34px);">{{ val.enterpriseName }} - {{ val.hrName }}</div>
+          </div>
           <div class="d-flex">
             <span class="cursor-pointer actions" @click="handleEdit(val)">编辑</span>
             <span class="lines"></span>

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

@@ -10,17 +10,17 @@
       </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: 134px;">
+    <div v-for="val in items" :key="val.id" class="itemBox mb-3" style="height: 154px;">
       <div v-if="val.top && tab === 1" style="position: absolute;">
         <svg-icon name="top" size="50"></svg-icon>
       </div>
       <div class="d-flex justify-space-between" style="padding: 10px 20px;">
-        <div class="position">
+        <div class="position" :style="{'max-width': (val.status-0) === 99 && tab === 0 ? '70%' : '85%'}">
           <div class="item-select ml-5" v-if="tab === 1">
             <v-checkbox v-model="val.select" hide-details color="primary" @update:model-value="handleChangeSelect"></v-checkbox>
           </div>
           <div class="d-flex align-center" :class="{'cursor-pointer': tab === 1, 'ml-15': tab === 1}" @click="handleDetail(val)">
-            <span class="position-name">{{ formatName(val.name) }}</span>
+            <span class="position-name" v-ellipse-tooltip>{{ formatName(val.name) }}</span>
             <svg-icon v-if="val.jobFairIds?.length" name="jobFair" class="ml-1" size="25"></svg-icon>
           </div>
           <div :class="['mt-3', 'other-info', 'ellipsis', {'ml-10': tab === 1}]">
@@ -34,9 +34,20 @@
             <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 v-if="tab !== 0" class="text-center color-primary d-flex flex-column justify-center cursor-pointer" @click="handleToResume(val)">
+        <div 
+          v-if="tab !== 0" 
+          class="text-center color-primary d-flex flex-column justify-center cursor-pointer" 
+          @click="handleToResume(val)"
+          style="width: 70px;"
+        >
           <div class="font-weight-bold font-size-18">{{ val.count || 0 }}</div>
           <div class="font-size-14">已投递简历</div>
         </div>
@@ -45,11 +56,17 @@
         </div>
       </div>
       <div class="bottom pa-5 d-flex justify-space-between align-center">
-        <div>
+        <div class="d-flex align-center" style="max-width: 60%;">
+          <v-avatar size="30">
+            <v-img :src="val.enterpriseLogo || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" />
+          </v-avatar>
+          <div class="ml-1" v-ellipse-tooltip style="max-width: calc(100% - 34px);">{{ val.enterpriseName }} - {{ val.hrName }}</div>
+        </div>
+        <!-- <div>
           <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 class="d-flex">
           <div class="ml-10 d-flex">
             <div v-if="tab === 1">