store-manage-app/src/pages/contract/components/item.vue

44 lines
1.1 KiB
Vue

<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>