<!--pages/form/appeal/appeal.wxml 申诉-->
<navBar></navBar>
<van-notify id="van-notify" />
<view class="appeal">
  <view class="headTitle">
    知识产权应诉
  </view>
  <scroll-view scroll-y class="form">
    <wux-form
      id="wux-form"
      layout="none"
      validateMessages="{{ validateMessages }}"
      bind:change="onValuesChange"
    >
      <wux-field name="ADIN" initialValue="{{''}}" rules="{{ [{ required: true } ] }}">
        <my-form-item labelWidth="{{labelWidth}}" custom-class="form_label">
          <view slot="label" >
            <van-dropdown-menu custom-class="form_dropdown1">
              <van-dropdown-item value="{{ form.type }}" options="{{ countrys }}" />
            </van-dropdown-menu>
          </view>
          <wux-input  placeholder="请输入投诉方ADIN号" />
        </my-form-item>
      </wux-field>
      <wux-field name="ADIN2" initialValue="{{''}}" rules="{{ [{ required: true } ] }}">
        <my-form-item labelWidth="{{labelWidth}}" custom-class="form_label">
          <view slot="label" >
            <van-dropdown-menu custom-class="form_dropdown1">
              <van-dropdown-item value="{{ form.type }}" options="{{ countrys }}" />
            </van-dropdown-menu>
          </view>
          <wux-input  placeholder="请输入被投诉方ADIN号" />
        </my-form-item>
      </wux-field>
      <wux-field name="isOriginal" initialValue="{{''}}">
        <my-form-item labelWidth="{{labelWidth}}" custom-class="form_label">
          <view slot="label" >
            商品是否原创
          </view>
          <van-radio-group value="{{ form.isOriginal }}" bind:change="onChange2" >
            <view class="form_radio">
              <van-radio name="{{1}}">是</van-radio>
              <van-radio name="{{2}}">否</van-radio>
            </view>
          </van-radio-group>
        </my-form-item>
      </wux-field>
      <wux-field name="complaintType" initialValue="{{''}}">
        <my-form-item labelWidth="{{labelWidth}}" custom-class="form_label">
          <view slot="label" >
            被投诉类型
          </view>
          <van-radio-group value="{{ form.complaintType }}" bind:change="onChange1" >
            <view class="form_radio">
              <van-radio name="{{1}}">商标</van-radio>
              <van-radio name="{{2}}">专利</van-radio>
              <van-radio name="{{3}}">版权</van-radio>
            </view>
          </van-radio-group>
        </my-form-item>
      </wux-field>
      <wux-field name="patentNo" initialValue="{{''}}" >
        <my-form-item labelWidth="{{labelWidth}}" custom-class="form_label">
          <view slot="label" >
            专利号
          </view>
          <wux-input maxlength="11" placeholder="请输入您的专利号" />
        </my-form-item>
      </wux-field>

      <wux-field name="img" initialValue="{{''}}" >
        <my-form-item labelWidth="{{labelWidth}}" custom-class="form_label">
          <view slot="label" >
            被投诉截图
          </view>
          <wux-upload
            listType="picture-card"
            showUploadList="{{ false }}"
            url="https://www.skyvow.cn/api/common/file"
            bind:change="onChange"
            bind:success="onSuccess"
            bind:fail="onFail"
            bind:complete="onComplete"
            bind:preview="onPreview"
          >
            <image src="{{ imageUrl }}" wx:if="{{ imageUrl }}" />
            <text wx:else>Upload</text>
          </wux-upload>
        </my-form-item>
      </wux-field>
      <wux-field name="haveNegotiated" initialValue="{{''}}">
        <my-form-item labelWidth="{{labelWidth}}" custom-class="form_label">
          <view slot="label" >
            是否协商过
          </view>
          <van-radio-group value="{{ form.haveNegotiated }}" bind:change="onChange3" >
            <view class="form_radio">
              <van-radio name="{{1}}">是</van-radio>
              <van-radio name="{{2}}">否</van-radio>
            </view>
          </van-radio-group>
        </my-form-item>
      </wux-field>
      <wux-field name="phone" initialValue="{{''}}" rules="{{ [{ required: true },{validator:'checkPhone'} ] }}">
        <my-form-item labelWidth="{{labelWidth}}" custom-class="form_label">
          <view slot="label" >
            联系电话
          </view>
          <wux-input maxlength="11" placeholder="请输入手机号" />
        </my-form-item>
      </wux-field>
      <wux-field name="person" initialValue="{{''}}">
        <my-form-item labelWidth="{{labelWidth}}" custom-class="form_label">
          <view slot="label" >
            联系人
          </view>
          <wux-input maxlength="11" placeholder="请输入联系人" />
        </my-form-item>
      </wux-field>
    </wux-form>
    <view class="label">
      请详细说明被投诉全过程
    </view>
    <view class="value">
      <wux-textarea value="{{ form.value }}" bind:change="changRemark"/>
    </view>
    <view class="foot" bind:tap="submit">
      提交
    </view>
  </scroll-view>
</view>