1 |
- <view class="template-edit tn-safe-area-inset-bottom data-v-7db0d20e"><tn-nav-bar vue-id="63cbc92d-1" fixed="{{true}}" customBack="{{true}}" class="data-v-7db0d20e" bind:__l="__l" vue-slots="{{['back','default']}}"><view class="tn-custom-nav-bar__back data-v-7db0d20e" slot="back" data-event-opts="{{[['tap',[['goBack',['$event']]]]]}}" bindtap="__e"><text class="icon tn-icon-left data-v-7db0d20e"></text></view><view style="display:flex;" class="data-v-7db0d20e"><view style="flex:1;margin-left:25px;" class="data-v-7db0d20e"><text style="{{'font-size:'+(wxFontSize+'px')+';'}}" class="data-v-7db0d20e">发布需求</text></view><view class="data-v-7db0d20e"><block wx:if="{{!canSave}}"><button style="{{'margin-right:4px;border-radius:24px;height:32px;line-height:32px;font-size:15px;margin-top:4px;color:#0003;border-color:#0003;'+('font-size:'+(wxFontSize-3+'px')+';')}}" disabled="{{!canSave}}" plain="true" data-event-opts="{{[['tap',[['saveForm',[1]]]]]}}" bindtap="__e" class="data-v-7db0d20e">暂存</button></block><block wx:if="{{canSave}}"><button style="{{'margin-right:4px;border-radius:24px;height:32px;line-height:32px;font-size:15px;margin-top:4px;color:#1d60b1;border-color:#1d60b1;'+('font-size:'+(wxFontSize-3+'px')+';')}}" plain="true" disabled="{{!canSave}}" data-event-opts="{{[['tap',[['saveForm',[1]]]]]}}" bindtap="__e" class="data-v-7db0d20e">暂存</button></block></view></view></tn-nav-bar><view class="tn-safe-area-inset-bottom data-v-7db0d20e" style="{{'background:#f7f7f7;'+('padding-top:'+(vuex_custom_bar_height+'px')+';')}}"><view style="display:flex;padding:16px 80px;" class="data-v-7db0d20e"><view style="position:relative;" class="data-v-7db0d20e"><image style="width:40px;height:40px;" src="../static/tu/step1.png" class="data-v-7db0d20e"></image><view style="{{'position:absolute;width:max-content;margin-left:-50%;'+('color:'+(stepIndex==1?'#333':'#777')+';')}}" class="data-v-7db0d20e">填写需求</view></view><view style="flex:1;height:0px;border:1px dashed #005DA6;align-self:center;" class="data-v-7db0d20e"></view><view style="position:relative;" class="data-v-7db0d20e"><block wx:if="{{stepIndex==1}}"><image style="width:40px;height:40px;" src="../static/tu/step2.png" class="data-v-7db0d20e"></image></block><block wx:if="{{stepIndex==2}}"><image style="width:40px;height:40px;" src="../static/tu/step22.png" class="data-v-7db0d20e"></image></block><view style="{{'position:absolute;width:max-content;margin-left:-50%;'+('color:'+(stepIndex==1?'#777':'#333')+';')}}" class="data-v-7db0d20e">填写联系方式</view></view></view><view hidden="{{!(stepIndex==1)}}" class="data-v-7db0d20e"><view style="margin-top:24px;background:#e187301a;border-radius:5px 5px 5px 5px;margin-left:16px;margin-right:16px;padding:8px 0 7px 10px;" class="data-v-7db0d20e"><image style="width:20px;height:20px;vertical-align:bottom;" src="../static/tu/tip.png" class="data-v-7db0d20e"></image><text style="color:#E18730;" class="data-v-7db0d20e">以下三种方式可任选其一,若有可都输入</text></view><view style="{{'padding:16px;color:#333;'+('font-size:'+(fontSize-1+'px')+';')}}" class="data-v-7db0d20e">需求</view><view class="tn-margin tn-padding data-v-7db0d20e" style="border-radius:10rpx;background:#fff;margin-top:0;"><textarea style="{{'font-size:'+(wxFontSize-3+'px')+';'+('width:'+('100%')+';')}}" maxlength="500" placeholder="请描述您的需求..." placeholder-style="{{styleString}}" data-event-opts="{{[['input',[['__set_model',['','content','$event',[]]]]]]}}" value="{{content}}" bindinput="__e" class="data-v-7db0d20e"></textarea></view><view style="{{'padding:16px;color:#333;'+('font-size:'+(fontSize-1+'px')+';')}}" class="data-v-7db0d20e">上传图片</view><view class="tn-margin-left tn-padding-top-xs data-v-7db0d20e"><uni-file-picker vue-id="63cbc92d-2" limit="{{6}}" auto-upload="{{false}}" value="{{imgList}}" data-event-opts="{{[['^delete',[['deleteFile']]],['^select',[['select']]],['^success',[['success']]],['^input',[['__set_model',['','imgList','$event',[]]]]]]}}" bind:delete="__e" bind:select="__e" bind:success="__e" bind:input="__e" class="data-v-7db0d20e" bind:__l="__l"></uni-file-picker><view style="margin-top:8px;" class="data-v-7db0d20e"><image style="width:16px;height:16px;margin-right:4px;vertical-align:bottom;" src="../static/tu/help.png" class="data-v-7db0d20e"></image><text style="{{'color:#aaa;font-size:12px;'+('font-size:'+(wxFontSize-5+'px')+';')}}" class="data-v-7db0d20e">一次只能上传<text style="color:#E18730;display:inline;" class="data-v-7db0d20e">六张图片</text></text></view></view><view style="{{'padding:16px;color:#333;'+('font-size:'+(fontSize-1+'px')+';')}}" class="data-v-7db0d20e">上传文件</view><view style="background:#fff;margin-left:16px;margin-right:16px;padding:12px;border-radius:6px;" class="data-v-7db0d20e"><uni-file-picker vue-id="63cbc92d-3" limit="{{3}}" mode="grid" file-mediatype="all" file-extname="pdf,docx,doc,xls,xlsx" auto-upload="{{false}}" value="{{fileList}}" data-event-opts="{{[['^delete',[['deleteFile']]],['^select',[['select']]],['^success',[['success']]],['^input',[['__set_model',['','fileList','$event',[]]]]]]}}" bind:delete="__e" bind:select="__e" bind:success="__e" bind:input="__e" class="data-v-7db0d20e" bind:__l="__l" vue-slots="{{['default']}}"><view style="text-align:left;" class="data-v-7db0d20e"><button style="{{'color:#fff;background-color:#005DA6;border:none;'+('font-size:'+(wxFontSize-5+'px')+';')}}" size="mini" plain="true" class="data-v-7db0d20e"><image style="width:20px;height:20px;vertical-align:middle;margin-right:4px;" src="../static/tu/up.png" class="data-v-7db0d20e"></image>上传文件</button></view></uni-file-picker><view style="margin-top:4px;" class="data-v-7db0d20e"><text style="{{'color:#999;font-size:12px;'+('font-size:'+(wxFontSize-5+'px')+';')}}" class="data-v-7db0d20e">一次只能上传<text style="color:#E18730;" class="data-v-7db0d20e">三个</text>文件,支持格式<text style="color:#E18730;" class="data-v-7db0d20e">pdf .doc .xls</text>,不超过<text style="color:#E18730;" class="data-v-7db0d20e">5MB</text>。</text></view></view><view style="margin-top:20px;padding:16px;" class="data-v-7db0d20e"><view style="{{'padding:16px 0;color:#333;'+('font-size:'+(fontSize-1+'px')+';')}}" class="data-v-7db0d20e">需求有效期</view><uni-data-select vue-id="63cbc92d-4" localdata="{{selectList}}" placement="top" placeholder="请选择" fontSize="{{wxFontSize-3+'px'}}" value="{{selectValue}}" data-event-opts="{{[['^change',[['changeSelect']]],['^input',[['__set_model',['','selectValue','$event',[]]]]]]}}" bind:change="__e" bind:input="__e" class="data-v-7db0d20e" bind:__l="__l"></uni-data-select></view><view class="tn-flex tn-footerfixed data-v-7db0d20e"><view class="tn-flex-1 justify-content-item tn-margin-sm tn-text-center data-v-7db0d20e"><button style="{{'border-radius:8px 8px 8px 8px;background:#005DA6;color:#f7f7f7;border:none;'+('font-size:'+(wxFontSize-2+'px')+';')}}" type="default" plain="true" disabled="{{!canNext}}" data-event-opts="{{[['tap',[['nextStep']]]]}}" bindtap="__e" class="data-v-7db0d20e">下一步</button></view></view></view><view hidden="{{!(stepIndex==2)}}" class="data-v-7db0d20e"><view style="padding:16px;" class="data-v-7db0d20e"><uni-forms vue-id="63cbc92d-5" modelValue="{{formData}}" label-width="0" class="data-v-7db0d20e" bind:__l="__l" vue-slots="{{['default']}}"><view style="{{'margin:16px 0;'+('font-size:'+(wxFontSize-3+'px')+';')}}" class="data-v-7db0d20e"><text style="color:red;line-height:30px;vertical-align:middle;margin-right:4px;" class="data-v-7db0d20e">*</text><text class="data-v-7db0d20e">公司名称:</text><w-select style="width:100%;" vue-id="{{('63cbc92d-6')+','+('63cbc92d-5')}}" list="{{items}}" valueName="name" keyName="regNumber" filterable="{{true}}" fontSize="{{wxFontSize-3+'px'}}" value="{{searchValue}}" data-event-opts="{{[['^change',[['selectChange']]],['^input',[['__set_model',['','searchValue','$event',[]]]]]]}}" bind:change="__e" bind:input="__e" class="data-v-7db0d20e" bind:__l="__l"></w-select></view><text style="{{'color:red;line-height:30px;vertical-align:middle;margin-right:4px;'+('font-size:'+(wxFontSize-3+'px')+';')}}" class="data-v-7db0d20e">*</text><text style="{{'font-size:'+(wxFontSize-3+'px')+';'}}" class="data-v-7db0d20e">您的职称:</text><uni-forms-item vue-id="{{('63cbc92d-7')+','+('63cbc92d-5')}}" label name="realName" label-width="0" class="data-v-7db0d20e" bind:__l="__l" vue-slots="{{['default']}}"><uni-easyinput bind:input="__e" vue-id="{{('63cbc92d-8')+','+('63cbc92d-7')}}" type="text" inputSize="{{wxFontSize-3}}" placeholder-style="{{styleString}}" clearable="{{false}}" placeholder="请输入您的职称" value="{{formInfo.jobTitle}}" data-event-opts="{{[['^input',[['__set_model',['$0','jobTitle','$event',[]],['formInfo']]]]]}}" class="data-v-7db0d20e" bind:__l="__l"></uni-easyinput></uni-forms-item><text style="{{'color:red;line-height:30px;vertical-align:middle;margin-right:4px;'+('font-size:'+(wxFontSize-3+'px')+';')}}" class="data-v-7db0d20e">*</text><text style="{{'font-size:'+(wxFontSize-3+'px')+';'}}" class="data-v-7db0d20e">联系人姓名:</text><uni-forms-item vue-id="{{('63cbc92d-9')+','+('63cbc92d-5')}}" label="联系人姓名" name="contactMethod" class="data-v-7db0d20e" bind:__l="__l" vue-slots="{{['default']}}"><uni-easyinput bind:input="__e" vue-id="{{('63cbc92d-10')+','+('63cbc92d-9')}}" type="text" inputSize="{{wxFontSize-3}}" placeholder-style="{{styleString}}" clearable="{{false}}" placeholder="请输入联系人姓名" value="{{formInfo.contactPerson}}" data-event-opts="{{[['^input',[['__set_model',['$0','contactPerson','$event',[]],['formInfo']]]]]}}" class="data-v-7db0d20e" bind:__l="__l"></uni-easyinput></uni-forms-item><text style="{{'color:red;line-height:30px;vertical-align:middle;margin-right:4px;'+('font-size:'+(wxFontSize-3+'px')+';')}}" class="data-v-7db0d20e">*</text><text style="{{'font-size:'+(wxFontSize-3+'px')+';'}}" class="data-v-7db0d20e">联系方式:</text><uni-forms-item vue-id="{{('63cbc92d-11')+','+('63cbc92d-5')}}" label="联系方式" name="phone" class="data-v-7db0d20e" bind:__l="__l" vue-slots="{{['default']}}"><uni-easyinput bind:input="__e" vue-id="{{('63cbc92d-12')+','+('63cbc92d-11')}}" type="text" inputSize="{{wxFontSize-3}}" placeholder-style="{{styleString}}" clearable="{{false}}" placeholder="请输入联系手机/微信/邮箱" value="{{formInfo.contactMethod}}" data-event-opts="{{[['^input',[['__set_model',['$0','contactMethod','$event',[]],['formInfo']]]]]}}" class="data-v-7db0d20e" bind:__l="__l"></uni-easyinput></uni-forms-item><uni-forms-item vue-id="{{('63cbc92d-13')+','+('63cbc92d-5')}}" label="11" name="check" class="data-v-7db0d20e" bind:__l="__l" vue-slots="{{['default']}}"><tn-checkbox bind:input="__e" vue-id="{{('63cbc92d-14')+','+('63cbc92d-13')}}" activeColor="#45c05d" size="{{wxFontSize+17}}" name="选项1" value="{{formInfo.agree}}" data-event-opts="{{[['^input',[['__set_model',['$0','agree','$event',[]],['formInfo']]]]]}}" class="data-v-7db0d20e" bind:__l="__l" vue-slots="{{['default']}}"><text style="{{'font-size:'+(wxFontSize-4+'px')+';'+('color:'+(formInfo.agree?'#45c05d':'#666666')+';')}}" class="data-v-7db0d20e">同意平台核查所填信息的真实性</text></tn-checkbox><text style="{{'font-size:'+(wxFontSize-4+'px')+';'+('color:'+('#888')+';')+('padding-top:'+('8px')+';')+('display:'+('block')+';')}}" class="data-v-7db0d20e">系统将短信通知您审核结果。如需关闭通知功能,请前往我的页面自行关闭</text></uni-forms-item></uni-forms></view><view class="tn-flex tn-footerfixed data-v-7db0d20e"><view class="tn-flex-1 justify-content-item tn-margin-sm tn-text-center data-v-7db0d20e"><button style="{{'border-radius:24px;'+('font-size:'+(wxFontSize-2+'px')+';')}}" type="default" plain="true" disabled="{{!canSave}}" data-event-opts="{{[['tap',[['preStep']]]]}}" bindtap="__e" class="data-v-7db0d20e">上一步</button></view><view class="tn-flex-1 justify-content-item tn-margin-sm tn-text-center data-v-7db0d20e"><block wx:if="{{canSave&&canNext}}"><button style="{{'background-color:#1d60b1;border-radius:23px;'+('font-size:'+(wxFontSize-2+'px')+';')}}" type="primary" data-event-opts="{{[['tap',[['saveForm']]]]}}" bindtap="__e" class="data-v-7db0d20e">提交审核</button></block><block wx:if="{{!canSave||!canNext}}"><button style="{{'background-color:#0003;border-radius:23px;'+('font-size:'+(wxFontSize-2+'px')+';')}}" type="primary" disabled="{{!canSave||!canNext}}" data-event-opts="{{[['tap',[['saveForm']]]]}}" bindtap="__e" class="data-v-7db0d20e">提交审核</button></block></view></view></view></view><view class="tn-tabbar-height data-v-7db0d20e"></view></view>
|