
<template>
    <div class="service-evaluation-status">
        <!-- <div class="page-top">
            <a><img src="../assets/images/my-money/left.png" /></a>
            <span>服务评价</span>
        </div> -->
        <div class="page-content">
            <div class="evaluation-status-box">
                <!--
                    评价成功
                    ../assets/images/service-evaluation/evaluation-status-0.png
                    //不可重复评价
                    ../assets/images/service-evaluation/evaluation-status-1.png
                    //已过期
                    ../assets/images/service-evaluation/evaluation-status-2.png
                    //账号不一致
                    ../assets/images/service-evaluation/evaluation-status-3.png
                -->
                <img v-show="code==0" src="../assets/images/service-evaluation/evaluation-status-0.png" class="evaluation-status-icon">
                <img v-show="code==2" src="../assets/images/service-evaluation/evaluation-status-1.png" class="evaluation-status-icon">
                <img v-show="code==3" src="../assets/images/service-evaluation/evaluation-status-2.png" class="evaluation-status-icon">
                <img v-show="code==4||code==5" src="../assets/images/service-evaluation/evaluation-status-3.png" class="evaluation-status-icon">
    
                <span v-show="code==0">评价成功</span>
                <span v-show="code==2" style="color:#666">不可重复评价</span>
                <span v-show="code==3" style="color:#666">已过期</span>
                <span v-show="code==4" style="color:#666">账号不一致</span>
                <span v-show="code==5" style="color:#666">服务单号不存在</span>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    props: {
        code: {
            type: Number
        }
    }
};
</script>
<style>
.service-evaluation-status .page-content {
	position: absolute;
	padding-bottom: 300px;
}
</style>
