<!--
 * @Author: PoJun
 * @Date: 2023-09-14 13:43:13
 * @LastEditors: PoJun
 * @LastEditTime: 2024-01-03 16:39:01
 * @Message: 列表每项的内容
-->
<template>
    <view class="flow-item" hover-class="uv-hover-class" @tap="itemClick">
        <view class="flow-item-title">
            <view class="uv-flex uv-row-between">
                <view class="uv-line-1 uv-flex-1 uv-weight-700">{{ item.title }}</view>
            </view>
            <view class="uv-m-t-16">{{ item.summary }}</view>
        </view>
        <!-- <view class="flow-item-cont">
            <view>{{ item.text1 }}</view>
            <view class="uv-m-t-8">{{ item.text2 }}</view>
            <view class="uv-m-t-8">{{ item.text3 }}</view>
        </view> -->
        <view class="flow-item-sub">
            <view>接收时间：{{ item.gmtCreate }}</view>
            <!-- <view class="uv-m-t-8">流程名称：item.groupName</view> -->
        </view>
    </view>
</template>

<script>
export default {
    props: {
        item: {
            type: Object,
            default: function () {
                return {};
            },
        },
        tab: {
            type: Object,
            default: function () {
                return {};
            },
        },
    },
    data() {
        return {};
    },
    methods: {
        itemClick() {
            const params = {
                id: this.item.id,
                tabType: this.tab.type,
            };
            uni.$uv.route({
                url: `/subpkg/flow/detail`,
                params,
            });
        },
    },
};
</script>

<style lang="scss" scoped>
.flow-item {
    background-color: #fff;
    margin-bottom: 18rpx;
    border-radius: 10rpx;
    font-size: 14px;
    &-title {
        padding: 36rpx 36rpx 0;
        color: #434343;
    }
    &-cont {
        padding: 26rpx 36rpx 20rpx;
        border-bottom: 1px solid #eee;
        color: #000;
    }
    &-sub {
        padding: 20rpx 36rpx 36rpx;
        color: #676767;
    }
}
</style>
