wenti

litian

2024-08-27 366de5b4636679392a1e3d2984fc23bd5eaa5ac3

 packageBookService/pages/bookServices/list/index.wxml

@@ -1,146 +1,63 @@
<!-- 图书服务-列表 -->
<page-meta page-style="{{showDropdown ? 'overflow: hidden;' : ''}}">

<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />

<page-meta page-style="{{showDropdown ? 'overflow: hidden;' : ''}}" wx:if="{{!loading}}">
  <view style="width: 100%; height: {{barHeight}}px;"></view>
  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
  <view class="nacigationBar" style="width: 72%; height: {{navBarHeight}}px;">
    <view>
      <t-icon
        name="chevron-left"
        size="30"
        data-name="{{item}}"
        bind:click="goBack"
      />
      <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
    </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="bookServices-list">
    <view class="list-header">
      <view class="header-scroll">
        <t-dropdown-menu style="width: 1000rpx">
          <t-dropdown-item
            optionsColumns="2"
            options="{{stairList.options}}"
            value="{{stairList.value}}"
            bindchange="onChangeStair"
          />
          <t-dropdown-item
            disabled="{{disabledSecondList}}"
            label="二级"
            bind:open="openDropdown"
            bind:close="closeDropdown"
            options="{{secondList.options}}"
            optionsColumns="2"
            multiple
            value="{{secondList.value}}"
            bind:confirm="onConfirmSecond"
            bind:change="onChangeSecond"
          />
          <t-dropdown-item
            label="重点项目"
            options="{{majorProjectList.options}}"
            optionsColumns="2"
            multiple
            defaultValue="{{majorProjectList.value}}"
            bind:confirm="changeMajorProject"
            bind:reset="resetMajorProject"
          />
          <t-dropdown-item
            label="新形态教材"
            options="{{newTextBook.options}}"
            optionsColumns="2"
            multiple
            defaultValue="{{newTextBook.value}}"
            bind:confirm="changeNewText"
            bind:reset="resetNewText"
          />
        <t-dropdown-menu style="width: 1200rpx">
          <t-dropdown-item disabled="{{disabledStair}}" optionsColumns="2" options="{{stairList.options}}" value="{{stairList.value}}" bindchange="onChangeStair" />
          <t-dropdown-item disabled="{{disabledSecondList}}" label="二级" bind:open="openDropdown" bind:close="closeDropdown" options="{{secondList.options}}" optionsColumns="2" multiple defaultValue="{{secondList.value}}" bind:confirm="onConfirmSecond" bind:reset="resetSecond" />
          <t-dropdown-item label="重点项目" disabled="{{disabledProject}}" options="{{majorProjectList.options}}" optionsColumns="2" multiple defaultValue="{{majorProjectList.value}}" bind:confirm="changeMajorProject" bind:reset="resetMajorProject" />
          <t-dropdown-item label="新形态教材" disabled="{{disabledNewForms}}" options="{{newTextBook.options}}" optionsColumns="2" multiple defaultValue="{{newTextBook.value}}" bind:confirm="changeNewText" bind:reset="resetNewText" />
          <t-dropdown-item options="{{sortList.options}}" value="{{sortList.value}}" bindchange="onSortChange" />
        </t-dropdown-menu>
      </view>
      <view class="header-sort" bind:tap="sortClick">
        <text class="sort-name">排序</text>
        <!-- <view class="sort-icon"> -->
        <t-icon
          name="swap-left"
          size="28rpx"
          class="icon-right"
          color="{{sort == 'Asc' ? '#ff6c00' : ''}}"
        />
        <t-icon
          name="swap-left"
          size="28rpx"
          class="icon-left"
          color="{{sort == 'Desc' ? '#ff6c00' : ''}}"
        />
        <!-- </view> -->
      </view>
      <!-- <view class="header-sort">
        <t-dropdown-menu>

        </t-dropdown-menu>
      </view> -->
    </view>
    <t-pull-down-refresh
      value="{{enable}}"
      loadingProps="{{loadingProps}}"
      loadingTexts="{{['下拉刷新', '松手刷新', '正在刷新', '刷新完成']}}"
      bind:refresh="onRefresh"
      class="down-refresh"
    >
      <scroll-view
        scroll-y="{{true}}"
        class="list-container"
        bindrefresherrefresh="onPullDownRefresh"
        bindscrolltolower="onReachBottom"
      >
        <view class="assort-title">
          <view class="title-box"></view>
          <view class="title-name">{{assortCheck.name}}</view>
    <scroll-view scroll-y="{{true}}" scroll-into-view="{{backTop}}" refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherrefresh="onPullDownRefresh" bindrefresherpulling="{{refresh.onPulling}}" class="list-container" bindscrolltolower="onReachBottom">
      <view slot="refresher" class="refresh-container">
        <view class="loading">
          <t-loading theme="circular" size="40rpx" text="正在刷新..." class="wrapper" />
        </view>
        <view class="page-content">
          <view class="book-list" wx:if="{{!loaidng}}">
            <view
              class="book-box"
              wx:for="{{bookList}}"
              wx:key="id"
              bind:tap="goDetail"
              data-book="{{item}}"
            >
              <view class="book-img">
                <image
                  src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}"
                  aria-label="{item.name{}}"
                  mode="aspectFit"
                />
              </view>
              <view class="book-name book-color">{{ item.name}}</view>
              <view class="book-author book-color">{{item.author}}</view>
      </view>
      <view class="assort-title" id="assort-title">
        <view class="title-box"></view>
        <view class="title-name">{{assortCheck.name}}</view>
      </view>
      <view class="page-content">
        <view class="book-list" wx:if="{{!loaidng}}">
          <view class="book-box" wx:for="{{bookList}}" wx:key="id" bind:tap="goDetail" data-book="{{item}}">
            <view class="book-img">
              <image src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}" aria-label="{item.name{}}" mode="aspectFit" />
            </view>
            <view wx:if="{{noData}}" class="noData">
              <t-empty icon="folder-open" description="暂无数据" />
            </view>
            <view class="book-name book-color">{{ item.name}}</view>
            <view class="book-author book-color">{{item.author}}</view>
          </view>
          <!-- loading -->
          <view class="loading-box" wx:if="{{loaidng}}">
            <t-loading
              theme="circular"
              size="60rpx"
              class="wrapper"
              loading="{{loaidng}}"
              wx:if="{{loaidng}}"
            />
          <view wx:if="{{noData}}" class="noData">
            <!-- <t-empty icon="folder-open" description="暂无数据" /> -->
            <empty />
          </view>
        </view>
        <view class="bottom-box">
          <t-loading
            theme="circular"
            size="40rpx"
            class="wrapper"
            wx:if="{{isMore == true}}"
          />
          <text wx:if="{{isMore == false}}">没有更多了</text>
        </view>
      </scroll-view>
    </t-pull-down-refresh>
      </view>
      <view class="bottom-box" wx:if="{{bookList.length}}">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" loading="{{isMore}}" />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>
    </scroll-view>
  </view>
</page-meta>
</page-meta>