<template>
    <view class="client-contract-info">
        <ContractCard v-for="item in contractList" :key="item.id" :item="item" />
    </view>
</template>

<script setup lang="ts">
import ContractCard from '@/pages/salesman/contract/components/contract-card.vue'
import { ref } from 'vue'

const contractList = ref([
    {
        id: 1,
        contractName: '合同名称',
        signatory: '广东星星新能源有限公司',
        status: 1,
        createTime: '2024-07-27 11:15:00',
        endTime: '2024-08-08 11:51:00'
    },
    {
        id: 2,
        contractName: '合同名称',
        signatory: '广东星星新能源有限公司',
        status: 2,
        createTime: '2024-07-27 11:15:00',
        endTime: '2024-08-08 11:51:00'
    }
])
</script>
<style lang="scss" scoped>
.client-contract-info {
    @include flex-direction;
    height: 100%;
    padding: 0 32rpx 32rpx;
    gap: 20rpx;
}
</style>
