water_xcx/pages/t-water/t-water.wxml

<!--pages/t-water/t-water.wxml-->
<view class="container">
  <view class="water-line"></view>
  <wxs module="_">
    module.exports.getText = function(value, curr) { 
      if (curr == 0) {
        return '第一步'; 
      } else if (curr == 1) {
        return '第二步'; 
      }
    }
  </wxs>
  <view class="block" style="padding-top: 60rpx;">
    <t-steps current="{{first}}" bind:change="onFirstChange">
      <t-step-item wx:for="{{2}}" wx:key="index" title="{{_.getText(first, index)}}" />
    </t-steps>
  </view>
  <view wx:if="{{first == 0}}">
    <view class="head-last">
      <view class="head-title">*检测项目</view>
      <t-checkbox-group t-class="box" borderless bind:change="onDetectionItemsChange">
        <t-checkbox wx:for="{{detectionItemsData}}" value="{{item.value}}" label="{{item.label}}" />
      </t-checkbox-group>
    </view>
    <view class="water-line"></view>
    <view class="pannel-item last">
      <t-cell class="block" title="*选择站点 {{deviceName}}" arrow hover note="{{deviceCodeText}}" bind:click="selectDevice" data-filed="deviceCode"/>
      <!-- <t-picker
        visible="{{deviceCodeVisible}}"
        value="{{deviceCodeValue}}"
        data-key="deviceCode"
        title="选择站点"
        cancelBtn="取消"
        confirmBtn="确认"
        bindchange="onPickerChange"
        bindpick="onColumnChange"
        bindcancel="onPickerCancel"
      >
        <t-picker-item options="{{deviceCodeData}}"></t-picker-item>
      </t-picker> -->
    </view>
  </view>
  
  <view wx:if="{{first == 1}}">
    <view class="pannel-item last">
      <t-cell class="block" title="*样品取回" arrow hover note="{{sampleBackText}}" bind:click="onCityPicker"  data-filed="sampleBack" />
      <t-picker
        visible="{{sampleBackVisible}}"
        value="{{sampleBackValue}}"
        data-key="sampleBack"
        title="样品取回"
        cancelBtn="取消"
        confirmBtn="确认"
        bindchange="onPickerChange"
        bindpick="onColumnChange"
        bindcancel="onPickerCancel"
      >
        <t-picker-item options="{{sampleBackData}}"></t-picker-item>
      </t-picker>
    </view>
    <view class="pannel-item last" >
      <t-cell class="block" title="*样品类型" arrow hover note="{{sampleTypeText}}" bind:click="onCityPicker" data-filed="sampleType"/>
      <t-picker
        visible="{{sampleTypeVisible}}"
        value="{{sampleTypeValue}}"
        data-key="sampleType"
        title="样品类型"
        cancelBtn="取消"
        confirmBtn="确认"
        bindchange="onPickerChange"
        bindpick="onColumnChange"
        bindcancel="onPickerCancel"
      >
        <t-picker-item options="{{sampleTypeData}}"></t-picker-item>
      </t-picker>
    </view>
    <!-- <view class="pannel-item last" >
      <t-cell class="block" title="*检测项目" arrow hover note="{{detectionItemsText}}" bind:click="onCityPicker" data-filed="detectionItems"/>
      <t-picker
        visible="{{detectionItemsVisible}}"
        value="{{detectionItemsValue}}"
        data-key="detectionItems"
        title="检测项目"
        cancelBtn="取消"
        confirmBtn="确认"
        bindchange="onPickerChange"
        bindpick="onColumnChange"
        bindcancel="onPickerCancel"
      >
        <t-picker-item options="{{detectionItemsData}}"></t-picker-item>
      </t-picker>
    </view> -->
    <view class="pannel-item last" >
      <t-cell class="block" title="*检测报告" arrow hover note="{{detectionReportText}}" bind:click="onCityPicker" data-filed="detectionReport"/>
      <t-picker
        visible="{{detectionReportVisible}}"
        value="{{detectionReportValue}}"
        data-key="detectionReport"
        title="检测报告"
        cancelBtn="取消"
        confirmBtn="确认"
        bindchange="onPickerChange"
        bindpick="onColumnChange"
        bindcancel="onPickerCancel"
      >
        <t-picker-item options="{{detectionReportData}}"></t-picker-item>
      </t-picker>
    </view>
    <view class="pannel-item last" >
      <t-cell class="block" title="*报告出具" arrow hover note="{{reportIssuedText}}" bind:click="onCityPicker" data-filed="reportIssued"/>
      <t-picker
        visible="{{reportIssuedVisible}}"
        value="{{reportIssuedValue}}"
        data-key="reportIssued"
        title="报告出具"
        cancelBtn="取消"
        confirmBtn="确认"
        bindchange="onPickerChange"
        bindpick="onColumnChange"
        bindcancel="onPickerCancel"
      >
        <t-picker-item options="{{reportIssuedData}}"></t-picker-item>
      </t-picker>
    </view>
    <view class="pannel-item last" >
      <t-cell class="block" title="*报告用途" arrow hover note="{{reportUseText}}" bind:click="onCityPicker" data-filed="reportUse"/>
      <t-picker
        visible="{{reportUseVisible}}"
        value="{{reportUseValue}}"
        data-key="reportUse"
        title="报告用途"
        cancelBtn="取消"
        confirmBtn="确认"
        bindchange="onPickerChange"
        bindpick="onColumnChange"
        bindcancel="onPickerCancel"
      >
        <t-picker-item options="{{reportUseData}}"></t-picker-item>
      </t-picker>
    </view>
    <view class="pannel-item last">
      <t-cell
        title="*截至时间"
        hover
        note="{{asOfTimeText || ''}}"
        arrow
        data-mode="asOfTime"
        bindtap="showPicker"
        class="test"
        t-class="pannel-item"
      />
      <t-date-time-picker
        title="截至时间"
        visible="{{asOfTimeVisible}}"
        mode="date"
        defaultValue="{{date}}"
        format="YYYY-MM-DD"
        bindchange="onConfirm"
        bindpick="onColumnChange"
        bindcancel="hidePicker"
      />
    </view>
    <view class="pannel-item last">
      <t-input label="*样品数量" bindchange="changeSampleQuantity" suffix="个" align="right" type="number" />
    </view>
    <view class="list">
      <view class="water-item">
        <text>*备注</text>
        <t-textarea bindchange="changeRemark" placeholder="请输入备注" />
      </view>
    </view>
    
  </view>
  <t-button wx:if="{{first < 1}}"  theme="primary" size="large" bindtap="dispatch" disabled="{{disabled}}">下一步</t-button>
  <t-button wx:if="{{first == 1}}"  theme="primary" size="large" bindtap="submitForm" disabled="{{disabled}}">提交申请</t-button>
</view>