企业-职位卡片

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

@@ -3,10 +3,10 @@
     <div v-if="items.length">
       <div v-for="val in items" :key="val.id" class="itemBox mb-3 white-bgc" style="height: 134px;">
         <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>

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

@@ -15,12 +15,12 @@
         <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}]">