<view class="container">
|
<view class="page-header" wx:if="{{!skeletonLoding}}">
|
<view class="search">
|
<t-search
|
model:value="{{searchText}}"
|
shape="round"
|
clearable="{{false}}"
|
placeholder="请输入订单编号"
|
class="navBar-search"
|
style="width: 90%"
|
bind:submit="onSearchOrder"
|
/>
|
</view>
|
<t-tabs
|
t-class="t-tabs"
|
defaultValue="{{active}}"
|
split="{{false}}"
|
bind:change="tabBookClick"
|
>
|
<t-tab-panel
|
wx:for="{{tabList}}"
|
wx:for-index="index"
|
wx:key="index"
|
label="{{item.label}}"
|
value="{{index}}"
|
/>
|
</t-tabs>
|
</view>
|
<view class="pageInfo" wx:if="{{!skeletonLoding}}">
|
<scroll-view
|
class="scroll content"
|
bind:scroll="onPageScroll"
|
model:scroll-top="{{setScrollValue}}"
|
scroll-y
|
refresher-enabled="{{true}}"
|
lower-threshold="{{200}}"
|
refresher-threshold="{{80}}"
|
refresher-default-style="none"
|
refresher-triggered="{{triggered}}"
|
bindrefresherpulling="{{refresh.onPulling}}"
|
bindrefresherrefresh="onPullDownRefresh"
|
bindscrolltolower="onReachBottom"
|
>
|
<view slot="refresher" class="refresh-container">
|
<view class="loading">
|
<t-loading
|
theme="circular"
|
size="40rpx"
|
text="正在刷新..."
|
class="wrapper"
|
/>
|
</view>
|
</view>
|
<view class="list" wx:if="{{list.length > 0}}">
|
<view
|
class="content-item"
|
wx:for="{{list}}"
|
wx:for-item="items"
|
wx:for-index="index"
|
wx:key="index"
|
>
|
<view class="order-cent">
|
<text class="order-cent-one">订单号: {{items.orderNumber}}</text>
|
<text class="right {{items.colorName}}">{{items.CustomState}}</text>
|
</view>
|
<view class="order-centent">
|
<scroll-view class="srcolbox" scroll-x scroll-with-animation="true">
|
<view
|
class="bookBox {{items.saleMethodLinks.length == 1 ? 'flex' : ''}}"
|
wx:for="{{items.saleMethodLinks}}"
|
wx:for-item="itemes"
|
wx:for-index="idx"
|
wx:key="idx"
|
bindtap="goBookDetails"
|
data-book="{{itemes}}"
|
data-remarks="{{items.remarks}}"
|
>
|
<view
|
class="leftCon {{items.saleMethodLinks.length == 1 ? 'fl' : ''}}"
|
>
|
<!-- 获取图片 -->
|
<image
|
class="purchasedIcon"
|
wx:if="{{itemes.icon}}"
|
src="{{itemes.icon}}"
|
mode="aspectFit"
|
/>
|
<image
|
class="purchasedIcon"
|
wx:else
|
src="/static/images/default-book-img.png"
|
mode="aspectFit"
|
/>
|
</view>
|
<!-- 获取名称 -->
|
<view class="rightCon">
|
<view class="productTitle">{{itemes.name}}</view>
|
<view
|
class="cmsName"
|
wx:if="{{itemes.orderSaleMethod.type != 'defaultSaleMethod'}}"
|
>{{itemes.orderSaleMethod.cmsItemList[0].name}}</view
|
>
|
<view
|
class="{{items.saleMethodLinks.length == 1 ? 'top' : ''}}"
|
>
|
<text class="typeBox"
|
>{{ itemes.orderSaleMethod.product.cmsTypeRefCode ==
|
'jsek_mediaBook' ? itemes.orderSaleMethod.type ==
|
'defaultSaleMethod' ? '图书服务-电子书' :
|
itemes.orderSaleMethod.type == 'createProductSaleMethod'
|
&& itemes.orderSaleMethod.cmsItemList == 0 ?
|
'图书服务-组卷' :
|
itemes.orderSaleMethod.cmsItemList.length &&
|
itemes.orderSaleMethod.cmsItemList[0].type ==
|
"questionBankFolder" ? '图书服务-云测试' :
|
'图书服务-云学习' :
|
itemes.orderSaleMethod.product.cmsTypeRefCode ==
|
'jsek_digitalCourses' ? '数字课程' : '数字教材' }}</text
|
>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
<view class="count">
|
<text wx:if="{{items.saleMethodLinks.length > 1 }}"
|
>共{{items.saleMethodLinks.length}}件</text
|
>
|
<text wx:if="{{items.saleMethodLinks.length == 1 }}"
|
>￥{{items.payPrice}}</text
|
>
|
</view>
|
</view>
|
<view class="order-top">
|
<text class="finishedDate" wx:if="{{items.state == 'Success'}}"
|
>{{items.finishedDate}}</text
|
>
|
<text class="order-top-price" wx:if="{{items.state == 'WaitPay'}}"
|
>应付：<text class="">￥{{items.payPrice}}</text></text
|
>
|
<view class="button-example" wx:if="{{items.state == 'WaitPay'}}">
|
<button
|
class="button"
|
bindtap="onCancel"
|
data-order-num="{{items.orderNumber}}"
|
>
|
取消订单
|
</button>
|
<button
|
class="unfollow"
|
bindtap="onPayment"
|
data-order-num="{{items.orderNumber}}"
|
>
|
立即支付
|
</button>
|
</view>
|
<view wx:if="{{items.state == 'Cancel'}}" class="button-bottem"
|
>总计：<text class="price">￥{{items.payPrice}}</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view wx:if="{{list.length == 0}}" class="empyt">
|
<!-- <t-empty icon="folder-open" description="暂无数据" /> -->
|
<empty />
|
</view>
|
<view class="bottom-loading" wx:if="{{bottomLoading}}">
|
<t-loading
|
theme="circular"
|
size="40rpx"
|
text="加载中..."
|
class="wrapper"
|
/>
|
</view>
|
<view
|
class="bottom-loading"
|
style="color: #ccc; font-size: 28rpx"
|
wx:if="{{isMoreData}}"
|
>
|
<text>没有更多了</text>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
<t-back-top
|
theme="round"
|
wx:if="{{isBackTop}}"
|
text="顶部"
|
bind:to-top="onToTop"
|
></t-back-top>
|
<import src="index.skeleton.wxml" />
|
<template is="skeleton" wx:if="{{skeletonLoding}}" />
|
