<scroll-view scroll-y="true" class="page">
  <view class="contenBox">
    <!-- <view class="headerBox borderBottoms">
      <view style="width:26%">园区：</view>
      <input type="text" value="{{member.pack.name}}" class="headerInput" bindinput="headerInput" data-name="pack.name"
        placeholder="请输入园区" />
    </view> -->
    <!-- <view class="headerBox borderBottoms">
      <view style="width:26%">公司：</view>
      <input type="text" value="{{member.customer.name}}" class="headerInput" bindinput="headerInput"
        data-name="customer.name" placeholder="请输入需要维修的公司名字" />
    </view> -->
    <view class="headerBox borderBottoms">
      <view style="width:26%">联系人：</view>
      <input type="text" value="{{member.userName}}" class="headerInput" bindinput="headerInput" data-name="userName"
        placeholder="请输入联系人姓名" />
    </view>
    <view class="headerBox">
      <view style="width:26%">联系电话：</view>
      <input type="number" maxlength="11" value="{{mobile}}" class="headerInput" bindinput="headerInput"
        data-name="mobile" placeholder="请输入报修人联系电话" />
    </view>
  </view>

  <view style="width:100%;margin:0 auto;background:white;padding:4%;box-sizing:border-box;">
    <view style="margin-bottom:10rpx;display:flex;height: 50rpx;line-height: 50rpx;">
      <view style="width:22%;">报修区域：</view>
      <input type="text" value="{{area}}" bindinput="headerInput" data-name="area" placeholder="请输入报修区域" />
    </view>
    <view style="margin-bottom:10rpx;display:flex;">
      <view style="width:22%;">描述：</view>
      <textarea style="height:200rpx;line-height:20rpx;" bindinput="bindTextAreaBlur"
        placeholder="请详细描述您遇到的问题，以便我们更好为您解决（200字内）" value="{{content}}" maxlength='200'></textarea>
    </view>
    <view style="text-align:right">
      <text>{{cursor}}</text>
      <text class="textcolor">/200</text>
    </view>
    <view class="imageContent">
      <image wx:for="{{imgUrl}}" wx:key='index' data-index="{{index}}" src="{{item}}" mode='widthFix' class="image"
        bindtap="previewImg">
        <view style="position:absolute;top:10rpx;right:10rpx;" catchtap="delImg" data-index="{{index}}">
          <text class="iconfont iconcha" style="color:white;font-size:26rpx"></text>
        </view>
      </image>
      <image wx:if="{{hideAdd == 0}}" bindtap="chooseimage" src='../../../images/add.png' class='image'></image>
    </view>
    <view style="display:flex;align-items:center;justify-content: center;color:red;">注意：报修人及联系方式，仅用于维修师傅联系使用报修人，您提交表示同意，不提交表示不同意。</view>
  </view>
  <view class="btn" bindtap="apply">同意提交</view>
</scroll-view>