<!--pages/digitalTextbooks/digitalTextbooksDetails/index.wxml-->
|
<import src="index.skeleton.wxml" />
|
<template is="skeleton" wx:if="{{loading}}" />
|
<view wx:if="{{!loading}}">
|
<view class="page-bookService">
|
<scroll-view
|
scroll-y="{{true}}"
|
class="book"
|
bindscrolltolower="onReachBottom"
|
>
|
<view class="digital">
|
<view class="book-box">
|
<view class="textbookDetails">
|
<view class="book-img">
|
<view class="imageBox">
|
<image src="{{digitalsData.icon}}" mode="" />
|
</view>
|
<!-- <view class="setCoolect">
|
<image src="/static/images/bookService/detail/collect.png" style="width: 50rpx;" bind:tap="setCoolect" wx:if="{{isFavourite}}" />
|
<image src="/static/images/bookService/detail/collecting.png" style="width: 50rpx;" bind:tap="setCoolect" wx:else="" />
|
</view> -->
|
</view>
|
<view class="bookContent">
|
<view class="headerText"> {{digitalsData.name}} </view>
|
<view class="content">
|
<view class="styleCssBox">
|
<view style="width: 150rpx"> 主编： </view>
|
<view class="authorBox">{{ digitalsData.author}}</view>
|
</view>
|
<view class="styleCssBox">
|
<view style="width: 150rpx"> 编者单位： </view>
|
<view class="authorBox"
|
>{{ digitalsData.editorUnit || '-'}}</view
|
>
|
</view>
|
<view class="styleCssBox">
|
<view style="width: 150rpx">ISBN：</view>
|
<view>{{ digitalsData.isbn}}</view>
|
</view>
|
<view class="styleCssBox">
|
<view style="width: 150rpx"> 出版时间： </view>
|
<view>{{ digitalsData.publicationDate}}</view>
|
</view>
|
<view class="styleCssBox">
|
<view style="width: 150rpx"> 出版单位： </view>
|
<view>{{ publishingUnit || '-'}}</view>
|
</view>
|
</view>
|
<image
|
src="/static/images/bookService/detail/square.png"
|
class="right-background"
|
/>
|
</view>
|
</view>
|
<view class="certificate">
|
<view class="proposal" bind:tap="suggestBtn">
|
<view class="suggestion">
|
<image
|
src="/static/images/digitalTextbooks/Suggestion@2x.png"
|
mode=""
|
/>
|
</view>
|
<view class="proposalText">我要建议</view>
|
</view>
|
<view class="frame"></view>
|
<view class="information">
|
<view class="proposal" bind:tap="onCertificate">
|
<view class="suggestion">
|
<image
|
src="/static/images/digitalTextbooks/shengshu-t@2x.png"
|
mode=""
|
/>
|
</view>
|
<view class="proposalText">证书申请</view>
|
</view>
|
<view class="informationPrice">
|
<view wx:if="{{digitalsData.price != 0}}" class="fixedPrice">
|
<view> 定价： </view>
|
<view>￥{{ digitalsData.price}}</view>
|
</view>
|
<view wx:else>免费</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="book-resource">
|
<t-tabs
|
defaultValue="{{tabValue}}"
|
bind:change="onTabsChange"
|
bind:click="onTabsClick"
|
t-class="custom-tabs"
|
t-class-content="custom-panel"
|
class="tab-class"
|
>
|
<t-tab-panel
|
icon="{{ tabValue == 'brief' ? briefIconClick : briefIcon}}"
|
value="brief"
|
label="基本信息"
|
>
|
<view class="rubricBox">
|
<view class="rubricimgBox">
|
<image
|
src="/static/images/bookService/detail/label.png"
|
mode=""
|
/>
|
</view>
|
<view class="basic"> 基本信息</view>
|
</view>
|
<view class="basic-content" wx:if="{{digitalsData.content}}">
|
<rich-text nodes="{{digitalsData.content}}"></rich-text>
|
</view>
|
<view class="noDataBox" wx:else>
|
<empty />
|
</view>
|
</t-tab-panel>
|
<t-tab-panel
|
icon="{{tabValue == 'jsek_cloudLearning' ? learnResourceClickIcon : learnResourceIcon}}"
|
value="jsek_cloudLearning"
|
label="证书信息"
|
>
|
<view class="rubricBox">
|
<view class="rubricimgBox">
|
<image
|
src="/static/images/digitalTextbooks/zhengshu@2x.png"
|
mode=""
|
/>
|
</view>
|
<view class="basic"> 证书信息</view>
|
</view>
|
<view class="certificateChart">
|
<view class="chart" bind:tap="onClick1">
|
<image
|
src="https://jsek.bnuic.com/home/certificate/szjc.jpg"
|
mode=""
|
/>
|
</view>
|
<view class="chart" bind:tap="onClick2">
|
<image
|
src="https://jsek.bnuic.com/home/certificate/jczs.jpg"
|
mode=""
|
/>
|
</view>
|
</view>
|
</t-tab-panel>
|
<t-tab-panel
|
icon="{{tabValue == 'jsek_teachingResources' ? teachResourcesClickIcon : teachResourcesIcon}}"
|
value="jsek_teachingResources"
|
label="作者信息"
|
>
|
<view class="rubricBox">
|
<view class="rubricimgBox">
|
<image
|
src="/static/images/bookService/detail/author.png"
|
mode=""
|
/>
|
</view>
|
<view class="basic"> 作者信息</view>
|
</view>
|
<view
|
class="basic-content"
|
wx:if="{{digitalsData.authorIntroduction}}"
|
>
|
<rich-text
|
nodes="{{digitalsData.authorIntroduction}}"
|
></rich-text>
|
</view>
|
<view class="noDataBox" wx:else>
|
<!-- <t-empty icon="folder-open" description="暂无数据" font-size="80" /> -->
|
<empty />
|
</view>
|
</t-tab-panel>
|
<t-tab-panel
|
icon="{{tabValue == 'catalogue' ? catalogueClickIcon : catalogue}}"
|
value="catalogue"
|
label="目录"
|
>
|
<view class="rubricBox">
|
<view class="rubricimgBox">
|
<image
|
src="/static/images/digitalTextbooks/mulu@3x.png"
|
mode=""
|
/>
|
</view>
|
<view class="basic"> 目录</view>
|
</view>
|
<view class="basic-content" wx:if="{{digitalsData.catalogue}}">
|
<rich-text nodes="{{digitalsData.catalogue}}"></rich-text>
|
</view>
|
<view class="noDataBox" wx:else>
|
<!-- <t-empty icon="folder-open" description="暂无数据" font-size="80" /> -->
|
<empty />
|
</view>
|
</t-tab-panel>
|
<t-tab-panel
|
icon="{{tabValue == 'questionBank' ? testResourceClickIocn : testResourceIocn}}"
|
value="questionBank"
|
label="相关教材"
|
>
|
<view class="rubricBox">
|
<view class="rubricimgBox">
|
<image
|
src="/static/images/digitalTextbooks/Link@3x.png"
|
mode=""
|
/>
|
</view>
|
<view class="basic"> 相关教材</view>
|
</view>
|
<view class="noDataBox" wx:if="{{relatedBookData.length <= 0}}">
|
<empty />
|
</view>
|
<view class="correlation" wx:else>
|
<view
|
style="margin-bottom: 30rpx"
|
wx:for="{{relatedBookData}}"
|
wx:key="index"
|
wx:for-item="item"
|
wx:for-index="index"
|
data-item="{{item}}"
|
bind:tap="onCorrelationBook"
|
>
|
<view class="correlationImage">
|
<image src="{{item.icon}}" mode="" />
|
<img
|
wx:if="{{item.icon == ''}}"
|
src="/static/images/default-book-img.png"
|
alt=""
|
/>
|
</view>
|
<view class="correlationName">{{item.name}}</view>
|
<view class="correlationAuthor">{{digitalsData.author}}</view>
|
</view>
|
</view>
|
</t-tab-panel>
|
</t-tabs>
|
</view>
|
</scroll-view>
|
|
<view class="box-bottom">
|
<view class="collection" bind:tap="setCoolect">
|
<view class="collectionImage">
|
<image
|
wx:if="{{!digitalsData.isFavourite}}"
|
src="/static/images/digitalTextbooks/wodeshoucang@2x.png"
|
mode=""
|
/>
|
<image
|
wx:else
|
src="/static/images/bookService/detail/collecting.png"
|
mode=""
|
/>
|
</view>
|
<view class="btn-text"> 收藏 </view>
|
</view>
|
<view class="trialReading" bind:tap="goRead" wx:if="{{!isBuy}}">
|
<view class="collectionImage">
|
<image src="/static/images/digitalTextbooks/shidu@2x.png"></image>
|
</view>
|
<view class="btn-text">试读</view>
|
</view>
|
<view
|
class="shopCarColor"
|
bind:tap="addBookShopcCar"
|
wx:if="{{!isBuy &&digitalsData.price != 0 }}"
|
>加入购物车</view
|
>
|
<view
|
class="buyColor"
|
bind:tap="buyBtn"
|
wx:if="{{!isBuy && digitalsData.price != 0}}"
|
>立即购买</view
|
>
|
<view
|
class="buyColor receive"
|
bind:tap="buyBtn"
|
wx:if="{{!isBuy && digitalsData.price == 0.00}}"
|
>免费领取</view
|
>
|
<view
|
class="{{!isBuy ? 'buyColor' :'reading'}}"
|
bind:tap="goRead"
|
wx:if="{{isBuy}}"
|
>
|
立即阅读
|
</view>
|
</view>
|
</view>
|
</view>
|
<suggest
|
class="suggest-component"
|
id="suggest-component1"
|
showIndex="{{showIndex1}}"
|
bookIcon="{{digitalsData.icon}}"
|
bookName="{{digitalsData.name}}"
|
></suggest>
|
<!-- 弹窗 -->
|
<view wx:if="{{dialogBox}}">
|
<view class="popup-box" bindtap="closeDialog"></view>
|
<view class="info-center" style="top:{{height*0.4}}px;">
|
<view>
|
<view class="row-info">
|
<view class="body">
|
<view class="dialog-title">学习证书申请</view>
|
<view
|
style="width: 100%; height: 2rpx; background-color: #f4f4f4"
|
></view>
|
<view class="input-box">
|
<t-input
|
class="input"
|
borderless
|
placeholder="请输入真实姓名"
|
value="{{userInfo.fullName}}"
|
bind:change="onFullNameInput"
|
></t-input>
|
</view>
|
<view class="contentImg">
|
<image src="{{userInfo.userPicture}}" mode="aspectFill" />
|
</view>
|
<view class="buttonBox">
|
<t-button size="small" class="right-btn" bind:tap="uploadPicture"
|
>上传照片</t-button
|
>
|
</view>
|
</view>
|
<view class="row-btn">
|
<view class="left-btn" bindtap="closeDialog">取消</view>
|
<view class="right-btn" bindtap="confirmM">确认</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<t-image-viewer
|
deleteBtn="{{deleteBtn}}"
|
closeBtn="{{closeBtn}}"
|
showIndex="{{showIndex}}"
|
visible="{{visible}}"
|
images="{{images}}"
|
bind:close="onClose"
|
></t-image-viewer>
|
|
<t-toast id="t-toast" />
|
