<template>
    <div class="block-item">
        <div class="one-block">
            <div class="item big">
                <div class="left">
                    <img crossOrigin="Anonymous" v-if="day.details[0].img!=''" :src='day.details[0].img' />
                    <img crossOrigin="Anonymous" v-else-if="day.dayNum==1 && day.details[0].img==''" src='../../../assets/img/nll.jpg' />
                    <img crossOrigin="Anonymous" v-else-if="day.islast && day.details[0].img==''" src='../../../assets/img/nll.jpg' />
                    <img crossOrigin="Anonymous" v-else src='../../../assets/img/activy.jpg' />
                </div>
                <div class="right">
                    <div class="details">
                        <h3 v-html="day.details[0].title"></h3>
                        <div class="playInfo">
                            <span class="playInfo-item" v-if='day.details[0].ticketName!=""'>
                                <i class="iconfont icon-menpiao"></i>
                                {{day.details[0].ticketName}}
                            </span>
                            <span class="playInfo-item" v-if='day.details[0].playTimeHour || day.details[0].playTimeMinutes'>
                                <i class="iconfont icon-shijian1"></i>
                                约
                                <span v-if="day.details[0].playTimeHour">{{day.details[0].playTimeHour}}小时 </span>
                                <span v-if="day.details[0].playTimeMinutes">{{day.details[0].playTimeMinutes}}分钟 </span>
                            </span>
                        </div>
                        <span v-html="day.details[0].content"></span>
                    </div>
                </div>
            </div>
            <div class="item flex" v-if='day.tips.length>0'>
                <h4>温馨提示</h4>
                <div class="remark">
                    <span v-for="(t,k) in day.tips" :key="k" v-html="t.content"></span>
                </div>
            </div>
            <div class="restaurant">
                <el-row :gutter="30">
                    <el-col :span="8" class="restaurant-item">
                        <div class="key">
                            <img crossOrigin="Anonymous" src='../../../assets/img/daily_breakfast.png' />
                        </div>
                        <div class="val">{{day.can.breakfirst}}</div>
                    </el-col>
                    <el-col :span="8" class="restaurant-item">
                        <div class="key">
                            <img crossOrigin="Anonymous" src='../../../assets/img/daily_lunch.png' />
                        </div>
                        <div class="val">{{day.can.lanuch}}</div>
                    </el-col>
                    <el-col :span="8" class="restaurant-item">
                        <div class="key">
                            <img crossOrigin="Anonymous" src='../../../assets/img/daily_dinner.png' />
                        </div>
                        <div class="val">{{day.can.dinner}}</div>
                    </el-col>
                </el-row>
            </div>
            <div class="restaurant">
                <el-row :gutter="30">
                    <el-col :span="24" class="restaurant-item">
                        <div class="key">
                            <img crossOrigin="Anonymous" src='../../../assets/img/daily_hotel-1.png' />
                        </div>
                        <div class="val" v-if='day.jiu2.length>0'>
                            <span v-for="(t,k) in day.jiu2" :key="k">
                                {{t}} ／ 
                            </span>
                             或同級
                        </div>
                        <div class="val" v-else>本日无酒店安排</div>
                    </el-col>
                </el-row>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    props:{
        day:{}
    }
}
</script>