wx-dangyuanjiaoyujidi/unpackage/dist/dev/mp-weixin/pages/activity/book.wxml

<view><view class="content"><view class="box-card"><view class="box-card-title">预约的活动</view><view class="box-card-content"></view></view><u--form class="vue-ref" vue-id="09950f46-1" labelPosition="left" model="{{form}}" rules="{{rules}}" data-ref="form" bind:__l="__l" vue-slots="{{['default']}}"><view class="box-card"><view class="box-card-title">参与人员</view><view class="box-card-content"><u-form-item class="vue-ref" vue-id="{{('09950f46-2')+','+('09950f46-1')}}" label="参与人数" labelWidth="120" prop="from.number" data-ref="number" bind:__l="__l" vue-slots="{{['right']}}"><u-number-box class="plus" vue-id="{{('09950f46-3')+','+('09950f46-2')}}" slot="right" inputWidth="44" color="#EF9525" bgColor="#FCF6E3" min="{{1}}" max="{{100}}" bind:__l="__l"></u-number-box></u-form-item><view class="box-visitor"><block wx:for="{{listVistor}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block><view class="box-visitor-item"><view class="box-visitor-item-left"><u-icon vue-id="{{('09950f46-4-'+index)+','+('09950f46-1')}}" name="minus-circle" size="22" color="#828282" bind:__l="__l"></u-icon><view class="box-visitor-info"><view>li王小华u</view><view>320505200102050349</view></view></view><view class="box-visitor-item-right"><u-icon vue-id="{{('09950f46-5-'+index)+','+('09950f46-1')}}" name="edit-pen" size="24" color="#828282" bind:__l="__l"></u-icon></view></view></block></block></view><view class="box-footer"><view class="box-footer-left"><view data-event-opts="{{[['tap',[['openAdd',['$event']]]]]}}" class="box-button" bindtap="__e"><u-icon vue-id="{{('09950f46-6')+','+('09950f46-1')}}" name="plus" color="#EF9525" bind:__l="__l"></u-icon><text class="box-button-txt">添加参与人员</text></view></view></view></view></view><view class="box-card"><view class="box-card-title">联系人信息</view><view class="box-card-content"><u-form-item class="vue-ref" vue-id="{{('09950f46-7')+','+('09950f46-1')}}" label="单位名称" labelWidth="80" prop="from.number" data-ref="number" bind:__l="__l" vue-slots="{{['default']}}"><u-input vue-id="{{('09950f46-8')+','+('09950f46-7')}}" placeholder="请输入单位名称" bind:__l="__l"></u-input></u-form-item><u-form-item class="vue-ref" vue-id="{{('09950f46-9')+','+('09950f46-1')}}" label="联系人" labelWidth="80" prop="from.number" data-ref="number" bind:__l="__l" vue-slots="{{['default']}}"><u-input vue-id="{{('09950f46-10')+','+('09950f46-9')}}" placeholder="请输入联系人" bind:__l="__l"></u-input></u-form-item><u-form-item class="vue-ref" vue-id="{{('09950f46-11')+','+('09950f46-1')}}" label="手机号" labelWidth="80" prop="from.number" data-ref="number" bind:__l="__l" vue-slots="{{['default']}}"><u-input vue-id="{{('09950f46-12')+','+('09950f46-11')}}" placeholder="请输入手机号" bind:__l="__l"></u-input></u-form-item></view></view></u--form><view class="page-bottom"><u-button vue-id="09950f46-13" type="primary" bind:__l="__l" vue-slots="{{['default']}}">确定</u-button></view></view><u-popup vue-id="09950f46-14" show="{{showAdd}}" mode="bottom" round="{{10}}" closeable="{{true}}" data-event-opts="{{[['^close',[['closeAdd']]],['^open',[['openAdd']]]]}}" bind:close="__e" bind:open="__e" bind:__l="__l" vue-slots="{{['default']}}"><view class="mpopup"><view class="mpopup-title">添加参与人员</view><view class="mpopup-content" style="margin-top:60rpx;"><u--form class="vue-ref" vue-id="{{('09950f46-15')+','+('09950f46-14')}}" labelPosition="left" model="{{form}}" rules="{{rules}}" data-ref="form" bind:__l="__l" vue-slots="{{['default']}}"><u-form-item class="vue-ref" vue-id="{{('09950f46-16')+','+('09950f46-15')}}" label="姓名" labelWidth="80" prop="from.number" data-ref="number" bind:__l="__l" vue-slots="{{['default']}}"><u-input vue-id="{{('09950f46-17')+','+('09950f46-16')}}" placeholder="请输入姓名" bind:__l="__l"></u-input></u-form-item><u-form-item class="vue-ref" vue-id="{{('09950f46-18')+','+('09950f46-15')}}" label="证件类型" labelWidth="80" prop="from.number" data-ref="number" bind:__l="__l" vue-slots="{{['default']}}"><u--input vue-id="{{('09950f46-19')+','+('09950f46-18')}}" placeholder="选择证件类型" suffixIcon="arrow-down-fill" suffixIconStyle="color: #A7A7A7;font-size:24rpx" bind:__l="__l"></u--input></u-form-item><u-form-item class="vue-ref" vue-id="{{('09950f46-20')+','+('09950f46-15')}}" label="证件号码" labelWidth="80" prop="from.number" data-ref="number" bind:__l="__l" vue-slots="{{['default']}}"><u-input vue-id="{{('09950f46-21')+','+('09950f46-20')}}" placeholder="请输入证件号码" bind:__l="__l"></u-input></u-form-item><u-form-item class="vue-ref" vue-id="{{('09950f46-22')+','+('09950f46-15')}}" label="手机号" labelWidth="80" prop="from.number" data-ref="number" bind:__l="__l" vue-slots="{{['default']}}"><u-input vue-id="{{('09950f46-23')+','+('09950f46-22')}}" placeholder="请输入手机号" bind:__l="__l"></u-input></u-form-item></u--form><u-button vue-id="{{('09950f46-24')+','+('09950f46-14')}}" type="primary" bind:__l="__l" vue-slots="{{['default']}}">确定</u-button></view></view></u-popup></view>