menduner/src/views/recruit/enterprise/talentPool/components/details/jobIntention.vue

<template>
  <div v-if="interestList.length">
    <div
      :class="['position-item', 'mb-1']" 
      v-for="(k, i) in interestList" 
      :key="'jobIntention' + i"
    >
      <div class="d-flex">
        <div>{{ k.position }}</div>
        <div class="line" v-if="k.position">|</div>
        <div v-if="!k.payFrom && !k.payTo">面议</div>
        <div v-else>{{k.payFrom ? k.payFrom + '-' : ''}}{{k.payTo}}</div>
        <div class="line">|</div>
        <div class="color-999" v-ellipse-tooltip style="max-width: 300px;">{{ k.industry?.map(e => e.nameCn).join('、') }}</div>
        <div class="line" v-if="k.industry?.length">|</div>
        <div class="color-999">{{ k.jobTypeName }}</div>
        <div class="line" v-if="k.jobTypeName && k.workArea">|</div>
        <div v-ellipse-tooltip class="color-999" style="max-width: 160px;">
          {{ 
            k.interestedArea && k.interestedArea.length 
            ? 
            (k.workArea ? k.workArea + '，' : '') + k.interestedArea.map(e => e.name).join('，') 
            : 
            (k.workArea || '')
          }}
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { dealJobData } from './dict'
defineOptions({name: 'enterprise-talentPool-details-jobIntention'})

const props = defineProps({
  data: {
    type: Array,
    default: () => []
  }
})

// 获取求职意向
const interestList = ref([])
if (props.data?.length) interestList.value = dealJobData(props.data)

</script>
<style lang="scss" scoped>
.position-item {
  display: flex;
  justify-content: space-between;
  border-radius: 6px;
  font-size: 15px;
  span {
    font-size: 15px;
  }
  .line {
    color: #e0e0e0;
    margin: 0 10px;
  }
}
</style>