<template>
  <view class="card-shadow bg-white rounded-19rpx p-base space-y-10rpx" @click="goPath">
    <view class="text-30rpx">出差报备</view>
    <view class="text-24rpx text-hex-999999 flex">
      <view class="text-24rpx w-120rpx text-right mr-20rpx">目的地：</view>
      <view class="">{{ item.address }}</view>
    </view>
    <view class="text-24rpx text-hex-999999 flex">
      <view class="text-24rpx w-140rpx">出差事由：</view>
      <view class="">{{ item.reason }}</view>
    </view>
    <view class="flex items-center text-hex-999999 flex">
      <view class="text-24rpx w-140rpx"> 申请时间：</view>
      <view class="text-24rpx">{{ timeFormat(item.created_at, "yyyy-mm-dd hh:MM:ss") }}</view>
    </view>
    <view
      :style="{
        color: statusFun(item.workflow_check.check_status, 'workflow_check', 'color')
      }"
      class="text-24rpx"
      >{{ statusFun(item.workflow_check.check_status, "workflow_check", "name") }}</view
    >
  </view>
</template>
<script setup>
import statusFun from "@/utils/status"
import { timeFormat } from "@climblee/uv-ui/libs/function/index"
const props = defineProps({
  item: Object
})
const goPath = () => {
  uni.navigateTo({
    url: `/pages/business/detail?id=${props.item.id}`
  })
}
</script>
