|
@@ -33,42 +33,45 @@
|
|
|
</div>
|
|
|
<v-divider class="mt-5"></v-divider>
|
|
|
<div class="bottom mt-4">
|
|
|
- <div
|
|
|
- v-for="(val, i) in list"
|
|
|
- :key="i"
|
|
|
- :class="['bottom-item', {'border-bottom-dashed': i !== list.length -1}, 'd-flex', 'justify-space-between', 'cursor-pointer']"
|
|
|
- @mouseenter="val.active = true"
|
|
|
- @mouseleave="val.active = false"
|
|
|
- @click="handlePosition(val)"
|
|
|
- >
|
|
|
- <div>
|
|
|
- <p v-if="val.job.name.includes('style')" :class="['name', {'default-active': val.active }]" v-html="val.job.name"></p>
|
|
|
- <p v-else :class="['name', {'default-active': val.active }]">{{ val.job.name }}</p>
|
|
|
- <div style="line-height: 40px;">
|
|
|
- <span v-for="k in desc" :key="k.mdi" class="mr-5">
|
|
|
- <v-icon color="#666" size="15">{{ k.mdi }}</v-icon>
|
|
|
- <span class="ml-1 tag-text">{{ val.job[k.value] }}</span>
|
|
|
+ <div v-if="list.length">
|
|
|
+ <div
|
|
|
+ v-for="(val, i) in list"
|
|
|
+ :key="i"
|
|
|
+ :class="['bottom-item', {'border-bottom-dashed': i !== list.length -1}, 'd-flex', 'justify-space-between', 'cursor-pointer']"
|
|
|
+ @mouseenter="val.active = true"
|
|
|
+ @mouseleave="val.active = false"
|
|
|
+ @click="handlePosition(val)"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <p v-if="val.job.name.includes('style')" :class="['name', {'default-active': val.active }]" v-html="val.job.name"></p>
|
|
|
+ <p v-else :class="['name', {'default-active': val.active }]">{{ val.job.name }}</p>
|
|
|
+ <div style="line-height: 40px;">
|
|
|
+ <span v-for="k in desc" :key="k.mdi" class="mr-5">
|
|
|
+ <v-icon color="#666" size="15">{{ k.mdi }}</v-icon>
|
|
|
+ <span class="ml-1 tag-text">{{ val.job[k.value] }}</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="!val.active" class="text-right">
|
|
|
+ <p class="salary">{{ val.job.payFrom }}-{{ val.job.payTo }}/{{ val.job.payName }}</p>
|
|
|
+ <div class="update-time">{{ timesTampChange(val.job.updateTime) }} 刷新</div>
|
|
|
+ </div>
|
|
|
+ <div v-else class="account-info">
|
|
|
+ <v-avatar :image="val.contact.avatar || 'https://minio.citupro.com/dev/menduner/7.png'"></v-avatar>
|
|
|
+ <span class="account-label">{{ val.contact.name }} · {{ val.contact.postNameCn }}</span>
|
|
|
+ <span>
|
|
|
+ <v-btn class="half-button" color="primary" size="small">立即沟通</v-btn>
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if="!val.active" class="text-right">
|
|
|
- <p class="salary">{{ val.job.payFrom }}-{{ val.job.payTo }}/{{ val.job.payName }}</p>
|
|
|
- <div class="update-time">{{ timesTampChange(val.job.updateTime) }} 刷新</div>
|
|
|
- </div>
|
|
|
- <div v-else class="account-info">
|
|
|
- <v-avatar :image="val.contact.avatar || 'https://minio.citupro.com/dev/menduner/7.png'"></v-avatar>
|
|
|
- <span class="account-label">{{ val.contact.name }} · {{ val.contact.postNameCn }}</span>
|
|
|
- <span>
|
|
|
- <v-btn class="half-button" color="primary" size="small">立即沟通</v-btn>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
+ <MPagination
|
|
|
+ :total="total"
|
|
|
+ :page="pageInfo.pageNo"
|
|
|
+ :limit="pageInfo.pageSize"
|
|
|
+ @handleChange="handleChangePage"
|
|
|
+ ></MPagination>
|
|
|
</div>
|
|
|
- <MPagination
|
|
|
- :total="total"
|
|
|
- :page="pageInfo.pageNo"
|
|
|
- :limit="pageInfo.pageSize"
|
|
|
- @handleChange="handleChangePage"
|
|
|
- ></MPagination>
|
|
|
+ <Empty v-else :elevation="false"></Empty>
|
|
|
</div>
|
|
|
</template>
|
|
|
|