wx_pro/pages/home/index.wxml

<!--index.wxml-->
<import src="item.wxml"/>

<template name="line">
  <view style="width:95%;height:1px;margin:0 10px;background-color:#e5e5e5;box-sizing: border-box;"/>
</template>
<mp-toptips msg="{{error}}" type="error" show="{{error}}"></mp-toptips>
<view class="main_container">
  <text style="margin:15px;font-size:9pt;color:#AAAAAA;">您可以通过填写信息并点击提交，采集数据</text>
  <view class="menu">
    <view style="display:flex;justify-content:space-between;align-items:center;width:98%;background-color:#FFFFFF;height:50px;" bindtap="bindChangePhone">
      <text style="width:85px;margin-left:10px;font-size:10pt;">手机号</text>
      <view style="display:flex;justify-content:flex-start;align-items:center;width:100%;margin-left:5px;">
        <text style="font-size:10pt;color:grey;">{{phone_number}}</text>
      </view>
      <mp-icon icon="arrow" color="#a1a1a1" size="{{8}}" mar></mp-icon>
    </view>
    <template is="line"></template>
    <picker bindchange="bindPickerChange" value="{{farming_index}}" range="{{farming}}" range-key="name" style="width:100%">
      <template is="main_item" data="{{title:'农事活动' , content:farming[farming_index].name}}"/>
    </picker>
    <template is="line"></template>
    <picker mode="date" value="{{date}}" bindchange="bindDateChange" style="width:100%">
      <template is="main_item" data="{{title:'执行时间' , content:date}}"/>
    </picker>
    <template is="line"></template>
    <picker bindchange="bindBaseChange" value="{{base_index}}" range="{{base}}" range-key="name" style="width:100%">
      <template is="main_item" data="{{title:'采集基地' , content:base[base_index].name}}"/>
    </picker>
    <template is="line"></template>
    <view style="display:flex;justify-content:space-between;align-items:center;width:98%;background-color:#FFFFFF;height:50px;">
      <text style="width:85px;margin-left:10px;font-size:10pt;">执行人</text>
      <view style="display:flex;justify-content:flex-start;align-items:center;width:100%;margin-left:5px;">
        <view  style="width:100%;">
          <input  bindinput="bindExecutor" maxlength="10" placeholder="执行人名" style="width:100%;font-size:10pt;height:30pt" value="{{executor}}"/>
        </view>
      </view>
      <mp-icon icon="arrow" color="#a1a1a1" size="{{8}}" mar></mp-icon>
    </view>
    <template is="line"></template>
    <view style="display:flex;justify-content:space-between;align-items:center;width:98%;background-color:#FFFFFF;height:50px;">
      <text style="width:85px;margin-left:10px;font-size:10pt;">备注说明</text>
      <view style="display:flex;justify-content:flex-start;align-items:center;width:100%;margin-left:5px;">
        <view  style="width:100%;">
          <input class="weui-input" bindinput="bindNote"  maxlength="200" placeholder="备注" style="width:100%;font-size:10pt;height:30pt;border: none;"/>
        </view>
      </view>
      <mp-icon icon="arrow" color="#a1a1a1" size="{{8}}" mar></mp-icon>
    </view>
  </view>
  <view class="page__bd">
    <mp-cells>
        <mp-cell>
            <mp-uploader ext-class="my-uploader" bindfail="uploadError" bindsuccess="uploadSuccess" select="{{selectFile}}" upload="{{uplaodFile}}" files="{{files}}" max-count="1" ></mp-uploader>
        </mp-cell>
    </mp-cells>
  </view>
  <view class="v-commit">
    <button style="width:92%;height:40pt;text-align:center;line-height:30pt" class="commit-btn" loading="{{loading}}" bindtap="submitForm">确认并提交</button>
  </view>
  
</view>