fohow_xcx/packageUser/pages/user/granary/use/use.wxml

<view class="use_template">
  <view class="use_product">
    <image class="img" src="{{orderInfo.product.cover}}"></image>
    <view class="info">
    	<view class="ellipsisLn">{{orderInfo.product.name}}</view>
    	<view class="left">共{{orderInfo.total_count}}份（剩余<text>{{orderInfo.left_count}}</text>份）</view>
    </view>
    <view class="clean"></view>
  </view>

	<view class="use_tab" wx:if="{{orderInfo.buyback_max && (orderInfo.total_count - orderInfo.self_use_min > 0) }}">
		<text style="width: {{tabwidth}}" bindtap="sellClick">代销</text>
		<text style="width: {{tabwidth}}" bindtap="returnClick">回购</text>
		<text style="width: {{tabwidth}}" bindtap="mineClick">自用</text>
		<view class="border_bottom" style="left: {{tabLeft}};width: {{tabwidth}}"></view>
	</view>

	<view class="use_tab" wx:if="{{!orderInfo.buyback_max && (orderInfo.total_count - orderInfo.self_use_min > 0) }}">
		<text style="width: {{tabwidth}}" bindtap="sellClick">代销</text>
		<text style="width: {{tabwidth}}" bindtap="mineClick1">自用</text>
		<view class="border_bottom" style="left: {{tabLeft1}};width: {{tabwidth}}"></view>
	</view>

	<view class="use_tab" wx:if="{{!orderInfo.buyback_max && (orderInfo.total_count - orderInfo.self_use_min <= 0) }}">
		<text style="width: {{tabwidth}}" bindtap="mineClick1">自用</text>
		<view class="border_bottom" style="width: 100%"></view>
	</view>

	<view class="use_tab" wx:if="{{orderInfo.buyback_max && (orderInfo.total_count - orderInfo.self_use_min <= 0) }}">
		<text style="width: {{tabwidth}}" bindtap="returnClick">回购</text>
		<text style="width: {{tabwidth}}" bindtap="mineClick1">自用</text>
		<view class="border_bottom" style="left: {{tabLeft1}};width: {{tabwidth}}"></view>
	</view>
	<!-- 代销 -->
	<view wx:if="{{curTab === 'sell'}}">
		<view class="use_state">
			<text class="not" wx:if="{{!saleOrderInfo.operate_state && saleOrderInfo.state !== 1 && saleOrderInfo.state !== 2}}">未上架</text>
			<text class="had" wx:if="{{saleOrderInfo.state === 1 && !saleOrderInfo.operate_state}}">已上架</text>
			<text class="doing" wx:if="{{saleOrderInfo.operate_state}}">代销审核中</text>
			<text class="doing" wx:if="{{saleOrderInfo.state === 2}}">已售罄</text>
		</view>

		<view class="use_info">
			<view class="wid">
				<text class="title">商城售价</text>
				<text class="title">您将获得</text>
			</view>
			<view class="wid">
				<currency class="price1" symbol="￥" value="{{orderInfo.product.price}}"></currency>
				<currency class="price2" symbol="￥" value="{{orderInfo.product.user_sale_price}}"></currency>
			</view>
			<view class="use_sell">
				已售出<text>{{orderInfo.sold_count}}</text>份，已售金额<currency symbol=" " value="{{orderInfo.sold_amount}}"></currency>元
			</view>
			<view class="use_set">
				<text wx:if="{{!saleOrderInfo.operate_state && saleOrderInfo.state !== 1 && saleOrderInfo.state !== 2}}">设置代销数量</text>
				<text wx:if="{{saleOrderInfo.state === 1 && (!saleOrderInfo.operate_state || saleOrderInfo.operate_state === 2)}}">在售数量</text> 
				<text class="gary">(粮仓剩余<text>{{orderInfo.valid_count}}</text>份)</text>
			</view>

			<view class="use_copies" wx:if="{{saleOrderInfo.state}}">
				
				<input class="input1" wx:if="{{saleOrderInfo.state}}" type="number" value="{{saleOrderInfo.total_count - saleOrderInfo.sold_count}}" disabled />
				
			</view>

			<view class="use_copies" wx:if="{{!saleOrderInfo.state}}">
				<view class="img" bindtap="saleCountMinus">
					<image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/minus.png"></image>
				</view>

				<input type="number" class="input" value="{{saleCount}}" bindinput="changeSaleCount" />

				<view class="img" bindtap="saleCountPlus">
					<image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/plus.png"></image>
				</view>
				<view class="clean"></view>
			</view>

			<view class="use_wid">
				<view class="use_desc">
					<view class="use_wid">
						<view class="desc">
							<text wx:if="{{saleOrderInfo.operate_state || !saleOrderInfo.state}}">您可将商品上架至FOHOW玖玖进行线上销售，当消费者购买商品后，即可获取相应收入。</text>
							<text wx:if="{{saleOrderInfo.state === 1 && !saleOrderInfo.operate_state}}">温馨提示：修改代销数量需先申请下架，5分钟后（以实际时间为准）收到由系统发送的下架成功通知后方可重新上架。</text>
						</view>
					</view>
				</view>
			</view>

			<view class="use_wid">
				<button open-type="share" class="share_btn">分享好友</button>

				<view wx:if="{{!saleOrderInfo.state}}" class="use_btn" data-opt="on" bindtap="secondConfirm">
					上架
				</view>
				<view wx:if="{{saleOrderInfo.state === 1 && !saleOrderInfo.operate_state}}" class="use_btn" data-opt="off" bindtap="secondConfirm">
					申请下架
				</view>
				<view class="use_btn" wx:if="{{saleOrderInfo.operate_state}}" style="background: #d2dae4;color: #9eb1c8;">审核中</view>
				<view class="use_btn" wx:if="{{saleOrderInfo.state === 2}}" style="background: #d2dae4;color: #9eb1c8;">售罄</view>
				<view class="clean"></view>
			</view>

      <view class="use_wid">
				<view class="use_rule">
					<view class="title1" bindtap="showRuleClick">查看代销规则，和分享好友的好处<text class="arrow" style="{{showRule ? 'transform: rotate(-45deg);': ''}}"></text></view>
					<view class="info" wx:if="{{showRule}}">
						<view>
							<view class="seTitle">代销规则：</view>
							<view>平台优先卖用户挂单剩余数量较多的，如果剩余数量相同，则优先卖投资时间较前的。</view>
							<view>例如A挂单剩余5件，B挂单剩余4件，则先卖A的1件；这时AB同为4件，B先投资的，则先卖B的1件。这时A挂单剩余4件，B挂单剩余3件，则又先卖A的1件。</view>
						</view>
						<view class="mt">
							<view class="seTitle">分享：</view>
							<view>1. 可以绑定好友，永久享用好友消费的推广奖励，<text class="friend" bindtap="toTuiGuang">查看我的好友</text></view>
							<view>2. 好友购买，优先卖你投资的商品</view>
							<view>3. 好友消费作为你的销售额，参与获取销售榜单冠军奖金</view>
						</view>
					</view>
				</view>
			</view>

		</view>
		<view class="use_wid">
			<view class="use_buy">
				<view class="title">有谁买了</view>
				<view class="none" wx:if="{{!saleOrders || !saleOrders[0]}}">暂时还没有人购买</view>
				<view class="user_custom__mt">
					<view class="use_custom" wx:if="{{saleOrders && saleOrders[0]}}" wx:for="{{saleOrders}}" wx:key="{{item.id}}">
						<!-- <image src="{{item.wx_user_head}}"></image>
						<view class="count">{{item.count}}</view> -->
						<view class="use_custom__all">
							<view class="use_custom__left">
								<image src="{{item.wx_user_head}}"></image>
								<text>{{item.count}}份</text>
							</view>
							<view class="use_custom__right">
								<text wx:if="{{item.status === 'complete'}}">(</text><format-time wx:if="{{item.status === 'complete'}}" type="formatChTime" value="{{item.receive_at}}"></format-time><text wx:if="{{item.status === 'complete'}}">)</text>
								<text class="{{item.status === 'complete' ? 'date':''}}">{{item.status_cn}}</text>
							</view>
							<view class="clean"></view>
						</view>
					</view>
					<view class="clean"></view>
				</view>
			</view>
		</view>
	</view>
	<!-- 回购 -->
	<view wx:if="{{curTab === 'return'}}">
		<view class="use_info">

			<view class="wid">
				<view class="returnTitle">回购单价</view>
				<view class="price2"><currency class="price2" symbol="￥" value="{{orderInfo.buyback_price}}"></currency></view>
			</view>

			<view class="use_set">
				<view class="title">设置份数</view>
				<view><text class="gary">(上限{{orderInfo.buyback_max}}份，粮仓剩余<text>{{orderInfo.valid_count}}</text>份，已设置回购<text>{{orderInfo.buyback_count}}</text>份)</text></view>
			</view>

			<view class="use_copies" wx:if="{{!(nowtime > orderInfo.buyback_start_at && nowtime < orderInfo.buyback_stop_at)}}">
				<input class="input1" wx:if="{{!(nowtime > orderInfo.buyback_start_at && nowtime < orderInfo.buyback_stop_at)}}" type="number" value="{{orderInfo.buyback_count}}" disabled />
			</view>

			<view class="use_copies" wx:if="{{nowtime > orderInfo.buyback_start_at && nowtime < orderInfo.buyback_stop_at}}">
				<view class="img" bindtap="minusback">
					<image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/minus.png"></image>
				</view>
				<input class="input" type="number" bindinput="changeback" value="{{backcount}}" />
				<view class="img" bindtap="plusback">
					<image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/plus.png"></image>
				</view>
				<view class="clean"></view>
			</view>

			<view class="use_desc">
				<view class="date">
					<text>回购期</text>
					<view class="fr"><format-time type="formatTime" value="{{orderInfo.buyback_start_at}}" ></format-time> 至 <format-time type="formatTime" value="{{orderInfo.buyback_stop_at}}" ></format-time></view>
					<view class="clean"></view>
				</view>
				<view class="desc">回购期内可任意修改回购份数，回购期结束后无法再次修改。回购期结束后7个工作日内将收益转至您的账户。</view>
			</view>

			<view class="confirm_btn" wx:if="{{nowtime > orderInfo.buyback_start_at && nowtime < orderInfo.buyback_stop_at}}" bindtap="postback">
				确定
			</view>
			<view class="confirm_btn" style="color:#9eb1c8;background:#d2dae4" wx:if="{{nowtime < orderInfo.buyback_start_at}}">
				回购未开始
			</view>
			<view class="confirm_btn" style="color:#9eb1c8;background:#d2dae4" wx:if="{{nowtime > orderInfo.buyback_stop_at && orderInfo.receive_buyback_amount}}">
				回购已完成
			</view>
			<view class="confirm_btn" style="color:#9eb1c8;background:#d2dae4" wx:if="{{nowtime > orderInfo.buyback_stop_at && !orderInfo.receive_buyback_amount}}">
				正在回购中
			</view>

		</view>
	</view>
	<!-- 自用 -->
	<view wx:if="{{curTab === 'mine'}}">
		<view class="use_info">
			<view class="use_set mt">
				<view class="title">设置份数</view>
				<view><text class="gary">(粮仓剩余<text>{{orderInfo.valid_count}}</text>份，已自用{{orderInfo.self_use_count}}份)</text></view>
			</view>

			<view class="use_copies" wx:if="{{!orderInfo.valid_count}}">
				<input class="input1" wx:if="{{!orderInfo.valid_count}}" type="number" value="{{orderInfo.self_use_count}}" disabled />
			</view>

			<view class="use_copies" wx:if="{{orderInfo.valid_count}}">
				<view class="img" bindtap="selfCountMinus">
					<image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/minus.png"></image>
				</view>
				<input class="input" type="number" value="{{selfCount}}" bindinput="changeSelfCount" />
				<view class="img" bindtap="selfCountPlus">
					<image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/plus.png"></image>
				</view>
				<view class="clean"></view>
			</view>
			<view class="use_wid">
				<view class="use_address">
					<view class="title">选择地址</view>
					<view wx:if="{{address}}" style="position: relative;">
						<view class="address" bindtap="setDefaultAddress">
							<view class="info">
								<text>收件人: {{address.contact}}</text>
								<text class="fr">{{address.tel}}</text>
							</view>
							<view>收件地址: {{address.province}}{{address.city}}{{address.district}}{{address.address}}</view>
						</view>
						<view class="use_arrow"></view>
					</view>
					<view wx:if="{{!address}}" class="address" style="text-align: center;" bindtap="addDefalutAddress">
						请点击前往填写，默认地址
					</view>
				</view>

				<view class="use_desc">
					<view class="desc">温馨提示：请于<format-time type="formatDate" value="{{orderInfo.buyback_stop_at}}" ></format-time>之前填写地址邮寄自用，至少{{orderInfo.self_use_min}}份自用，可分开邮寄；确认自用，商品将从农场直接邮寄至指定地址。邮寄信息可到“<text bindtap="toOrderList">我的订单</text>”进行查看。</view>
				</view>
			
				<view wx:if="{{orderInfo.valid_count}}" class="confirm_btn" bindtap="secondConfirm">
					确定
				</view>
				<view wx:if="{{!orderInfo.valid_count}}" class="confirm_btn" style="background: #d2dae4;color: #9eb1c8;">
					暂无粮食
				</view>
			</view>	
		</view>

		<view class="use_wid">
			<view class="use_mine">
				<view class="title">自用历史</view>
				<view class="bg" wx:for="{{selfList}}" wx:key="{{index}}">
					<view class="num">
						<text>自用{{item.count}}份</text>
						<format-time class="fr" type="formatDate" value="{{item.paied_at}}"></format-time>
						<view class="clean"></view>
					</view>
					<view class="name">
						<view>
							<text>收件人: {{item.contact}}</text>
							<text class="fr">{{item.tel}}</text>
							<view class="clean"></view>
						</view>
						<view>收件地址: {{item.address}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>

	<!-- 弹框 -->
	<view class="use_modal" wx:if="{{showModal}}">
		<view class="content">
			<view class="title">确认信息</view>

			<view class="info" wx:if="{{curTab !== 'sell' || saleOrderInfo.state !== 1}}">
				<view class="secTitle">
					<text wx:if="{{curTab === 'sell'}}">设置代销份数</text>
					<text wx:if="{{curTab === 'return'}}">回购份数已提交</text>
					<text wx:if="{{curTab === 'mine'}}">自用份数</text>
				</view>

				<view class="num">
					<text wx:if="{{curTab === 'sell'}}">{{saleCount}}份</text>
					<text wx:if="{{curTab === 'return'}}">{{backcount}}份</text>
					<text wx:if="{{curTab === 'mine'}}">{{selfCount}}份</text>
				</view>

				<view class="tip">
					<text wx:if="{{curTab === 'sell'}}">点击确认后，该收成将上架代销。</text>
					<text wx:if="{{curTab === 'return'}}">回购期内可随时调整回购份数</text>
					<text wx:if="{{curTab === 'mine'}}">点击确认后，商品将从农场直接邮寄给您。</text>
				</view>
			</view>

			<view class="apply" wx:if="{{curTab === 'sell' && saleOrderInfo.state === 1 && !saleOrderInfo.operate_state}}">是否申请下架该商品？</view>

			<view class="btn">
				<view wx:if="{{curTab !== 'return'}}">
					<text class="bblr" bindtap="cancelModal">取消</text>
					<text class="bbrr" wx:if="{{curTab === 'sell'}}" bindtap="saleCreate">确认</text>
					<text class="bbrr" wx:if="{{curTab === 'mine'}}" bindtap="selfConfirm">确认</text>
				</view>
				<view class="closeBtn" wx:if="{{curTab === 'return'}}" bindtap="cancelModal1">关闭</view>
			</view>
		</view>
	</view>

</view>