app/job/postJob/postJob.wxml

<!--pages/my/postJob/postJob.wxml-->
<view class="job-container">
  <view class="title">创建兼职</view>
  <form action="">
    <view class="job-item">
      <view class="label">所属客户</view>
      <view class="input-box">
        <view class="section txt-color">
          <picker mode="selector" bindchange="clientChange" value="{{clientIndex}}" range="{{clientList}}" range-key="companyname">
            <view wx:if="{{clientId}}" class="picker">
              {{clientList[clientIndex].companyname}}
            </view>
            <view wx:else class="picker">
              <text>选择所属客户</text>
              <text class="iconfont icon-xiayibu"></text>
            </view>
          </picker>
        </view>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text class="required">*</text>
        <text>兼职标题</text>
      </view>
      <view class="input-box">
        <input class="input-label" type="text" model:value="{{title}}" placeholder="请输入兼职标题"  />
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text class="required">*</text>
        <text>兼职分类</text>
      </view>
      <view class="input-box">
        <view class="section txt-color">
          <picker mode="selector" bindchange="categoryChange" value="{{categoryIndex}}" range="{{categoryList}}" range-key="itemname">
            <view wx:if="{{category}}" class="picker">
              {{categoryList[categoryIndex].itemname}}
            </view>
            <view wx:else class="picker">
              <text>请选择兼职分类</text>
              <text class="iconfont icon-xiayibu"></text>
            </view>
          </picker>
        </view>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text class="required">*</text>
        <text>兼职类型</text>
      </view>
      <view class="input-box">
        <view class="section txt-color">
          <picker mode="selector" bindchange="typeChange" value="{{typeIndex}}" range="{{typeList}}" range-key="itemname">
            <view wx:if="{{type}}" class="picker">
              {{typeList[typeIndex].itemname}}
            </view>
            <view wx:else class="picker">
              <text>请选择兼职类型</text>
              <text class="iconfont icon-xiayibu"></text>
            </view>
          </picker>
        </view>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text class="required">*</text>
        <text>所属区域</text>
      </view>
      <view class="input-box area">
        <view class="section txt-color">
          <picker mode="multiSelector" bindchange="areaChange" bindcolumnchange="MultiPickerAreaChange" value="{{multiIndex}}" range="{{multiArray}}" range-key="name">
            <view class="picker">
              <text>{{multiArray[0][multiIndex[0]].name}} {{multiArray[1][multiIndex[1]].name}} {{multiArray[2][multiIndex[2]].name}}</text>
              <text class="iconfont icon-xiayibu font35 right-icon"></text>
            </view>
            <!-- <view wx:else class="picker">
              暂无
              <text class="iconfont icon-xiayibu font35 right-icon"></text>
            </view> -->
          </picker>
        </view>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text class="required">*</text>
        <text>兼职地址</text>
      </view>
      <view class="input-box">
        <view class="section txt-color">
          <view class="picker" bindtap="changeAddress">
            <text>{{address ? address : '请填写兼职地址'}}</text>
            <view>
              <image class="address-icon" src="{{appAssetsUrl2}}wjxy/mine/address-icon.png"></image>选择
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text class="required">*</text>
        <text>工作日期</text>
      </view>
      <view class="input-box">
        <view class="section txt-color picker-box">
          <i class="iconfont1 icon-date date-icon"></i>
          <picker mode="date" start="2022-09-01" end="2025-09-01" value="{{workdateStart}}" bindchange="workStartTimeBindDateChange">
            <view wx:if="{{workdateStart}}" class="picker">
              {{workdateStart}}
            </view>
            <view wx:else class="picker time">
              <text>选择日期</text>
            </view>
          </picker>
        </view>
        <text class="gap">至</text>
        <view class="section txt-color picker-box">
          <i class="iconfont1 icon-date date-icon"></i>
          <picker mode="date" start="2022-09-01" end="2025-09-01" value="{{workdateEnd}}" bindchange="workEndTimeBindDateChange">
            <view wx:if="{{workdateEnd}}" class="picker">
              {{workdateEnd}}
            </view>
            <view wx:else class="picker time">
              <text>选择日期</text>
            </view>
          </picker>
        </view>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text class="required">*</text>
        <text>工作时间</text>
      </view>
      <view class="input-box">
        <view class="section txt-color picker-box">
          <i class="iconfont1 icon-date date-icon"></i>
          <picker mode="time" start="00:00" end="23:59" value="{{worktimeStart}}" bindchange="workStartTimeBindTimeChange">
            <view wx:if="{{worktimeStart}}" class="picker">
              {{worktimeStart}}
            </view>
            <view wx:else class="picker time">
              <text>选择时间</text>
            </view>
          </picker>
        </view>
        <text class="gap">至</text>
        <view class="section txt-color picker-box">
          <i class="iconfont1 icon-date date-icon"></i>
          <picker mode="time" start="00:00" end="23:59" value="{{worktimeEnd}}" bindchange="workEndTimeBindTimeChange">
            <view wx:if="{{worktimeEnd}}" class="picker">
              {{worktimeEnd}}
            </view>
            <view wx:else class="picker time">
              <text>选择时间</text>
            </view>
          </picker>
        </view>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text class="required">*</text>
        <text>报名截止</text>
      </view>
      <view class="input-box">
        <view class="section txt-color picker-box">
          <i class="iconfont1 icon-date date-icon"></i>
          <picker mode="date" start="2022-09-01" end="2025-09-01" value="{{registrationDate}}" bindchange="registrationBindDateChange">
            <view wx:if="{{registrationDate}}" class="picker">
              {{registrationDate}}
            </view>
            <view wx:else class="picker time">
              <text>选择日期</text>
            </view>
          </picker>
          <picker mode="time" start="00:00" end="23:59" value="{{registrationHS}}" bindchange="registrationBindTimeChange">
            <view wx:if="{{registrationHS}}" class="picker">
              {{registrationHS}}
            </view>
            <view wx:else class="picker time">
              <text>选择时间</text>
            </view>
          </picker>
        </view>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text class="required">*</text>
        <text>集合时间</text>
      </view>
      <view class="input-box">
        <view class="section txt-color picker-box">
          <i class="iconfont1 icon-date date-icon"></i>
          <picker mode="date" start="2022-09-01" end="2025-09-01" value="{{meetingTimeDate}}" bindchange="meetingBindDateChange">
            <view wx:if="{{meetingTimeDate}}" class="picker">
              {{meetingTimeDate}}
            </view>
            <view wx:else class="picker time">
              <text>选择日期</text>
            </view>
          </picker>
          <picker mode="time" start="00:00" end="23:59" value="{{meetingTimeHS}}" bindchange="meetingBindTimeChange">
            <view wx:if="{{meetingTimeHS}}" class="picker">
              {{meetingTimeHS}}
            </view>
            <view wx:else class="picker time">
              <text>选择时间</text>
            </view>
          </picker>
        </view>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text>是否推荐至首页</text>
      </view>
      <view class="input-box">
        <radio-group class="group" bindchange="recommendRadioChange">
          <label class="radio">
            <radio value="1" checked="{{isTop == 1 ? true : false}}" />是
          </label>
          <label class="radio">
            <radio value="0" checked="{{isTop == 0 ? true : false}}" />否
          </label>
        </radio-group>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text class="required">*</text>
        <text>工资价格</text>
      </view>
      <view class="input-box">
        <view class="section txt-color picker-box">
          <input type="text" model:value="{{price}}" placeholder="请输入工资价格" />
          <picker mode="selector" bindchange="priceChange" value="{{priceIndex}}" range="{{arrayPrice}}" range-key="itemname" style="margin-left: auto;">
            <view class="picker">
              <text>
                <text wx:if="{{unit}}">{{arrayPrice[priceIndex].itemname}}</text>
                <text wx:else>天/半天/小时/次/月</text>
                <text class="iconfont icon-xiayibu"></text>
              </text>
            </view>
          </picker>
        </view>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text>性别要求</text>
      </view>
      <view class="input-box">
        <radio-group class="group" bindchange="sexRadioChange">
          <label class="radio">
            <radio value="03" checked="{{sexlimit == '03' ? true : false}}" />男女不限
          </label>
          <label class="radio">
            <radio value="01" checked="{{sexlimit == '01' ? true : false}}" />仅限男生
          </label>
          <label class="radio">
            <radio value="02" checked="{{sexlimit == '02' ? true : false}}" />仅限女生
          </label>
        </radio-group>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text>是否需要会员</text>
      </view>
      <view class="input-box">
        <radio-group class="group" bindchange="freeRadioChange">
          <label class="radio">
            <radio value="1" checked="{{isNeedVip == 1 ? true : false}}" />是
          </label>
          <label class="radio">
            <radio value="0" checked="{{isNeedVip == 0 ? true : false}}" />否
          </label>
        </radio-group>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text class="required">*</text>
        <text>身高要求</text>
      </view>
      <view class="input-box">
        <view class="section txt-color">
          <picker mode="selector" bindchange="heightChange" value="{{heightIndex}}" range="{{heightList}}" range-key="itemname">
            <view wx:if="{{heightlimit}}" class="picker">
              {{heightList[heightIndex].itemname}}
            </view>
            <view wx:else class="picker">
              <text>请选择身高要求</text>
              <text class="iconfont icon-xiayibu"></text>
            </view>
          </picker>
        </view>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text>面试时间</text>
      </view>
      <view class="input-box">
        <input class="input-label" type="text" model:value="{{interviewTime}}" placeholder="请输入面试时间，为空不显示" />
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text>培训时间</text>
      </view>
      <view class="input-box">
        <input class="input-label" type="text" model:value="{{trainingTime}}" placeholder="请输入培训时间，为空不显示" />
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text class="required">*</text>
        <text>报名人数限制</text>
      </view>
      <view class="input-box">
        <input class="input-label" type="text" model:value="{{willnum}}" placeholder="请输入最大参与报名人数" />
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text class="required">*</text>
        <text>兼职详情banner图<text class="tip">（建议图片尺寸为：200*250）</text></text>
      </view>
      <view class="box flex-upload" data-index="1" bindtap="uploadHandle">
        <image class="img" wx:if="{{indexImg}}" src="{{indexImg}}"></image>
        <view wx:else class="upload-box">
          <image class="upload-img" src="{{appAssetsUrl2}}wjxy/upload-img.png"></image>
          <text class="upload-tip">点击上传封面</text>
        </view>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text>兼职详情</text>
      </view>
      <view class="box activity">
        <view class="label">
          <text>【兼职介绍】</text>
          <textarea class="activity-box" model:value="{{activityjs}}" name="" id="" cols="30" rows="10"></textarea>
        </view>
        <view class="label">
          <text>【兼职要求】</text>
          <textarea class="activity-box" model:value="{{activityyq}}" name="" id="" cols="30" rows="10"></textarea>
        </view>
        <view class="label">
          <text>【注意事项】</text>
          <textarea class="activity-box" model:value="{{activitysx}}" name="" id="" cols="30" rows="10"></textarea>
        </view>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text>注意事项</text>
      </view>
      <view class="box activity">
        <view class="label">
          <textarea class="activity-box" model:value="{{attention}}" name="" id="" cols="30" rows="10"></textarea>
        </view>
      </view>
    </view>
    <view class="job-item">
      <view class="label">
        <text class="required">*</text>
        <text>联系二维码</text>
      </view>
      <input class="phone" type="text" model:value="{{contactInstructions}}" placeholder="请输入联系说明" />
      <view class="box flex-upload" data-index="2" bindtap="uploadHandle">
        <image class="img qrcode" wx:if="{{qrCodePicture}}" src="{{qrCodePicture}}"></image>
        <view wx:else class="upload-box">
          <image class="upload-img" src="{{appAssetsUrl2}}wjxy/upload-img.png"></image>
          <text class="upload-tip">点击上传二维码</text>
        </view>
      </view>
    </view>
    <button class="btn" bindtap="submit">发布预览</button>
  </form>
</view>