<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-box>view{
        padding: 20rpx 0;
        border-bottom: 1px solid #ddd;
    }
    .infor1-box>view:last-child{
        border-bottom: 0;
    }
    .infor1-box.infor1-boxWin>view{
        padding: 3rpx 0;
        border-bottom: 0;
    }
    .richText{
        white-space: pre-wrap;
    }
</style>
<template>
    <view class="PX20 PT40">
        <view class="infor1-title fz28 PB20">部门负责人</view>
        <view class="infor1-box PX30 bjFFF fz28 color333 MB20" v-for="(item,index) in data.PrincipalList">
            <view class="row items-center">
                <view class="MR40">机票</view>
                <view class="flex1">
                    <view v-for="child in item.CreateByNameList">
                        {{ child.name }}{{child.tel!=''?`/${child.tel}`:''}}
                    </view>
                </view>
            </view>
            <view class="row items-center">
                <view class="MR40">订房</view>
                <view class="flex1">
                    <view v-for="child in item.HConfirmNameList">
                        {{ child.name }}{{child.tel!=''?`/${child.tel}`:''}}
                    </view>
                </view>
            </view>
            <view class="row items-center">
                <view class="MR40">车辆</view>
                <view class="flex1">
                    <view v-for="child in item.BConfirmNameList">
                        {{ child.name }}{{child.tel!=''?`/${child.tel}`:''}}
                    </view>
                </view>
            </view>
            <view class="row items-center">
                <view class="MR40">订餐</view>
                <view class="flex1">
                    <view v-for="child in item.DConfirmNameList">
                        {{ child.name }}{{child.tel!=''?`/${child.tel}`:''}}
                    </view>
                </view>
            </view>
            <view class="row items-center">
                <view class="MR40">门票</view>
                <view class="flex1">
                    <view v-for="child in item.TConfirmNameList">
                        {{ child.name }}{{child.tel!=''?`/${child.tel}`:''}}
                    </view>
                </view>
            </view>
        </view>
        <view class="infor1-title fz28 PY20">注意事项</view>
        <view class="infor1-box infor1-boxWin PX30 PY30 bjFFF fz28 color333" v-if="data&&data.DMCStaticsCommon&&data.DMCStaticsCommon.LeaderApply.PlanDescription">
            <view class="row">
                <rich-text :nodes="data.DMCStaticsCommon.LeaderApply.PlanDescription" class="richText"></rich-text>
            </view>
        </view>
        <view style="height: 50rpx;"></view>
    </view>
</template>
<script>
export default {
    props:['data'],
    data() {
        return {

        }
    },
    watch: {
        data:{
            handler(newVal,oldVal){
                
            },
            deep:true,
            immediate:true
        },
    },
    mounted() {
        
    },
    methods:{

    }
}
</script>