water_xcx/pages/n-task/n-task.wxml

<!--pages/c-dispatch/c-dispatch.wxml-->
<t-navbar title="新建任务" leftIcon="chevron-left" t-class-left-icon="left-icon-back" t-class-title="nav-title" />
<view class="container">
  <view class="t-list"></view>

  <view class="c-header">
    <view class="pannel-item last" >
        <!-- <t-cell class="block" title="选择站点" arrow hover note="{{deviceCodeText}}" bind:click="onPicker" data-filed="deviceCode"/> -->
        <t-search disabled='true' prefixIcon="filter" model:value="{{deviceName}}" bindtap="search" placeholder="选择站点" />
        <!-- <t-picker
          visible="{{deviceCodeVisible}}"
          data-key="deviceCode" 
          title="选择站点"
          cancelBtn="取消"
          confirmBtn="确认"
          bindchange="onPickerChange"
          bindcancel="onPickerCancel"
        >
        <t-picker-item options="{{deviceData}}"></t-picker-item>
      </t-picker> -->
    </view>
    <block wx:if="{{showDetail}}">
      <text class="c-list-head">站点详情</text>
      <view class="t-list">
        <view class="t-item">
          <view class="dispatch-head">
            <text>站点名称：{{deviceDetail.name}}</text>
          </view>
          <view class="dispatch-head1">
            <text>站点状态：</text>
            <t-tag variant="light" wx:if="{{deviceDetail.status == 1}}" theme="success">在线</t-tag>
            <t-tag variant="light" wx:else theme="danger">离线</t-tag>
          </view>
          <view class="dispatch-head">
            <text>坐标：{{deviceDetail.longitude}}，{{deviceDetail.latitude}}</text>
            <t-button
              theme="primary"
              size="extra-small"
              bindtap="navigation"
              data-longitude="{{deviceDetail.longitude}}"
              data-latitude="{{deviceDetail.latitude}}"
              data-name="{{deviceDetail.name}}"
            >导航</t-button>
          </view>
        </view>
      </view>
    </block>
  </view>
  <view class="c-list">
    <text class="c-list-head">任务详情</text>
    <view class="pannel-item last" >
        <t-cell class="block" title="紧急程度" arrow hover note="{{taskLevelText}}" bind:click="onPicker" data-filed="taskLevel"/>
        <t-picker
          visible="{{taskLevelVisible}}"
          value="{{taskLevelValue}}"
          data-key="taskLevel"
          title="紧急程度"
          cancelBtn="取消"
          confirmBtn="确认"
          bindchange="onPickerChange"
          bindpick="onColumnChange"
          bindcancel="onPickerCancel"
        >
        <t-picker-item options="{{taskLevelData}}"></t-picker-item>
      </t-picker>
    </view>
    <view class="pannel-item last">
      <t-cell
        title="选择时间"
        hover
        note="{{completeTimeText}}"
        arrow
        data-mode="completeTime"
        bindtap="showPicker"
        t-class="pannel-item"
      />
      <t-date-time-picker
        title="选择时间"
        visible="{{completeTimeVisible}}"
        mode="minute"
        value="{{completeTime}}"
        format="YYYY-MM-DD HH:mm:ss"
        bindchange="onConfirm"
        bindpick="onColumnChange"
        bindcancel="hidePicker"
      />
    </view>
    <view class="text-item">
      <text>任务内容</text>
      <t-textarea bind:change="getContent" placeholder="请输入文字" maxlength="200" indicator />
    </view>
  </view>
  <view class="c-list">
    <text class="c-list-head">派工详情</text>
    <view class="pannel-item last" >
        <t-cell class="block" title="处理人员" arrow hover note="{{handlerText}}" bind:click="onPicker" data-filed="handler"/>
        <t-picker
          visible="{{handlerVisible}}"
          value="{{handlerValue}}"
          data-key="handler"
          title="处理人员"
          cancelBtn="取消"
          confirmBtn="确认"
          bindchange="onPickerChange"
          bindpick="onColumnChange"
          bindcancel="onPickerCancel"
        >
        <t-picker-item options="{{HandlersData}}"></t-picker-item>
      </t-picker>
    </view>
    <view class="pannel-item last" >
        <t-cell class="block" title="调用车辆" arrow hover note="{{tqImeiText}}" bind:click="onPicker" data-filed="tqImei"/>
        <t-picker
          visible="{{tqImeiVisible}}"
          value="{{tqImeiValue}}"
          data-key="tqImei"
          title="调用车辆"
          cancelBtn="取消"
          confirmBtn="确认"
          bindchange="onPickerChange"
          bindpick="onColumnChange"
          bindcancel="onPickerCancel"
        >
        <t-picker-item options="{{tqImeiData}}"></t-picker-item>
      </t-picker>
    </view>
    
  </view>
  <view class="t-null"></view>
  <view class="foot">
    <t-button theme="primary" size="large" bindtap="dispatch">提 交</t-button>
  </view>
</view>