<template>
    <view class="rf-category" style="position: relative;">
        <!--导航栏-->
        <view class="icoStyle">
            <u-navbar :back-text="i18n('return')" :title="$i18n.locale=='zh'?'提交成功':'submit successfully'" :background="barBackground"
                      back-icon-color="white" title-color="white" :back-text-style="backStyle"></u-navbar>
        </view>
        <view style="padding: 0 24upx;">
            <view style="width: 270upx;height: 270upx;border-radius: 24upx;background-color: #3D7FFF;margin: 328upx 216upx 400upx 216upx;">
                <view style="text-align: center;">
                    <view style="padding:50upx 0 24upx 0;">
                        <u-icon name="checkmark-circle" size="77" color="#fff"></u-icon>
                    </view>
                    <view>
                        <text style="font-size: 32upx;color: white;">
                            {{$i18n.locale=='zh'?'提交成功':'submit successfully'}}
                        </text>
                    </view>
                </view>
            </view>
<!--            <u-button type="primary" size="" style="margin-bottom: 30upx;" shape="circle">{{$i18n.locale=='zh'?'查看详情':'view details'}}</u-button>-->
            <u-button style="margin-bottom: 30upx;" shape="circle" @click="toBackDetail">{{i18n('return')}}</u-button>
        </view>
    </view>
</template>

<script>
    import rfSearchBar from '@/components/rf-search-bar';
    export default {
        data() {
            return {
                // bar
                barBackground: {
                    backgroundImage: 'linear-gradient(270deg, #4BC0E2 0%, #538BE7 100%)',
                },
                backStyle: {
                    color: '#fff'
                },
                entityId:'',
            }
        },
        onLoad:function(options){
            this.entityId = options.entityId;
        },
        async onShow() {

        },
        onLoad:function(options){
            this.entityId = options.entityId;
        },
        computed:{
            token(){
                return 'Bearer '+uni.getStorageSync('Auth-Token');
            }
        },
        methods: {
            toBackDetail(){
                uni.redirectTo({
                    url: `/pages/resourceSharing/resourceDetails?entityId=${this.entityId}`,
                });
            },
            back() {
                uni.navigateBack();
            },
            //中英文切换
            i18n (data) {
                return this.$t('common.'+data);
            },
        }
    }
</script>

<style lang="scss" scoped>
    .rf-category {
        background-color: #F3F4F5;
        /*  #ifdef  APP-PLUS  */
        /*margin-top: calc(20upx + var(--status-bar-height));*/
        /*  #endif  */
        .icoStyle {
            display: flex;
            align-items:center;
        }
    }
</style>
