forms.wxml 6.0 KB

1
  1. <view class="container"><uni-card class="top" vue-id="1a5d5ee0-1" is-shadow="{{false}}" is-full="{{true}}" bind:__l="__l" vue-slots="{{['default']}}"><text class="uni-h6">uni-forms 组件一般由输入框、选择器、单选框、多选框等控件组成,用以收集、校验、提交数据。</text></uni-card><view><uni-forms class="form vue-ref" vue-id="1a5d5ee0-2" rules="{{rules}}" model="{{baseFormData}}" labelWidth="80px" data-ref="form" bind:__l="__l" vue-slots="{{['default']}}"><uni-forms-item vue-id="{{('1a5d5ee0-3')+','+('1a5d5ee0-2')}}" label="姓名" name="customerName" required="{{true}}" bind:__l="__l" vue-slots="{{['default']}}"><uni-easyinput bind:input="__e" vue-id="{{('1a5d5ee0-4')+','+('1a5d5ee0-3')}}" clearable="{{false}}" inputBorder="{{false}}" maxlength="20" placeholder="请输入姓名" value="{{baseFormData.customerName}}" data-event-opts="{{[['^input',[['__set_model',['$0','customerName','$event',[]],['baseFormData']]]]]}}" bind:__l="__l"></uni-easyinput></uni-forms-item><uni-forms-item vue-id="{{('1a5d5ee0-5')+','+('1a5d5ee0-2')}}" label="联系电话" name="telephone" required="{{true}}" bind:__l="__l" vue-slots="{{['default']}}"><uni-easyinput bind:input="__e" vue-id="{{('1a5d5ee0-6')+','+('1a5d5ee0-5')}}" clearable="{{false}}" inputBorder="{{false}}" type="number" placeholder="请输入联系电话" value="{{baseFormData.telephone}}" data-event-opts="{{[['^input',[['__set_model',['$0','telephone','$event',[]],['baseFormData']]]]]}}" bind:__l="__l"></uni-easyinput></uni-forms-item><uni-forms-item vue-id="{{('1a5d5ee0-7')+','+('1a5d5ee0-2')}}" label="职务" bind:__l="__l" vue-slots="{{['default']}}"><uni-easyinput bind:input="__e" vue-id="{{('1a5d5ee0-8')+','+('1a5d5ee0-7')}}" clearable="{{false}}" inputBorder="{{false}}" maxlength="20" placeholder="请输入职务" value="{{baseFormData.duties}}" data-event-opts="{{[['^input',[['__set_model',['$0','duties','$event',[]],['baseFormData']]]]]}}" bind:__l="__l"></uni-easyinput></uni-forms-item><uni-forms-item vue-id="{{('1a5d5ee0-9')+','+('1a5d5ee0-2')}}" label="公司/牧场名称" required="{{true}}" name="company" bind:__l="__l" vue-slots="{{['default']}}"><uni-easyinput bind:input="__e" vue-id="{{('1a5d5ee0-10')+','+('1a5d5ee0-9')}}" clearable="{{false}}" maxlength="20" inputBorder="{{false}}" placeholder="请输入公司/牧场名称" value="{{baseFormData.company}}" data-event-opts="{{[['^input',[['__set_model',['$0','company','$event',[]],['baseFormData']]]]]}}" bind:__l="__l"></uni-easyinput></uni-forms-item><uni-forms-item vue-id="{{('1a5d5ee0-11')+','+('1a5d5ee0-2')}}" label="畜牧类别" required="{{true}}" name="cowTypeId" bind:__l="__l" vue-slots="{{['default']}}"><uni-data-select bind:input="__e" vue-id="{{('1a5d5ee0-12')+','+('1a5d5ee0-11')}}" clear="{{false}}" localdata="{{animalType}}" placeholder="请输入畜牧类别" value="{{baseFormData.cowTypeId}}" data-event-opts="{{[['^input',[['__set_model',['$0','cowTypeId','$event',[]],['baseFormData']]]]]}}" bind:__l="__l"></uni-data-select></uni-forms-item><uni-forms-item vue-id="{{('1a5d5ee0-13')+','+('1a5d5ee0-2')}}" label="所在地区" required="{{true}}" name="region" bind:__l="__l" vue-slots="{{['default']}}"><view data-event-opts="{{[['tap',[['openPicker',['$event']]]]]}}" class="input selectcity" bindtap="__e"><uni-easyinput bind:input="__e" vue-id="{{('1a5d5ee0-14')+','+('1a5d5ee0-13')}}" clearable="{{false}}" inputBorder="{{false}}" placeholder="请输入所在地区" value="{{baseFormData.region}}" data-event-opts="{{[['^input',[['__set_model',['$0','region','$event',[]],['baseFormData']]]]]}}" bind:__l="__l"></uni-easyinput></view></uni-forms-item><uni-forms-item vue-id="{{('1a5d5ee0-15')+','+('1a5d5ee0-2')}}" label="详细地址" bind:__l="__l" vue-slots="{{['default']}}"><uni-easyinput bind:input="__e" vue-id="{{('1a5d5ee0-16')+','+('1a5d5ee0-15')}}" clearable="{{false}}" maxlength="60" type="textarea" inputBorder="{{false}}" placeholder="请输入详细地址" value="{{baseFormData.address}}" data-event-opts="{{[['^input',[['__set_model',['$0','address','$event',[]],['baseFormData']]]]]}}" bind:__l="__l"></uni-easyinput></uni-forms-item><uni-forms-item vue-id="{{('1a5d5ee0-17')+','+('1a5d5ee0-2')}}" label="存栏" bind:__l="__l" vue-slots="{{['default']}}"><uni-easyinput bind:input="__e" vue-id="{{('1a5d5ee0-18')+','+('1a5d5ee0-17')}}" clearable="{{false}}" maxlength="20" inputBorder="{{false}}" placeholder="请输入存栏" value="{{baseFormData.cowCount}}" data-event-opts="{{[['^input',[['__set_model',['$0','cowCount','$event',[]],['baseFormData']]]]]}}" bind:__l="__l"></uni-easyinput></uni-forms-item><uni-forms-item vue-id="{{('1a5d5ee0-19')+','+('1a5d5ee0-2')}}" label="需求" required="{{true}}" name="demandId" bind:__l="__l" vue-slots="{{['default']}}"><uni-data-select bind:input="__e" vue-id="{{('1a5d5ee0-20')+','+('1a5d5ee0-19')}}" clearable="{{false}}" localdata="{{demandList}}" placeholder="请输入需求" value="{{baseFormData.demandId}}" data-event-opts="{{[['^input',[['__set_model',['$0','demandId','$event',[]],['baseFormData']]]]]}}" bind:__l="__l"></uni-data-select></uni-forms-item><uni-forms-item vue-id="{{('1a5d5ee0-21')+','+('1a5d5ee0-2')}}" label="备注" bind:__l="__l" vue-slots="{{['default']}}"><uni-easyinput bind:input="__e" vue-id="{{('1a5d5ee0-22')+','+('1a5d5ee0-21')}}" clearable="{{false}}" maxlength="320" type="textarea" inputBorder="{{false}}" placeholder="请输入备注" value="{{baseFormData.remark}}" data-event-opts="{{[['^input',[['__set_model',['$0','remark','$event',[]],['baseFormData']]]]]}}" bind:__l="__l"></uni-easyinput></uni-forms-item></uni-forms><view class="tip">以上信息只用于联系到您,不做其他任何用途,请放心填写</view><view class="btn"><button type="primary" data-event-opts="{{[['tap',[['submit',['$event']]]]]}}" bindtap="__e">提交</button></view></view><cc-select-dity vue-id="1a5d5ee0-23" show="{{show}}" data-event-opts="{{[['^sureSelectArea',[['onsetCity']]],['^hideShow',[['onhideShow']]]]}}" bind:sureSelectArea="__e" bind:hideShow="__e" bind:__l="__l"></cc-select-dity></view>