cdht-app-h5/miniprogram/pages/violationReporting/violationReporting.wxml

<!--pages/violationReporting/violationReporting.wxml-->
<view>
  <view class="identificationBox">
    <textarea data-fieldname="message" bind:input="inputChange" value="{{params.message}}" class="textarea" placeholder="请粘贴或输入违章短信文本，点击“识别”自动识别违章信息" placeholder-style="color: #949CB5;font-size:28rpx;"></textarea>
    <view class="{{validate.message ? 'flex-between' : 'flex-end'}} analysisBtn">
      <view class="tips" wx:if="{{validate.message}}">{{validate.message}}</view>
      <view class="button {{!params.message || validate.message ? 'disabled' : ''}}" catch:tap="analyzeMessage">识别</view>
    </view>
  </view>
  <view class="box">
    <view class="row flex-between">
      <view class="left flex-align">
        <view class="bg"></view>
        <view>基本信息</view>
      </view>
    </view>
    <view class="info-item">
      <view class="flex-between">
        <view class="left flex-align">
          <view class="require">*</view>
          <view>车牌号码</view>
        </view>
        <view class="right flex-align selectItem" data-fieldName="plateNumberShow" catch:tap="pickerChange">
          <view wx:if="{{params.plateNumber}}">{{params.plateNumber}}</view>
          <view class="placeholder" wx:else>请选择</view>
          <view class="arrow"></view>
        </view>
      </view>
      <view class="tips" wx:if="{{requireObj.plateNumber}}">{{requireObj.plateNumber}}</view>
    </view>
    <!-- 车牌号码下拉选择 -->
    <van-popup show="{{plateNumberShow}}" position="bottom" bind:close="hidePicker">
      <view class="searchBox">
        <van-search value="{{ plateNumberSearchVal }}" placeholder="请输入车牌号" bind:search="queryAllVehicle" />
      </view>
      <van-picker default-index="{{plateNumberPickerIndex}}" data-fieldname="plateNumber" show-toolbar columns="{{allVehicleList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker" visible-item-count="8">
      </van-picker>
    </van-popup>
    <view class="info-item disabledItem">
      <view class="flex-between">
        <view class="left flex-align">
          <!-- <view class="require">*</view> -->
          <view>所属项目</view>
        </view>
        <view class="right">
          <input value="{{params.projectName}}" type="text" style="width:100%;" disabled />
        </view>
      </view>
      <view class="tips" wx:if="{{requireObj.projectId}}">{{requireObj.projectId}}</view>
    </view>
    <view class="info-item borderBottomNone">
      <view class="flex-between">
        <view class="left flex-align">
          <view class="require">*</view>
          <view>责任人</view>
        </view>
        <view class="right">
          <input placeholder-style="color:#949CB5" data-fieldName="director" bindinput="inputChange" value="{{params.director}}" type="text" placeholder="请输入" style="width:100%;" />
        </view>
      </view>
      <view class="tips" wx:if="{{requireObj.director}}">{{requireObj.director}}</view>
    </view>
  </view>
  <view class="box">
    <view class="row flex-between">
      <view class="left flex-align">
        <view class="bg"></view>
        <view>违章信息</view>
      </view>
    </view>
    <view class="info-item">
      <view class="flex-between">
        <view class="left flex-align">
          <view class="require">*</view>
          <view>违章时间</view>
        </view>
        <view class="right flex-align selectItem" data-fieldName="violationTimeShow" catch:tap="pickerChange">
          <view wx:if="{{params.violationTime}}">{{params.violationTime}}</view>
          <view class="placeholder" wx:else>请选择</view>
          <view class="arrow"></view>
        </view>
      </view>
      <view class="tips" wx:if="{{requireObj.violationTime}}">{{requireObj.violationTime}}</view>
    </view>
    <van-popup show="{{violationTimeShow}}" position="bottom" bind:close="hidePicker">
      <van-datetime-picker data-fieldname="violationTime" value="{{ violationTimestamp }}" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
    </van-popup>
    <view class="info-item">
      <view class="flex-between">
        <view class="left flex-align">
          <view class="require">*</view>
          <view>违章地点</view>
        </view>
        <view class="right">
          <textarea auto-height placeholder-style="color:#949CB5" data-fieldName="violationAddress" bindinput="inputChange" value="{{params.violationAddress}}" type="text" placeholder="请输入" style="width:100%;"></textarea>
        </view>
      </view>
      <view class="tips" wx:if="{{requireObj.violationAddress}}">{{requireObj.violationAddress}}</view>
    </view>
    <view class="info-item">
      <view class="flex-between">
        <view class="left flex-align">
          <view class="require">*</view>
          <view>违章行为</view>
        </view>
        <view class="right flex-align selectItem" data-fieldName="violationActShow" catch:tap="pickerChange">
          <view wx:if="{{params.violationActText}}">{{params.violationActText}}</view>
          <view class="placeholder" wx:else>请选择</view>
          <view class="arrow"></view>
        </view>
      </view>
      <view class="tips" wx:if="{{requireObj.violationActText}}">{{requireObj.violationActText}}</view>
    </view>
    <van-popup show="{{violationActShow}}" position="bottom" bind:close="hidePicker">
      <van-picker data-fieldvalue="violationAct" default-index="{{violationActDefaultIdx}}" data-fieldname="violationActText" show-toolbar columns="{{violationBehavior}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
      </van-picker>
    </van-popup>
    <view class="info-item">
      <view class="flex-between">
        <view class="left flex-align">
          <view>违章司机</view>
        </view>
        <view class="right">
          <input placeholder-style="color:#949CB5" data-fieldName="violationDriver" bindinput="inputChange" value="{{params.violationDriver}}" type="text" placeholder="请输入" style="width:100%;" />
        </view>
      </view>
      <view class="tips" wx:if="{{validate.violationDriver}}">{{validate.violationDriver}}</view>
    </view>
    <view class="info-item">
      <view class="flex-between">
        <view class="left flex-align">
          <view>违章计分</view>
        </view>
        <view class="right">
          <input type="number" placeholder-style="color:#949CB5" data-fieldName="violationScore" bindinput="inputChange" value="{{params.violationScore}}" placeholder="请输入" style="width:100%;" />
        </view>
      </view>
      <view class="tips" wx:if="{{validate.violationScore}}">{{validate.violationScore}}</view>
    </view>
    <view class="info-item">
      <view class="flex-between">
        <view class="left flex-align">
          <view>违章费用(元)</view>
        </view>
        <view class="right">
          <input type="digit" placeholder-style="color:#949CB5" data-fieldName="violationCost" bindinput="inputChange" value="{{params.violationCost}}" placeholder="请输入" style="width:100%;" />
        </view>
      </view>
      <view class="tips" wx:if="{{validate.violationCost}}">{{validate.violationCost}}</view>
    </view>
    <view class="info-item">
      <view class="flex-between">
        <view class="left flex-align">
          <view>处理期限(天)</view>
        </view>
        <view class="right">
          <input type="number" placeholder-style="color:#949CB5" data-fieldName="handleTerm" bindinput="inputChange" value="{{params.handleTerm}}" placeholder="请输入" style="width:100%;" />
        </view>
      </view>
      <view class="tips" wx:if="{{validate.handleTerm}}">{{validate.handleTerm}}</view>
    </view>
    <view class="info-item borderBottomNone">
      <view class="flex-between">
        <view class="left flex-align">
          <view>违章行为描述</view>
        </view>
        <view class="right">
          <input type="text" placeholder-style="color:#949CB5" data-fieldName="violationActDes" bindinput="inputChange" value="{{params.violationActDes}}" type="text" placeholder="请输入" style="width:100%;" />
        </view>
      </view>
      <view class="tips" wx:if="{{validate.violationActDes}}">{{validate.violationActDes}}</view>
    </view>
  </view>
  <view class="operateBtn">
    <view catchtap="formSubmit" class="submitBtn">提交</view>
  </view>
  <van-dialog id="van-dialog" />
</view>