user-table.wxml 4.35 KB
<view class="page">
  <view class="app__bgc bgc"></view>
  <!-- <view class="app__bg bg"></view> -->
  <image class="bg" src="../../image/oss/poster/poster-bg.png" mode="scaleToFill" />
  <view class="decoration">
    <image class="d1" mode="widthFix" src="../../image/oss/user-table/user-table-d1.png" />
    <image class="d2" mode="widthFix" src="../../image/oss/user-table/user-table-d2.png" />
  </view>
  <view class="app__content main">
    <view class="top-space"></view>
    <view class="content">
      <view class="top">
        <view class="tit">
          <image mode="widthFix" src="../../image/oss/user-table/user-table-c1.png" />
        </view>
        <view class="display">
          <image wx:if="{{wishInfo.tag}}" class="prod" mode="aspectFit" src="../../image/prize/prize-{{wishInfo.tag}}.png" />
        </view>
        <view class="name">{{wishInfo.prizeName}}</view>
      </view>
      <!-- 表单 -->
      <view class="table">
        <image class="ebg" mode="widthFix" src="../../image/oss/user-table/user-table-c2.png" />
        <!-- 编辑框 -->
        <view wx:if="{{tableIndex == 0}}" class="border edit">
          <view class="space1"></view>
          <view class="tips">*请填写您的邮寄地址,我们将为您送出以上礼品</view>
          <view class="form">
            <view class="ipt">
              <view class="label">姓名</view>
              <input value="{{receiverName}}" bindinput="bindNameInput" class="input" placeholder="请输入" />
            </view>
            <view class="ipt">
              <view class="label">电话</view>
              <input value="{{receiverMobile}}" bindinput="bindPhoneInput" class="input" placeholder="请输入" />
            </view>
            <view class="ipt">
              <view class="label">区域</view>
              <picker class="form-detail-item-label" mode="region" bindchange="bindRegionChange" value="{{region}}">
                <view class="input area">
                  <view class="area-item area-item2">
                    <span class="val">{{region[0]?region[0]:'省'}}</span>
                    <!-- <span wx:if="{{!region[0]}}" class="holder">省</span> -->
                    <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" />
                  </view>
                  <view class="line"></view>
                  <view class="area-item area-item2">
                    <span class="val">{{region[1]?region[1]:'市'}}</span>
                    <!-- <span wx:if="{{!region[1]}}" class="holder">市</span> -->
                    <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" />
                  </view>
                  <view class="line"></view>
                  <view class="area-item area-item2">
                    <span class="val">{{region[2]?region[2]:'区'}}</span>
                    <!-- <span wx:if="{{!region[2]}}" class="holder">区</span> -->
                    <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" />
                  </view>
                </view>
              </picker>
            </view>
            <view class="ipt ipt2">
              <view class="label">地址</view>
              <textarea value="{{receiverAddress}}" bindinput="bindAddressInput"  class="input textarea" placeholder="请输入"></textarea>
            </view>
          </view>
          <view bindtap="onSubmitHandler" class="submit-btn">确认提交</view>
        </view>
        <!-- 结果显示 -->
        <view wx:else class="border result">
          <view class="space1"></view>
          <view class="tips">*感谢您提交的地址,我们将尽快为您送出以上礼品</view>
          <view class="form">
            <view class="form-item">
              <view class="label">{{wishInfo.associateName}}</view>
              <view class="val">林小美</view>
            </view>
            <view class="form-item">
              <view class="label">电话</view>
              <view class="val">{{wishInfo.associateMobile}}</view>
            </view>
            <view class="form-item">
              <view class="label">地址</view>
              <view class="val">{{regionStr}}{{wishInfo.addressStr}}</view>
            </view>
          </view>
          <view bindtap="onWishHandler" class="submit-btn">返回首页</view>
        </view>
      </view>
    </view>
  </view>
</view>