<template>
    <view class="contract-sign-result">
        <view class="wrapper">
            <TIcon name="icon-success" :size="60" color="#0E66FB" />
            <text class="status">已签署</text>
        </view>
        <view class="btn">
            <u-button
                class="detail"
                text="查看详情"
                color="#0E66FB"
                shape="circle"
                @click="handleDetail"
            />
        </view>
    </view>
</template>

<script setup lang="ts">
const handleDetail = () => {
    uni.navigateTo({
        url: '/bundle/pages/contract/contract-preview/index?type=signResult'
    })
}
</script>

<style lang="scss" scoped>
.contract-sign-result {
    width: 100vw;
    height: 100vh;
    margin-top: 100rpx;
    .wrapper {
        @include flex-align;
        flex-direction: column;
        margin-bottom: 40rpx;
        .status {
            margin: 20rpx 80rpx;
        }
    }
    .btn {
        padding: 0 32rpx;
        .detail {
            :deep(.u-button) {
                height: 80rpx;
            }
        }
    }
}
</style>
