From cf1fcff430fa1331c1d9b2b844fa9ad710fb7a26 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 16 四月 2024 11:30:34 +0800
Subject: [PATCH] 详情页,答题器bug修改

---
 packageBookService/pages/bookServices/detail/index.wxml |  507 +++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 388 insertions(+), 119 deletions(-)

diff --git a/packageBookService/pages/bookServices/detail/index.wxml b/packageBookService/pages/bookServices/detail/index.wxml
index abfcb94..9631d21 100644
--- a/packageBookService/pages/bookServices/detail/index.wxml
+++ b/packageBookService/pages/bookServices/detail/index.wxml
@@ -1,146 +1,415 @@
 <!--pages/bookServices/detail/index.wxml-->
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{pageLoading}}" />
+<!-- pageLoading -->
 <!--瀵艰埅鍖哄煙 -->
-<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>
-  <view class="navbar-title">{{options.name}}</view>
-</view>
-<t-toast id="t-toast" />
-<scroll-view scroll-y="{{true}}" class="book" bindscrolltolower="onReachBottom">
-  <!-- 鍥句功璇︽儏 -->
-  <view class="book-box">
-    <view class="book-detail">
-      <view class="detail-left">
-        <view class="book-img">
-          <t-image src="{{bookDetail.icon}}" mode="aspectFill" width="120" height="170" aria-label="{{bookDetail.name}}" />
+
+<suggest-dialog
+  class="suggest-dialog"
+  showIndex="{{showIndex}}"
+  bookIcon="{{bookDetail.icon}}"
+  bookName="{{bookDetail.name}}"
+></suggest-dialog>
+<!-- <popup showIndex="{{showIndex}}"></popup> -->
+<view class="page-bookService" wx:if="{{!pageLoading}}">
+  <!-- <view style="width: 100%; height: {{barHeight}}px; "></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="navbar-title" style="width: 100%">
+      <text>{{options.name}}</text>
+    </view>
+  </view> -->
+  <t-toast id="t-toast" />
+  <scroll-view
+    scroll-y="{{true}}"
+    class="book"
+    bindscrolltolower="onReachBottom"
+  >
+    <!-- 鍥句功璇︽儏 -->
+    <view class="book-box">
+      <view class="book-detail" id="book-detail">
+        <view class="detail-left">
+          <view class="book-img">
+            <image
+              loading=""
+              src="{{bookDetail.icon ? bookDetail.icon : '/static/images/default-book-img.png'}}"
+              mode="aspectFit"
+              aria-label="{{bookDetail.name}}"
+            />
+          </view>
+          <view class="book-use">
+            <view class="collect" bind:tap="setCollect">
+              <view>
+                <image
+                  loading=""
+                  src="/static/images/bookService/detail/collect.png"
+                  wx:if="{{!bookDetail.isFavourite}}"
+                />
+                <image
+                  loading=""
+                  src="/static/images/bookService/detail/collecting.png"
+                  wx:if="{{bookDetail.isFavourite}}"
+                />
+              </view>
+              <view class="use-title">鏀惰棌</view>
+            </view>
+            <view class="suggest" bind:tap="suggestBtn">
+              <view>
+                <image
+                  loading=""
+                  src="/static/images/bookService/detail/suggest.png"
+                />
+              </view>
+              <view class="use-title">鎴戣寤鸿</view>
+            </view>
+          </view>
         </view>
-        <view class="book-use">
-          <view class="collect" bind:tap="setCollect">
-            <view>
-              <t-image src="/static/images/bookService/detail/collect.png" wx:if="{{!bookDetail.isFavourite}}"></t-image>
-              <t-image src="/static/images/bookService/detail/collecting.png" wx:if="{{bookDetail.isFavourite}}"></t-image>
+        <view class="detail-right">
+          <view class="book-name showTow">{{bookDetail.name}}</view>
+          <view class="book-message">
+            <view class="message-li" wx:if="{{bookDetail.seriesName}}">
+              <view class="li-title">涓涗功鍚嶏細</view>
+              <view class="li-content">{{bookDetail.seriesName}}</view>
             </view>
-            <view class="use-title">鏀惰棌</view>
-          </view>
-          <view class="suggest" bind:tap="suggestBtn">
-            <view>
-              <t-image src="/static/images/bookService/detail/suggest.png"></t-image>
+            <view class="message-li" wx:if="{{bookDetail.author}}">
+              <view class="li-title">浣滆�咃細</view>
+              <view class="li-content">{{bookDetail.author}}</view>
             </view>
-            <view class="use-title">鎴戣寤鸿</view>
+            <view class="message-li" wx:if="{{bookDetail.isbn}}">
+              <view class="li-title">ISBN锛�</view>
+              <view class="li-content">{{bookDetail.isbn}}</view>
+            </view>
+            <view class="message-li" wx:if="{{bookDetail.publicationDate}}">
+              <view class="li-title">鍑虹増鏃堕棿锛�</view>
+              <view class="li-content">{{bookDetail.publicationDate}}</view>
+            </view>
+            <view
+              class="message-li"
+              wx:if="{{bookClass.length}}"
+              style="height: 80rpx"
+            >
+              <view class="li-title">鍥句功鍒嗙被锛�</view>
+              <view class="class-name showTow">{{bookClass}}</view>
+            </view>
           </view>
+          <image
+            src="/static/images/bookService/detail/square.png"
+            class="right-background"
+          />
         </view>
       </view>
-      <view class="detail-right">
-        <view class="book-name">{{bookDetail.name}}</view>
-        <view class="book-message">
-          <view class="message-li">
-            <view class="li-title">涓涗功鍚嶏細</view>
-            <view class="li-content">{{bookDetail.seriesName}}</view>
+      <!-- 閿�鍞俊鎭� -->
+      <view class="book-sale">
+        <view class="book-price">
+          <!-- 鐢靛瓙涔﹀敭浠� -->
+          <view class="electron-price" wx:if="{{bookDetail.price}}">
+            <view>
+              <image
+                src="/static/images/bookService/detail/electon-price.png"
+              />
+            </view>
+            <view class="price">
+              <view class="price-text"
+                >{{bookDetail.price == '0.00' ? '鍏嶈垂' : '楼'+
+                bookDetail.price}}</view
+              >
+              <view class="price-old" wx:if="{{bookDetail.oldPrice != '0.00'}}"
+                >楼{{bookDetail.oldPrice}}
+              </view>
+            </view>
+            <view> </view>
           </view>
-          <view class="message-li">
-            <view class="li-title">浣滆�咃細</view>
-            <view class="li-content">{{bookDetail.author}}</view>
+          <!-- 绾歌川涔﹀敭浠� -->
+          <view class="paper-price" wx:if="{{bookDetail.paperPrice}}">
+            <view>
+              <image src="/static/images/bookService/detail/paper-price.png" />
+            </view>
+            <view class="price"
+              >{{bookDetail.paperPrice == '0.00' ? '鍏嶈垂' :
+              '楼'+bookDetail.paperPrice}}</view
+            >
           </view>
-          <view class="message-li">
-            <view class="li-title">ISBN锛�</view>
-            <view class="li-content">{{bookDetail.isbn}}</view>
-          </view>
-          <view class="message-li">
-            <view class="li-title">鍑虹増鏃堕棿锛�</view>
-            <view class="li-content">{{bookDetail.publicationDate}}</view>
-          </view>
-          <view class="message-li" wx:if="{{bookDetail.class}}" style="height: 80rpx">
-            <view class="li-title">鍥句功鍒嗙被锛�</view>
-            <view class="class-name showTow">{{bookDetail.class}}</view>
-          </view>
+        </view>
+        <!-- 缃戝簵 -->
+        <view class="book-web">
+          <image
+            src="/static/images/bookService/detail/jd.png"
+            wx:if="{{bookDetail.JDLink}}"
+            bind:tap="goShop"
+            data-link="{{bookDetail.JDLink}}"
+            data-type="jd"
+          />
+          <image
+            class="tmall-image"
+            src="/static/images/bookService/detail/tmall.png"
+            bind:tap="goShop"
+            data-link="{{bookDetail.tmallLink}}"
+            wx:if="{{bookDetail.tmallLink}}"
+          />
+          <image
+            src="/static/images/bookService/detail/dangdang.png"
+            bind:tap="goShop"
+            data-link="{{bookDetail.dangdangLink}}"
+            wx:if="{{bookDetail.dangdangLink}}"
+          />
+          <image
+            src="/static/images/bookService/detail/weidian.png"
+            bind:tap="goShop"
+            data-link="{{bookDetail.weidianLink}}"
+            wx:if="{{bookDetail.weidianLink}}"
+          />
         </view>
       </view>
     </view>
-    <!-- 閿�鍞俊鎭� -->
-    <view class="book-sale">
-      <view class="book-price">
-        <!-- 鐢靛瓙涔﹀敭浠� -->
-        <view class="electron-price">
-          <view>
-            <t-image src="/static/images/bookService/detail/electon-price.png"></t-image>
-          </view>
-          <view class="price">
-            <view class="price-text">楼{{bookDetail.price == '0.00' ? '鍏嶈垂' :bookDetail.price}}</view>
-            <view class="price-old" wx:if="{{bookDetail.oldPrice != '0.00'}}">楼{{bookDetail.oldPrice}} <view class="line"></view>
+
+    <view class="book-resource">
+      <movable-area class="movable-area">
+        <t-tabs
+          value="{{tabValue}}"
+          bind:change="onTabsChange"
+          t-class="custom-tabs"
+          t-class-content="custom-panel"
+          class="tab-class"
+        >
+          <t-tab-panel
+            label="鍥句功绠�浠�"
+            icon="{{ tabValue == 'brief' ? briefIconClick : briefIcon}}"
+            value="brief"
+            style="{{tabPanelstyle}}"
+          >
+            <book-brief
+              content="{{bookDetail.content}}"
+              authorIntroduction="{{bookDetail.authorIntroduction}}"
+              wx:if="{{bookDetail.content || bookDetail.authorIntroduction}}"
+            ></book-brief>
+            <view
+              wx:if="{{!bookDetail.content && !bookDetail.authorIntroduction}}"
+              class="noData"
+            >
+              <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+            </view>
+          </t-tab-panel>
+          <!-- <t-tab-panel
+          label="鐢靛瓙涔�"
+          icon="{{tabValue == 'jsek_eBook' ? eBookClickIcon : eBookIcon}}"
+          value="jsek_eBook"
+          style="{{tabPanelstyle}}"
+        >
+        </t-tab-panel> -->
+          <t-tab-panel
+            label="鏁欏璧勬簮"
+            icon="{{tabValue == 'jsek_teachingResources' ? teachResourcesClickIcon : teachResourcesIcon}}"
+            value="jsek_teachingResources"
+            class="{{loading ? 'loading': ''}}"
+          >
+            <view
+              wx:if="{{!loading && teach.length && !noResources && applyState}}"
+            >
+              <teach-resource
+                applyState="{{applyState}}"
+                rejectCause="{{rejectCause}}"
+                deadline="{{deadline}}"
+                bind:applyResource="applyResource"
+                applyResourceLoading="{{applyResourceLoading}}"
+              ></teach-resource>
+              <tree
+                id="teach-tree"
+                openIds="{{openTeachids}}"
+                bookInfo="{{bookDetail}}"
+                treeList="{{teach}}"
+                tab="{{tabValue}}"
+                applyState="{{applyState}}"
+                bind:downloadTeach="downloadTeach"
+                bind:handleTree="handleTree"
+                openTeachids="{{openTeachids}}"
+                wx:if="{{teach.length}}"
+                isShoppingCart="isShoppingCart"
+                bind:updateCloudLearning="updateCloudLearning"
+              ></tree>
+            </view>
+            <!-- <t-loading
+              theme="circular"
+              size="60rpx"
+              class="loading"
+              loading="{{loading }}"
+            /> -->
+            <view wx:if="{{loading}}" style="width: 100%; height: min-content">
+              <t-skeleton
+                row-col="{{rowCol}}"
+                theme="paragraph"
+                animation="gradient"
+                loading="{{loading}}"
+              ></t-skeleton>
+            </view>
+            <view wx:if="{{noResources}}" class="noData">
+              <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+            </view>
+          </t-tab-panel>
+          <t-tab-panel
+            label="浜戝涔�"
+            icon="{{tabValue == 'jsek_cloudLearning' ? learnResourceClickIcon : learnResourceIcon}}"
+            value="jsek_cloudLearning"
+            style="{{tabPanelstyle}}"
+          >
+            <view wx:if="{{!loading && learn.length}}">
+              <learn-resource
+                bind:getFreeResource="getFreeResource"
+                bind:allAddShoppiingCar="allAddShoppiingCar"
+                id="learn-resource"
+                buyResourceData="{{buyResourceData}}"
+                bookId="{{bookDetail.id}}"
+                isshowDrawBtn="{{isshowDrawBtn}}"
+              ></learn-resource>
+
+              <tree
+                id="tree"
+                openIds="{{openLearnids}}"
+                bookInfo="{{bookDetail}}"
+                tab="{{tabValue}}"
+                treeList="{{learn}}"
+                buyIds="{{buyIdList}}"
+                openLearnids="{{openLearnids}}"
+                bind:updateShoppingCartHidden="updateShoppingCartHidden"
+                bind:updateCloudLearning="updateCloudLearning"
+              ></tree>
+            </view>
+            <view wx:if="{{noResources}}" class="noData">
+              <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+            </view>
+          </t-tab-panel>
+          <t-tab-panel
+            label="浜戞祴璇�"
+            icon="{{tabValue == 'questionBank' ? testResourceClickIocn : testResourceIocn}}"
+            value="questionBank"
+            style="{{tabPanelstyle}}"
+          >
+            <view wx:if="{{!loading}}">
+              <test-resource
+                id="test-resource"
+                list="{{test}}"
+                bookInfo="{{bookDetail}}"
+                mockData="{{mockData}}"
+                bind:buyMock="buyMock"
+              ></test-resource>
+            </view>
+          </t-tab-panel>
+          <t-tab-panel
+            label="浜戠瑪璁�"
+            icon="{{tabValue == 'jsek_note' ? noteClickIcon: noteIcon}}"
+            value="jsek_note"
+            style="{{tabPanelstyle}}"
+          >
+            <note bookInfo="{{bookDetail}}" id="note" class="note-list"></note>
+          </t-tab-panel>
+          <t-tab-panel
+            label="鐩稿叧鍥句功"
+            icon="{{tabValue == 'related_books' ? linkClickIcon: linkIcon}}"
+            value="related_books"
+            style="{{tabPanelstyle}}"
+          >
+            <related-books
+              relatedBookData="{{relatedBookData}}"
+              relatedBookLoading="{{relatedBookLoading}}"
+              noRelatedBookData="{{noRelatedBookData}}"
+              bind:goBookDetails="goBookDetails"
+            ></related-books>
+          </t-tab-panel>
+        </t-tabs>
+        <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>
-          <view> </view>
-        </view>
-        <!-- 绾歌川涔﹀敭浠� -->
-        <view class="paper-price">
-          <view>
-            <t-image src="/static/images/bookService/detail/paper-price.png"></t-image>
-          </view>
-          <view class="price">楼{{bookDetail.paperPrice == '0.00' ? '鍏嶈垂' :
-            bookDetail.paperPrice}}</view>
-        </view>
-      </view>
-      <!-- 缃戝簵 -->
-      <view class="book-web">
-        <t-image src="/static/images/bookService/detail/jd.png" wx:if="{{bookDetail.JDLink}}" bind:tap="goShop" data-link="{{bookDetail.JDLink}}" data-type="jd"></t-image>
-        <t-image src="/static/images/bookService/detail/tmall.png" width="32" height="22" bind:tap="goShop" data-link="{{bookDetail.tmallLink}}" wx:if="{{bookDetail.tmallLink}}"></t-image>
-        <t-image src="/static/images/bookService/detail/dangdang.png" bind:tap="goShop" data-link="{{bookDetail.dangdangLink}}" wx:if="{{bookDetail.dangdangLink}}"></t-image>
-        <t-image src="/static/images/bookService/detail/jd.png" bind:tap="goShop" data-link="{{bookDetail.weidianLink}}" wx:if="{{bookDetail.weidianLink}}"></t-image>
-      </view>
+        </movable-view>
+      </movable-area>
     </view>
-  </view>
-  <view class="book-resource">
-    <t-tabs defaultValue="{{tabValue}}" bind:change="onTabsChange" t-class="custom-tabs" t-class-content="custom-panel" class="tab-class">
-      <t-tab-panel label="鍥句功绠�浠�" value="brief" style="{{tabPanelstyle}}">
-        <book-brief content="{{bookDetail.content}}" authorIntroduction="{{bookDetail.authorIntroduction}}"></book-brief>
-      </t-tab-panel>
-      <t-tab-panel label="鐢靛瓙涔�" value="1" style="{{tabPanelstyle}}">
-        鐢靛瓙涔�
-      </t-tab-panel>
-      <t-tab-panel label="鏁欏璧勬簮" value="jsek_teachingResources" class="{{loading ? 'loading': ''}}">
-        <view wx:if="{{!loading && teach.length}}">
-          <teach-resource applyState="{{applyState}}" rejectCause="{{rejectCause}}" bind:applyResource="applyResource"></teach-resource>
-          <tree bookInfo="{{bookDetail}}" treeList="{{teach}}" tab="{{tabValue}}" applyState="{{applyState}}" bind:downloadTeach="downloadTeach" openTeachids="{{openTeachids}}"></tree>
-        </view>
-        <t-loading theme="circular" size="60rpx" class="loading" loading="{{loading}}" />
-      </t-tab-panel>
-      <t-tab-panel label="浜戝涔�" value="jsek_cloudLearning" style="{{tabPanelstyle}}">
-        <view wx:if="{{!loading && learn.length}}">
-          <learn-resource bind:getFreeResource="getFreeResource" bind:allAddShoppiingCar="allAddShoppiingCar" id="learn-resource"></learn-resource>
-          <tree bookInfo="{{bookDetail}}" tab="{{tabValue}}" treeList="{{learn}}" buyIds="{{buyIdList}}" openLearnids="{{openLearnids}}"></tree>
-        </view>
-      </t-tab-panel>
-      <t-tab-panel label="浜戞祴璇�" value="questionBank" style="{{tabPanelstyle}}">
-        <view wx:if="{{!loading && test.length}}">
-          <test-resource list="{{test}}" bookInfo="{{bookDetail}}" mockData="{{mockData}}"></test-resource>
-        </view>
-      </t-tab-panel>
-      <t-tab-panel label="浜戠瑪璁�" value="jesk_note" style="{{tabPanelstyle}}">
-        <note bookInfo="{{bookDetail}}" id="note" class="note-list" bind:changeLoaidng="changeLoaidng"></note>
-      </t-tab-panel>
-    </t-tabs>
-  </view>
+  </scroll-view>
+  <!-- 鎴戣寤鸿寮圭獥 -->
+  <suggest
+    class="suggest-component"
+    id="suggest-component"
+    bookIcon="{{bookDetail.icon}}"
+    bookName="{{bookDetail.name}}"
+  ></suggest>
+  <!-- 鏁欏璧勬簮涓嬭浇鎻愮ず寮圭獥 -->
+  <t-dialog
+    class="teachDownloadDialog"
+    visible="{{isShowTeachDownload}}"
+    title="鎻愮ず"
+    content="璇峰墠寰�PC绔笅杞�"
+    confirm-btn="{{ confirmBtn }}"
+    bind:confirm="closeTeachDownload"
+  />
   <!-- 璐拱鎸夐挳 -->
   <view class="box-bottom">
-    <view class="bottom-btn">
+    <view class="bottom-btn" bind:tap="appplyElectronicBook">
       <view>
-        <t-image src="/static/images/bookService/detail/ebook.png"></t-image>
+        <t-image
+          loading=""
+          src="/static/images/bookService/detail/ebook.png"
+        ></t-image>
       </view>
       <view class="btn-text">鐢靛瓙鏍蜂功鐢宠</view>
     </view>
-    <view class="bottom-btn">
+    <view class="bottom-btn" bind:tap="appplyPaperBook">
       <view>
-        <t-image src="/static/images/bookService/detail/paper-book.png"></t-image>
+        <t-image
+          src="/static/images/bookService/detail/paper-book.png"
+        ></t-image>
       </view>
       <view class="btn-text">绾歌川鏍蜂功鐢宠</view>
     </view>
-    <view class="shopCar" bind:tap="addBookShopcCar">鍔犲叆璐墿杞�</view>
-    <view class="buy" bind:tap="buyBtn">绔嬪嵆璐拱</view>
+    <view
+      class="{{!bookBuy && bookDetail.isSell ? 'bottom-btn tryRead' : 'bottom-btn try'}}"
+      bind:tap="goRead"
+      wx:if="{{!bookBuy}}"
+    >
+      <view>
+        <t-image src="/static/images/bookService/detail/shidu.png"></t-image>
+      </view>
+      <view class="btn-text">璇曡</view>
+    </view>
+
+    <view
+      class="shopCar shopCarColor"
+      bind:tap="addBookShopcCar"
+      wx:if="{{!bookBuy && bookDetail.price !== '0.00' && bookDetail.isSell == '1'}}"
+      >鍔犲叆璐墿杞�</view
+    >
+    <view
+      class="buy buyColor"
+      bind:tap="buyBtn"
+      wx:if="{{!bookBuy && bookDetail.price !== '0.00' && bookDetail.isSell == '1'}}"
+      >绔嬪嵆璐拱</view
+    >
+    <view
+      class="buy receiveColor"
+      bind:tap="buyBtn"
+      wx:if="{{!bookBuy && bookDetail.price == '0.00' && bookDetail.isSell == '1'}}"
+      >鍏嶈垂棰嗗彇</view
+    >
+    <view class="buy read" bind:tap="goRead" wx:if="{{bookBuy}}">绔嬪嵆鏌ョ湅</view>
   </view>
-</scroll-view>
-<!-- 鎴戣寤鸿寮圭獥 -->
-<suggest class="suggest-component" id="suggest-component" bookIcon="{{bookDetail.icon}}" bookName="{{bookDetail.name}}"></suggest>
-<!-- 鏁欏璧勬簮涓嬭浇鎻愮ず寮圭獥 -->
-<t-dialog class="teachDownloadDialog" visible="{{isShowTeachDownload}}" title="鎻愮ず" content="璇峰墠寰�PC绔笅杞�" confirm-btn="{{ confirmBtn }}" bind:confirm="closeTeachDownload" />
\ No newline at end of file
+</view>
+
+<!-- <view class="loading" wx:if="{{pageLoading}}">
+  <t-loading loading="{{pageLoading}}" size="40"></t-loading>
+</view> -->

--
Gitblit v1.9.1