<template>
    <view class="bgF5 height100vh">
       <view class="AirplanePassengerList-Selected bgFFF">
            <view class="AirplanePassengerList-Selected-num">
                <text class="fz30 fontBold">已选：</text>
                <text class="fz34 fontBold ML15">1</text>
                <text class="fz30 fontBold ML10">人数</text>
                <text class="fz26 color9999A5">(2岁以上)</text>
                <text class="fz30 fontBold ML20">0</text>
                <text class="fz30 fontBold ML10">婴儿</text>
            </view>
            <view class="AirplanePassengerList-add bgFFF textCenter fz26 colorDEBF7B border1 borderDEBF7B"
            @click="clickAddEditing()">
                添加乘机人
            </view>
       </view>
       <view class="AirplanePassengerList-box bgFFF">
            <view class="AirplanePassengerListC" v-for="(item,index) in 2">
                <u-swipe-action
                        :index="index" :key="index"
                        :options="options"
                        :show="item.show"
                        :auto-close="false"
                        :content-click="bindClick"
                        @click="bindClick">
             
                    <view class="row-sb-n">
                        <view class="flexS row-aic-n">
                            <!-- <uni-icons color="#DEBF7B" type="checkbox-filled" size="18"></uni-icons> -->
                            <uni-icons color="#DEBF7B" type="circle" size="18"></uni-icons>
                            <!-- <view class="AirplanePassengerListC-status border1 borderDEBF7B bgDEBF7B textCenter">
                                <uni-icons type="checkmarkempty" size="15"></uni-icons>
                            </view> -->
                        </view>
                        <view class="flexG column ML30 title-wrap">
                            <view class="row-aic-n">
                                <text class="fz30 fontBold">王俊苏</text>
                                <text class="AirplanePassengerListC-infant ML15 fz20 colorDEBF7B border1 borderDEBF7B">婴儿</text>
                            </view>
                            <view class="fz26 color9999A5 MT25">
                                <text>身份证</text> <text class="ML15">2221115454465632535</text>
                            </view>
                        </view>
                        <!-- <view class="flexS ML15" @click="clickAddEditing(index+1)">
                            <img class="inlineblock" mode="widthFix" style="width: 28rpx;height: 30rpx;"
                                    src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1696835692000_775.png"/>
                        </view> -->
                    </view>
                </u-swipe-action>
            </view>
       </view>
       <view class="AirplanePassengerList-footer fixedFooter bgFFF fixed z-index2">
            <view class="AirplanePassengerList-buttom bgDEBF7B fz32 fontBold textCenter">
                确认
            </view>
       </view>
    </view>
</template>
<script>
    export default {
        components: {
            
        },
        data() {
            return {
                options: [{
						text: '编辑',
						style: {
							backgroundColor: '#DEBF7B'
						}
					},
					{
						text: '删除',
						style: {
							backgroundColor: '#f5f5f5',
                            color:'#DEBF7B'
						}
					}
				],
                isOpened: 'right',
            }
        },
        onLoad(options){

        },
        created() {},
        methods: {
            bindClick(index,index1) {
				uni.showToast({
					title: `点击了第${index+1}条数据${index1?'删除':'编辑'}按钮`,
					icon: 'none'
				});
			},
            clickEdit(){

            },
            clickDelete(){

            },
            clickAddEditing(item){
                uni.navigateTo({
					url: '/pages/airTicket/AirplanePassengerAddEditing?item='+item
				});
            }
        }
    }
</script>
<style scoped>
@import url("@/asset/css/flex.css");
@import url("./style.css");
.AirplanePassengerList-Selected{
    padding: 51rpx 54rpx 41rpx 54rpx;
}
.AirplanePassengerList-Selected-num{
    text-align: center;
    margin-bottom: 42rpx;
}
.AirplanePassengerList-add{
    padding: 18rpx 0;
    border-radius: 35rpx;
}
.AirplanePassengerList-box{
    padding: 0 54rpx;
    margin-top: 29rpx;
    margin-bottom: 200rpx;
}
.AirplanePassengerListC:first-child{
    padding: 38rpx 0 49rpx 0;
}
.AirplanePassengerListC{
    padding: 0 0 49rpx 0;
}
.AirplanePassengerListC-status{
    width: 36rpx;
    height: 36rpx;
    line-height: 36rpx;
    border-radius: 50%;
}
.AirplanePassengerListC-infant{
    padding: 1rpx 11rpx;
    border-radius: 6rpx;
}
</style>