| 1 |
- <view class="app-diy-form data-v-055fcc53" style="{{'padding-top:'+(marginTop+'rpx')+';'+('padding-bottom:'+(marginBottom+'rpx')+';')}}"><block wx:if="{{title!==''&&title!==null}}"><view class="title data-v-055fcc53">{{title}}</view></block><view style="{{'background-color:'+(backgroundColor)+';'+('background-image:'+(backgroundImage?'url('+backgroundImage+')':'none')+';')+('background-position:'+(backgroundPosition)+';')+('background-size:'+(backgroundWidth+'% '+backgroundHeight+'%')+';')+('background-repeat:'+(backgroundRepeat)+';')+('padding-top:'+(paddingTop+'rpx')+';')+('padding-bottom:'+(paddingBottom+'rpx')+';')}}" class="data-v-055fcc53"><view class="{{['list data-v-055fcc53',showItemBorder?'item-border':'','show-all']}}"><block wx:for="{{myList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block wx:if="{{item.key=='text'}}"><view class="{{['item data-v-055fcc53',itemClass,index===0?'is-first-item':'']}}" style="{{'padding:'+('0 '+itemPaddingX+'rpx')+';'+('margin-bottom:'+(itemMarginY+'rpx')+';')}}"><block wx:if="{{labelPosition!=='inset'}}"><view class="box-grow-0 cross-top label data-v-055fcc53"><block wx:if="{{showRequiredIcon&&(item.is_required==1||item.is_required=='1')}}"><image class="required-icon data-v-055fcc53" src="/static/image/icon/required.png"></image></block><view class="{{['name-key data-v-055fcc53','text-align-'+labelTextAlign]}}" style="{{'color:'+(labelColor)+';'}}">{{item.name+''}}</view></view></block><view class="box-grow-1 data-v-055fcc53"><app-input vue-id="{{'0c0f820c-1-'+index}}" background-color="{{inputBackground}}" color="{{inputTextColor}}" placeholder="{{labelPosition==='inset'?item.name:item.hint}}" height="{{''+itemHeight}}" border="{{showInputBorder}}" radius="{{inputRadius}}" padding-left="{{getInputPaddingLeft}}" border-color="{{inputBorderColor}}" value="{{item.value}}" data-event-opts="{{[['^input',[['__set_model',['$0','value','$event',[]],[[['myList','',index]]]],['textInput']]]]}}" bind:input="__e" class="data-v-055fcc53" bind:__l="__l"></app-input></view></view></block><block wx:if="{{item.key=='textarea'}}"><view class="{{['item data-v-055fcc53',itemClass,index===0?'is-first-item':'']}}" style="{{'padding:'+('0 '+itemPaddingX+'rpx')+';'+('margin-bottom:'+(itemMarginY+'rpx')+';')}}"><block wx:if="{{labelPosition!=='inset'}}"><view class="box-grow-0 cross-top label data-v-055fcc53"><block wx:if="{{showRequiredIcon&&(item.is_required==1||item.is_required=='1')}}"><image class="required-icon data-v-055fcc53" src="/static/image/icon/required.png"></image></block><view class="{{['name-key data-v-055fcc53','text-align-'+labelTextAlign]}}" style="{{'color:'+(labelColor)+';'}}">{{item.name+''}}</view></view></block><view class="box-grow-1 data-v-055fcc53"><app-textarea vue-id="{{'0c0f820c-2-'+index}}" background-color="{{inputBackground}}" color="{{inputTextColor}}" placeholder="{{labelPosition==='inset'?item.name:item.hint}}" show-border="{{showInputBorder}}" border-radius="{{inputRadius}}" padding-x="{{getInputPaddingLeft}}" border-color="{{inputBorderColor}}" value="{{item.value}}" data-event-opts="{{[['^input',[['__set_model',['$0','value','$event',[]],[[['myList','',index]]]],['textInput']]]]}}" bind:input="__e" class="data-v-055fcc53" bind:__l="__l"></app-textarea></view></view></block><block wx:if="{{item.key=='date'}}"><view hidden="{{!(item.key=='date'?true:false)}}" class="{{['item data-v-055fcc53',itemClass,index===0?'is-first-item':'']}}" style="{{'padding:'+('0 '+itemPaddingX+'rpx')+';'+('margin-bottom:'+(itemMarginY+'rpx')+';')}}"><view class="box-grow-0 cross-top label data-v-055fcc53"><block wx:if="{{showRequiredIcon&&(item.is_required==1||item.is_required=='1')}}"><image class="required-icon data-v-055fcc53" src="/static/image/icon/required.png"></image></block><view class="{{['name-key data-v-055fcc53','text-align-'+labelTextAlign]}}" style="{{'color:'+(labelColor)+';'}}">{{item.name+''}}</view></view><view class="box-grow-1 data-v-055fcc53"><app-datetime-picker vue-id="{{'0c0f820c-3-'+index}}" text="{{item.value||''}}" sign="{{index}}" show-border="{{showInputBorder}}" background="{{inputBackground}}" height="{{itemHeight}}" radius="{{inputRadius}}" text-color="{{inputTextColor}}" text-position="{{getDateTimeTextPosition}}" border-color="{{inputBorderColor}}" start="{{item.min?item.min:''}}" end="{{item.max?item.max:''}}" value="{{item.value}}" data-event-opts="{{[['^change',[['datetimeChange']]],['^input',[['__set_model',['$0','value','$event',[]],[[['myList','',index]]]]]]]}}" bind:change="__e" bind:input="__e" class="data-v-055fcc53" bind:__l="__l"></app-datetime-picker></view></view></block><block wx:if="{{item.key=='time'}}"><view class="{{['item data-v-055fcc53',itemClass,index===0?'is-first-item':'']}}" style="{{'padding:'+('0 '+itemPaddingX+'rpx')+';'+('margin-bottom:'+(itemMarginY+'rpx')+';')}}"><view class="box-grow-0 cross-top label data-v-055fcc53"><block wx:if="{{showRequiredIcon&&(item.is_required==1||item.is_required=='1')}}"><image class="required-icon data-v-055fcc53" src="/static/image/icon/required.png"></image></block><view class="{{['name-key data-v-055fcc53','text-align-'+labelTextAlign]}}" style="{{'color:'+(labelColor)+';'}}">{{item.name+''}}</view></view><view class="box-grow-1 data-v-055fcc53"><app-datetime-picker vue-id="{{'0c0f820c-4-'+index}}" mode="time" text="{{item.value||''}}" sign="{{index}}" show-border="{{showInputBorder}}" background="{{inputBackground}}" height="{{itemHeight}}" radius="{{inputRadius}}" text-color="{{inputTextColor}}" text-position="{{getDateTimeTextPosition}}" border-color="{{inputBorderColor}}" start="{{item.min?item.min:''}}" end="{{item.max?item.max:''}}" value="{{item.value}}" data-event-opts="{{[['^change',[['datetimeChange']]],['^input',[['__set_model',['$0','value','$event',[]],[[['myList','',index]]]]]]]}}" bind:change="__e" bind:input="__e" class="data-v-055fcc53" bind:__l="__l"></app-datetime-picker></view></view></block><block wx:if="{{item.key=='radio'}}"><view class="{{['item data-v-055fcc53',itemClass,index===0?'is-first-item':'']}}" style="{{'padding:'+('0 '+itemPaddingX+'rpx')+';'+('margin-bottom:'+(itemMarginY+'rpx')+';')}}"><view class="box-grow-0 cross-top label data-v-055fcc53"><block wx:if="{{showRequiredIcon&&(item.is_required==1||item.is_required=='1')}}"><image class="required-icon data-v-055fcc53" src="/static/image/icon/required.png"></image></block><view class="{{['name-key data-v-055fcc53','text-align-'+labelTextAlign]}}" style="{{'color:'+(labelColor)+';'}}">{{item.name+''}}</view></view><view class="box-grow-1 data-v-055fcc53" style="{{'padding:'+(labelPosition==='top'?'0 0':'0 12rpx')+';'}}"><app-radio-group vue-id="{{'0c0f820c-5-'+index}}" list="{{item.list}}" type="round" value="{{item.value}}" data-event-opts="{{[['^change',[['checkChange']]],['^input',[['__set_model',['$0','value','$event',[]],[[['myList','',index]]]]]]]}}" bind:change="__e" bind:input="__e" class="data-v-055fcc53" bind:__l="__l"></app-radio-group></view></view></block><block wx:if="{{item.key=='checkbox'}}"><view class="{{['item data-v-055fcc53',itemClass,index===0?'is-first-item':'']}}" style="{{'padding:'+('0 '+itemPaddingX+'rpx')+';'+('margin-bottom:'+(itemMarginY+'rpx')+';')}}"><view class="box-grow-0 cross-top label data-v-055fcc53"><block wx:if="{{showRequiredIcon&&(item.is_required==1||item.is_required=='1')}}"><image class="required-icon data-v-055fcc53" src="/static/image/icon/required.png"></image></block><view class="{{['name-key data-v-055fcc53','text-align-'+labelTextAlign]}}" style="{{'color:'+(labelColor)+';'}}">{{item.name+''}}</view></view><view class="box-grow-1 dir-left-wrap data-v-055fcc53" style="{{'padding:'+(labelPosition==='top'?'0 0':'0 12rpx')+';'}}"><app-diy-form-checkbox-group vue-id="{{'0c0f820c-6-'+index}}" list="{{item.list}}" value="{{item.value}}" data-event-opts="{{[['^change',[['checkChange']]],['^input',[['__set_model',['$0','value','$event',[]],[[['myList','',index]]]]]]]}}" bind:change="__e" bind:input="__e" class="data-v-055fcc53" bind:__l="__l"></app-diy-form-checkbox-group></view></view></block><block wx:if="{{item.key=='img_upload'}}"><view class="{{['item data-v-055fcc53',itemClass,index===0?'is-first-item':'']}}" style="{{'padding:'+('0 '+itemPaddingX+'rpx')+';'+('margin-bottom:'+(itemMarginY+'rpx')+';')}}"><view class="box-grow-0 cross-top label data-v-055fcc53"><block wx:if="{{showRequiredIcon&&(item.is_required==1||item.is_required=='1')}}"><image class="required-icon data-v-055fcc53" src="/static/image/icon/required.png"></image></block><view class="{{['name-key data-v-055fcc53','text-align-'+labelTextAlign]}}" style="{{'color:'+(labelColor)+';'}}">{{item.name+''}}</view></view><view class="box-grow-1 dir-left-wrap data-v-055fcc53" style="{{'padding:'+(labelPosition==='top'?'12rpx 0':'12rpx 12rpx')+';'}}"><block wx:if="{{item.img_type==1}}"><app-upload-image vue-id="{{'0c0f820c-7-'+index}}" value="{{item.value?[item.value]:null}}" max-num="{{1}}" sign="{{''+index}}" show-number="{{false}}" data-event-opts="{{[['^imageEvent',[['handleImageUpload']]]]}}" bind:imageEvent="__e" class="data-v-055fcc53" bind:__l="__l"></app-upload-image></block><block wx:if="{{item.img_type==2}}"><app-upload-image style="margin-right:12rpx;" vue-id="{{'0c0f820c-8-'+index}}" value="{{item.value&&item.value[0]?[item.value[0]]:null}}" max-num="{{1}}" sign="{{''+index}}" text="身份证正面" show-number="{{false}}" default-img="/static/image/user-id-card-front.png" data-event-opts="{{[['^imageEvent',[['handleUserIdFrontUpload']]]]}}" bind:imageEvent="__e" class="data-v-055fcc53" bind:__l="__l"></app-upload-image><app-upload-image vue-id="{{'0c0f820c-9-'+index}}" value="{{item.value&&item.value[1]?[item.value[1]]:null}}" max-num="{{1}}" sign="{{''+index}}" text="身份证反面" show-number="{{false}}" default-img="/static/image/user-id-card-back.png" data-event-opts="{{[['^imageEvent',[['handleUserIdBackUpload']]]]}}" bind:imageEvent="__e" class="data-v-055fcc53" bind:__l="__l"></app-upload-image></block><block wx:if="{{item.img_type==3}}"><app-upload-image vue-id="{{'0c0f820c-10-'+index}}" value="{{item.value?[item.value]:null}}" max-num="{{1}}" sign="{{''+index}}" text="营业执照" show-number="{{false}}" default-img="/static/image/company-license.png" data-event-opts="{{[['^imageEvent',[['handleImageUpload']]]]}}" bind:imageEvent="__e" class="data-v-055fcc53" bind:__l="__l"></app-upload-image></block></view></view></block></block></view><block wx:if="{{showSubmit}}"><view class="submit data-v-055fcc53" style="{{'padding:'+(submitBtnMargin+'rpx '+submitBtnPadding+'rpx 24rpx')+';'}}"><app-form-id bind:click="__e" vue-id="0c0f820c-11" data-event-opts="{{[['^click',[['submit']]]]}}" class="data-v-055fcc53" bind:__l="__l" vue-slots="{{['default']}}"><view class="submit-button data-v-055fcc53" style="{{'background-color:'+(submitBtnBackground)+';'+('border-color:'+(submitBtnBorderColor)+';')+('color:'+(submitBtnTextColor)+';')+('border-radius:'+(submitBtnRadius+'rpx')+';')+('height:'+(submitBtnHeight+'rpx')+';')+('line-height:'+(submitBtnHeight-2+'rpx')+';')}}">{{submitBtnText+''}}</view></app-form-id></view></block></view></view>
|
