<view class="container data-v-1a96f19f"><nav vue-id="1eebc52a-1" title="{{formData.name}}" customBack="{{formData.router}}" class="data-v-1a96f19f" bind:__l="__l"></nav><view class="info-section data-v-1a96f19f"><block wx:for="{{infoList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="info-item data-v-1a96f19f"><view class="item-label data-v-1a96f19f">{{item.label}}</view><view class="{{['item-value','data-v-1a96f19f',(item.status)?'status':'']}}">{{item.value}}</view></view></block></view><block wx:if="{{ishowDisplay}}"><view class="tab-bar data-v-1a96f19f"><view data-event-opts="{{[['tap',[['switchTab',['upload']]]]]}}" class="{{['tab-item','data-v-1a96f19f',(activeTab==='upload')?'active':'']}}" bindtap="__e"> 上传行程 </view><view data-event-opts="{{[['tap',[['switchTab',['advance']]]]]}}" class="{{['tab-item','data-v-1a96f19f',(activeTab==='advance')?'active':'']}}" bindtap="__e"> 上报垫付 </view></view></block><block wx:if="{{activeTab==='upload'&&ishowDisplay}}"><view class="form-section data-v-1a96f19f"><view class="action-buttons-container data-v-1a96f19f"><view class="action-buttons-row data-v-1a96f19f"><block wx:for="{{$root.l0}}" wx:for-item="row" wx:for-index="rowIndex" wx:key="rowIndex"><view style="position:relative;" class="data-v-1a96f19f"><block wx:if="{{row.g0}}"><text class="badge data-v-1a96f19f">{{row.$orig.count}}</text></block><button data-event-opts="{{[['tap',[['selectAction',['$0'],[[['actionButtonRows','',rowIndex]]]]]]]}}" class="{{['action-btn','data-v-1a96f19f',(selectedAction==row.$orig.dictValue)?'selected':'',(row.m0)?'disabled':'',(row.m1)?'success':'']}}" bindtap="__e">{{''+row.$orig.dictLabel+''}}</button></view></block></view></view><u--form vue-id="1eebc52a-2" rules="{{rules}}" model="{{form}}" labelPosition="left" data-ref="uForm" class="data-v-1a96f19f vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><u-form-item vue-id="{{('1eebc52a-3')+','+('1eebc52a-2')}}" borderBottom="{{true}}" label=" " labelWidth="0" prop="address" data-ref="item1" class="data-v-1a96f19f vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view style="display:flex;align-items:flex-start;width:100%;" class="data-v-1a96f19f"><view style="display:flex;align-items:center;flex-shrink:0;margin-right:10px;padding-top:12rpx;" class="data-v-1a96f19f"><u--image vue-id="{{('1eebc52a-4')+','+('1eebc52a-3')}}" showLoading="{{true}}" src="/static/bt.png" width="20px" height="20px" class="data-v-1a96f19f" bind:__l="__l"></u--image><text style="display:flex;align-items:center;" class="data-v-1a96f19f"><label style="color:#ff4d4f;margin-right:4rpx;" class="_span data-v-1a96f19f">*</label> 地址: </text></view><view data-event-opts="{{[['tap',[['getLocation',['$event']]]]]}}" style="position:relative;width:100%;margin-top:6rpx;" bindtap="__e" class="data-v-1a96f19f"><view class="custom-textarea data-v-1a96f19f" style="border:1px solid #e5e5e5;"><u--text vue-id="{{('1eebc52a-5')+','+('1eebc52a-3')}}" lines="{{2}}" text="{{form.address}}" class="data-v-1a96f19f" bind:__l="__l"></u--text><view style="position:absolute;top:50%;right:10rpx;transform:translateY(-50%);" class="data-v-1a96f19f"><u-icon vue-id="{{('1eebc52a-6')+','+('1eebc52a-3')}}" name="map-fill" color="#909399" size="24" data-event-opts="{{[['^click',[['getLocation']]]]}}" bind:click="__e" class="data-v-1a96f19f" bind:__l="__l"></u-icon></view></view></view></view></u-form-item><u-form-item vue-id="{{('1eebc52a-7')+','+('1eebc52a-2')}}" borderBottom="{{true}}" label=" " labelWidth="0" prop="tripTime" data-ref="item1" class="data-v-1a96f19f vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view style="display:flex;align-items:center;width:100%;" class="data-v-1a96f19f"><view style="display:flex;align-items:center;flex-shrink:0;margin-right:10px;" class="data-v-1a96f19f"><u--image vue-id="{{('1eebc52a-8')+','+('1eebc52a-7')}}" showLoading="{{true}}" src="/static/bt.png" width="20px" height="20px" class="data-v-1a96f19f" bind:__l="__l"></u--image><text class="data-v-1a96f19f">时间:</text></view><uni-datetime-picker style="flex:1;" vue-id="{{('1eebc52a-9')+','+('1eebc52a-7')}}" type="datetime" value="{{form.tripTime}}" data-event-opts="{{[['^change',[['onDateTimeChange']]],['^input',[['__set_model',['$0','tripTime','$event',[]],['form']]]]]}}" bind:change="__e" bind:input="__e" class="data-v-1a96f19f" bind:__l="__l"></uni-datetime-picker></view></u-form-item><u-form-item vue-id="{{('1eebc52a-10')+','+('1eebc52a-2')}}" borderBottom="{{false}}" label=" " labelWidth="0" prop data-ref="item1" class="data-v-1a96f19f vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view style="display:flex;align-items:center;" class="data-v-1a96f19f"><u--image vue-id="{{('1eebc52a-11')+','+('1eebc52a-10')}}" showLoading="{{true}}" src="/static/bt.png" width="20px" height="20px" class="data-v-1a96f19f" bind:__l="__l"></u--image>凭证<label style="color:#c6c0ba;margin-left:10px;display:inline-block;" class="_span data-v-1a96f19f"></label></view></u-form-item><u-form-item vue-id="{{('1eebc52a-12')+','+('1eebc52a-2')}}" borderBottom="{{false}}" label=" " labelWidth="0" prop="voucher" data-ref="item1" class="data-v-1a96f19f vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view style="margin:20rpx 0;" class="data-v-1a96f19f"><view class="upload-grid data-v-1a96f19f"><block wx:for="{{uploadAreas}}" wx:for-item="area" wx:for-index="index" wx:key="index"><view class="upload-item data-v-1a96f19f"><block wx:if="{{area.imageUrl}}"><view class="upload-img-preview data-v-1a96f19f"><image src="{{area.imageUrl}}" mode="aspectFill" class="data-v-1a96f19f"></image><view data-event-opts="{{[['tap',[['deleteAreaPic',[index]]]]]}}" class="delete-btn data-v-1a96f19f" catchtap="__e"><u-icon vue-id="{{('1eebc52a-13-'+index)+','+('1eebc52a-12')}}" name="close-circle" color="#fff" size="36rpx" class="data-v-1a96f19f" bind:__l="__l"></u-icon></view></view></block><block wx:else><view data-event-opts="{{[['tap',[['chooseAreaPic',[index]]]]]}}" class="upload-placeholder data-v-1a96f19f" bindtap="__e"><u-icon vue-id="{{('1eebc52a-14-'+index)+','+('1eebc52a-12')}}" name="plus" color="#ccc" size="48rpx" class="data-v-1a96f19f" bind:__l="__l"></u-icon><text class="area-name data-v-1a96f19f">{{area.name}}</text></view></block></view></block></view></view></u-form-item></u--form><view class="bottom-btn-group data-v-1a96f19f"><u-button class="btn-list data-v-1a96f19f" vue-id="1eebc52a-15" text="行程历史" data-event-opts="{{[['^click',[['goThistory']]]]}}" bind:click="__e" bind:__l="__l"></u-button><u-button class="btn-list data-v-1a96f19f" vue-id="1eebc52a-16" text="垫付列表" data-event-opts="{{[['^click',[['goToAdvanceList']]]]}}" bind:click="__e" bind:__l="__l"></u-button><u-button class="btn-submit data-v-1a96f19f" vue-id="1eebc52a-17" type="primary" text="提交" data-event-opts="{{[['^click',[['submitForm']]]]}}" bind:click="__e" bind:__l="__l"></u-button></view></view></block><block wx:if="{{activeTab==='advance'&&ishowDisplay}}"><view class="form-section data-v-1a96f19f"><u--form vue-id="1eebc52a-18" rules="{{rules}}" model="{{form}}" labelPosition="left" data-ref="uForm" class="data-v-1a96f19f vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><u-form-item vue-id="{{('1eebc52a-19')+','+('1eebc52a-18')}}" borderBottom="{{true}}" label=" " labelWidth="0" prop="feeType" data-ref="item1" class="data-v-1a96f19f vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view style="display:flex;align-items:center;width:100%;" class="data-v-1a96f19f"><view style="display:flex;align-items:center;flex-shrink:0;margin-right:10px;" class="data-v-1a96f19f"><u--image vue-id="{{('1eebc52a-20')+','+('1eebc52a-19')}}" showLoading="{{true}}" src="/static/bt.png" width="20px" height="20px" class="data-v-1a96f19f" bind:__l="__l"></u--image><text class="data-v-1a96f19f">费用类型</text></view><uni-data-select bind:input="__e" vue-id="{{('1eebc52a-21')+','+('1eebc52a-19')}}" localdata="{{range}}" value="{{form.feeType}}" data-event-opts="{{[['^input',[['__set_model',['$0','feeType','$event',[]],['form']]]]]}}" class="data-v-1a96f19f" bind:__l="__l"></uni-data-select></view></u-form-item><u-form-item vue-id="{{('1eebc52a-22')+','+('1eebc52a-18')}}" borderBottom="{{true}}" label=" " labelWidth="0" prop="currency" data-ref="item1" class="data-v-1a96f19f vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view style="display:flex;align-items:center;width:100%;" class="data-v-1a96f19f"><view style="display:flex;align-items:center;flex-shrink:0;margin-right:20px;" class="data-v-1a96f19f"><u--image vue-id="{{('1eebc52a-23')+','+('1eebc52a-22')}}" showLoading="{{true}}" src="/static/bt.png" width="20px" height="20px" class="data-v-1a96f19f" bind:__l="__l"></u--image><text class="data-v-1a96f19f">币制</text></view><uni-data-select bind:input="__e" vue-id="{{('1eebc52a-24')+','+('1eebc52a-22')}}" localdata="{{currencyRange}}" value="{{form.currency}}" data-event-opts="{{[['^input',[['__set_model',['$0','currency','$event',[]],['form']]]]]}}" class="data-v-1a96f19f" bind:__l="__l"></uni-data-select></view></u-form-item><u-form-item vue-id="{{('1eebc52a-25')+','+('1eebc52a-18')}}" borderBottom="{{true}}" label=" " labelWidth="0" prop="actualFeeAmount" data-ref="item1" class="data-v-1a96f19f vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view style="display:flex;align-items:center;width:100%;" class="data-v-1a96f19f"><view style="display:flex;align-items:center;flex-shrink:0;margin-right:10px;" class="data-v-1a96f19f"><u--image vue-id="{{('1eebc52a-26')+','+('1eebc52a-25')}}" showLoading="{{true}}" src="/static/bt.png" width="20px" height="20px" class="data-v-1a96f19f" bind:__l="__l"></u--image><text class="data-v-1a96f19f">垫付金额:</text></view><u-number-box bind:input="__e" style="width:45%;margin-left:2%;" vue-id="{{('1eebc52a-27')+','+('1eebc52a-25')}}" min="{{0}}" step="{{1}}" button-size="28" color="#1e1e1e" bg-color="#ebecee" integer="{{true}}" value="{{form.actualFeeAmount}}" data-event-opts="{{[['^input',[['__set_model',['$0','actualFeeAmount','$event',[]],['form']]]]]}}" class="data-v-1a96f19f" bind:__l="__l" vue-slots="{{['minus','input','plus']}}"><view class="minus data-v-1a96f19f" slot="minus"><view style="width:30rpx;height:28rpx;background-color:#ebecee;display:flex;justify-content:center;align-items:center;border-radius:4rpx;" class="_div data-v-1a96f19f"><u-icon vue-id="{{('1eebc52a-28')+','+('1eebc52a-27')}}" name="minus" color="#1e1e1e" size="12" class="data-v-1a96f19f" bind:__l="__l"></u-icon></view></view><view class="input _div data-v-1a96f19f" style="margin-left:5rpx;margin-right:5rpx;width:70%;" slot="input"><u--input bind:input="__e" style="background-color:#ebecee;border-radius:4rpx;height:28rpx;font-size:14px;" vue-id="{{('1eebc52a-29')+','+('1eebc52a-27')}}" placeholder="请输入垫付金额" type="number" border="surround" inputAlign="center" value="{{form.actualFeeAmount}}" data-event-opts="{{[['^input',[['__set_model',['$0','actualFeeAmount','$event',[]],['form']]]]]}}" class="data-v-1a96f19f" bind:__l="__l"></u--input></view><view class="plus data-v-1a96f19f" slot="plus"><view style="width:30rpx;height:28rpx;background-color:#ebecee;display:flex;justify-content:center;align-items:center;border-radius:4rpx;" class="_div data-v-1a96f19f"><u-icon vue-id="{{('1eebc52a-30')+','+('1eebc52a-27')}}" name="plus" color="#1e1e1e" size="12" class="data-v-1a96f19f" bind:__l="__l"></u-icon></view></view></u-number-box></view></u-form-item><u-form-item vue-id="{{('1eebc52a-31')+','+('1eebc52a-18')}}" borderBottom="{{false}}" label=" " labelWidth="0" prop data-ref="item1" class="data-v-1a96f19f vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view style="display:flex;align-items:center;" class="data-v-1a96f19f"><u--image vue-id="{{('1eebc52a-32')+','+('1eebc52a-31')}}" showLoading="{{true}}" src="/static/bt.png" width="20px" height="20px" class="data-v-1a96f19f" bind:__l="__l"></u--image>垫付凭证<label style="color:#c6c0ba;margin-left:10px;display:inline-block;" class="_span data-v-1a96f19f"></label></view></u-form-item><u-form-item vue-id="{{('1eebc52a-33')+','+('1eebc52a-18')}}" borderBottom="{{false}}" label=" " labelWidth="0" prop="fileList" data-ref="item1" class="data-v-1a96f19f vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view style="margin-right:10px;" class="data-v-1a96f19f"></view><u-upload vue-id="{{('1eebc52a-34')+','+('1eebc52a-33')}}" fileList="{{fileList}}" name="file" multiple="{{true}}" maxCount="{{6}}" maxSize="{{2*1024*1024}}" previewFullImage="{{true}}" data-event-opts="{{[['^afterRead',[['afterRead']]],['^delete',[['deletePic']]],['^oversize',[['overSize']]]]}}" bind:afterRead="__e" bind:delete="__e" bind:oversize="__e" class="data-v-1a96f19f" bind:__l="__l"></u-upload></u-form-item></u--form><view class="bottom-btn-group data-v-1a96f19f"><u-button class="btn-list data-v-1a96f19f" vue-id="1eebc52a-35" text="行程历史" data-event-opts="{{[['^click',[['goThistory']]]]}}" bind:click="__e" bind:__l="__l"></u-button><u-button class="btn-list data-v-1a96f19f" vue-id="1eebc52a-36" text="垫付列表" data-event-opts="{{[['^click',[['goToAdvanceList']]]]}}" bind:click="__e" bind:__l="__l"></u-button><u-button class="btn-submit data-v-1a96f19f" vue-id="1eebc52a-37" type="primary" text="提交" data-event-opts="{{[['^click',[['submitForm']]]]}}" bind:click="__e" bind:__l="__l"></u-button></view></view></block><block wx:if="{{!ishowDisplay}}"><view class="bottom-btn-group data-v-1a96f19f"><u-button class="btn-list data-v-1a96f19f" vue-id="1eebc52a-38" text="行程历史" data-event-opts="{{[['^click',[['goThistory']]]]}}" bind:click="__e" bind:__l="__l"></u-button><u-button class="btn-list data-v-1a96f19f" vue-id="1eebc52a-39" text="垫付列表" data-event-opts="{{[['^click',[['goToAdvanceList']]]]}}" bind:click="__e" bind:__l="__l"></u-button></view></block><block wx:if="{{showPopup}}"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="popup-mask data-v-1a96f19f" bindtap="__e"></view></block><block wx:if="{{showPopup}}"><view class="{{['popup-container','data-v-1a96f19f',(showPopup)?'popup-show':'']}}"><view class="popup-title data-v-1a96f19f">仪表里程填写</view><u--form vue-id="1eebc52a-40" rules="{{rules}}" model="{{form}}" labelPosition="left" data-ref="uForm" class="data-v-1a96f19f vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><u-form-item vue-id="{{('1eebc52a-41')+','+('1eebc52a-40')}}" borderBottom="{{true}}" label=" " labelWidth="0" prop="odometer" data-ref="item1" class="data-v-1a96f19f vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view style="display:flex;align-items:center;width:100%;" class="data-v-1a96f19f"><view style="display:flex;align-items:center;flex-shrink:0;margin-right:10px;" class="data-v-1a96f19f"><u--image vue-id="{{('1eebc52a-42')+','+('1eebc52a-41')}}" showLoading="{{true}}" src="/static/bt.png" width="20px" height="20px" class="data-v-1a96f19f" bind:__l="__l"></u--image><text class="data-v-1a96f19f">仪表里程（km）:</text></view><u-number-box bind:input="__e" style="width:45%;margin-left:2%;" vue-id="{{('1eebc52a-43')+','+('1eebc52a-41')}}" min="{{0}}" step="{{1}}" button-size="28" color="#1e1e1e" bg-color="#ebecee" integer="{{true}}" value="{{form.odometer}}" data-event-opts="{{[['^input',[['__set_model',['$0','odometer','$event',[]],['form']]]]]}}" class="data-v-1a96f19f" bind:__l="__l" vue-slots="{{['minus','input','plus']}}"><view class="minus data-v-1a96f19f" slot="minus"><view style="width:30rpx;height:28rpx;background-color:#ebecee;display:flex;justify-content:center;align-items:center;border-radius:4rpx;" class="_div data-v-1a96f19f"><u-icon vue-id="{{('1eebc52a-44')+','+('1eebc52a-43')}}" name="minus" color="#1e1e1e" size="12" class="data-v-1a96f19f" bind:__l="__l"></u-icon></view></view><view class="input _div data-v-1a96f19f" style="margin-left:5rpx;margin-right:5rpx;width:70%;" slot="input"><u--input bind:input="__e" style="background-color:#ebecee;border-radius:4rpx;height:28rpx;font-size:14px;" vue-id="{{('1eebc52a-45')+','+('1eebc52a-43')}}" placeholder="请输入仪表里程" type="number" border="surround" inputAlign="center" value="{{form.odometer}}" data-event-opts="{{[['^input',[['__set_model',['$0','odometer','$event',[]],['form']]]]]}}" class="data-v-1a96f19f" bind:__l="__l"></u--input></view><view class="plus data-v-1a96f19f" slot="plus"><view style="width:30rpx;height:28rpx;background-color:#ebecee;display:flex;justify-content:center;align-items:center;border-radius:4rpx;" class="_div data-v-1a96f19f"><u-icon vue-id="{{('1eebc52a-46')+','+('1eebc52a-43')}}" name="plus" color="#1e1e1e" size="12" class="data-v-1a96f19f" bind:__l="__l"></u-icon></view></view></u-number-box></view></u-form-item></u--form><view class="btn-group data-v-1a96f19f"><u-button class="cancel-btn data-v-1a96f19f" vue-id="1eebc52a-47" type="info" plain="{{true}}" data-event-opts="{{[['^click',[['e1']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}"> 取消 </u-button><u-button class="submit-btn data-v-1a96f19f" vue-id="1eebc52a-48" type="primary" data-event-opts="{{[['^click',[['handleSubmit']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}"> 提交 </u-button></view></view></block><u-popup vue-id="1eebc52a-49" show="{{show}}" round="10" mode="center" closeable="{{true}}" data-ref="popup" data-event-opts="{{[['^close',[['closeAction']]]]}}" bind:close="__e" class="data-v-1a96f19f vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view class="popup-const data-v-1a96f19f"><text class="popup-const-title data-v-1a96f19f">该节点已提交过数据，无法重复添加</text><view class="df data-v-1a96f19f"><text class="label-left data-v-1a96f19f">提交时间: </text><text class="data-v-1a96f19f">{{activeActive.createTime}}</text></view><view class="df data-v-1a96f19f"><text class="label-left data-v-1a96f19f">提交地址</text><text class="data-v-1a96f19f">{{activeActive.address}}</text></view><view class="df data-v-1a96f19f"><text class="label-left data-v-1a96f19f">提交凭证</text><view class="voucher-grid data-v-1a96f19f"><block wx:for="{{activeActive.feeVoucherUrl}}" wx:for-item="img" wx:for-index="imgIndex" wx:key="imgIndex"><view class="voucher-item data-v-1a96f19f"><image class="voucher-img data-v-1a96f19f" src="{{img}}" mode="aspectFill"></image></view></block><block wx:if="{{$root.g1}}"><view class="no-voucher data-v-1a96f19f"> 暂无凭证 </view></block></view></view></view></u-popup></view>
|
