kong,

litian

2024-07-05 2f9305515c7264637164c9e03c2840f4219ca1e3

 packagePersonal/pages/sampleBooks/index.wxml

@@ -1,71 +1,80 @@
<view class="page-header">
  <view class="tabOne">
    <t-tabs t-class="t-tabs" defaultValue="{{active}}" split="{{false}}" bind:change="tabClick">
      <t-tab-panel label="纸质样书" value="0" />
      <t-tab-panel label="电子样书" value="1" />
    </t-tabs>
  </view>
  <view class="tabTwo">
    <t-tabs t-class="custom-tabs" value="{{active1}}" 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>
<view class="pageInfo">
  <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 class="container">
  <view class="page-header" wx:if="{{!skeletonLoding}}">
    <view class="tabOne">
      <t-tabs t-class="t-tabs" value="{{active}}" split="{{false}}" bind:change="tabClick">
        <t-tab-panel label="纸质样书" value="0" />
        <t-tab-panel label="电子样书" value="1" />
      </t-tabs>
    </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="codeInfoBox">
          <view class="top">
            <view class="stateBox">状态：
              <text wx:if="{{items.state =='Normal'}}" class="success">已通过</text>
              <text wx:if="{{items.state =='WaitAudit'}}" class="wait">审核中</text>
              <text wx:if="{{items.state =='Reject'}}" class="reject">未通过</text>
            </view>
            <view>申请日期：{{items.updateDate ? items.updateDate : '-'}}</view>
          </view>
          <view class="down">
            <text wx:if="{{active == '1' && items.state =='Normal'}}">有效期至：{{items.feedBack ? items.feedBack.endDate : '-'}}</text>
            <text wx:if="{{items.state =='Reject'}}">原因：{{items.feedBack.reason}}</text>
            <view wx:if="{{active == '0' && items.state =='Normal'}}" class="mailInfo">
              <text class="mailNum">快递单号：{{items.feedBack && items.feedBack.mailNum ? items.feedBack.mailNum : '-'}}</text>
              <text>快递公司：{{items.feedBack.mailName ? items.feedBack.mailName : '-'}}</text>
            </view>
          </view>
    <view class="tabTwo">
      <t-tabs t-class="custom-tabs" value="{{active1}}" 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>
  <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 class="listBox">
          <scroll-view class="srcolbox" scroll-x scroll-with-animation='true'>
            <view class="order-centent">
              <view class="bookBox" wx:for="{{items.productList}}" wx:for-item="itemes" wx:for-index="idx" wx:key="idx" bindtap="onOrderDetail" data-info="{{itemes}}">
                <view class="leftCon">
                  <!-- 获取图片 -->
                  <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.title}}</view>
                </view>
      </view>
      <view class="list" wx:if="{{list.length > 0 && !skeletonLoding}}">
        <view class="content-item" wx:for="{{list}}" wx:for-item="items" wx:for-index="index" wx:key="index">
          <view class="codeInfoBox">
            <view class="top">
              <view class="stateBox">状态：
                <text wx:if="{{items.state =='Normal'}}" class="success">已通过</text>
                <text wx:if="{{items.state =='WaitAudit'}}" class="wait">审核中</text>
                <text wx:if="{{items.state =='Reject'}}" class="reject">未通过</text>
              </view>
              <view>申请日期：{{items.updateDate ? items.updateDate : '-'}}</view>
            </view>
            <view class="down">
              <text wx:if="{{active == '1' && items.state =='Normal'}}">有效期至：{{items.feedBack ? items.feedBack.endDate : '-'}}</text>
              <text wx:if="{{items.state =='Reject'}}">原因：{{items.feedBack.reason}}</text>
              <view wx:if="{{active == '0' && items.state =='Normal'}}" class="mailInfo">
                <text class="mailNum">快递单号：{{items.feedBack && items.feedBack.mailNum ? items.feedBack.mailNum : '-'}}</text>
                <text class="mailName">快递公司：{{items.feedBack.mailName ? items.feedBack.mailName : '-'}}</text>
              </view>
            </view>
          </scroll-view>
          </view>
          <view class="listBox">
            <scroll-view class="srcolbox" scroll-x scroll-with-animation='true'>
              <view class="order-centent">
                <view class="bookBox" wx:for="{{items.productList}}" wx:for-item="itemes" wx:for-index="idx" wx:key="idx" bindtap="goBookDetails" data-book="{{itemes}}">
                  <view class="leftCon">
                    <!-- 获取图片 -->
                    <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.title}}</view>
                  </view>
                </view>
              </view>
            </scroll-view>
          </view>
        </view>
      </view>
    </view>
    <view wx:if="{{list.length == 0}}" class="empyt">
      <t-empty icon="folder-open" description="暂无数据" />
    </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 wx:if="{{list.length == 0 && !skeletonLoding}}" 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>
      <view class="body-loading" wx:if="{{skeletonLoding}}">
        <t-loading theme="circular" size="40rpx" text="加载中..." class="wrapper" />
      </view>
    </scroll-view>
  </view>
</view>
<t-back-top theme="round" wx:if="{{isBackTop}}" text="顶部" bind:to-top="onToTop"></t-back-top>
<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}}" />