my_loan/htmldev/wxMini/pages/businessGoodsEdit/businessGoodsEdit.wxml

<view class="wrapper">
  <view class="width-690">
    <form bind:submit="onSubmit">
      <view class="photo">
        <label>
          <text>商品主图</text>
          <text>({{form.product_img_url.length}}/{{product_img_url_max}})</text>
        </label>
        <view class="value">
          <view
            class="van-uploader-wrap">
            <van-uploader
              file-list="{{ form.product_img_url }}"
              max-count="{{product_img_url_max}}"
              multiple="{{false}}"
              accept="image"
              data-formkey="product_img_url"
              bind:click-preview="uploadImg"
              bind:after-read="afterRead"
              bind:delete="delete"/>
          </view>
        </view>
      </view>
      <view class="photo">
        <label>
          <text>商品轮播图</text>
          <text>({{form.product_rotation_img_list.length}}/{{product_rotation_img_list_max}})</text>
        </label>
        <view class="value">
          <view
            class="van-uploader-wrap">
            <van-uploader
              file-list="{{ form.product_rotation_img_list }}"
              max-count="{{product_rotation_img_list_max}}"
              multiple="{{true}}"
              accept="image"
              data-formkey="product_rotation_img_list"
              bind:click-preview="uploadImg"
              bind:after-read="afterRead"
              bind:delete="delete"/>
          </view>
        </view>
      </view>
      <view class="photo">
        <label>
          <text>商品详情图</text>
          <text>({{form.product_detail_img_list.length}}/{{product_detail_img_list_max}})</text>
        </label>
        <view class="value">
          <view
            class="van-uploader-wrap">
            <van-uploader
              file-list="{{ form.product_detail_img_list }}"
              max-count="{{product_detail_img_list_max}}"
              multiple="{{true}}"
              accept="image"
              data-formkey="product_detail_img_list"
              bind:click-preview="uploadImg"
              bind:after-read="afterRead"
              bind:delete="delete"/>
          </view>
        </view>
        <view class="tip border-bottom-2">请上传尺寸为375*375像素图片</view>
      </view>
      <view class="box">
        <label>
          <text>标题</text>
        </label>
        <view class="value">
          <input
            value="{{form.product_title}}"
            placeholder="输入商品标题"
            placeholder-class="placeholder"
            data-formkey="product_title"
            bind:input="setFormValue"></input>
        </view>
      </view>
      <view class="describe">
        <view class="value">
          <textarea
            value="{{form.product_desc}}"
            placeholder="请输入商品简介"
            placeholder-class="placeholder"
            maxlength="{{200}}"
            auto-height="{{true}}"
            data-formkey="product_desc"
            bind:input="setFormValue"></textarea>
        </view>
        <view class="words-limit">{{form.product_desc.length}}/200</view>
      </view>
      <view
        class="box border-bottom-2"
        bind:tap="categoryShow">
        <label>
          <text>商品分类</text>
        </label>
        <view class="value">
          <view
            class="{{!!form.product_category_id.id ? '' : 'placeholder'}}">
            {{form.product_category_id.category_name || '请选择商品分类'}}
          </view>
          <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
        </view>
      </view>
      <view
        class="box"
        bind:tap="brandShow">
        <label>
          <text>商品品牌</text>
        </label>
        <view class="value">
          <view class="{{!!form.product_brand_id.id ? '' : 'placeholder'}}">
            {{form.product_brand_id.brand_name || '请选择商品品牌'}}
          </view>
          <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
        </view>
      </view>
      <view class="box">
        <label>
          <text>商品规格</text>
        </label>
        <view class="value">
          <input
            value="{{form.product_spec}}"
            placeholder="输入商品规格"
            placeholder-class="placeholder"
            data-formkey="product_spec"
            bind:input="setFormValue"></input>
        </view>
      </view>
      <view class="box" bind:tap="unitShow">
        <label>
          <text>单 位</text>
        </label>
        <view class="value">
          <view class="{{!!form.product_unit ? '' : 'placeholder'}}">{{form.product_unit || '请选择商品单位'}}</view>
          <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
        </view>
      </view>
      <view class="box">
        <label>
          <text>批发价(元)</text>
        </label>
        <view class="value">
          <input
            value="{{form.product_all_price}}"
            placeholder="输入批发价"
            placeholder-class="placeholder"
            data-formkey="product_all_price"
            bind:input="setFormValue"></input>
        </view>
      </view>
      <view class="box">
        <label>
          <text>零售价(元)</text>
        </label>
        <view class="value">
          <input
            value="{{form.product_price}}"
            placeholder="输入零售价"
            placeholder-class="placeholder"
            data-formkey="product_price"
            bind:input="setFormValue"></input>
        </view>
      </view>
      <view class="box">
        <label>
          <text>库 存</text>
        </label>
        <view class="value">
          <input
            value="{{form.product_count}}"
            placeholder="输入库存"
            placeholder-class="placeholder"
            data-formkey="product_count"
            bind:input="setFormValue"></input>
        </view>
      </view>
      <view class="box border-bottom-2">
        <label>
          <text>发售时间</text>
        </label>
        <view class="value">
          <view class="{{!!form.product_sale_at ? '' : 'placeholder'}}">{{form.product_sale_at || '请选择发售时间'}}
          </view>
          <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
        </view>
      </view>
      <button
        class="btn-submit"
        type="primary"
        form-type="submit">编辑/发布
      </button>
    </form>
  </view>
</view>

  <!--弹窗：分类选择-->
<van-popup
  show="{{ booCategory }}"
  close-on-click-overlay="{{false}}"
  round
  position="bottom"
  bind:click-overlay="categoryHide">
  <van-picker
    id="picker-category"
    columns="{{ categoryList }}"
    show-toolbar
    default-index="{{ categoryInDefaultIndex }}"
    bind:cancel="categoryHide"
    bind:confirm="categoryConfirm"/>
</van-popup>

  <!--弹窗：品牌选择-->
<van-popup
  show="{{ booBrand }}"
  close-on-click-overlay="{{false}}"
  round
  position="bottom"
  bind:click-overlay="brandHide">
  <van-picker
    id="picker-brand"
    columns="{{ brandList }}"
    show-toolbar
    default-index="{{ brandInDefaultIndex }}"
    bind:cancel="brandHide"
    bind:confirm="brandConfirm"/>
</van-popup>

  <!--弹窗：单位选择-->
<van-popup
  show="{{ booUnit }}"
  close-on-click-overlay="{{false}}"
  round
  position="bottom"
  bind:click-overlay="unitHide">
  <van-picker
    id="picker-unit"
    columns="{{ unitInColumns }}"
    show-toolbar
    default-index="{{ unitInDefaultIndex }}"
    bind:cancel="unitHide"
    bind:confirm="unitConfirm"/>
</van-popup>