YouTuan_wxapp/pages/addtogood/addtogood.wxml

<!--pages/addtogood/addtogood.wxml-->
<!-- 导航栏 -->
<nav-bar navbar-data="{{navbarData}}"></nav-bar>
<!-- 主体 -->
<view class="body">
  <!-- 商品名称 -->
  <view class="group">
    <view class="group-title">
      <p>*</p>
      <p>商品名称</p>
    </view>
    <view class="group-content">
      <input type="text" value="{{goodName}}" bindinput="inputGoodName" placeholder-style="color:#989898;font-size:28rpx;font-weight: 400;" placeholder="请输入商品名称" />
    </view>
  </view>
  <!-- 商品简介 -->
  <view class="group">
    <view class="group-title">
      <p>*</p>
      <p>商品简介</p>
    </view>
    <view class="group-content">
      <textarea placeholder-style="color:#989898;font-size:28rpx;font-weight: 400;" maxlength="100" class="jieshao-area" placeholder="请输入商品简介" value="{{goodIntro}}" bindinput="inputGoodIntro"></textarea>
      <view class="leng">{{arealength}}/100</view>
    </view>
  </view>
  <!-- 添加图片 -->
  <view class="upload">
    <view class="upload-item column3" wx:for="{{imageList}}">
      <image src="{{item}}" style="width: 100%;height: 100%;border-radius: 20rpx;"></image>
      <image class="del-icon" src="../../images/jian.png" data-index="{{index}}" catchtap="deleteSmallImage"></image>
    </view>
    <view class="upload-box" style="margin-left: {{imageList.length === 0 || imageList.length % 3 === 0 ? '0' : '32rpx'}};">
      <view class="upload-button" bindtap="uploadSmallImage">
        <image src="/images/tianjia.png" style="width: 58rpx;height: 58rpx;"></image>
      </view>
      <view class="upload-text"><text>添加图片</text></view>
    </view>
  </view>
  <!-- 卡片-1 -->
  <view class="card">
    <view class="card-row">
      <view class="left">
        <text style="color: red;">*</text>
        <text>划线价格</text>
      </view>
      <view class="right">
        <!-- <text>C$0.00</text> -->
        <input type="digit" value="{{scribePrice}}" bindinput="inputScribePrice" placeholder="请输入划线价格" style="text-align: right;" />
      </view>
    </view>
    <view class="card-row">
      <view class="left">
        <text>规格</text>
      </view>
      <view class="right" bindtap="showSpecificationPopup">
        <!-- <text wx:if="{{specifications.length == 0}}">统一规格</text>
        <text wx:else>{{specifications[0].title}}/{{specifications[0].price}}加币</text> -->
        <text>{{specificationText}}</text>
        <van-icon name="arrow" style="margin-left: 40rpx;" />
      </view>
    </view>
    <view class="card-row">
      <view class="left">
        <text style="color: red;">*</text>
        <text>售价</text>
      </view>
      <view class="right">
        <!-- <text>C$0.00</text> -->
        <input type="digit" value="{{price}}" bindinput="inputPrice" placeholder="请输入售价" style="text-align: right;" />
      </view>
    </view>
    <view class="card-row">
      <view class="left">
        <text style="color: red;">*</text>
        <text>库存</text>
      </view>
      <view class="right">
        <input type="number" value="{{stock}}" bindinput="inputStock" placeholder="无限" style="text-align: right;" />
      </view>
    </view>
    <view class="card-row" bindtap="showCategoryPopup">
      <view class="left">
        <text style="color: red;">*</text>
        <text>分类</text>
      </view>
      <view class="right">
        <text>{{categorys[categoryIndex].classification_name}}</text>
        <van-icon name="arrow" style="margin-left: 40rpx;" />
      </view>
    </view>
    <view class="card-row">
      <view class="left">
        <text style="color: red;">*</text>
        <text>是否添加到商品库</text>
      </view>
      <view class="right">
        <van-switch checked="{{ isAddToGoodsBank }}" active-value="{{1}}" inactive-value="{{0}}" active-color="#FF874E" inactive-color="#656565" size="19" bind:change="changeIsAddToGoodsBank" />
      </view>
    </view>
  </view>
  <!-- 卡片-2 -->
  <view class="card" style="margin-top: 30rpx;margin-bottom: 40rpx;">
    <view class="card-row">
      <view class="left">
        <text>起购数量</text>
      </view>
      <view class="right">
        <input type="number" value="{{startingPurchase}}" bindinput="inputStartingPurchase" placeholder="请输入起购数量" style="text-align: right;" />
      </view>
    </view>
    <view class="card-row">
      <view class="left">
        <text>限购数量</text>
      </view>
      <view class="right">
        <input type="number" value="{{purchaseRestrictionsNumber}}" bindinput="inputPurchaseRestrictionsNumber" placeholder="请输入限购数量" style="text-align: right;" />
      </view>
    </view>
    <view class="card-row">
      <view class="left">
        <text>限购次数</text>
      </view>
      <view class="right">
        <input type="number" value="{{purchaseRestrictionsSecond}}" bindinput="inputPurchaseRestrictionsSecond" placeholder="请输入限购次数" style="text-align: right;" />
      </view>
    </view>
    <view class="card-row">
      <view class="left">
        <text>起购团数</text>
      </view>
      <view class="right">
        <input type="number" value="{{startingPurchaseNumber}}" bindinput="inputStartingPurchaseNumber" placeholder="请输入起购团数" style="text-align: right;" />
      </view>
    </view>
    <view class="card-row" bindtap="showLadderPricePopup">
      <view class="left">
        <text>阶梯价</text>
      </view>
      <view class="right">
        <van-icon name="arrow" />
      </view>
    </view>
  </view>
</view>
<!-- 底部 -->
<view class="foot">
  <button catchtap="submit">确认添加</button>
</view>
<!-- 组件 -->
<!-- 分类弹出层 -->
<van-popup show="{{ showCategory }}" position="bottom" overlay-style="background-color:#00000080" custom-style="height: 50%;" round="true" closeable="true" bind:close="closeCategoryPopup">
  <view class="popup">
    <view class="popu-title">
      <p>分类选择</p>
    </view>
    <view class="popu-body">
      <view class="tag-body">
        <view class="tag-b-info" wx:for="{{categorys}}" style="width: {{item.classification_name.length <= 3 ? 90:137}}rpx;color: {{index === categoryIndex ? '#FFFFFF':'#656565'}};background-color: {{index === categoryIndex ? '#FF874E':'#EFEFEF'}};" data-index="{{index}}" catchtap="selectCategory">
          <view class="tag-b-con">{{item.classification_name}}</view>
        </view>
      </view>
    </view>
    <view class="foot-ok">
      <button catchtap="closeCategoryPopup">确认</button>
    </view>
  </view>
</van-popup>
<!-- 规格弹出层 -->
<van-popup show="{{ showSpecification }}" position="bottom" overlay-style="background-color:#00000080" custom-style="height: 50%;" round="true" closeable="true" bind:close="closeSpecificationPopup">
  <view class="popup">
    <view class="popu-title">
      <p>规格设置</p>
    </view>
    <view class="popu-info" wx:for="{{specifications}}">
      <view class="popu-num">
        <input type="text" placeholder="输入规格" bindinput="specificationsInput" data-index="{{index}}" value="{{item.title}}" placeholder-style="color:#989898;font-size:28rpx;" />
      </view>
      <view class="popu-price">
        <input type="digit" placeholder="金额/加币" bindinput="specificationsPriceInput" data-index="{{index}}" value="{{item.price}}" placeholder-style="color:#989898;font-size:28rpx;" />
      </view>
      <image src="/images/jian.png" bindtap="delSpecification" data-index="{{index}}"></image>
    </view>
    <view class="addladder">
      <button bindtap="addSpecification" wx:if="{{specifications.length < 4}}">
        <image src="/images/tianjia.png"></image>
        <p>添加规格</p>
      </button>
    </view>
    <view class="foot-ok" style="margin-top: {{specifications.length >= 4?'-50':''}}rpx;">
      <view class="foot-menu">
        <!-- <view class="foot-menu-left">
          <image src="/images/unchecked.png" style="width: 34rpx;height: 34rpx;"></image>
          <text>全选</text>
        </view> -->
        <!--
        <view class="foot-menu-right">
          <text>批量输入价位</text>
        </view> 
        -->
      </view>
      <button catchtap="closeSpecificationPopup">确认</button>
    </view>
  </view>
</van-popup>
<!-- 阶梯价弹出层 -->
<van-popup show="{{ showLadderPrice }}" position="bottom" overlay-style="background-color:#00000080" custom-style="height: 50%;" round="true" closeable="true" bind:close="closeLadderPricePopup">
  <view class="popup">
    <view class="popu-title">
      <p>阶梯价设置</p>
    </view>
    <p style="font-size:24rpx;color:#656565;">设置商品购买到多少个时，商品单价为多少</p>
    <view class="popu-info" wx:for="{{prices}}" wx:key="index">
      <image src="/images/dayudengyu.png"></image>
      <view class="popu-num">
        <input type="number" placeholder="输入个数/个" bindinput="ladderPriceNumInput" data-index="{{index}}" value="{{item.number}}" placeholder-style="color:#989898;font-size:28rpx;" />
      </view>
      <view class="popu-price">
        <input type="digit" placeholder="金额/加币" bindinput="ladderPricePriceInput" data-index="{{index}}" value="{{item.price}}" placeholder-style="color:#989898;font-size:28rpx;" />
      </view>
      <image src="/images/jian.png" bindtap="delbulk" data-index="{{index}}"></image>
    </view>
    <view class="addladder">
      <button bindtap="addbulk" wx:if="{{prices.length < 4}}">
        <image src="/images/tianjia.png"></image>
        <p>添加阶梯</p>
      </button>
    </view>
    <view class="foot-ok" style="margin-top: {{prices.length >= 4?'-50':''}}rpx;">
      <button catchtap="closeLadderPricePopup">确认</button>
    </view>
  </view>
</van-popup>