招聘会卡片

src/views/recruit/personal/jobFair/details/components/entCard1.vue

@@ -4,7 +4,7 @@
 			<v-card v-bind="props" :elevation="isHovering ? 10 : 5" class="cursor-pointer" @click="handleClickEnterprise(val.id)">
 				<div class="d-flex pa-4 pb-2">
 					<img class="entLogoImg" :src="val.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" style="width: 100px; height: 100px;" />
-					<div style="max-width: 445px;">
+					<div style="max-width: calc(100% - 100px);">
 						<h3 v-ellipse-tooltip class="enterprise-name ml-3 font-weight-medium">{{ formatName(val.anotherName || val.name) }}</h3>
 						<p class="font-size-15 color-999 mt-1 mb-2 ml-3" style="height: 30px;">
 							<span>{{ val.industryName }}</span>

src/views/recruit/personal/jobFair/details/components/jobCard1.vue

@@ -8,6 +8,12 @@
 							<svg-icon name="jobFair" class="mr-1" size="25"></svg-icon>
 							<p class="job-name MiSans-Semibold" v-ellipse-tooltip :style="{'max-width': !val.payFrom && !val.payTo ? '450px' : '320px'}">{{ formatName(val.name) }}</p>
 						</div>
+						<div v-if="!isMobile">
+							<p v-if="!val.payFrom && !val.payTo" class="salary">面议</p>
+							<p v-else class="salary ml-3">{{ val.payFrom ? val.payFrom + '-' : '' }}{{ val.payTo }}{{ val.payName ? '/' + val.payName : '' }}</p>
+						</div>
+					</div>
+					<div v-if="isMobile" class="text-end">
 						<p v-if="!val.payFrom && !val.payTo" class="salary">面议</p>
 						<p v-else class="salary ml-3">{{ val.payFrom ? val.payFrom + '-' : '' }}{{ val.payTo }}{{ val.payName ? '/' + val.payName : '' }}</p>
 					</div>
@@ -29,7 +35,7 @@
 				<div class="d-flex align-center pt-4" @click="handleClickEnterprise(val.enterprise.id)" style="cursor: text;">
 					<img class="entLogoImg" :src="val.enterprise.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" style="width: 60px; height: 60px;" />
 					<div class="ml-3" style="flex: 1;">
-						<h3 v-ellipse-tooltip class="font-weight-medium enterprise-name" style="max-width: 480px;">{{ formatName(val.enterprise.anotherName || val.enterprise.name) }}</h3>
+						<h3 v-ellipse-tooltip class="font-weight-medium enterprise-name" style="max-width: calc(100% - 40px);">{{ formatName(val.enterprise.anotherName || val.enterprise.name) }}</h3>
 						<p class="font-size-15 color-999 mt-1">
 							<span>{{ val.enterprise.industryName }}</span>
 							<span class="septal-line" v-if="val.enterprise.industryName && val.enterprise.scaleName"></span>