<template>
  <view
    class="card-shadow bg-white rounded-19rpx p-base space-y-10rpx"
    @click.stop="onClick"
  >
    <view class="flex items-center justify-between">
      <view class="text-30rpx">{{ item.name }}</view>
    </view>
    <uv-scroll-list v-if="item.images" :indicator="false">
      <view class="space-x-15rpx flex">
        <view v-for="(item, index) in item?.images ?? []" :key="index">
          <image
            :src="item + ''"
            mode="heightFix"
            style="height: 160rpx"
          ></image>
        </view>
      </view>
    </uv-scroll-list>
    <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 onClick = () => {
  uni.navigateTo({
    url: `/pages/contract/detail?id=${props.item.id}`,
  })
}
</script>
