|
|
@@ -1,33 +1,35 @@
|
|
|
<template>
|
|
|
<div class="hot-box">
|
|
|
- <div class="sub-li" v-for="(item, index) in list" :key="index">
|
|
|
- <!-- 公司信息 -->
|
|
|
- <div class="company-info-top" @click="handleClickEnterprise(item)">
|
|
|
- <div class="float-left">
|
|
|
- <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>{{ item.enterprise.anotherName }}</h3>
|
|
|
- <p>{{ item.financingName }}<span class="vline"></span>{{ item.scaleName }}<span class="vline"></span>{{ item.industryName }}</p>
|
|
|
+ <div class="sub-li" v-for="(item, index) in list" :key="index" >
|
|
|
+ <div v-if="item">
|
|
|
+ <!-- 公司信息 -->
|
|
|
+ <div class="company-info-top" @click="handleClickEnterprise(item)">
|
|
|
+ <div class="float-left">
|
|
|
+ <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>{{ item.enterprise.anotherName }}</h3>
|
|
|
+ <p>{{ item.financingName }}<span class="vline"></span>{{ item.scaleName }}<span class="vline"></span>{{ item.industryName }}</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 职位列表 -->
|
|
|
- <ul class="company-job-list">
|
|
|
- <li class="company-job-item" v-for="(k, i) in item.jobList" :key="i">
|
|
|
- <div class="job-info" @mouseenter="k.active = true" @mouseleave="k.active = false" @click="handleClickPosition(k)">
|
|
|
- <div class="mb-2 d-flex">
|
|
|
- <p :class="['name', {'default-active': k.active }]">{{ k.name }}</p>
|
|
|
- <v-icon size="20" class="message">mdi-message-processing</v-icon>
|
|
|
- <span class="salary">{{ k.payFrom }}-{{ k.payTo }}/{{ k.payName }}</span>
|
|
|
+ <!-- 职位列表 -->
|
|
|
+ <ul class="company-job-list">
|
|
|
+ <li class="company-job-item" v-for="(k, i) in item.jobList" :key="i">
|
|
|
+ <div class="job-info" @mouseenter="k.active = true" @mouseleave="k.active = false" @click="handleClickPosition(k)">
|
|
|
+ <div class="mb-2 d-flex">
|
|
|
+ <p :class="['name', {'default-active': k.active }]">{{ k.name }}</p>
|
|
|
+ <v-icon size="20" class="message">mdi-message-processing</v-icon>
|
|
|
+ <span class="salary">{{ k.payFrom }}-{{ k.payTo }}/{{ k.payName }}</span>
|
|
|
+ </div>
|
|
|
+ <div style="height: 24px; overflow: hidden;">
|
|
|
+ <v-chip size="x-small" label class="mr-1" color="#666" v-for="j in desc" :key="j">{{ k[j.value] }}</v-chip>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div style="height: 24px; overflow: hidden;">
|
|
|
- <v-chip size="x-small" label class="mr-1" color="#666" v-for="j in desc" :key="j">{{ k[j.value] }}</v-chip>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div class="moreBtn">
|
|
|
- <v-btn class="buttons" color="primary" variant="outlined" @click="handleMoreEnterprise(item)">{{ $t('position.moreBtn') }}</v-btn>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="moreBtn">
|
|
|
+ <v-btn class="buttons" color="primary" variant="outlined" @click="handleMoreEnterprise(item)">{{ $t('position.moreBtn') }}</v-btn>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
