<style lang="scss" scoped>

	@import url("@/asset/css/flex.css");
    .infor1-box{
        background: #FFFFFF;
        box-shadow: 0rpx 3rpx 32rpx 0rpx rgba(71,71,71,0.16);
        border-radius: 8rpx;
        overflow: hidden;
    }
    .infor1-center>view{
        padding: 20rpx 0;
        border-bottom: 1px solid #ddd;
    }
    .infor1-center>view view:first-child{
        width: 120rpx;
    }
    .infor1-center>view:last-child{
        border-bottom: 0;
    }
    .infor1-header{
        background: #4985FF;
    }
    .infor1-header img{
        width: 24rpx;
        height: 32rpx;
        display: inline-block;
    }
</style>
<template>
    <view class="PX20 PT40" v-if="data&&data.DiningList">
        <template v-for="(item,index) in data.DiningList">
            <view class="infor1-box MB20 bjFFF fz28 color333"
            v-for="(child,c) in item.DiningSummaryList">
                <view class="infor1-header PY30 colorFFF">
                    <view class="fz32 PX30">{{ child.DiningName }}</view>
                    <view class="row items-center MT10 PX30">
                        <view class="row">
                            <img style="width: 31rpx;height: 33rpx;" class="" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638877448252171613.png" />
                        </view>
                        <text class="ML20 fz28 flex1">{{ child.Address }}</text>
                    </view>
                </view>
            <view class="infor1-center PX30">
                    <view class="row justify-between">
                        <view class="MR40">订餐号</view>
                        <view class="">{{ child.ReserveNo }}</view>
                    </view>
                    <view class="row justify-between">
                        <view class="MR40">用餐时间</view>
                        <view class="">{{ child.UseTimeStr }}</view>
                    </view>
                    <view class="row justify-between">
                        <view class="MR40">总人数</view>
                        <view class="">
                            {{ totalPeop(child.DiningPriceList) }}
                        </view>
                    </view>
                    <view class="row justify-between">
                        <view class="MR40">类别</view>
                        <view class="">{{ child.UseDinnerTypeStr }}</view>
                    </view>
                    <view class="row justify-between">
                        <view class="MR40">联系电话</view>
                        <view class="">{{ child.Tel }}</view>
                    </view>
                    <view class="row justify-between">
                        <view class="MR40 flexS">备注</view>
                        <view class="">{{ child.Remarks }}</view>
                    </view>
            </view>
            </view>
        </template>
        <u-empty v-if="data.DiningList.length == 0" text="暂无相关信息" mode="data" color="#333" padding-top="20"></u-empty>
        <view style="height: 50rpx;"></view>
    </view>
</template>
<script>
export default {
    props:['data'],
    data() {
        return {

        }
    },
    watch: {
        data:{
            handler(newVal,oldVal){
                
            },
            deep:true,
            immediate:false
        },
    },
    mounted() {
        
    },
    methods:{
        totalPeop(list){
            let UsePeopleNum = 0
            list.forEach(item => {
                UsePeopleNum += item.UsePeopleNum;
            })
            return UsePeopleNum
        }
    }
}
</script>