添加提示

src/components/PositionLongStrip/item.vue

@@ -52,7 +52,7 @@
         <div class="company-info">
           <v-hover>
             <template v-slot:default="{ isHovering, props }">
-              <h3 v-bind="props" v-ellipse-tooltip :class="{'default-active': isHovering }" class="title1">{{ formatName(item.enterprise.anotherName || item.enterprise.name) }}</h3>
+              <h3 v-bind="props" v-ellipse-tooltip :class="{'default-active': isHovering }" class="title1" style="max-width: 495px;">{{ formatName(item.enterprise.anotherName || item.enterprise.name) }}</h3>
             </template>
           </v-hover>
           <p v-ellipse-tooltip class="mt-2" style="max-width: 420px;">

src/views/recruit/components/message/index.vue

@@ -45,13 +45,13 @@
               <template v-slot:title="{ title }">
                 <div v-if="!isEnterprise" class="mt-2 d-flex align-center">
                   {{ title }}
-                  <div class="ml-3 color-666 font-size-14 enterprise-name ellipsis" :style="{'color': val.channel.channelID === info?.channel?.channelID ? '#00897B' : '#666'}">
+                  <div class="ml-3 color-666 font-size-14 enterprise-name ellipsis" v-ellipse-tooltip :style="{'color': val.channel.channelID === info?.channel?.channelID ? '#00897B' : '#666'}">
                     {{ formatName(val.userInfoVo?.userInfoResp?.enterpriseAnotherName) }}
                     <span class="line" v-if="val.userInfoVo?.userInfoResp?.postNameCn && val.userInfoVo?.userInfoResp?.enterpriseAnotherName"></span>
                     {{ val.userInfoVo?.userInfoResp?.postNameCn }}
                   </div>
                 </div>
-                <div v-else class="mt-2">{{ title }}</div>
+                <div v-else class="mt-2" v-ellipse-tooltip>{{ title }}</div>
               </template>
               <template v-slot:subtitle="{ subtitle }">
                 <div class="mt-2">{{ subtitle }}</div>

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

@@ -5,7 +5,7 @@
       <v-avatar class="mr-2" size=40 :image="getUserAvatar(item?.person?.avatar, item?.person?.sex)"></v-avatar>
       <div class="d-flex flex-column mr-3" style="width: 120px;">
         <span class="ellipsis mb-1">{{ item?.person?.name || item?.phone }}</span>
-        <span class="ellipsis" style="color: var(--color-999);">{{ formatName(item?.job?.name) }}</span>
+        <span class="ellipsis" v-ellipse-tooltip style="color: var(--color-999);">{{ formatName(item?.job?.name) }}</span>
       </div>
     </div>
     <div class="d-flex align-center right-item">

src/views/recruit/personal/PersonalCenter/jobFeedback/components/seenMe.vue

@@ -1,6 +1,6 @@
 <template>
   <div style="position: relative; height: 60vh;">
-    <div v-if="userInfo?.entitlement?.viewersList && userInfo?.vipFlag && userInfo?.vipExpireDate && userInfo?.vipExpireDate > Date.now()">
+    <div  v-if="userInfo?.entitlement?.viewersList && userInfo?.vipFlag && userInfo?.vipExpireDate && userInfo?.vipExpireDate > Date.now()">
       <div v-if="items.length" class="mt-3">
         <div class="positionItem" :class="item.active ? 'elevation-8' : 'elevation-3'" v-for="(item, index) in items" :key="index" @mouseenter="item.active = true" @mouseleave="item.active = false">
           <div class="position-and-company">
@@ -9,7 +9,7 @@
                 <v-img :src="getUserAvatar(item?.contact.avatar, item?.contact.sex)" :width="40" style="height: 40px;border-radius: 4px;"/>
               </div>
               <div class="company-info">
-                <h3 class="title1">{{ item.contact.name }}</h3>
+                <h3 v-ellipse-tooltip class="title1">{{ item.contact.name }}</h3>
                 <p class="mt-2">{{ item?.post?.nameCn }}</p>
               </div>
             </div>
@@ -18,7 +18,7 @@
                 <v-img :src="item?.enterprise.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" :alt="item.enterprise.anotherName" :width="40" style="height: 40px;border-radius: 4px;"/>
               </div>
               <div class="company-info">
-                <h3 :class="{'default-active': item.active }" class="title1 cursor-pointer">{{ formatName(item.enterprise.anotherName || item.enterprise.name) }}</h3>
+                <h3 v-ellipse-tooltip :class="{'default-active': item.active }" class="title1 cursor-pointer" style="max-width: 455px;">{{ formatName(item.enterprise.anotherName || item.enterprise.name) }}</h3>
                 <p class="mt-2">{{ item.enterprise.scaleName }}<span class="mx-2">|</span>{{ item.enterprise.industryName }}</p>
               </div>
             </div>
@@ -100,7 +100,7 @@ const goBuy = () => {
 .title1 {
   color: var(--color-666);
   position: relative;
-  max-width: 200px;
+  max-width: 400px;
   margin-right: 8px;
   overflow: hidden;
   text-overflow: ellipsis;

src/views/recruit/personal/PersonalCenter/resume/online/components/jobIntention.vue

@@ -19,11 +19,11 @@
             <div v-if="!k.payFrom && !k.payTo">面议</div>
             <div v-else>{{k.payFrom ? k.payFrom + '-' : ''}}{{k.payTo}}</div>
             <div class="line">|</div>
-            <div class="grey-text text-box">{{ k.industry && k.industry?.length ? k.industry.map(e => e.nameCn).join('、') : '' }}</div>
+            <div class="grey-text text-box" v-ellipse-tooltip >{{ k.industry && k.industry?.length ? k.industry.map(e => e.nameCn).join('、') : '' }}</div>
             <div class="line" v-if="k.industry?.length && k.jobTypeName">|</div>
             <div class="grey-text">{{ k.jobTypeName }}</div>
             <div class="line" v-if="k.jobTypeName && k.workArea">|</div>
-            <div class="grey-text ellipsis" style="max-width: 160px;">
+            <div class="grey-text ellipsis" style="max-width: 160px;" v-ellipse-tooltip>
               {{ k.interestedArea && k.interestedArea.length ? k.workArea + '，' + k.interestedArea.map(e => e.name).join('，') : k.workArea }}
             </div>
           </div>

src/views/recruit/personal/PersonalCenter/tradeOrder/dynamic/myPrize.vue

@@ -23,15 +23,13 @@
       </div>
     </template>
     <template #receiveInfo="{ item }">
-      <div class="ellipsis" style="max-width: 180px;">
+      <div class="ellipsis" style="max-width: 180px;" v-ellipse-tooltip>
         {{ orderReceiveInfo(item) }}
-        <v-tooltip activator="parent" location="top">{{ orderReceiveInfo(item) }}</v-tooltip>
       </div>
     </template>
     <template #deliverInfo="{ item }">
-      <div class="ellipsis" style="max-width: 180px;">
+      <div class="ellipsis" style="max-width: 180px;" v-ellipse-tooltip>
         {{ item.record.deliverInfo ? JSON.parse(item.record.deliverInfo).name + '-' + JSON.parse(item.record.deliverInfo).no  : ''}}
-        <v-tooltip activator="parent" location="top">{{ item.record.deliverInfo ? JSON.parse(item.record.deliverInfo).name + '-' + JSON.parse(item.record.deliverInfo).no  : ''}}</v-tooltip>
       </div>
     </template>
     <template #actions="{ item }">

src/views/recruit/personal/company/components/companyItem.vue

@@ -8,7 +8,7 @@
           <v-img :src="item.enterprise.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" :alt="item.enterprise.anotherName" :width="50" :height="50" />
         </div>
         <div class="company-info">
-          <h3 :class="{'default-active': item.active }">{{ formatName(item.enterprise.anotherName || item.enterprise.name) }}</h3>
+          <h3 v-ellipse-tooltip :class="{'default-active': item.active }">{{ formatName(item.enterprise.anotherName || item.enterprise.name) }}</h3>
           <p>{{ item.enterprise.industryName }}</p>
         </div>
       </div>
@@ -18,8 +18,9 @@
           <div v-if="item?.job && Object.keys(item.job).length" @click.stop="handleClickPosition(item.job)">
             <div class="mb-1 d-flex">
               <p
+                v-ellipse-tooltip
                 class="mr-3 cursor-pointer name"
-                :style="{'max-width': !item.job.payFrom && !item.job.payTo ? '270px' : '200px', 'color': isHovering ? 'var(--v-primary-base)' : '#404040'}"
+                :style="{'max-width': !item.job.payFrom && !item.job.payTo ? '270px' : '180px', 'color': isHovering ? 'var(--v-primary-base)' : '#404040'}"
               >{{ formatName(item.job.name) }}</p>
               <span v-if="!item.job.payFrom && !item.job.payTo" class="salary">面议</span>
               <span v-else class="salary">{{ item.job.payFrom ? item.job.payFrom + '-' : '' }}{{ item.job.payTo }}{{ item.job.payName ? '/' + item.job.payName : '' }}</span>