| | |
| | | <u-popup mode="button" :safeAreaInsetBottom="false" :show="show" @close="close" @open="open" z-index="8000" bgColor="#fff"> |
| | | <view class="bg-box"> |
| | | <view class="title">选择随行人员</view> |
| | | <u-checkbox-group iconPlacement="right" v-model="checkboxValue1" placement="column" @change="checkboxChange"> |
| | | <u-checkbox :customStyle="{marginBottom: '40rpx', }" v-for="(item, index) in checkboxList1" :key="index" |
| | | :name="item.userId" :label="`${item.dept.deptName}--${item.nickName}`"> |
| | | </u-checkbox> |
| | | </u-checkbox-group> |
| | | <view class="set-flex set-flex-content-between"> |
| | | <scroll-view scroll-y="true" style="height: 600rpx;"> |
| | | <u-checkbox-group iconPlacement="right" v-model="checkboxValue1" placement="column" @change="checkboxChange"> |
| | | <u-checkbox :customStyle="{marginBottom: '40rpx', }" v-for="(item, index) in checkboxList1" :key="index" |
| | | :name="item.userId" :label="`${item.dept.deptName}--${item.nickName}`"> |
| | | </u-checkbox> |
| | | </u-checkbox-group> |
| | | </scroll-view> |
| | | <view class="set-flex set-flex-content-between down-options"> |
| | | <view class="button-per"> |
| | | <u-button @click="close">取消</u-button> |
| | | </view> |
| | |
| | | bottom: 0; |
| | | background-color: white; |
| | | border-radius: 20rpx 20rpx 0 0; |
| | | padding: 20rpx 32rpx; |
| | | padding: 20rpx 32rpx 240rpx; |
| | | z-index: 1000000; |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | | min-height: 400rpx; |
| | | max-height: 800rpx; |
| | | } |
| | | .title{ |
| | | font-size: 36rpx; |
| | |
| | | .button-per{ |
| | | width: 48%; |
| | | } |
| | | .down-options{ |
| | | position: fixed; |
| | | bottom: 40rpx; |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | | padding: 0 32rpx; |
| | | left: 0; |
| | | } |
| | | </style> |