添加提示

components.d.ts

@@ -75,4 +75,7 @@ declare module 'vue' {
     VerifySlide: typeof import('./src/components/Verifition/Verify/VerifySlide.vue')['default']
     WangEditor: typeof import('./src/components/FormUI/wangEditor/index.vue')['default']
   }
+  export interface ComponentCustomProperties {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
 }

src/components/PositionLongStrip/item.vue

@@ -47,7 +47,7 @@
         <div class="company-info">
           <v-hover>
             <template v-slot:default="{ isHovering, props }">
-              <h3 v-bind="props" v-ellipse-tooltip.top :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">{{ formatName(item.enterprise.anotherName || item.enterprise.name) }}</h3>
             </template>
           </v-hover>
           <p v-ellipse-tooltip.top 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 elevation-2" 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

@@ -6,29 +6,33 @@
           <v-img :src="item.enterprise.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" contain rounded :alt="item.enterprise.anotherName" :width="40" :height="40"/>
         </div>
         <div class="company-info">
-          <h3 :class="{'default-active': item.active }" style="width: 200px;">{{ formatName(item.enterprise.anotherName || item.enterprise.name) }}</h3>
+          <h3 :class="{'default-active': item.active }">{{ formatName(item.enterprise.anotherName || item.enterprise.name) }}</h3>
           <p>{{ item.enterprise.industryName }}</p>
         </div>
       </div>
       <v-divider class="mx-4"></v-divider>
-      <div class="company-info-bottom">
-        <div v-if="item?.job && Object.keys(item.job).length" class="job-hover" @click.stop="handleClickPosition(item.job)">
-          <div class="mb-1 d-flex">
-            <p :class="['mr-3', 'cursor-pointer', 'name']" :style="{'max-width': !item.job.payFrom && !item.job.payTo ? '200px' : '120px'}">{{ 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>
-          </div>
-          <div style="height: 24px; overflow: hidden; color: #808080;">
-            <span v-for="(j, index) in desc" :key="index">
-              <span v-if="item.job[j] || j === 'areaName'" class="mr-1 font-size-13">
-                {{ j === 'areaName' ? !item.job.areaId ? '全国' : item.job.area.str : item.job[j] }}
-                <!-- {{ (j === 'areaName' && !item.job.areaId) ? '全国' : item.job[j] }} -->
+      <v-hover v-slot="{ isHovering, props }">
+        <div class="company-info-bottom mx-3 mt-2 rounded-lg pa-3 cursor-pointer" v-bind="props" :class="isHovering && (item?.job && Object.keys(item.job).length) ? 'elevation-5' : ''">
+          <div v-if="item?.job && Object.keys(item.job).length" @click.stop="handleClickPosition(item.job)">
+            <div class="mb-1 d-flex">
+              <p
+                class="mr-3 cursor-pointer name"
+                :style="{'max-width': !item.job.payFrom && !item.job.payTo ? '270px' : '200px', '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>
+            </div>
+            <div style="height: 24px; overflow: hidden; color: #808080;">
+              <span v-for="(j, index) in desc" :key="index">
+                <span v-if="item.job[j] || j === 'areaName'" class="mr-1 font-size-13">
+                  {{ j === 'areaName' ? !item.job.areaId ? '全国' : item.job.area.str : item.job[j] }}
+                </span>
+                <span v-if="index !== desc.length - 1 && (item.job[desc[index + 1]] || j === 'areaName')" class="septal-line ml-1"></span>
               </span>
-              <span v-if="index !== desc.length - 1 && (item.job[desc[index + 1]] || j === 'areaName')" class="septal-line ml-1"></span>
-            </span>
+            </div>
           </div>
         </div>
-      </div>
+      </v-hover>
     </div>
   </div>
 </template>