From 08bcd17001c34265d77b684cfe1bfb1eb1a08113 Mon Sep 17 00:00:00 2001
From: litian <C21AF165>
Date: 星期三, 27 三月 2024 16:34:47 +0800
Subject: [PATCH] 电子书，样书
---
packageBookService/pages/bookServices/detail/index.wxml | 324 +++++++++++++++++++++++++++++++++--------------------
1 files changed, 202 insertions(+), 122 deletions(-)
diff --git a/packageBookService/pages/bookServices/detail/index.wxml b/packageBookService/pages/bookServices/detail/index.wxml
index 0ad4ec3..630ae8b 100644
--- a/packageBookService/pages/bookServices/detail/index.wxml
+++ b/packageBookService/pages/bookServices/detail/index.wxml
@@ -1,153 +1,233 @@
<!--pages/bookServices/detail/index.wxml-->
<!--瀵艰埅鍖哄煙 -->
-<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="page-bookService">
+ <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>
- <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}}" />
+ <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">
+ <image loading="" src="{{bookDetail.icon ? bookDetail.icon : '/static/images/default-book-img.png'}}" mode="aspectFill" 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">{{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">
+ <view class="li-title" wx:if="{{bookDetail.author}}">浣滆�咃細</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">
+ <view class="li-title" wx:if="{{bookDetail.publicationDate}}">鍑虹増鏃堕棿锛�</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>
+ <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" wx:if="{{bookDetail.seriesName}}">
- <view class="li-title">涓涗功鍚嶏細</view>
- <view class="li-content">{{bookDetail.seriesName}}</view>
+ <!-- 閿�鍞俊鎭� -->
+ <view class="book-sale">
+ <view class="book-price">
+ <!-- 鐢靛瓙涔﹀敭浠� -->
+ <view class="electron-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" wx:if="{{bookDetail.author}}">浣滆�咃細</view>
- <view class="li-content">{{bookDetail.author}}</view>
- </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">
- <view class="li-title" wx:if="{{bookDetail.publicationDate}}">鍑虹増鏃堕棿锛�</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 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>
- <t-image src="/static/images/bookService/detail/square.png" class="right-background"></t-image>
+ <!-- 缃戝簵 -->
+ <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 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="鍥句功绠�浠�"
+ 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>
- <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>
+ </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}}"
+ ></tree>
</view>
- <view> </view>
- </view>
- <!-- 绾歌川涔﹀敭浠� -->
- <view class="paper-price">
- <view>
- <t-image src="/static/images/bookService/detail/paper-price.png"></t-image>
+ <t-loading theme="circular" size="60rpx" class="loading" loading="{{loading }}" />
+ <view wx:if="{{noResources}}" class="noData">
+ <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
</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>
+ </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}}"></learn-resource>
+ <tree id="tree" openIds="{{openLearnids}}" bookInfo="{{bookDetail}}" tab="{{tabValue}}" treeList="{{learn}}" buyIds="{{buyIdList}}" openLearnids="{{openLearnids}}"></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.length}}">
+ <test-resource list="{{test}}" bookInfo="{{bookDetail}}" mockData="{{mockData}}"></test-resource>
+ </view>
+ <view wx:if="{{noResources}}" class="noData">
+ <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+ </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-tabs>
</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}}" 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="鐢靛瓙涔�" 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" applyResourceLoading="{{applyResourceLoading}}"></teach-resource>
- <tree bookInfo="{{bookDetail}}" treeList="{{teach}}" tab="{{tabValue}}" applyState="{{applyState}}" bind:downloadTeach="downloadTeach" openTeachids="{{openTeachids}}" wx:if="{{teach.length}}"></tree>
- </view>
- <t-loading theme="circular" size="60rpx" class="loading" loading="{{loading}}" />
- <!-- <view wx:if="{{!teach.length && !loading}}" class="noData">
- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
- </view> -->
- </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>
+ </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="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 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>
</view>
<view class="btn-text">绾歌川鏍蜂功鐢宠</view>
</view>
- <view class="shopCar {{(tabValue == 'jsek_teachingResources' || tabValue == 'jesk_note') ? 'disabledColor' : 'shopCarColor' }}" bind:tap="addBookShopcCar">鍔犲叆璐墿杞�</view>
- <view class="buy {{(tabValue == 'jsek_teachingResources' || tabValue == 'jesk_note') ? 'disabledColor' : 'buyColor' }}" bind:tap="buyBtn">绔嬪嵆璐拱</view>
+
+ <view class="shopCar {{((tabValue == 'brief' && bookBuy) || tabValue == 'jsek_teachingResources' || tabValue == 'jsek_note') ? 'disabledColor' : 'shopCarColor' }}" bind:tap="addBookShopcCar">鍔犲叆璐墿杞�</view>
+ <view class="buy {{((tabValue == 'brief' && bookBuy) ||tabValue == 'jsek_teachingResources' || tabValue == 'jsek_note') ? 'disabledColor' : 'buyColor' }}" bind:tap="buyBtn">绔嬪嵆璐拱</view>
+ <view class="buy shopCarColor" bind:tap="goRead" wx:if="{{tabValue == 'brief' && bookBuy}}">绔嬪嵆鏌ョ湅</view>
+ <view class="buy shopCarColor" bind:tap="goRead" wx:if="{{tabValue == 'brief' && !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>
\ No newline at end of file
--
Gitblit v1.9.1