|
|
@@ -1,35 +1,34 @@
|
|
|
<template>
|
|
|
- <view v-if="list.length > 0" class="ss-m-x-20">
|
|
|
- <view v-for="(item, index) in list" :key="index">
|
|
|
+ <view v-if="list.length > 0">
|
|
|
+ <view v-for="(item, index) in list" :key="index" class="list-item defaultBgc default-border">
|
|
|
<view class="sub-li-bottom" @click.stop="jumpToEnterpriseDetail(item.enterprise?.id)">
|
|
|
<view class="avatarBox">
|
|
|
<image class="enterAvatar" :src="item.enterprise?.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
|
|
|
</view>
|
|
|
<view>
|
|
|
- <span class="ss-m-x-20 color-66" style="font-weight: bold;">{{ item.contact?.name || ' -- ' }}</span>
|
|
|
- <span>{{ item.contact?.postNameCn }}</span>
|
|
|
- <span class="divider tag-gap1 ss-m-x-10" v-if="item.contact?.postNameCn && item.invitePhone"> | </span>
|
|
|
- <span class="mr">{{ item.invitePhone }}</span>
|
|
|
+ <span class="ss-m-x-20 color-66 MiSans-Medium" style="font-weight: bold;">{{ item.contact?.name || ' -- ' }}</span>
|
|
|
+ <span class="MiSans-Normal ss-m-r-10">{{ item.contact?.postNameCn }}</span>
|
|
|
+ <span class="ss-m-r-10 MiSans-Normal">{{ item.invitePhone }}</span>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 职位信息 -->
|
|
|
- <view class="list-shape">
|
|
|
- <view class="titleBox my-5" @click="toDetail(item)">
|
|
|
- <span style="font-size: 16px;font-weight: 700; color: #0E100F;">{{ formatName(item.job?.name) }}</span>
|
|
|
- <span v-if="!item.job?.payFrom && !item.job?.payTo" class="salary-text">面议</span>
|
|
|
- <span v-else class="salary-text">{{ item.job?.payFrom }}-{{ item.job?.payTo }}{{ item.job?.payName ? '/' + item.job?.payName : '' }}</span>
|
|
|
+ <view class="list-shape ss-m-t-30">
|
|
|
+ <view class="titleBox" @click="toDetail(item)">
|
|
|
+ <span class="MiSans-Semibold" style="font-size: 16px;font-weight: 700; color: #0E100F;">{{ formatName(item.job?.name) }}</span>
|
|
|
+ <span v-if="!item.job?.payFrom && !item.job?.payTo" class="salary-text MiSans-Semibold">面议</span>
|
|
|
+ <span v-else class="salary-text MiSans-Semibold">{{ item.job?.payFrom }}-{{ item.job?.payTo }}{{ item.job?.payName ? '/' + item.job?.payName : '' }}</span>
|
|
|
</view>
|
|
|
<!-- 面试时间、地点 -->
|
|
|
<view class="color-666 font-size-14 ss-m-t-20" @click="toDetail(item)">
|
|
|
- <view>面试时间：{{ timesTampChange(item.time, 'Y-M-D h:m') }}</view>
|
|
|
- <view class="ss-m-t-20">面试地点：{{ item.address }}</view>
|
|
|
+ <view class="MiSans-Normal">面试时间：{{ timesTampChange(item.time, 'Y-M-D h:m') }}</view>
|
|
|
+ <view class="ss-m-t-20 MiSans-Normal">面试地点：{{ item.address }}</view>
|
|
|
</view>
|
|
|
|
|
|
<view v-if="item.status === '0'">
|
|
|
- <view class="divided-line"></view>
|
|
|
+ <view class="ss-m-y-30" style="border-top: 1rpx solid #E1E4E9;"></view>
|
|
|
<view class="d-flex justify-end">
|
|
|
- <span style="color: #dd524d;text-decoration: underline;" @click="handleAction(item, 'refuse')">拒绝</span>
|
|
|
- <span style="color: #00B760;margin-left: 65rpx;text-decoration: underline;" @click="handleAction(item, 'agree')">同意</span>
|
|
|
+ <span class="MiSans-Normal" style="color: #dd524d;text-decoration: underline;" @click="handleAction(item, 'refuse')">拒绝</span>
|
|
|
+ <span class="MiSans-Normal" style="color: #00B760;margin-left: 65rpx;text-decoration: underline;" @click="handleAction(item, 'agree')">同意</span>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -60,22 +59,15 @@ const handleAction = (item, type) => {
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
-.noMore{
|
|
|
- margin: 20px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.date-time{
|
|
|
- color:#d9d0d2;
|
|
|
- float: right;
|
|
|
+.list-item {
|
|
|
+ margin: 30rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ padding: 30rpx;
|
|
|
+ &:last-child {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.divided-line {
|
|
|
- width: 100%;
|
|
|
- height: 1px;
|
|
|
- background-color: #f0f2f7;
|
|
|
- margin: 20px 0;
|
|
|
-
|
|
|
-}
|
|
|
.enterAvatar{
|
|
|
width: 40px;
|
|
|
height: 40px;
|
|
|
@@ -84,14 +76,9 @@ const handleAction = (item, type) => {
|
|
|
}
|
|
|
|
|
|
.sub-li-bottom {
|
|
|
- margin-top: 10px;
|
|
|
display: flex;
|
|
|
- // justify-content:space-between;
|
|
|
align-items: center;
|
|
|
- background: linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);
|
|
|
font-size: 13px;
|
|
|
- padding: 5px 30rpx;
|
|
|
- border-radius: 12px 12px 0 0;
|
|
|
.avatarBox {
|
|
|
max-width: 40px;
|
|
|
max-height: 40px;
|
|
|
@@ -104,55 +91,10 @@ const handleAction = (item, type) => {
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
.list-shape {
|
|
|
- padding: 10px 30rpx 10px;
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 0 0 12px 12px;
|
|
|
.titleBox {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
}
|
|
|
-.tag-gap{
|
|
|
- margin: 10rpx 10rpx 10rpx 0;
|
|
|
-}
|
|
|
-.tag-gap1{
|
|
|
- margin-bottom: 20px;
|
|
|
-}
|
|
|
-.divider-mx{
|
|
|
- margin: 0 10rpx;
|
|
|
-}
|
|
|
-.divider {
|
|
|
- color:#e4d4d2;
|
|
|
-}
|
|
|
-
|
|
|
-//公司名称
|
|
|
-.cer-end{
|
|
|
- position: absolute;
|
|
|
- top: 85%;
|
|
|
- right: 16%;
|
|
|
-}
|
|
|
-.cer-text{
|
|
|
- text-decoration: underline;
|
|
|
- margin: 0 5rpx;
|
|
|
-}
|
|
|
-//一行展示不全...
|
|
|
-.dis{
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-.show-more{
|
|
|
- width: 26vw;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-/* 列表触底暂无更多 */
|
|
|
-.noMore{ text-align:center; color:grey; }
|
|
|
-.mt { margin-top: 10rpx; }
|
|
|
-.mb { margin-bottom: 10rpx; }
|
|
|
-.ml { margin-left: 20rpx; }
|
|
|
-.mr { margin-right: 20rpx; }
|
|
|
-.mr-10{ margin-right: 10rpx; }
|
|
|
-.my-5{ margin: 5px 0; }
|
|
|
</style>
|
Xiao_123