<template>
    <div class="block-item">
        <div class="two-block">
            <div class="item big">
                <div class="left">
                    <img crossOrigin="Anonymous" :src='day.details[0].img+"?x-oss-process=image/resize,w_663"' />
                </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>
            <el-row :gutter="4">
                <el-col :span="8">
                    <div class="item hor-box">
                        <div class="Th_remark">
                            <h3 v-html="day.details[1].title"></h3>
                            <div class="playInfo">
                                <span class="playInfo-item" v-if='day.details[1].ticketName!=""'>
                                    <i class="iconfont icon-menpiao"></i>
                                    {{day.details[1].ticketName}}
                                </span>
                                <span class="playInfo-item" v-if='day.details[1].playTimeHour || day.details[1].playTimeMinutes'>
                                    <i class="iconfont icon-shijian1"></i>
                                    约
                                    <span v-if="day.details[1].playTimeHour">{{day.details[1].playTimeHour}}小时 </span>
                                    <span v-if="day.details[1].playTimeMinutes">{{day.details[1].playTimeMinutes}}分钟 </span>
                                </span>
                            </div>
                            <span v-html="day.details[1].content"></span>
                        </div>
                    </div>
                </el-col>
                <el-col :span="16">
                    <div class="item hor-box">
                        <div class="image">
                            <img crossOrigin="Anonymous" :src="day.details[1].img+'?x-oss-process=image/resize,w_663,image/crop,g_west,w_663,h_244'" />
                        </div>
                    </div>
                </el-col>
            </el-row>
            <el-row :gutter="4">
                <el-col :span="16">
                    <div class="item hor-box">
                        <div class="image">
                            <img crossOrigin="Anonymous" :src="day.details[2].img+'?x-oss-process=image/resize,w_663,image/crop,g_west,w_663,h_244'" />
                        </div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="item hor-box">
                        <div class="Th_remark">
                            <h3 v-html="day.details[2].title"></h3>
                            <div class="playInfo">
                                <span class="playInfo-item" v-if='day.details[2].ticketName!=""'>
                                    <i class="iconfont icon-menpiao"></i>
                                    {{day.details[2].ticketName}}
                                </span>
                                <span class="playInfo-item" v-if='day.details[2].playTimeHour || day.details[2].playTimeMinutes'>
                                    <i class="iconfont icon-shijian1"></i>
                                    约
                                    <span v-if="day.details[2].playTimeHour">{{day.details[2].playTimeHour}}小时 </span>
                                    <span v-if="day.details[2].playTimeMinutes">{{day.details[2].playTimeMinutes}}分钟 </span>
                                </span>
                            </div>
                            <span v-html="day.details[2].content"></span>
                        </div>
                    </div>
                </el-col>
            </el-row>
            <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>