|
@@ -41,15 +41,10 @@
|
|
|
></v-text-field>
|
|
|
</div>
|
|
|
<div class="pa-3" v-if="positionItems.length">
|
|
|
- <div v-for="val in positionItems" :key="val.id" class="itemBox mb-3" style="height: 80px;">
|
|
|
- <div class="d-flex justify-space-between" style="padding: 10px 20px;">
|
|
|
- <div class="position">
|
|
|
- <div class="d-flex align-center justify-space-between">
|
|
|
- <span class="position-name">{{ formatName(val.name) }}</span>
|
|
|
- <div>
|
|
|
- <v-btn size="small" color="primary" @click="handleTo(val)">添加至招聘会</v-btn>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div v-for="val in positionItems" :key="val.id" class="itemBox mb-3">
|
|
|
+ <div>
|
|
|
+ <div class="position" style="padding: 10px 20px;">
|
|
|
+ <div class="position-name" v-ellipse-tooltip>{{ formatName(val.name) }}</div>
|
|
|
<div :class="['mt-3', 'other-info', 'ellipsis']">
|
|
|
<span>{{ val.areaName ? val.area?.str : '全国' }}</span>
|
|
|
<span class="lines" v-if="val.eduName"></span>
|
|
@@ -63,6 +58,17 @@
|
|
|
<span>{{ val.positionName }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="d-flex align-center justify-space-between" style="padding: 10px 20px; background: linear-gradient(90deg,#f5fcfc,#fcfbfa);">
|
|
|
+ <div class="d-flex align-center" style="max-width: 60%;">
|
|
|
+ <v-avatar size="30" rounded="sm">
|
|
|
+ <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);">{{ formatName(val.enterpriseName) }} - {{ val.hrName }}</div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <v-btn size="small" color="primary" @click="handleTo(val)">添加至招聘会</v-btn>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<CtPagination
|
|
@@ -252,6 +258,7 @@ const handleShare = () => {
|
|
|
border: 1px solid #e5e6eb;
|
|
|
}
|
|
|
.position-name {
|
|
|
+ max-width: 100%;
|
|
|
color: var(--color-333);
|
|
|
font-size: 19px;
|
|
|
}
|