职位详情-相似职位添加文字提示

src/components/Position/similarPositions.vue

@@ -2,12 +2,12 @@
   <div class="position-box">
     <h4 class="mb-3">{{ $t('position.similarPosition') }}</h4>
     <div v-for="(item, index) in props.list" :key="index" class="mb-2 cursor-pointer" @click.stop="handlePosition(item)">
-      <p class="recruit-name" :style="{'max-width': !item.payFrom && !item.payTo ? '230px' : '140px'}">{{ formatName(item.name) }}</p>
+      <p class="recruit-name" v-ellipse-tooltip :style="{'max-width': !item.payFrom && !item.payTo ? '230px' : '140px'}">{{ formatName(item.name) }}</p>
       <span v-if="!item.payFrom && !item.payTo" class="recruit-salary">面议</span>
       <span v-else class="recruit-salary">{{ item.payFrom ? item.payFrom + '-' : '' }}{{ item.payTo }}{{ item.payName ? '/' + item.payName :'' }}</span>
       <div :class="['enterprise', {'border-bottom-dashed': index !== list.length - 1}]">
         <v-img class="float-left" :src="item.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" :width="30" :height="30"></v-img>
-        <span class="float-left enterprise-name">{{ formatName(item.anotherName) }}</span>
+        <span class="float-left enterprise-name" v-ellipse-tooltip>{{ formatName(item.anotherName || item.enterpriseName) }}</span>
         <span class="float-right enterprise-address">{{ !item.areaId ? '全国' : item.area?.str }}</span>
       </div>
     </div>
@@ -27,6 +27,7 @@ const props = defineProps({
     default: () => {}
   }
 })
+
 const handlePosition = (item) => {
   window.open(`/recruit/personal/position/details/${item.id}`)
 }

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

@@ -7,7 +7,7 @@
             <div class="d-flex align-center">
               <span class="position-name">{{ formatName(val.name) }}</span>
             </div>
-            <div :class="['mt-3', 'other-info', 'ellipsis']">
+            <div class="mt-3 other-info">
               <span>{{ !val.areaId ? '全国' : val.area?.str }}</span>
               <span class="lines" v-if="!val.areaId || val.eduName"></span>
               <span>{{ val.eduName }}</span>
@@ -87,15 +87,6 @@ const handleRemove = ({ id }) => {
   color: var(--color-333);
   font-size: 19px;
 }
-.position {
-  max-width: 46%;
-  position: relative;
-  .item-select {
-    position: absolute;
-    left: -8px;
-    top: -13px;
-  }
-}
 .lines {
   display: inline-block;
   width: 1px;