<!--pages/form/rightsProtection/rightsProtection.wxml 维权2-->
<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="tortStoreAdin" initialValue="{{''}}" rules="{{ [{ required: true,message:'侵权店铺ADIN号为必填' } ] }}">
        <my-form-item labelWidth="{{labelWidth}}" required custom-class="form_label">
          <view slot="label" >
            <van-dropdown-menu custom-class="form_dropdown1">
              <van-dropdown-item value="{{ form.tortStoreAdinSite }}" options="{{ countrys }}" data-label="tortStoreAdinSite" bind:change="changeVanDropdownnValue"/>
            </van-dropdown-menu>
          </view>
          <wux-input  placeholder="请输入侵权店铺ADIN号" />
        </my-form-item>
      </wux-field>
      <wux-field name="tortType" initialValue="{{''}}" rules="{{ [{ required: true } ] }}">
        <my-form-item labelWidth="{{labelWidth}}" required custom-class="form_label">
          <view slot="label" >
            侵权类型
          </view>
          <van-dropdown-menu custom-class="form_dropdown">
            <van-dropdown-item value="{{ form.tortType }}" options="{{ typeOptions }}" data-label="tortType" bind:change="changeVanDropdownnValue"/>
          </van-dropdown-menu>
        </my-form-item>
      </wux-field>
      <wux-field name="tortClassify" initialValue="{{''}}" rules="{{ [{ required: true } ] }}">
        <my-form-item labelWidth="{{labelWidth}}" required custom-class="form_label">
          <view slot="label" >
            侵权分类
          </view>
          <van-dropdown-menu custom-class="form_dropdown">
            <van-dropdown-item value="{{ form.tortClassify }}" options="{{ typeOptions2 }}" data-label="tortClassify" bind:change="changeVanDropdownnValue"/>
          </van-dropdown-menu>
        </my-form-item>
      </wux-field>
      <wux-field name="ifHaveRightProof" initialValue="{{''}}">
        <my-form-item labelWidth="{{labelWidth}}" custom-class="form_label">
          <view slot="label" >
            是否拥有权利
          </view>
          <van-radio-group value="{{ form.ifHaveRightProof }}" bind:change="onChange" >
            <view class="form_radio">
              <van-radio name="{{true}}">是</van-radio>
              <van-radio name="{{false}}">否</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="proofGuids" initialValue="{{''}}" >
        <my-form-item labelWidth="{{labelWidth}}" custom-class="form_label">
          <view slot="label" >
            权利证明（图）
          </view>
          <wux-upload
            listType="picture-card"
            fileList="{{ proofGuids }}"
            controlled
            uploaded="false"
            bind:before="beforeUpload"
            bind:success="onSuccess"
            bind:fail="onFail"
            bind:complete="onComplete"
            bind:preview="onPreview"
            bind:remove="onRemove"
          >
            <!-- <image src="{{ imageUrl }}" wx:if="{{ imageUrl }}" /> -->
            <text>Upload</text>
          </wux-upload>
        </my-form-item>
      </wux-field>

      <wux-field name="problemDescription" initialValue="{{''}}">
        <view class="label">
          哪一项最能描述您的问题？
        </view>
        <view>
          <van-radio-group value="{{ form.problemDescription }}" bind:change="onChange1" >
            <view class="van-radio_item" wx:for="{{problemDescriptions}}" wx:key="index">
              <van-radio name="{{item.value}}">{{item.text}}</van-radio>
            </view>
            <!-- <view class="van-radio_item">
              <van-radio name="2">实际商品或其包装包含非盗版的未授权的内容</van-radio>
            </view>
            <view class="van-radio_item">
              <van-radio name="3">商品详情页面上使用了未经授权的文本</van-radio>
            </view>
            <view class="van-radio_item">
              <van-radio name="4">商品或其包装为盗版（全盘复制受版权保护的商品）</van-radio>
            </view> -->
          </van-radio-group>
        </view>
      </wux-field>
      <wux-field name="tortStoreLink" initialValue="{{''}}" rules="{{ [{ required: true,message:'侵权店铺的链接为必填' },{type:'url',message:'侵权店铺的链接错误'} ] }}">
        <my-form-item labelWidth="{{labelWidth}}" required custom-class="form_label">
          <view slot="label" >
            侵权店铺的链接
          </view>
          <wux-input placeholder="请输入侵权店铺的链接" />
        </my-form-item>
      </wux-field>

      <wux-field name="contactPhone" initialValue="{{''}}" rules="{{ [{ required: true },{validator:'checkPhone'} ] }}">
        <my-form-item labelWidth="{{labelWidth}}" required custom-class="form_label">
          <view slot="label" >
            联系电话
          </view>
          <wux-input maxlength="11" placeholder="请输入手机号" />
        </my-form-item>
      </wux-field>
      <wux-field name="contactPerson" 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.description }}" placeholder="请输入版权作品的链接或者注册编号" bind:change="changRemark"/>
    </view>
    <view class="foot" bind:tap="submit">
      提交
    </view>
  </scroll-view>
</view>