闫增涛
2024-09-18 c96612e8a63ecef9590be0f8b5199277ec94e5b9
packageDomain/pages/sampleBookList/index.wxml
@@ -1,80 +1,203 @@
<!-- 图书服务-列表 -->
<view clas="container">
  <view class="page-header">
  <view class="page-header" wx:if="{{!skeletonLoding}}">
    <view style="width: 100%; height: {{barHeight}}px;"></view>
    <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
      <view>
        <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
    <view
      class="nacigationBar"
      style="width: 100%; height: {{navBarHeight}}px;"
    >
      <view class="backBtn back-icon">
        <!-- <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" /> -->
        <image
          src="/static/images/digitalTextbooks/chevron-left.png"
          bind:tap="goBack"
          mode="aspectFit"
        />
      </view>
      <t-search model:value="{{searchValue}}" shape="round" placeholder="请输入关键词/书名/ISBN/作者" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" />
      <t-search
        model:value="{{searchValue}}"
        shape="round"
        placeholder="请输入关键词/书名/ISBN/作者"
        class="navBar-search"
        style="width: 464rpx"
        bind:submit="searchBook"
      />
    </view>
    <view class="list-header">
      <view class="header-scroll">
        <scroll-view scroll-x scroll-with-animation='true' class="srcolbox">
        <view class="srcolbox">
          <t-dropdown-menu>
            <t-dropdown-item label="总分类" options="{{iconList.options}}" default-value="{{iconList.value}}" optionsColumns="2" bindchange="onChangeIcon" arrow-icon="" />
            <t-dropdown-item label="一级" options="{{stairList.options}}" value="{{stairList.value}}" optionsColumns="2" bindchange="onChangeStair" arrow-icon="" />
            <t-dropdown-item label="二级" options="{{secondList.options}}" optionsColumns="2" multiple value="{{secondList.value}}" bind:confirm="onConfirmSecond" bind:change="onChangeSecond" />
            <t-dropdown-item
              options="{{iconList.options}}"
              value="{{iconList.value}}"
              optionsColumns="2"
              bindchange="onChangeIcon"
            />
            <t-dropdown-item
              options="{{stairList.options}}"
              value="{{stairList.value}}"
              optionsColumns="2"
              bindchange="onChangeStair"
              disabled="{{assortCheck.code == '' || stairList.options.length == 0}}"
            />
            <t-dropdown-item
              label=" 二级"
              options="{{secondList.options}}"
              optionsColumns="2"
              multiple
              defaultValue="{{secondList.value}}"
              bind:confirm="onConfirmSecond"
              bind:reset="onResetSecond"
              disabled="{{stairCode == '' || assortCheck.code == '' || secondList.options.length == 0}}"
            />
            <t-dropdown-item
              options="{{sortList.options}}"
              value="{{sortList.value}}"
              bindchange="onSortChange"
            />
          </t-dropdown-menu>
        </scroll-view>
        </view>
      </view>
      <view class="header-sort" bind:tap="sortClick">
      <!-- <view class=" header-sort" bind:tap="sortClick">
        <view class="sort-name">排序</view>
        <view class="sort-icon">
          <t-icon name="swap-left" size="24rpx" class="icon-right" color="{{sort == 'Asc' ? '#ff6c00' : ''}}" />
          <t-icon name="swap-left" size="24rpx" class="icon-left" color="{{sort == 'Desc' ? '#ff6c00' : ''}}" />
        </view>
      </view>
      </view> -->
    </view>
  </view>
  <view class="bookServices-list">
  <view class="bookServices-list" wx:if="{{!skeletonLoding}}">
    <view class="list-body">
      <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="title">
          <view class="line"></view>
          <view class="icon">
            <t-image src="/static/images/home/yangshuliebiao.png" mode="heightFix" class="iconImage" />
          </view>
        </view>
        <view class="book-list" wx:if="{{bookList.length > 0 && !skeletonLoding}}">
          <view class="book-box" wx:for="{{bookList}}" wx:key="id">
            <view class="book-img" bind:tap="goDetail" data-book="{{item}}">
              <t-image src="{{item.icon}}" width="105" height="145" aria-label="{{item.name}}" wx:if="{{item.icon}}" />
              <t-image src="/static/images/default-book-img.png" width="105" height="145" aria-label="{{item.name}}" wx:else />
            </view>
            <view class="book-name book-color" bind:tap="goDetail" data-book="{{item}}">{{ item.name}}</view>
            <view class="book-author book-color">{{item.author}}</view>
            <view class="checkbox">
              <t-checkbox label="纸质样书" icon="rectangle" borderless='true' default-checked="{{item.paperChecked}}" disabled="{{item.paperDisabled || item.isApplyBook == '1' || item.isApplyBook == '2'}}" data-book="{{item}}" bind:change="onChangePaper" />
              <t-checkbox label="电子样书" icon="rectangle" borderless='true' class="eBook" default-checked="{{item.electronChecked}}" disabled="{{item.electronDisabled || item.isApplyBook == '1' || item.isApplyBook == '3'}}" data-book="{{item}}" bind:change="onChangeElectron" />
      <movable-area class="movable-area">
        <!-- model:scroll-top="{{setScrollValue}}" -->
        <scroll-view
          class="scroll content"
          id="scrollView"
          bind:scroll="onPageScroll"
          scroll-y
          enable-passive="{{true}}"
          refresher-enabled="{{true}}"
          lower-threshold="{{100}}"
          refresher-threshold="{{180}}"
          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>
        <view wx:if="{{bookList.length == 0 && !skeletonLoding}}" 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>
        <view class="body-loading" wx:if="{{skeletonLoding}}">
          <t-loading theme="circular" size="40rpx" text="加载中..." class="wrapper" />
        </view>
      </scroll-view>
          <view class="title">
            <view class="line"></view>
            <view class="icon">
              <image
                src="/static/images/home/yangshuliebiao.png"
                mode="aspectFit"
                class="iconImage"
              />
            </view>
          </view>
          <view class="book-list" wx:if="{{bookList.length > 0}}">
            <view class="book-box" wx:for="{{bookList}}" wx:key="id">
              <view class="book-img" bind:tap="goDetail" data-book="{{item}}">
                <image
                  src="{{item.icon}}"
                  aria-label="{{item.name}}"
                  mode="aspectFit"
                  wx:if="{{item.icon}}"
                />
                <image
                  src="/static/images/default-book-img.png"
                  aria-label="{{item.name}}"
                  mode="aspectFit"
                  wx:else
                />
              </view>
              <view
                class="book-name book-color"
                bind:tap="goDetail"
                data-book="{{item}}"
                >{{ item.name}}</view
              >
              <view class="book-author book-color">{{item.author}}</view>
              <view class="checkbox">
                <t-checkbox
                  label="纸质样书"
                  icon="rectangle"
                  borderless="true"
                  checked="{{item.paperChecked}}"
                  disabled="{{item.paperDisabled || item.isApplyBook == '1' || item.isApplyBook == '2'}}"
                  data-book="{{item}}"
                  bind:change="onChangePaper"
                />
                <t-checkbox
                  label="电子样书"
                  icon="rectangle"
                  borderless="true"
                  class="eBook"
                  checked="{{item.electronChecked}}"
                  disabled="{{item.electronDisabled || item.isApplyBook=='1' || item.isApplyBook=='3' }}"
                  data-book="{{item}}"
                  bind:change="onChangeElectron"
                />
              </view>
            </view>
          </view>
          <view wx:if="{{bookList.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>
        <movable-view
          class="movable-view"
          :x="{{x}}"
          :y="{{y}}"
          direction="all"
        >
          <view class="applyBox" bindtap="goApply">
            <view class="box">
              <t-image
                src="/static/images/home/yangshuForm1.png"
                mode="heightFix"
                class="img"
              />
              <view class="num" wx:if="{{num > 0}}">{{num}}</view>
            </view>
          </view>
        </movable-view>
      </movable-area>
    </view>
  </view>
  <t-back-top theme="round" wx:if="{{isBackTop}}" text="顶部" bind:to-top="onToTop"></t-back-top>
  <view class="applyBox" bindtap="goApply">
    <view class="box">
      <t-image src="/static/images/home/yangshuForm1.png" mode="heightFix" class="img" />
      <view class="num" wx:if="{{num > 0}}">{{num}}</view>
    </view>
  </view>
</view>
  <t-back-top
    theme="round"
    wx:if="{{isBackTop}}"
    text="顶部"
    bind:to-top="onToTop"
  ></t-back-top>
</view>
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{skeletonLoding}}" />