<!--shoppingGuid/page/pages/saleTaskInfo/saleTaskInfo.wxml-->
<view class='task-info-top-container'>
	<view class='info-container'>
		<view class='info-item'>
			<view class='lf'>
				<image src='/assets/imgs/shoppingGuide/kpi_task_time.png' mode='widthFix' />
				<text>{{saleDetail.task.startTime}}～{{saleDetail.task.endTime}}</text>
			</view>
			<view class='rg' bindtap='onTapToNotice'>活动说明?</view>
		</view>
		<view class='info-item'>
			<view class='lf'>
				<image src='/assets/imgs/shoppingGuide/kpi_task_name.png' mode='widthFix' />
				<text class='bolder'>{{saleDetail.task.name}}</text>
			</view>
		</view>
		<view class='info-item'>
			<view class='lf'>
				<image src='/assets/imgs/shoppingGuide/award.png' mode='widthFix' />
				<text class='bolder'>{{saleDetail.task.remark}}</text>
			</view>
		</view>

		<!-- line -->
		<view class='line' />

		<!-- info-data -->
		<view class='month'>
			<view class='month-data'>
				<view class='data-item'>
					<text class='data-item-title'>当前完成（元）</text>
					<text class='data-item-number'>{{saleDetail.achieve}}</text>
				</view>
				<view class='data-item'>
					<text class='data-item-title'>当周目标（元）</text>
					<text class='data-item-number'>{{saleDetail.task.target}}</text>
				</view>
				<view class='data-item'>
					<text class='data-item-title'>完成率</text>
					<text class='data-item-number'>{{saleDetail.rate}}</text>
				</view>
			</view>
		</view>
	</view>
</view>
<!-- 订单筛选 -->
<view class='order-filter'>
	<view
	 class='filter-item {{item.isActive ? "active" : ""}}'
	 wx:for="{{navBar}}"
	 wx:key="topbar"
	 wx:for-index="idx"
	 bindtap='onTopBarTap'
	 data-index="{{idx}}"
	 data-item="{{item}}"
	 wx:for-item="item"
	>{{item.name}}
	</view>
</view>

<!-- 线上订单 -->
<view class='list online-order' wx:if="{{current == 1}}">
	<view wx:if="{{saleDetail.order.length}}">
		<block wx:for="{{saleDetail.order}}" wx:for-item="item" wx:key="index">
			<view class='order-item'>
				<view class='order-status'>
					<text>订单号    {{item.id}}</text>
					<!--订单状态(C:取消;N:新建,P:已支付;D:已发货;R:已收货-->
					<text class="text-status" wx:if="{{item.status == 'C'}}">取消</text>
					<text class="text-status" wx:if="{{item.status == 'N'}}">新建</text>
					<text class="text-status" wx:if="{{item.status == 'P'}}">已支付</text>
					<text class="text-status" wx:if="{{item.status == 'D'}}">已发货</text>
					<text class="text-status" wx:if="{{item.status == 'R'}}">已收货</text>
				</view>
				<view class='products-list'>
					<block wx:for="{{item.skuVOList}}" wx:for-item="sku" wx:key="index">
						<view class='pro-item'>
							<image mode='aspectFit' src='{{sku.mainImgUrl}}' />
						</view>
					</block>

				</view>
				<view class='order-pro-info'>
					<label>共{{item.skuCount ? item.skuCount : 0}}件商品</label>
					<view>
						实付
						<label class='theme-text-color bolder'>￥{{item.payAmount ? item.payAmount : 0}}</label>
					</view>
				</view>
			</view>
		</block>
	</view>
	<view wx:else class='order-item no-order'>暂无线上订单</view>
</view>

<!-- 线下订单 -->
<view class='list offline-order' wx:if="{{current == 2}}">
	<!--  -->
	<!--<view class='offline-order-item'>
		<view class='items'>
			<label>上海-张江高科店</label>
			<view>
				实付
				<text class='theme-text-color bolder'>￥380 </text>
			</view>
		</view>
		<view class='items'>
			<text>消费时间  2019/09/09</text>
		</view>
	</view>-->
	<view class='order-item no-order'>暂无线下订单</view>

</view>

