wjt
2024-06-22 27da067243b78340dac4f75c5131059617594037
policy/policyApply/perPage.vue
@@ -2,12 +2,14 @@
   <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>
@@ -71,10 +73,12 @@
      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;
@@ -84,4 +88,12 @@
   .button-per{
      width: 48%;
   }
   .down-options{
      position: fixed;
      bottom: 40rpx;
      width: 100%;
      box-sizing: border-box;
      padding: 0 32rpx;
      left: 0;
   }
</style>