闫增涛
2024-04-30 b672290f81510915f501f2163b3b54b666dfdfe9
pages/bibliographyList/index.wxml
@@ -1,91 +1,270 @@
<!--pages/bibliographyList/index.wxml-->
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />
<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 wx:if="{{!loading}}">
  <view wx:if="{{downloadLoadin}}" class="loadinBox">
    <t-loading class="colors" theme="circular" size="70rpx" class="wrapper" />
  </view>
  <view class="example-search">
    <t-search model:value="{{value}}" placeholder="请输入书目名称" bind:submit="onSearchSubmit" />
  <view class="titleBox">
    <view
      style="width: 100%; height: {{barHeight}}px; background-color: #fff;"
    ></view>
    <view
      class="nacigationBar"
      style="width: 100%; height: {{navBarHeight}}px;"
    >
      <view>
        <t-icon
          name="chevron-left"
          size="30"
          data-name="{{item}}"
          bind:click="goBack"
        />
      </view>
      <view class="example-search">
        <t-search
          model:value="{{value}}"
          placeholder="请输入书目名称"
          bind:submit="onSearchSubmit"
        >
        </t-search>
      </view>
    </view>
  </view>
  <view class="page-content">
    <t-tabs
      class="contentBox"
      defaultValue="{{0}}"
      bind:change="onTabsChange"
      bind:click="onTabsClick"
      t-class="custom-tabs"
      t-class-content="custom-panel"
    >
      <t-tab-panel label="高等教育({{higherTotal}})" value="0">
        <view wx:if="{{higherList.length <= 0}}" class="noDataBox">
          <t-empty icon="folder-open" description="暂无数据" />
        </view>
        <scroll-view
          scroll-y="{{true}}"
          wx:else
          class="scroll-box"
          refresher-enabled="{{true}}"
          lower-threshold="{{200}}"
          refresher-threshold="{{80}}"
          refresher-default-style="none"
          refresher-triggered="{{triggered}}"
          bindscrolltolower="onReachBottom"
        >
          <view class="outsideHigherBox">
            <view
              class="higherBox"
              wx:for="{{higherList}}"
              wx:key="index"
              wx:for-item="item"
              wx:for-index="index"
            >
              <view class="outsideHigherImageBox">
                <view class="higherImageBox">
                  <image
                    wx:if="{{item.icon}}"
                    data-item="{{item}}"
                    bind:tap="downloadData"
                    src="{{item.icon}}"
                    mode="aspectFill"
                  />
                  <image
                    wx:if="{{!item.icon}}"
                    src="/static/images/default-book-img.png"
                    mode="aspectFill"
                    data-item="{{item}}"
                    bind:tap="downloadData"
                  />
                  <view
                    class="downloadIcon"
                    data-item="{{item}}"
                    data-key="showWithInput"
                    bind:tap="mailbox"
                  >
                    <image
                      wx:if="{{determine}}"
                      class="download"
                      src="/static/images/bibliographyList/email-click.png"
                      mode="aspectFit"
                    />
                    <image
                      wx:else=""
                      class="downloadshiftin"
                      src="/static/images/bibliographyList/email.png"
                      mode="aspectFit"
                    />
                  </view>
                </view>
              </view>
              <view class="higherTextBox">{{item.name}}</view>
            </view>
          </view>
          <view wx:if="{{higherList.length}}" 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-tab-panel>
      <t-tab-panel label="职业教育({{vocationalTotal}})" value="1">
        <view wx:if="{{vocationalList.length <= 0}}" class="noDataBox">
          <t-empty icon="folder-open" description="暂无数据" />
        </view>
        <scroll-view
          scroll-y="{{true}}"
          wx:else
          class="scroll-box"
          refresher-enabled="{{true}}"
          lower-threshold="{{200}}"
          refresher-threshold="{{80}}"
          refresher-default-style="none"
          refresher-triggered="{{triggered}}"
          bindscrolltolower="onReachBottom"
        >
          <view class="outsideHigherBox">
            <view
              class="higherBox"
              wx:for="{{vocationalList}}"
              wx:key="index"
              wx:for-item="item"
              wx:for-index="index"
              data-item="{{item}}"
            >
              <view class="outsideHigherImageBox">
                <view class="higherImageBox">
                  <image
                    wx:if="{{item.icon}}"
                    data-item="{{item}}"
                    bind:tap="downloadData"
                    src="{{item.icon}}"
                    mode="aspectFill"
                  />
                  <image
                    wx:if="{{!item.icon}}"
                    src="/static/images/default-book-img.png"
                    mode="aspectFill"
                    data-item="{{item}}"
                    bind:tap="downloadData"
                  />
                  <view
                    class="downloadIcon"
                    data-item="{{item}}"
                    data-key="showWithInput"
                    bind:tap="mailbox"
                  >
                    <image
                      wx:if="{{determine}}"
                      class="download"
                      src="/static/images/bibliographyList/email-click.png"
                      mode="aspectFit"
                    />
                    <image
                      wx:else=""
                      class="downloadshiftin"
                      src="/static/images/bibliographyList/email.png"
                      mode="aspectFit"
                    />
                  </view>
                </view>
              </view>
              <view class="higherTextBox">{{item.name}}</view>
            </view>
          </view>
          <view wx:if="{{vocationalList.length > 0}}" 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-tab-panel>
      <t-tab-panel label="教师教育({{teacherTotal}})" value="2">
        <view wx:if="{{teacherList.length <= 0}}" class="noDataBox">
          <t-empty icon="folder-open" description="暂无数据" />
        </view>
        <scroll-view
          scroll-y="{{true}}"
          wx:else
          class="scroll-box"
          refresher-enabled="{{true}}"
          lower-threshold="{{200}}"
          refresher-threshold="{{80}}"
          refresher-default-style="none"
          refresher-triggered="{{triggered}}"
          bindscrolltolower="onReachBottom"
        >
          <view class="outsideHigherBox">
            <view
              class="higherBox"
              wx:for="{{teacherList}}"
              wx:key="index"
              wx:for-item="item"
              wx:for-index="index"
              data-item="{{item}}"
            >
              <view class="outsideHigherImageBox">
                <view class="higherImageBox">
                  <image
                    wx:if="{{item.icon}}"
                    data-item="{{item}}"
                    bind:tap="downloadData"
                    src="{{item.icon}}"
                    mode="aspectFill"
                  />
                  <image
                    wx:if="{{!item.icon}}"
                    src="/static/images/default-book-img.png"
                    mode="aspectFill"
                    data-item="{{item}}"
                    bind:tap="downloadData"
                  />
                  <view
                    class="downloadIcon"
                    data-item="{{item}}"
                    data-key="showWithInput"
                    bind:tap="mailbox"
                  >
                    <image
                      wx:if="{{determine}}"
                      class="download"
                      src="/static/images/bibliographyList/email-click.png"
                      mode="aspectFit"
                    />
                    <image
                      wx:else=""
                      class="downloadshiftin"
                      src="/static/images/bibliographyList/email.png"
                      mode="aspectFit"
                    />
                  </view>
                </view>
              </view>
              <view class="higherTextBox">{{item.name}}</view>
            </view>
          </view>
          <view wx:if="{{teacherList.length > 0}}" 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-tab-panel>
    </t-tabs>
  </view>
</view>
<!--状态栏高度 -->
<!-- <view style="width: 100%; height:{{BarHeight}}px;"></view>
<view style="width: 70%; height:{{navBarHeight}}px;">
  <view style="position: relative; padding-top: 10rpx;">
    <view class="iconfont icon-sousuo search_icones"></view>
    <input class="nav_input" model:value="{{ name }}" placeholder-class="placeholder_class" maxlength="30" bindfocus="bindfocus" bindconfirm="doSearch" placeholder="输入充电站" />
  </view>
</view> -->
<t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
  <t-tab-panel label="高等教育({{higherTotal}})" value="0">
    <view class="outsideHigherBox">
      <view class="higherBox" wx:for="{{higherList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
        <view class="outsideHigherImageBox">
          <image class="higherImageBox" src="{{item.icon}}" mode="" />
          <view class="downloadIcon" bind:tap="downloadData" data-item="{{item}}">
            <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/downloadshiftin.png" mode="" />
            <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/download.png" mode="" />
          </view>
        </view>
        <view class="higherTextBox">{{item.name}}</view>
      </view>
    </view>
  </t-tab-panel>
  <t-tab-panel label="职业教育({{vocationalTotal}})" value="1">
    <view class="outsideHigherBox">
      <view class="higherBox" wx:for="{{vocationalList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
        <view class="outsideHigherImageBox">
          <image class="higherImageBox" src="{{item.icon}}" mode="" />
          <view class="downloadIcon" bind:tap="downloadData" data-item="{{item}}">
            <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/downloadshiftin.png" mode="" />
            <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/download.png" mode="" />
          </view>
        </view>
        <view class="higherTextBox">{{item.name}}</view>
      </view>
    </view>
  </t-tab-panel>
  <t-tab-panel label="教师教育({{teacherTotal}})" value="2">
    <view class="outsideHigherBox">
      <view class="higherBox" wx:for="{{teacherList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
        <view class="outsideHigherImageBox">
          <image class="higherImageBox" src="{{item.icon}}" mode="" />
          <view class="downloadIcon" bind:tap="downloadData" data-item="{{item}}">
            <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/downloadshiftin.png" mode="" />
            <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/download.png" mode="" />
          </view>
        </view>
        <view class="higherTextBox">{{item.name}}</view>
      </view>
    </view>
  </t-tab-panel>
</t-tabs>
<t-toast id="t-toast" />