<template>
  <view>
    <uni-segmented-control :current="current" :values="controlList" @clickItem="handleChange" styleType="text" activeColor="#00897B"></uni-segmented-control>
    <scroll-view class="scrollBox" scroll-y="true" @scrolltolower="loadingMore" style="height: calc(100vh - 36px);">
      <view v-if="items.length">
        <uni-card v-for="(item,index) in items" :key="index" :is-shadow="true" :border='false' shadow="0px 0px 3px 1px rgba(0,0,0,0.1)" >
          <view>
            <view class="mar">
              <span style="font-size: 16px;font-weight: 700;color: black;">{{ item.job.name }}</span>
              <span class="mar" v-if="item.job.hire">
                <uni-icons type="fire-filled" size="25" color="#ff770d"></uni-icons>
              </span>
              <span class="salary-text">{{ item.job.payTo }}-{{ item.job.payFrom }}/{{ item.job.payName }}</span>
            </view>
            <view style="font-size: 13px;">
              <span class="tag-gap">
                <span>{{ item.job.areaName }}</span>
                <span class="viewider">|</span>
                <span>{{ item.job.eduName }}</span>
                <span class="viewider">|</span>
                <span>{{ item.job.expName }}</span>
              </span>
            </view>
            <view class="mar">
              <view style="margin:10px 0px;font-size:13px;" class="f-horizon">
                <span style="display: flex;">
                  <image  class="r-avatar" :src="item.enterprise.logoUrl || ''" style="width: 50px; height: 50px;"></image>
                  <span class="ml" style="width:50vw;">
                    <view style="width:50vw;font-weight: bold;">{{ item.enterprise.name }} </view>
                    <view class="dis">
                      <view class="show-more" :style="{'width': item.enterprise.industryName == '' ? '14vw' : '28vw'}">{{!!item.enterprise.industryName ? item.enterprise.industryName : '行业未知'}}</view>
                      <span class="divider ss-m-10"> | </span>
                      <span>{{ !!item.enterprise.scaleName ? item.enterprise.scaleName : '规模未知' }}</span>
                    </view>
                  </span>
                </span>
              </view>
            </view>
            <view v-if="current === 4">
              <view>拒绝原因： {{ item.refuseMsg }}</view>
            </view>
          </view>
          <view v-if="item.status == '0'">
            <view class="divided-line"></view>
            <view style="display: flex;justify-content: flex-end;">
              <span style="color: #dd524d;text-decoration: underline;">拒绝</span>
              <span style="color: #2991de;margin-left: 65rpx;text-decoration: underline;">同意</span>
            </view>
          </view>
        </uni-card>
        <uni-load-more :status="more" />
      </view>
      <view v-else class="nodata-img-parent">
        <image src="https://minio.citupro.com/dev/static/nodata.png" mode="widthFix" style="width: 100vw;height: 100vh;"></image>
      </view>
    </scroll-view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { getJobDeliveryList, getUserInterviewInvitePage } from '@/api/user'
import { dealDictObjData } from '@/utils/position'

const current = ref(0)
const controlList = ['已投递', '待接受', '待面试', '已完成', '已拒绝']
const statusList = [0, 1, 3, 98]

const more = ref('more')
const items = ref([])
const queryParams = ref({
  pageNo: 1,
  pageSize: 10
})

const getList = async () => {
  const api = current.value === 0 ? getJobDeliveryList : getUserInterviewInvitePage
  if (current.value !== 0) queryParams.value.status = statusList[current.value - 1]
  const { data } = await api(queryParams.value)
  const list = data?.list || []
  if (list?.length) {
    list.forEach(e => {
      e.job = { ...e.job, ...dealDictObjData({}, e.job) }
      e.enterprise = { ...e.enterprise, ...dealDictObjData({}, e.enterprise)}
    })
    items.value = items.value.concat(list)
  }
  more.value = list?.length < queryParams.value.pageSize ? 'noMore' : 'more'
}
getList()

const handleChange = (e) => {
  queryParams.value.pageNo = 1
  current.value = e.currentIndex
  getList()
}

const loadingMore = () => {
  more.value = 'loading'
  queryParams.value.pageNo++
  getList()
}
</script>

<style scoped lang="scss">

</style>
