<template>
    <view class="contract-info">
        <view class="contract-template">
            <ContractTemplate :image-list="imageList" />
        </view>
        <TFooterBtn text="预估报价" @handle-btn-click="handleFillInContract" />
    </view>
</template>

<script setup lang="ts">
import { shallowRef } from 'vue'
import ContractTemplate from '@/pages/salesman/contract/components/contract-template.vue'
import contractTemplate1 from '@/static/images/contract-template1.png'
import contractTemplate2 from '@/static/images/contract-template1.png'
import contractTemplate3 from '@/static/images/contract-template1.png'

const imageList = shallowRef([
    { src: contractTemplate1 },
    { src: contractTemplate2 },
    { src: contractTemplate3 }
])
const handleFillInContract = () => {
    uni.navigateTo({
        url: '/bundle/pages/contract/contract-quote/index'
    })
}
</script>

<style lang="scss" scoped>
.contract-info {
    @include flex-direction;
    width: 100vw;
    height: 100vh;
    background-color: $gray-1;
    .contract-template {
        flex: 1;
        overflow-y: auto;
        padding: 20rpx 0;
    }
}
</style>
